@charset "UTF-8";

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {  border: 0;  margin: 0;  padding: 0;  font-size: 100%;list-style:none;}html,body {  font-size: 1em;  height: 100%;font-feature-settings : "palt";-webkit-font-smoothing: antialiased;}
* {box-sizing: border-box;}

/* 共通 **********************/
BODY {font-family: YuGothic,"游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,sans-serif;

/* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */}

img {max-width:100%;}
a {color: inherit;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

p {margin-bottom: 1em;}

/* ヘッダ */
#logo {float:left;}
#util {float:right;}

/* トップにもどる */

#page-top {position: fixed;bottom: 10px;right: 20px;font-size: 77%;}
#page-top a {text-decoration: none;color: #cccccc;width: 100px;padding: 10px 0;text-align: center;display: block;border-radius: 5px;}
#page-top a:hover {text-decoration: none;}


/* flexbox */
.div2 {display:-webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.div2 li {width:47.5%;}
.div3 {display:-webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.div3 li {width:30%;}
.div4 {display:-webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.div4 li {width:23%;}


/* clearfix --------------------------------------- */
.clearfix:after{content: ".";display: block;height: 0;font-size:0;clear: both;visibility:hidden;}
.clearfix{display: inline-block;}
/* Hides from IE Mac */
* html .clearfix{height: 1%;}
.clearfix{display:block;}
/* End Hack */
/* --------------------------------------- */


/* リンク */
a {text-decoration: none;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
a:hover {opacity: 0.7; filter: alpha(opacity=70);}


/* pc-sp switch PC */
.pc {display: block;}
.sp {display: none;}



section {max-width:960px;margin:2em auto;}
section img {max-width:100%;}


.off_left{float:left;width:45%;font-size: 14px;}
.off_right{float:left;width:30%;}
.off_right img {max-width: 100%;}

.ttl {font-weight: bold;font-size: 22px;}
.ttl-dd {color: #7A3C09;font-size: 16px;display: block;}
.ttl-small {font-size: 16px;}
.ttl-koza {background: yellow;}


.koshi-box {border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border:2px solid #ED711F;}
.koshi-box-ttl {border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;background:#ED711F;padding: 20px;font-size: 20px;font-weight: bold;}
.koshi-box p {float: left;padding: 20px;}
.koshi-box img {float: right;margin-left: 20px;}

.obi {font-weight: bold;font-size: 22px;text-align: center;background: #7A3C09;color:#fff;padding: 0.5em;}

.obi-ttl {background: #ED711F;padding: .5em;font-weight: bold;color:#fff;margin-bottom: 1em;}

.kakomi {border:2px solid #ED711F;padding: 0.5em;font-size: 18px;font-weight: bold;margin: 1em 0;text-align: center;}


.btn {border-radius: 6px;background: #08648C;padding: 1em;margin: 2em auto;width:50%;font-weight: bold;text-align: center;}
.btn a{color: #FFFFFF;display: block;font-weight: bold;text-align: center;font-size: 22px;}

/* tbl01 レスポンシブ対応 */
.tbl01 {border-collapse: collapse;width:100%;font-weight:bold;}
	.tbl01 th,
	.tbl01 td {width:auto;border: 1px solid #CCC;padding: 1em;}
	.tbl01 th {width:auto;text-align: left;white-space: nowrap;background:#ED711F;}

@media only screen and (max-width:480px){
.tbl01 {}
	.tbl01 th,
	.tbl01 td{width: 100%;display: block;border-top: none;padding: 0.5em;}
	.tbl01 tr:first-child th   { border-top: 1px solid #ddd; }
}

	body {}
	.ad {text-align: center;}
	.ad	p {line-height: 2em;text-align: left;}
	.ad	.small {font-size:0.7em;}
	.ad .bg2 {background-color: #F7F094;padding: 3em 2em 2em 2em;border-radius: 10px;}
	.bg2 {position: relative;}
	.ad h1 {font-size: 28px;font-weight:bold;margin-bottom: 0.5em;color:#0E3481;}
	.ad h2 {font-size: 24px;font-weight:bold;margin-bottom: 0.5em;color:#fff}
	.ad h3 {margin: 0 auto;text-align: center;background: #1067AB;color:#fff;padding: .25em 1em;border-radius: 50px;font-size:24px;display: inline-block;margin-bottom: 1em;}
	.ad h4 {margin: 0 auto;text-align: center;background: #A50909;color:#fff;padding: .25em .5em;border-radius: 5px;font-size:16px;display: inline-block;margin: 1em 0;}
	.ad h5 {font-size: 24px;font-weight:bold;margin-bottom: 0.5em;color:#fff}

p.name {text-align: center;font-size: 24px;font-weight:bold;line-height: 1em;margin-top: 0;}
p.gaiyo {text-align: left;font-size: 18px;font-weight:normal;line-height: 1.5em;margin-top: 0;}
p.gaiyo2 {text-align: center;font-size: 22px;font-weight:bold;line-height: 1em;margin-top: 0;display: inline;}
p.gaiyo3 {text-align: center;font-size: 20px;font-weight:bold;line-height: 1em;margin-top: 0;display: inline;}
p.pname {text-align: left;font-size: 18px;font-weight:bold;padding-top: -0.5em;padding-bottom: .5em;}
p.ttitle {text-align: left;font-size: 18px;color:#1067AD;font-weight:bold;margin-top: 0;padding-bottom: -0.5em;}


p.classfied{text-align: center;line-height: 1em;}
.profile ul {margin-bottom: 2em;}
.profile li {text-align: left;margin-bottom: 2em;}
.profile_name {border-bottom: 1px dashed #6598A5;padding-bottom: .5em;margin-bottom: 0em;font-size: 20px;color:#6598A5;}
p.moshikomi {font-weight: normal;font-size:20px;line-height: 2em;}
.ad .map {border: 1px solid #000;}
.ad .btn {background-color: #A50909;width: 100%;border-radius: 10px;}
.ft2 {background-color: #2E3347;bottom: 0;}


/************************************
** お問い合わせフォームの入力
************************************/
#cf-tbl{
width: 800px;
}

#cf-tbl table{
width: 100%;
border-collapse: collapse;
border: solid #CCC;
border-width: 1px;
color: #444;
}
#cf-tbl table tr th,
#cf-tbl table tr td{
padding: 0.5em;
text-align: left;
vertical-align: top;
border: solid #CCC;
border-width: 1px;
vertical-align: middle;
}
#cf-tbl table tr th{
width: 35%;
background: #eee;
}

#cf-tbl2{
width: 800px;
}

#cf-tbl2 table{
width: 100%;
border-collapse: collapse;
border: solid #CCC;
border-width: 1px;
color: #444;
}
#cf-tbl2 table tr th,
#cf-tbl2 table tr td{
padding: 0.5em;
text-align: left;
vertical-align: top;
border: solid #CCC;
border-width: 1px;
vertical-align: middle;
}
#cf-tbl2 table tr th{
width: 85%;
background: #eee;
}

/* CF7チェックボックスとラジオボタンを縦並びに */
.wpcf7-list-item {
margin-top:5px;
display: block;
}

@media screen and (max-width:768px){
#cf-tbl{
width: 100%;
}

#cf-tbl table,
#cf-tbl table tbody,
#cf-tbl table tr,
#cf-tbl table tr th,
#cf-tbl table tr td{
display: block;
}

#cf-tbl table{
width: 100%;
border-width: 0 0 1px 0;
}

#cf-tbl table tr th,
#cf-tbl table tr td{
width: 100%;
padding: 3% 5%;
}

#cf-tbl table tr td{
border-width: 0px 1px 0px 1px;
}

#cf-tbl2{
width: 100%;
}

#cf-tbl2 table,
#cf-tbl2 table tbody,
#cf-tbl2 table tr,
#cf-tbl2 table tr th,
#cf-tbl2 table tr td{
display: block;
}

#cf-tbl2 table{
width: 100%;
border-width: 0 0 1px 0;
}

#cf-tbl2 table tr th,
#cf-tbl2 table tr td{
width: 100%;
padding: 3% 5%;
}

#cf-tbl2 table tr td{
border-width: 0px 1px 0px 1px;
}


}
/*「必須」文字デザイン*/
.required{
font-size:.8em;
padding: 5px;
background: #F57500;
color: #fff;
border-radius: 3px;
margin-right: 5px;
}

/*「任意」文字デザイン*/
.optional{
font-size:.8em;
padding: 5px;
background: #000080;
color: #fff;
border-radius: 3px;
margin-right: 5px;
}

/* 入力項目を見やすく */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
	background-color: #eff1f5;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 「送信する」ボタン */
input.wpcf7-submit {
    display: block;
    padding: 15px;
    width: 400px;
    background: #ffaa56;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    margin: 15px auto 0
}



@media screen and (max-width:768px){
input.wpcf7-submit {
width: 250px;
}
}


input.wpcf7-submit:hover {
	box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
	transform: translateY(-4px);
	opacity:0.7;
}

/* エラーメッセージを見やすく */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}




/* エラーメッセージの上部を消去 */
div.screen-reader-response{
  display: none;
}

form.sent table{
display:none;
}



div.wpcf7-response-output {
	color: red;
font-weight:bold;
font-size:120%;
}




/* モバイル設定 **********************************************************************************/
@media ( max-width : 960px ) {


/* flexbox */
.div2 li {width:100%;}
.div3 li {width:100%;}
.div4 li {width:100%;}


/* pc-sp switch sp */
.pc {display: none;}
.sp {display: block;}

section {max-width:90%;margin:1em auto;}


	}