@charset "UTF-8";

/*共通書式*/

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


/*================================================
 *  一般・共通設定
 ================================================*/
 



html { 
	font-size: 17px;
	background-color: #fff;
	}

body {
	color: #000;
	line-height: 1.6;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}


/*PC背景svg*/
@media only screen and (min-width:800px) {

	body {
	background-color: #EAF6F9;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800' preserveAspectRatio='xMaxYMin slice' %3E%3Cg %3E%3Cpath fill='%23e2f4fa' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23daf2fb' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23d3f1fb' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23cbeffc' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23C3EDFD' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23bce7fc' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23b5e0fb' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23addafa' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23a6d3f9' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%239FCDF8' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
	
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 120% 120%;       /* 20%拡大 */
	background-position: right top;   /* 右上を基準に配置 → はみ出し分は左側へ */
	}
}



/*================================================
 *  タグ
 ================================================*/

a {
	color: #000099;
	text-decoration: none;
}
a:hover {
	color: #000099;
	text-decoration:underline;
}
p {
	margin:0 0 0 0;
}
img {
	vertical-align:bottom;
}
em {
	font-weight:bold;
	font-style:normal;
}
strong {
	font-weight:bold;
}
small{
	font-size:85%;
	}
b {
	font-weight:bold;
}
ul,ol,dl {
	margin:0;
}
ul li {
	list-style-type: none;
}
ul.disc li{
	margin-left:2em;
	list-style-type:disc;
}
ol li {
	margin-left:2em;
	list-style-type: decimal;
}
dl {} dt {} dd {}

table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #aaa;
}
th {
	padding:10px;
	text-align:left;
	vertical-align:top;
	border:1px solid #aaa;
}
td {
	padding:10px;
	text-align:left;
	border:1px solid #aaa;
}

del {font-weight:inherit;}



/*================================================
 *  見出し
 ================================================*/

/*見出し リセット済*/ 



h1 { }/*サイトタイトル*/

h2 { }/*ページタイトル*/

h3 {
	color:#113567;
	font-size:18px;
	font-weight:bold;
	border-left:7px solid #113567;
	border-bottom:2px solid #113567;
	margin:2.4em 0 1em;
	padding:0 0.4em;
	}
	@media screen and (max-width:799px) {
	h3 {
		font-size:16px;
		}
	}


h4 {
	font-size:18px;
	font-weight:bold;
	margin:1.8em 0 1em;
	border-bottom:1px solid #10813B;
	border-left:5px solid #10813B;
	padding-left:8px;
	}
h5 {
	font-size:17px;
	font-weight:bold;
	margin:1em 0 0.5em;
	color:#10813B;
	}
	
h6 {/*h6はパーツ毎に使用*/
	font-size:1rem;
	font-weight:bold;
	margin:0;padding:0;
	}


/*トップページ見出し*/
.top_heading{
	color:#113567;
	font-size:20px;
	font-weight:bold;
	margin:2.5em 0 0.8em;
	}
	@media screen and (max-width:799px) {
	.top_heading{
	font-size:17px;
	margin:2em 0 0.5em;
	}
	}




/*************　見出し転用　*************/ 

	/*単帯*/
	.heading_obi{
	font-size:30px;
	background-color:#039;
	color:#eee;
	font-weight:bold;
	margin:3em 0 1em;
	padding:0.5em 1.2em;
	border-radius:4px;
	}
	
	/*下線二色*/
	.heading_twoton{
	font-size:30px;
	font-weight:bold;
	margin:3em 0 1em;
	border-bottom: solid 2px #aaa;
	position: relative;
	}
	.heading_twoton:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #21307a;
	bottom: -2px;
	width: 35%;
	}
	
	/*短下線*/
	.heading_shortunderline {
	font-size:30px;
	position: relative;
	margin:3em 0 3em;
	text-align: center;
	}
	.heading_shortunderline:before {
	content: '';
	position: absolute;
	bottom: -30px;
	display: inline-block;
	width: 8%;
	min-width:55px;
	height: 5px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #00478a;
	border-radius: 1px;
	}
	
	/*グレ背景青線*/
	.heading_grayback_navyline {
	margin:3em 0 3em;
	font-size:30px;
	color:#fff;
	background-color:#666;
	border-left:10px solid #314977;
	padding:5px 0 5px 15px;
	}


/*************　センタータイトル　*************/ 

.center_title{
	display:block;
	font-size:27px;
	font-weight:bold;
	text-align:center;	
	}






/*================================================
 *  レイアウト用 
 ================================================*/
 
section{
	width:100%;
	overflow:hidden;
	clear:both;
	} 
 
 .wrap_full {
	width: 100%;
	overflow: hidden;
	}
	
	
.block{
	display:block;
	}	
	
/*block要素中央*/
.block_center{
	display:block;
	margin:0 auto;
	overflow:hidden;
	}




.padding0{padding:0 !important;}
.margin0{margin:0 !important;}


/*================================================
 *  レイアウト用 box 標準幅指定
 ================================================*/

/*box PC時もレスポンシブ SP時はpadding左右*/
 .box{
	 width:100%;
	 max-width:1200px;/*contents幅*/
	 margin:0 auto;
	 overflow:hidden;
	 }
		@media screen and (max-width:799px) {
		  .box {width:100%;
		  		box-sizing:border-box;
				/*padding-left:16px;
				padding-right:16px;*/
		 		}
		}


/*box SP時に左右余白なし*/
 .box_fit{
	 width:100%;
	 max-width:1200px;/*contents幅*/
	 margin:0 auto;
	 overflow:hidden;
	 }



 /*pc時 幅完全固定*/
 
 .box_static{
	 width:1200px;/*contents w*/
	 margin:0 auto;
	 overflow:hidden;
	 }
		@media screen and (max-width:799px) {
		  .box_static {width:100%;}
		}


/*================================================
 *  Float（画面分割用）
 ================================================*/

.clear{clear:both; overflow:hidden;}

.float_5-5_l {
	float:left;
	width:50%;
}
.float_5-5_r {
	float:left;
	width:50%;
}

.float_7-3_l {
	box-sizing:border-box;
	float:left;
	width:68%;
	margin-right:4%;
	padding:20px;	
}
.float_7-3_r {
	box-sizing:border-box;
	float:left;
	width:28%;
	padding:20px;	
}


.float_5-5m_l {
	box-sizing:border-box;
	float:left;
	width:48%;
	margin-right:4%;
	padding-bottom:10px;
}
.float_5-5m_r {
	box-sizing:border-box;
	float:left;
	width:48%;
	padding-bottom:10px;
}


/*	モバイル用 共通float解除 */
@media screen and (max-width:799px) {
  .sp_floatoff{
  float:none;
  width:100%;
  margin-right:0;
  }		
}

/*================================================
 *  Flex（画面分割用）
 ================================================*/



/*************　flex ２分割　*************/

.flex_5-5{
	display:flex;
	}
.flex_5-5 .item{
	width:50%;
	}
		@media screen and (max-width:799px) {
		.flex_5-5{flex-direction: column;}
		.flex_5-5 .item{width:100%;}	
		}


/*************　flex 7-3分割 隙間4%　*************/

.flex_7-3{
	display:flex;
	justify-content:space-between;
	}
.flex_7-3 .item_l{
	width:68%;
	}
.flex_7-3 .item_r{
	width:28%;
	}		
		@media screen and (max-width:799px) {
		.flex_7-3{flex-direction: column;}
		.flex_7-3 .item_l , .flex_7-3 .item_r{width:100%;}	
		}



/*************　flex 6-4分割 隙間4%　*************/

.flex_6-4{
	display:flex;
	justify-content:space-between;
	}
.flex_6-4 .item_l{
	width:58%;
	}
.flex_6-4 .item_r{
	width:38%;
	}	
		@media screen and (max-width:799px) {
		.flex_6-4{flex-direction: column;}
		.flex_6-4 .item_l , .flex_6-4 .item_r{width:100%;}	
		}
		


/*************　3分割  *************/

.flex_3col{
	display:flex;
	justify-content:space-between;
	}
.flex_3col .item{
	width:calc(100% / 3);	
	}
		@media screen and (max-width:799px) {
		.flex_3col{flex-direction: column;}
		.flex_3col .item{width:100%;}	
		}



/*************　flexの順序リバース *************/

.flex_reverse{ flex-direction:row-reverse; }






 /*================================================
 * 画像
 ================================================*/
 
 
/*画像100% img用*/
 img.full{
	width:100%;
	height:auto;
	}
 
/*画像100%-親用*/
 .img_full img{
	width:100%;
	height:auto;
	} 
 
 /*マウスオーバー透明*/
.mo_opacity:hover {opacity: 0.85; filter: alpha(opacity=85);}

/*マウスオーバー輝度UP*/
.mo_bright:hover {
	filter: brightness(1.05);
	-webkit-filter: brightness(1.05);
	-moz-filter: brightness(1.05);
	-o-filter: brightness(1.05);
	-ms-filter: brightness(1.05);
	}

/*巻きボーダー*/
 img.border{
	border:1px solid #888;
	}



/*************　画像ホバー拡大　*************/

.img_zoom {
  overflow: hidden;
  width: 100%;
}
.img_zoom img{
  height: auto;
  transition: transform .3s ease;
}
.img_zoom:hover img {
  transform: scale(1.2);
}


/*================================================
 *  文字書式
 ================================================*/

.text_c{text-align:center;}
.text_l{text-align:left;}
.text_r{text-align:right;}




.indent_1{padding-left:1em;}
.indent_2{padding-left:2em;}
.indent_3{padding-left:3em;}

.indent_-1{padding-left:1em; text-indent:-1em;}
.indent_-2{padding-left:2em; text-indent:-2em;}
.indent_-3{padding-left:3em; text-indent:-3em;}


.indent_2-1{padding-left:2em; text-indent:-1em;}

.indent_3-2{padding-left:3em; text-indent:-2em;}



.underline{
	text-decoration:underline;}




/*文字色*/
.white{color:#fff;}
.black{color:#000;}
.red{color:#af3014;}
/*.blue{color: #00478a;}*/
.yellow{color: #ffe100;}
.green{color: #009a53;}
.navy{color: #21307a;}
.offwhite{color:#fbfbfb;}


/*文字サイズ調整*/
.txt70per{font-size:70%;}
.txt80per{font-size:80%;}
.txt90per{font-size:90%;}
.txt100per{font-size:100%;}
.txt105per{font-size:105%;}
.txt110per{font-size:110%;}
.txt120per{font-size:120%;}
.txt130per{font-size:130%;}
.txt140per{font-size:140%;}
.txt150per{font-size:150%;}
.txt200per{font-size:200%;}
.txt250per{font-size:250%;}
.txt300per{font-size:300%;}


/*背景色*/
.bg_white{background-color:#fff;}
.bg_black{background-color:#000;}
.bg_red{background-color:#af3014;}
.bg_blue{background-color: #00478a;}
.bg_yellow{background-color: #ffe100;}
.bg_green{background-color: #009a53;}
.bg_navy{background-color: #21307a;}
.bg_offwhite{background-color:#fbfbfb;}






/*================================================
 *  数値指定
 ================================================*/


/*幅調整％*/
.w100per {width: 100%;}
.w90per {width: 90%;}
.w80per {width: 80%;}
.w70per {width: 70%;}
.w60per {width: 60%;}
.w50per {width: 50%;}
.w40per {width: 40%;}
.w30per {width: 30%;}


/*最大幅指定*/
.maxw100per {width:100%; max-width: 100%;}
.maxw90per {width:100%; max-width: 90%;}
.maxw80per {width:100%; max-width: 80%;}
.maxw70per {width:100%; max-width: 70%;}
.maxw60per {width:100%; max-width: 60%;}
.maxw50per {width:100%; max-width: 50%;}
.maxw40per {width:100%; max-width: 40%;}
.maxw30per {width:100%; max-width: 30%;}


.maxw1600px {width:100%; max-width: 1500px;}
.maxw1500px {width:100%; max-width: 1500px;}
.maxw1400px {width:100%; max-width: 1400px;}
.maxw1300px {width:100%; max-width: 1300px;}
.maxw1200px {width:100%; max-width: 1200px;}
.maxw1100px {width:100%; max-width: 1100px;}
.maxw1000px {width:100%; max-width: 1000px;}
.maxw900px {width:100%; max-width: 900px;}
.maxw800px {width:100%; max-width: 800px;}
.maxw700px {width:100%; max-width: 700px;}
.maxw600px {width:100%; max-width: 600px;}
.maxw500px {width:100%; max-width: 500px;}
.maxw400px {width:100%; max-width: 400px;}
.maxw300px {width:100%; max-width: 300px;}



/*マージン調整 */
.m_b200 {margin-bottom: 200px;}
.m_b180 {margin-bottom: 180px;}
.m_b160 {margin-bottom: 160px;}
.m_b140 {margin-bottom: 140px;}
.m_b120 {margin-bottom: 120px;}
.m_b100 {margin-bottom: 100px;}
.m_b90 {margin-bottom: 90px;}
.m_b80 {margin-bottom: 80px;}
.m_b70 {margin-bottom: 70px;}
.m_b60 {margin-bottom: 60px;}
.m_b50 {margin-bottom: 50px;}
.m_b40 {margin-bottom: 40px;}
.m_b30 {margin-bottom: 30px;}
.m_b20 {margin-bottom: 20px;}
.m_b10 {margin-bottom: 10px;}
.m_b7 {margin-bottom: 7px;}
.m_b0 {margin-bottom: 0px;}


.m_t200 {margin-top: 200px;}
.m_t180 {margin-top: 180px;}
.m_t160 {margin-top: 160px;}
.m_t140 {margin-top: 140px;}
.m_t120 {margin-top: 120px;}
.m_t100 {margin-top: 100px;}
.m_t90 {margin-top: 90px;}
.m_t80 {margin-top: 80px;}
.m_t70 {margin-top: 70px;}
.m_t60 {margin-top: 60px;}
.m_t50 {margin-top: 50px;}
.m_t40 {margin-top: 40px;}
.m_t30 {margin-top: 30px;}
.m_t20 {margin-top: 20px;}
.m_t10 {margin-top: 10px;}
	
.m_t-20 {margin-top: -20px;}
	


/*================================================
 *  その他クラス
 ================================================*/








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

■ PCサイズ限定

================================================================================= */
@media only screen and (min-width:800px) {
	
	.pc_off {display: none;}
	
	
	
	a[href^="tel:"] { pointer-events: none; color:inherit;} /*電話リンク tel: の無効化*/
	
	
	/* PCのみ 幅調整％*/
	.pc_w100per {width: 100%;}
	.pc_w90per {width: 90%;}
	.pc_w80per {width: 80%;}
	.pc_w70per {width: 70%;}
	.pc_w60per {width: 60%;}
	.pc_w50per {width: 50%;}
	.pc_w40per {width: 40%;}
	.pc_w30per {width: 30%;}
	
	
	/* PCのみ 最大幅指定（％）*/
	.pc_maxw100per {width:100%; max-width: 100%;}
	.pc_maxw90per {width:100%; max-width: 90%;}
	.pc_maxw80per {width:100%; max-width: 80%;}
	.pc_maxw70per {width:100%; max-width: 70%;}
	.pc_maxw60per {width:100%; max-width: 60%;}
	.pc_maxw50per {width:100%; max-width: 50%;}
	.pc_maxw40per {width:100%; max-width: 40%;}
	.pc_maxw30per {width:100%; max-width: 30%;}
	
	
	/* PCのみ 最大幅指定（ピクセル）*/
	
	.pc_maxw1600px {width:100%; max-width: 1500px;}
	.pc_maxw1500px {width:100%; max-width: 1500px;}
	.pc_maxw1400px {width:100%; max-width: 1400px;}
	.pc_maxw1300px {width:100%; max-width: 1300px;}
	.pc_maxw1200px {width:100%; max-width: 1200px;}
	.pc_maxw1100px {width:100%; max-width: 1100px;}
	.pc_maxw1000px {width:100%; max-width: 1000px;}
	.pc_maxw900px {width:100%; max-width: 900px;}
	.pc_maxw800px {width:100%; max-width: 800px;}
	.pc_maxw700px {width:100%; max-width: 700px;}
	.pc_maxw600px {width:100%; max-width: 600px;}
	.pc_maxw500px {width:100%; max-width: 500px;}
	.pc_maxw400px {width:100%; max-width: 400px;}
	.pc_maxw300px {width:100%; max-width: 300px;}

	

}



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

■ スマートフォン用

================================================================================= */
@media screen and (max-width:799px) {
	
	html { 
	font-size: 16px;
	}
	
	/*sp非表示*/
	.sp_off{display:none;}	
	
	/*sp用padding付与*/
	.sp_pd{
		box-sizing:border-box;
		padding-left:16px;
		padding-right:16px;}
	
		
	/*************　数値指定　*************/
	
	/*sp時の幅を直接指定*/
	.sp_w100per{width:100%; height:auto;}
	.sp_w90per{width:90%; height:auto;}
	.sp_w80per{width:80%; height:auto;}
	.sp_w70per{width:70%; height:auto;}
	.sp_w60per{width:60%; height:auto;}
	.sp_w50per{width:50%; height:auto;}
	.sp_w40per{width:40%; height:auto;}
	.sp_w30per{width:30%; height:auto;}
	
		
 }





/* =================================================================================
■ 管理用
================================================================================= */


big{display:block;font-size:30px; background:#68683C;color:#fff; text-align:center; padding:33px;}