@charset "utf-8";
/* CSS Document */

@import url("common.css");
@import url("common-detail.css");
@import url("commonIcon.css");

@import url("detail.css");
@import url("btn.css");
@import url("acordion.css");

@import url("top.css");




@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');







/*  -------------------------------------------------------------------------------------------------------------------- */

/* ベースレイアウト設定 */

/*  -------------------------------------------------------------------------------------------------------------------- */



html{font-size:100%;}


body {
	font-family:'Roboto', sans-serif;
/*	font-family: 'Noto Sans JP', sans-serif;
	font-family: 'Noto Serif JP', serif;*/
	color: #3e3a39;
	height:100%;
	line-height:1.7;
	background:#fff;
	-webkit-text-size-adjust: none;
	font-weight:400;
	font-size: 1rem;
}
.mac body {font-weight:300;}


.strong,strong{ font-weight:700; color:#3e3a39;}
.mac .strong,.mac strong{ font-weight:500;}


.font-jp{font-family: 'Noto Sans JP', sans-serif;}





/* ページ幅 */
.wrap
{margin:auto; width:900px; }


/* PC ページ幅*/
@media print, screen and (min-width: 737px) {

.pcwrap{margin:auto; width:900px;}

	
}




#contentArea{
	padding-top: 3.5rem;
	padding-bottom:6rem;
}



/*SP*/
@media screen and (max-width: 736px) {

#contentArea{
	padding-top:2rem;
	padding-bottom:3rem;
}

}

/*  -------------------------------------------------------------------------------------------------------------------- */

/* 基本要素 */

/*  -------------------------------------------------------------------------------------------------------------------- */



/*hover PC*/
@media print, screen and (min-width: 737px) {
.links a:hover,
a.plane:hover,
a:hover{  color:#3ea4c2;}
a img:hover{ opacity:0.85;}
a.spLink{ pointer-events: none;}
	
}

a{color:#3ea4c2;}



a.more-link,
.link a,
.links a{ text-decoration:none; color:#333;}
.top .newsinfo p.headline a{color:#333;}


a.plane{ text-decoration:none; color:#333;}
a.underline,
.underline{ text-decoration:underline; color:#3ea4c2; font-weight:700;}
.mac a.underline,s
.mac .underline{font-weight:500;}

.a_nondeco{text-decoration:none;}






/* 基礎パーツカラー */
/*  ------------------------------------------------------------ */

/* ●＆■ */

.wpcontents ul li:before,
ul li:before,.headListTable th:before{ color:#A8D7E1;}

.wpcontents ul.listGreen li:before,
ul.listGreen li:before,.headListTable.listGreen th:before{ color:#9DD2A0;}

.wpcontents ul.listOrange li:before,
ul.listOrange li:before,.headListTable.listOrange th:before{ color:#F9C7A3;}

.wpcontents ul.colorBlue li:before,
ul.listBlue li:before,.headListTable.listBlue th:before{ color:#A3CCEB;}








.wpcontents h4:before,
.sq:before , .profHead:before{color:#3ea4c2;}




/* 太字テキスト */

.tx-b,.tx-bb,
dl.headingText dt
{color:#3ea4c2;}











/*アイコン使用テキストサイズ*/
.iconTxt{ font-weight:500; margin-bottom:0.3rem; font-size:1.125rem;color: #333;}
.mac .iconTxt{ font-weight:400;}


.color{color:#3ea4c2;}
.colorRed{color:#c30d23;}
.colorGray{color:#595757;}

.colorBold{ color:#0067a4; font-weight:700;}
.mac .colorBold{font-weight:500;}







hr,
.dotline{ border-color:#CCCCCC; margin-bottom:2rem; padding-bottom:2rem;}

.dotline.lineColor,
hr.color{border-color:#f0e0c0;}

hr.lineS,
.dotline.lineS{ margin-bottom:1rem; padding-bottom:1rem;}

.dotline_bottom{ border-bottom: 1px dotted #CCCCCC;}
.dotline_top{ border-top: 1px dotted #CCCCCC;}





/*基本要素要素マージン */
/*  ------------------------------------------------------------ */

p{ margin-bottom:1.2rem;}

ul.list li{  margin-bottom:0.2rem;}







/*  -------------------------------------------------------------------------------------------------------------------- */

/* 変更デザインパーツ */

/*  -------------------------------------------------------------------------------------------------------------------- */



/*  ------------------------------------------------------------ */

/*ヘッダー*/

/*  ------------------------------------------------------------ */


/* ヘッダ 基礎*/
header{	width:100%;box-sizing:border-box;background:#eee;}

header .headerArea{
	margin:0 auto;
	position:relative;
	display:flex;
	align-items: center;
	background-image: url("../images/midImgL.png"), url("../images/midImgR.png");
	background-repeat:no-repeat;
	background-position:center left,center right;
	background-size:auto 100%,auto 100%;
	background-color: #c5ebf4;
	width: 100%;height:180px;
}




/*PCのみ*/
@media print, screen and (min-width: 737px) {
	
header .headerArea{min-width: 900px;transition: .5s;}
header .logo{margin-left: 200px;}


}




/*SP*/
@media screen and (max-width: 736px) {
	


}








/* ヘッダナビ */
/*  ------------------------------------------------------------ */

/* ヘッダ メニュー*/

nav #navMenu li { margin-bottom:0;}


/*PCのみ*/
@media print, screen and (min-width: 737px) {
	

nav ul#navMenu{
	width:900px;
	margin:auto;
	display: flex;
	justify-content: space-between;
}

/* ナビ背景 */
nav{
	width:100%;
	height:64px;
	min-width: 900px;
	position: relative;
	background: #f8f8f8;
}


/* メニューボタンサイズ */

nav #navMenu {height:64px;}

nav #navMenu > li{display: flex;align-items: center;justify-content: center;position: relative;}
	
nav #navMenu > li::before{
	content: "";
	width: 1px;
	height: 50%;
	position:absolute;
	left: 0;
	top:50%;
	transform: translateY(-50%);
	background:#dcdddd;
}
	
nav #navMenu > li:last-of-type::after{
	content: "";
	width: 1px;
	height: 50%;
	position:absolute;
	right: 0;
	top:50%;
	transform: translateY(-50%);
	background:#dcdddd;
}	
	
	
	
	
nav #navMenu > li > a{
	height:64px;
	color:#595757;
	font-size:1rem;
/*	letter-spacing: 0.01em;
	font-feature-settings: "palt";*/
	font-weight: 500;
	text-decoration: none;
	line-height: 1.3;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}
.mac nav #navMenu > li > a{font-weight: 400;}

	
nav #navMenu > li.on a{	color:#3ea4c2;}
nav #navMenu li a:hover{ opacity:0.85;}


/*メニューボタンデザイン */
nav #navMenu li.menu1{width:103px;}
nav #navMenu li.menu2{width:103px;}
nav #navMenu li.menu3{width:140px;}
nav #navMenu li.menu4{width:196px;}
nav #navMenu li.menu5{width:138px;}
nav #navMenu li.menu6{width:213px;}



	
	
.spMenu_head{display: none;}
#globalMenu{display: block!important;}
#content{display:block!important;}
.spNavTel,.spNavYoyaku{display: none!important;}
	


}









/* ミドル　タイトル */
/*  ------------------------------------------------------------ */





.pageTitle{
	margin-bottom: 1.5rem;
	font-weight: 500;
	line-height: 1.4;
	font-size: 2.0625rem;
	color: #3ea4c2;
}
.mac .pageTitle{font-weight: 400;}



.pageTitle.size_s{
	font-size: 1.625rem;
}






/*SP*/
@media screen and (max-width: 736px) {

.pageTitle{
	font-size:1.4rem;margin-bottom: 1.2rem;
}
.pageTitle.size_s{
	font-size: 1.35rem;
}


}








dl.headingText{ margin-bottom: 1.2rem;}
dl.headingText dt{ font-size:1.2rem; font-weight:400; margin-bottom:0.2rem;}
dl.headingText dd + dt{ margin-top:1.2rem; }


.tx-b{ font-size:1.2rem; margin-bottom: 0.6rem; font-weight: 400; line-height:1.5;}
.tx-bb{ font-size:1.35rem; margin-bottom: 0.8rem; font-weight: 500; line-height:1.5;}
.tx-bbb{ font-size:1.55rem; margin-bottom: 0.8rem; font-weight: 500; line-height:1.5;}

/* SP */
@media screen and (max-width: 736px) {
.tx-b{ font-size:1.1rem;}
.tx-bb{ font-size:1.25rem;}


dl.headingText dt{ font-size:1.15rem;}
}







/* ============================================================== */
/* 色付き番号箇条書きリスト */



ol.numList{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
ol.numList ol{
  padding-left: 1rem;

}
ol.numList li{
  text-indent: -1.6rem;
  padding-left: 1.6rem;
  margin-bottom:0rem;
  font-size:1.2rem;

}
ol.numList li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5rem;
  font-weight: 500;
  color: #EE772B;
  font-size:1.5rem;
}


/* 表テーブル*/
/*  ------------------------------------------------------------ */


table.listTable {  margin: 0 0 10px; text-align:left; border:solid 1px #efefef;}
table.listTable td{ padding:1.7rem; background:#FFFFFF;
 border-left:solid 1px #efefef;
  border-bottom:solid 1px #efefef;
  }

table.listTable th{padding: 1.7rem;}


table.listTable tbody th{
	background:#fcfbf6;
	font-weight:400;
	white-space:nowrap; 
	border-bottom:solid 1px #efefef;
}

table.listTable thead th{ background:#f9f7f0; text-align:center; border-left:solid 1px #efefef;   border-bottom:solid 1px #efefef; line-height:1.4; padding:1.3rem 0;}
table.listTable .line2 th{ background:#f8f2eb; text-align:center; border-left:solid 1px #efefef;   border-bottom:solid 1px #efefef; line-height:1.4; padding:0.8rem 0;}



/* PC */
@media print, screen and (min-width: 737px){
table.listTable td {padding: 1rem 2rem;}
table.listTable tbody th{padding: 1.3rem 2rem;}

}









/* 調整*/

table.listTable thead th {padding: 1rem 0;font-weight: 500;color:#333;}
.mac table.listTable thead th {font-weight: 400;}

table.listTable tbody th{font-weight:500;color:#595757;}
.mac table.listTable tbody th {font-weight:400;}

table.listTable.tLHS{line-height: 1.3;}









/* SP */
@media screen and (max-width: 736px) {

table.listTable { font-size:0.9rem;}
	
table.listTable thead th{padding:1rem 0;}
	
table.listTable tbody th{ text-align:center;}
table.listTable td{ /*! text-align:left; */}
table.listTable tbody th.thLv2{ text-align:left;}

table.listTable td.price{text-align:center; white-space:nowrap; width:25%;}
table.listTable td.price span{ display:block; line-height:1;}
table.spVecticalList th.thLv2{ border-left:none;}
	

	
/* 調整*/
table.listTable thead th{padding:0.7rem 0;}
table.listTable tbody th{text-align:left;padding: 1.2rem 0.5rem;}

	
table.spVecticalList tr:last-of-type td{border-bottom: none;}
}









/*  ------------------------------------------------------------------------------------- */

/* フッター*/

/*  ------------------------------------------------------------------------------------- */

/* フッタ */
footer .wrap{ padding:0}
footer{ width:100%; }









/*インフォエリア */
/*  ------------------------------------------------------------ */


#infoArea {
	background-color: #fbfbfb;
	padding:2rem 0 0.5rem;
	font-size: 0.95rem;
}
#infoArea h3{
	font-size: 1.125rem;
	font-weight: 500;
	color:#3ea4c2;
}
.mac #infoArea h3{font-weight: 400;}

#infoArea .linkbtn{margin-top: 0.6rem;font-size: 1rem;}











/*  ------------------------------------------------------------ */

/* フッター*/

/*  ------------------------------------------------------------ */

#foot{ background:#c5ebf4; padding:1.4rem 0;}

.copyright{
	font-size:80%;
	text-align:center;
	width:100%;
	margin:0;
	font-weight:500;
	
}
.mac .copyright{font-weight:400;}




/*PCのみ*/
@media print, screen and (min-width: 737px) {
	
.copyright{min-width: 900px;}
#pagetop{padding-bottom: 10px;bottom: 10px!important;}
#pagetop img{ width:64px; height:64px;}
	
}




/* SP */
@media screen and (max-width: 736px) {
#foot{padding:1.2rem 0;}
.copyright{font-size:70%;}

}









/* WP PageNavi
/*  ------------------------------------------------------------ */
 
.wp-pagenavi{ margin-top:1rem !Important;}
.wpcontents .wp-pagenavi a{ margin-right:5px;}



.wp-pagenavi a ,
.wp-pagenavi .current{ 
	background: #FFF;
	margin-right: 0.4rem;
	width: 36px;
	line-height: 36px;
	font-size:0.9rem;
	border:#3ea4c2 1px solid;
	display: inline-block;
	text-align: center;
	color: #3ea4c2;
	border-radius:3px;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;

}
.wp-pagenavi a:hover{border:#3ea4c2 1px solid;}


.wp-pagenavi .current{ background:#3ea4c2; color:#FFF; border:none;}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink{}


/* SP */
@media screen and (max-width: 736px) {
.wp-pagenavi{text-align:center; margin-bottom:1rem;}

.wp-pagenavi a ,
.wp-pagenavi .current{margin-bottom: 5px; width:14%;}


}