@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/css?family=Roboto:300,400,500&display=swap);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:100,300,400,500,700,800,900&display=swap');




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

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

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


html{	font-size:100%;}

html{    height:100%;}
body{    height:100%;}

* html #all{ height: 100%;}
footer{  position:absolute; bottom:0px;}
#all{ position:relative;
    height: 100%;
    min-height: 100%;}
body > #all{height: auto;}



body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #000000;
	height:100%;
	line-height:1.7;
	background:#FFFFFF;
	-webkit-text-size-adjust: none;
	font-weight:300;
-webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;
}

strong{ font-weight:500;}
address{ font-weight:300;}

.mincho{ font-family: 'Noto Serif JP', serif;}
.font-rounded {font-family: 'M PLUS Rounded 1c', sans-serif;}	

/* ヘッダー幅 */

nav ul#navMenu{margin:auto;  /*width:1000px;*/ }
#summary{  width:1000px; margin:auto; position:relative; }


/* ページ幅 */

.wrap
{margin:auto; width:1000px; }


/* PC ページ幅*/
@media print, screen and (min-width: 735px) {
.pcwrap{margin:auto; width:1000px; }
#contentArea{  padding-bottom:10rem;}
}

/* SP */
@media screen and (max-width: 736px) {
#contentArea{  padding-bottom:8rem; }
}





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

/* 基本要素 */

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


/*hover PC*/
@media print, screen and (min-width: 735px) {
.links a:hover,
a:hover{ opacity:0.9;}


}

a{  color:#0099CC;}


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

.more-link,
.btnSQ{ font-weight:500;}


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

/* ●＆■ */

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


.wpcontents h4:before,
.sq:before , .profHead:before{color:#51AFC4;}




/* 太字テキスト */

.tx-b,.tx-bb,.tx-bbb{color:#0793B3;}
dl.headingText dt{color:#003476;}





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



/* SP */
@media screen and (max-width: 736px) {
/*.news h2 {color:#1D9ECC;}*/
}

.color{ color:#00A63C;}
.colorRed{ color:#9E1822;}
.colorOrange{ color:#e56300;}
.colorBrown{ color:#51362E;}
.colorPink{ color:#e36496;}



/* お知らせパーツ */
/*.news-block{ border-color:#D9F1F9; background:#FFFFFF;}
.news h2:before{background:#1AB3DD;}
.date{    color: #1D9ECC;}
*/

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

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

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





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

p{ margin-bottom:1.2rem;}

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





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

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

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








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

/*ヘッダー*/

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

/* ヘッダ 基礎*/
header{	width:100%;  }



header .headerArea{width:100%; background:#51AFC4; }



.headerArea a{ color:#FFF; text-decoration:none;}


header h1{ margin-bottom:0rem; font-family: 'Noto Serif JP', serif; font-size:2rem;}


header p{ margin-bottom:0rem; font-size:0.9rem; font-family: 'Roboto', sans-serif;}




/*PCのみ*/
@media print, screen and (min-width: 735px) {
header .headerArea{margin:0 auto; position:relative; display:flex;justify-content: center;
align-items: center;
text-align: center;}
header .headerArea{height: 200px;}


.lang{ position:absolute; right:20px; top:20px;}
.lang img{ width:40px;}
}


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

header{  transition: 0.2s;  border-bottom: solid 1px #F3F3F3;  box-sizing:border-box; text-align:center; }


header .headerArea{display:flex;justify-content:flex-start ; align-items: center; height:70px; padding-left:10px;
box-sizing: border-box;}

/* ヘッダ高さ*/

header h1{ 
 margin-bottom:0rem; font-size:1.1rem;}
 

header p{  font-size:0.6rem; }




/*ナビ位置*/
header #globalMenu {
/*flex-shrink: 0; flex-basis: content;*/

}

/*ナビ開閉時　背景位置*/
header #globalMenu #SpNavWrapper { top:71px;}

nav ul#navMenu{margin-top:0px;}


.lang{ position:absolute; right:60px; top:22px;}
.lang img{ width:36px;}

}




/* ヘッダー固定する場合 */
/*  ------------------------------------------------------------ */

/*PCのみ*/
/*
@media print, screen and (min-width: 735px) {
#head{ z-index:100; width:100%; position:fixed;top: 0; left: 0; transition: .5s; }
#mid #content{ padding-top:205px;}
}

/*
#head{transition: .5s;  position:fixed;top: 0; left: 0; width:100%; z-index:100; border-bottom:#EDEDED solid 1px; }

@media print, screen and (min-width: 735px) {
.titleArea{	margin-top:168px ;}

}



/*
 以下高さの合計
#header border-top +
#header .logo  + 
#head .head-menu li a height
*/



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

/* ヘッダ メニュー*/


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

/*PCのみ*/
@media print, screen and (min-width: 735px) {
/* ナビ背景 */
nav{
	width:100%;
	min-width: 1000px;
		height:60px;
}

.SpNavinner{background:#F2F2F2;	/*! padding:0.9rem; */}

nav ul{display: flex; 	justify-content: center;
}

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

nav #navMenu li { display:flex; margin-bottom:0; align-content: center;}
nav #navMenu li a{	width:100%; box-sizing:border-box; display:block; color:#666666; font-weight:500; text-decoration:none; margin-left:0.9rem;  padding: 1rem 0 1.1rem;}
nav #navMenu li:after{ content:"|"; display:inline; margin-left:0.9rem; height: 2rem;color: #acacac; align-self: center;}
nav #navMenu li.on a{ color:#0793B3;}
nav #navMenu li a:hover{ opacity:0.7;}


header .spTop{ display:none;}


/* メニューボタンデザイン */


nav li{position: relative; text-align:left;}
nav li a{display: block; cursor:pointer;}



/* ================= */



nav #navMenu li ul{
	position: absolute;
	top: 30px;
	border:1px solid #4CB5E7;
    background: #FFF;
     -webkit-transition: .2s ease;
  transition: .2s ease;
  visibility: hidden;
  opacity: 0; 
  z-index:10;
display: block !important;	
	
}


nav #navMenu li ul li a{
	width:16rem;
	height:inherit;
	padding:1rem 0 1rem 2rem;
	border-top:#4CB5E7 dotted 1px;
	box-sizing:border-box;
	background:url(../images/common/btnR.svg) no-repeat left 0.6rem center;
	background-size:1rem;
	font-size:0.95rem;
	text-decoration:none;
	color:#333;
	text-indent:0;
	text-align:left;
	margin:0;
}


nav #navMenu  li ul li.on a{ color:#022E7B;   background-color:#E5F4FC;}


nav #navMenu li ul li:first-of-type a{border:none;}


nav #navMenu li:hover ul{
    top: 56px;
    visibility: visible;
    opacity: 1;
}

nav #navMenu  > li{ position: relative; white-space: nowrap;}
nav #navMenu li ul li::after { content: none;}





}








/* ページタイトル*/
/*  ------------------------------------------------------------ */

.titleArea {

padding-top:3rem;
padding-bottom:2rem ;

text-align: center;


border-bottom: dotted 1px #999;

margin-bottom:2rem;
}

.titleArea h2{
color:#0793B3;
font-weight:700;
line-height:1.4;
font-size:2.4rem;
 font-family: 'Roboto', sans-serif;
}

.titleArea p{ margin-bottom:0; font-size:0.9rem;}

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

.titleArea {
	padding-top:1rem;
padding-bottom: 1rem;
}
.titleArea h2{ margin:0; font-size:1.8rem;
}

}






/* メインタイトル H2*/
/*  ------------------------------------------------------------ */



.pageTitle {

padding-top:3rem;
margin-bottom:1.5rem ;

padding-bottom:3rem;
font-weight:600;
line-height:1.4;
text-align: center;
font-size:1.8rem;

border-bottom: dotted 1px #999;

color:#0793B3;

}




/*SP*/
@media screen and (max-width: 736px) {
.pageTitle{ font-size:1.3rem;  padding-bottom:1rem ; margin-bottom:1rem ; padding-top:1rem;}
.wpcontents .pageTitle{ text-align:left;}
.publications .pageTitle{ margin-bottom: 0;}
}






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

.tx-b{ font-size:1.4rem; font-weight:500; margin-bottom: 0.8rem; line-height:1.5;}
.tx-bb{ font-size:1.6rem; font-weight:500;  margin-bottom: 0.8rem;  line-height:1.5;}
.tx-bbb{ font-size:2rem; font-weight:500;  margin-bottom: 1rem;  line-height:1.5;}




/* SP */
@media screen and (max-width: 736px) {
.tx-b{ font-size:1.25rem;}
.tx-bb{ font-size:1.4rem;}
.tx-bbb{ font-size:1.6rem;}
dl.headingText dt{ font-size:1.15rem;}
}

.haveline{
	margin-bottom:0.8rem;
	padding-bottom:0.6rem;
	border-bottom:dotted 1px #999999;
}


.lineL{ line-height:1.8;}





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


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

table.listTable th{ padding:1rem;
 background:#E5F4FC;
	font-weight:400;
white-space:nowrap; 
  border-bottom:solid 1px #ccc;
}

table.listTable thead th{ background:#EEF7F9; text-align:center;  border-left:solid 1px #ccc; line-height:1.4; }
table.listTable tbody th{ background:#FAFAFA;}



table.listTable .line2 th{ padding:0.5rem;}





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

table.listTable  td.price{ white-space:nowrap; width:25%; }
table.listTable  td span{ padding-left:0.6rem;}
}


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

table.listTable { font-size:0.9rem;}

table.listTable tbody th{ text-align:center;}
table.listTable tbody th.thLv2{ text-align:left;}

table.listTable  td.price{  width:auto; 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;}
}




/*==========================================================================*/

/* お知らせ一覧 */



/* PC 基礎 */
@media print, screen and (min-width: 735px) {
#newsinfo .pcwrap{display:flex; justify-content: space-between; align-items: center;}
#newsinfo .topNewsHead{ align-items: center; width:25%; display:flex; flex-direction: column; justify-content: center;}
#newsinfo .spwrap{display:flex; flex-wrap: wrap; align-items: center; margin-left: auto; height: 100%; width:72%;}
.news-box{display:flex; padding:1.5rem 0 ; flex-basis: 100%;}
.news-box .date{ width:15%;}
.news-box .headline{ width:100%;}
}




/* SP　基礎 */
@media screen and (max-width: 736px) {
	
#newsinfo{ width:100%; padding:0 0 1rem; margin:0; }
#newsinfo .spwrap{width:94%; }

#newsinfo h3 a{color:#FFFFFF; text-decoration:none;}
.news-box{display:block;}
.news-box .date, #top .news-box .headline{ width:100%;}
.news-box .date{padding-right:0; margin:0 0 0;}
.news-box .headline{ line-height:1.4;}
.news-box{padding:1rem 0 ;}
}



.date{font-family: 'Roboto', sans-serif; font-weight:500;}
.headline a{text-decoration:none; color:#333;}
.news-box .headline , #top .news-box .date{ margin:0; }

#newsinfo{width:100%; }
#newsinfo p{ margin-bottom:0;}
.date{ color:#000000;}
.news-box{border-bottom:1px dotted #999;}

/*PC　調整*/

@media print, screen and (min-width: 735px) {

 #newsinfo{width:100%; }


/*.news-box:not(:last-child){border-bottom:1px dotted #999;}*/
.topNewsHead h3{ margin-bottom:1rem;}	
#newsinfo{width:100%; padding: 0;}
}


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

#newsinfo{ background:none; padding: 0 0 0.5rem; margin:0;}
#newsinfo .glid{ width:94%; margin:auto;}


.topNewsHead h3 a{ display:block; width:100%;  padding:0.8rem; box-sizing:border-box; }
.topNewsHead h3{ border-top: 3px solid #2e5a99;  background: url(../images/common/btnR.svg) no-repeat right 1rem center; background-size:1.4rem;}
.topNewsHead h3 img{ height:2.4rem;}

}






#foot .snsBtnAra{display: flex;justify-content: center;padding: 0 0 5rem;}
#foot .snsBtnAra li:first-of-type{margin-right: 0.8rem;}
#foot .snsBtnAra li:last-of-type{margin-left: 0.8rem;}
#foot .snsBtnAra li img{height: 34px;}

/* SP */
@media screen and (max-width: 736px) {
	
#foot .snsBtnAra{}
#foot .snsBtnAra li:first-of-type{margin-right: 1rem;}
#foot .snsBtnAra li:last-of-type{margin-left: 1rem;}
#foot .snsBtnAra li img{height: 35px; fill: #000;}
	
}








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

/* フッター*/

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






footer .wrap{ padding:0 }
footer{ width:100%; 	}






footer{ background:#666666; padding:1rem 0; color:#FFFFFF; flex-basis:100%; /*border-bottom:1px solid #74BEEB;*/}
footerh2{ font-size:1rem; font-weight:500; margin-bottom:0.3rem; text-align:center;}
footer address{font-weight:300; margin-bottom:0;}

.copyright{font-size:70%; text-align:left; color:#FFF;
	font-family:Arial, Helvetica, sans-serif; text-align:center; width:100%; padding:0.4rem 0; margin:0;}


@media print, screen and (min-width: 735px) {
#pagetop{padding-bottom: 10px;}
#pagetop img{ width:64px; height:64px;}
}



/* 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:#51AFC4 1px solid;
display: inline-block;
text-align: center;
color: #51AFC4;
border-radius:3px;
font-family: 'Roboto', sans-serif;
text-decoration:none;

}
.wp-pagenavi a:hover{border:#51AFC4 1px solid;}


.wp-pagenavi .current{ background:#51AFC4; 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%;
}
}





/* 英語ページ*/
/*  ------------------------------------------------------------ */


header .headerArea.en h1{font-family: 'Roboto', sans-serif; letter-spacing:normal;}