@charset "utf-8";

/*	reset */
a,ab.sm_view,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,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;white-space:normal;/*text-align:left;*/margin:0;padding:0;border:0;outline:0;background:0 0}
textarea{font-family:inherit;font-weight:inherit;font-style:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0}

details {
  display: block; /* `display: block` に明示的に設定 */
  border: none;
  padding: 0;
  margin: 0;
}

summary {
  display: block; /* Safari のデフォルトをリセット */
  list-style: none; /* デフォルトのリストスタイルを消す */
  -webkit-appearance: none; /* iOS Safari のデフォルトスタイルを無効化 */
  appearance: none;
}

summary::-webkit-details-marker {
  display: none; /* iOS Safari のデフォルトのマーカー（三角アイコン）を非表示にする */
}


/* ----------------------------------------
  Basic Layout
  ---------------------------------------- */
  
/*	EXAMPLE STYLES */
html {
	font-size: 18px;
}
body{
	font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.65;
	letter-spacing: 0.05em;
	color: #1a1a1a;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	margin: 0;
}
@media screen and (max-width: 767px) {
	body {
		font-size: 16px;
	}
}

/* link */
a:link { color: #777; text-decoration: underline; }
a:visited { color:#777; text-decoration: underline; }
a:hover,a:focus { color:#777; text-decoration:none; }
a:active { color:#777; text-decoration:none; }

a,
a::before,
a::after,
a span::before,
a span::after,
a .thinly {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
a.thinly:hover,
a.thinly:focus,
a:hover .thinly,
a:focus .thinly {
	opacity: 0.86;
	filter: alpha(opacity=86);
	-moz-opacity: 0.86;
	-ms-filter: 'alpha(opacity=86)';
}

/* img */
img { vertical-align: bottom; max-width: 100%; height: auto;}

/* list */
dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
p,pre,blockquote,address,table,fieldset,form { margin-bottom: .5em; }

/* text tag */
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
h1, h2 {
	font-size: 1.5em;
	line-height: 1.3;
	font-weight: normal;
}
h3 {
	font-size: 1.3em;
	line-height: 1.3;
}
h4 {
	font-size: 1.15em;
	line-height: 1.3;
}
h5, h6 {
	font-size: 1em;
}
p {
	font-size: 1em;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; /*padding・borderを幅と高さに含める*/
}



/* ----------------------------------------
  BaseLayout
  ---------------------------------------- */

#wrapper {
	padding: 0 0 60px;
}
.ly_wrap {
	position: relative;
	clear: both;
	margin: 0 auto;
	overflow: hidden;
}
.ly_content {
	padding: 0 0 100px 0;
/* 	overflow: hidden; */
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
}
.ly_main {
	width: 73.39%;
}
.ly_sub {
	width: 21.01%;
	margin-left: 5.6%; 
}

.container {
	max-width: 1046px;
	margin: 0 auto;
	padding-right: 20px;
	padding-left: 20px;
}
/*
.container_wd {
	max-width: 1800px;
	margin: 0 auto;
	padding-right: 40px;
	padding-left: 40px;
}
*/
.clr:after,.col:after,.container:after,.group:after,.row:after{
	content: "";
	display: table;
	clear: both;
}
.row { 
	width: 100%;
	padding-bottom: 0;
}
.col {
	display: block;
	float: left;
	width: 100%;
}

@media screen and (min-width :1280px) {
	.container.boxm {
		padding-left: 160px;
		padding-right: 160px;
	}
}
@media screen and (max-width :1279.9999px) {
	.container.boxm {
		padding-left: 8.03%;
		padding-right: 8.03%;
	}
}
@media screen and (max-width: 1024px) { /*tablet large*/
	.ly_content.ly_content__ltbfull {
		display: block;
	}
	.ly_content__ltbfull .ly_main {
		width: 100%;
		margin-bottom: 60px;
	}
	.ly_content__ltbfull .ly_sub {
		width: 100%;
		margin-left: 0; 
	}
	.container.boxm,
	.container.boxs,
	.container.boxss {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media screen and (max-width :767px) {
	.ly_main {
		width: 100%;
	}
	.ly_sub {
		width: 100%;
	}
	.container.boxm,
	.container.boxs,
	.container.boxss {
		padding: 0 20px;
	}
	
	.container {
		padding-right: 20px;
		padding-left: 20px;
	}
	.container.spfull {
		padding-right: 0;
		padding-left: 0;
	}
}

/* ----------------------------------------
  _html Global Spec
  ---------------------------------------- */
 
/* layout spec */
.hp_cl { clear: both; }
.hp_flr { float: right !important; }
.hp_fll { float: left !important; }
.hp_fln { float: none !important; }
.hp_dn { display: none !important; }
.hp_di { display: inline; }
.hp_db { display: block !important; }
.hp_dib { display: inline-block !important; float: none !important; }
.hp_ov { overflow: hidden !important; }

/* Text spec */
/* .hp_fwall {transform: rotate(0.03deg); } */
.hp_fw7 {font-weight: 700; /*transform: rotate(0.03deg);*/ }
.hp_fw5 {font-weight: 500; /*transform: rotate(0.03deg);*/ }

.hp_fcl_ylw, a.hp_fcl_ylw { color: #dead25;}
.hp_fcl_wht, a.hp_fcl_wht { color: #fff;}
.hp_fcl_blu, a.hp_fcl_blu { color: #093682;}
.hp_fcl_red, a.hp_fcl_red { color: #e8382f;}
.hp_fcl_redatt, a.hp_fcl_redatt { color: #e8382f;}

.hp_fwn {font-weight: 400 !important;;}
.hp_fz0 {font-size: 1rem !important;}/*18px*/
.hp_fzs1 {font-size: 0.944em;}/*17px*/
.hp_fzs2 {font-size: 0.889em;}/*16px*/
.hp_fzs3 {font-size: 0.833em;}/*15px*/
.hp_fzs4 {font-size: 0.778em;}/*14px*/
.hp_fzl1 {font-size: 1.056em;}/*19px*/
.hp_fzl2 {font-size: 1.111em;}/*20px*/
.hp_fzl3 {font-size: 1.167em;}/*21px*/
.hp_fzl4 {font-size: 1.222em;}/*22px*/
.hp_tar { text-align: right !important; }
.hp_tal { text-align: left !important; }
.hp_tac { text-align: center !important; }
.hp_lts1 { letter-spacing: 1px !important;}
.hp_lts3 { letter-spacing: 3px !important;}
.hp_lts5 { letter-spacing: 5px !important;}
.hp_lh20 { line-height: 2.0 !important;}
.hp_lh23 { line-height: 2.3 !important;}
.hp_lh25 { line-height: 2.5 !important;}
.hp_lh1_5 { line-height: 1.5 !important;}
.hp_lh1_6 { line-height: 1.6 !important;}
.hp_lh1_65 { line-height: 1.65 !important;}
.hp_lh1_7 { line-height: 1.7 !important;}
.hp_lh1_8 { line-height: 1.8 !important;}
.hp_lh1_9 { line-height: 1.9 !important;}
.hp_lh2 { line-height: 2.0 !important;}
a.hp_a_uline { text-decoration: underline; }
a.hp_a_unline { text-decoration: none; }
a.hp_a_bdbtm { border-bottom: 1px solid #222; padding-bottom: .1em; }

/* Space spec */
.hp_mb0 { margin-bottom: 0px !important;}
.hp_mb5 { margin-bottom: 5px !important;}
.hp_mb10 { margin-bottom: 10px !important;}
.hp_mb15 { margin-bottom: 15px !important;}
.hp_mb20 { margin-bottom: 20px !important;}
.hp_mb25 { margin-bottom: 20px !important;}
.hp_mb30 { margin-bottom: 30px !important;}
.hp_mb35 { margin-bottom: 35px !important;}
.hp_mb40 { margin-bottom: 40px !important;}
.hp_mb45 { margin-bottom: 46px !important;}
.hp_mb50 { margin-bottom: 50px !important;}
.hp_mb55 { margin-bottom: 55px !important;}
.hp_mb60 { margin-bottom: 60px !important;}
.hp_mb65 { margin-bottom: 66px !important;}
.hp_mb70 { margin-bottom: 70px !important;}
.hp_mb75 { margin-bottom: 76px !important;}
.hp_mb80 { margin-bottom: 80px !important;}
.hp_mb85 { margin-bottom: 85px !important;}
.hp_mb90 { margin-bottom: 90px !important;}
.hp_mb95 { margin-bottom: 95px !important;}
.hp_mb100 { margin-bottom: 100px !important;}
.hp_mb130 { margin-bottom: 130px !important;}

.hp_mt0 { margin-top: 0px !important;}
.hp_mt10 { margin-top: 10px !important;}
.hp_mt15 { margin-top: 15px !important;}
.hp_mt20 { margin-top: 20px !important;}
.hp_mt25 { margin-top: 25px !important;}
.hp_mt30 { margin-top: 30px !important;}
.hp_mt35 { margin-top: 35px !important;}
.hp_mt40 { margin-top: 40px !important;}
.hp_mt45 { margin-top: 45px !important;}
.hp_mt50 { margin-top: 50px !important;}
.hp_mt60 { margin-top: 60px !important;}
.hp_mt70 { margin-top: 70px !important;}

.hp_pt0 { padding-top: 0px !important;}
.hp_pt5 { padding-top: 5px !important;}
.hp_pt10 { padding-top: 10px !important;}
.hp_pt15 { padding-top: 15px !important;}
.hp_pt20 { padding-top: 20px !important;}
.hp_pt25 { padding-top: 25px !important;}
.hp_pt30 { padding-top: 30px !important;}
.hp_pt35 { padding-top: 35px !important;}
.hp_pt40 { padding-top: 40px !important;}
.hp_pt45 { padding-top: 45px !important;}
.hp_pt50 { padding-top: 50px !important;}
.hp_pt55 { padding-top: 55px !important;}
.hp_pt60 { padding-top: 60px !important;}
.hp_pt65 { padding-top: 65px !important;}
.hp_pt70 { padding-top: 70px !important;}
.hp_pt100 { padding-top: 100px !important;}

.hp_pb0 { padding-bottom: 0px !important;}
.hp_pb5 { padding-bottom: 5px !important;}
.hp_pb10 { padding-bottom: 10px !important;}
.hp_pb15 { padding-bottom: 15px !important;}
.hp_pb20 { padding-bottom: 20px !important;}
.hp_pb25 { padding-bottom: 25px !important;}
.hp_pb30 { padding-bottom: 30px !important;}
.hp_pb35 { padding-bottom: 35px !important;}
.hp_pb40 { padding-bottom: 40px !important;}
.hp_pb45 { padding-bottom: 45px !important;}
.hp_pb50 { padding-bottom: 50px !important;}
.hp_pb60 { padding-bottom: 60px !important;}
.hp_pb70 { padding-bottom: 70px !important;}
.hp_pb80 { padding-bottom: 80px !important;}

.hp_mr0 { margin-right: 0 !important;}
.hp_p0 { padding: 0;}
.hp_prl20 { padding: 0 20px;}
.hp_tid07em { margin-left: .7em;}
.hp_tid10em { margin-left: 1em;}

@media screen and (max-width: 767px) {
	.hptb_mb0 { margin-bottom: 0 !important;}
	.hptb_mb5 { margin-bottom: 5px !important;}
	.hptb_mb10 { margin-bottom: 10px !important;}
	.hptb_mb15 { margin-bottom: 15px !important;}
	.hptb_mb20 { margin-bottom: 20px !important;}
	.hptb_mb25 { margin-bottom: 25px !important;}
	.hptb_mb30 { margin-bottom: 30px !important;}
	.hptb_mb35 { margin-bottom: 35px !important;}
	.hptb_mb40 { margin-bottom: 40px !important;}
	.hptb_mb45 { margin-bottom: 45px !important;}
	.hptb_mb50 { margin-bottom: 50px !important;}
	.hptb_mb60 { margin-bottom: 60px !important;}
	.hptb_mt10 { margin-top: 10px !important;}
	.hptb_p0 { padding: 0;}
	.hptb_pt50 { padding-top: 50px !important;}

	.hptb_fzs0 {font-size: 1em;}/*17px*/
	.hptb_fzs1 {font-size: 0.941em;}/*16px*/
	.hptb_fzs2 {font-size: 0.882em;}/*15px*/
	.hptb_fzs3 {font-size: 0.824em;}/*14px*/
	.hptb_fzl1 {font-size: 1.059em;}/*18px*/
	.hptb_fzl2 {font-size: 1.118em;}/*19px*/
	.hptb_fzl3 {font-size: 1.176em;}/*20px*/
	
	.hptb_lh20 { line-height: 2.0 !important;}
}
@media screen and (max-width: 480px) {
	.hpsp_p0 { padding: 0;}
	.hpsp_prl10 { padding: 0 10px;}
	.hpsp_pl0 { padding-left: 0;}
	.hpsp_pr0 { padding-right: 0;}
}

/* background color */
.hp_bg0 { background: none !important; }
.hp_bg_blu { background: #093682; }
.hp_bg_red { background: #e8382f; }

/* Mobile relations */
@media screen and (min-width:768px),print {
	.hppc_view { display: block;}
	.hptb_view { display: none !important;}
	br.hptb_br { display: none;}
	br.hppc_br { display: block;}
	br.hpsp_br { display: none;}
}
@media screen and (max-width: 767px) {
	.hppc_view { display: none !important;}
	br.hptb_br { display: block;}
	br.hppc_br { display: none;}
	br.hpsp_br { display: none;}
	.hptb_tar { text-align: right !important; }
	.hptb_tal { text-align: left !important; }
	.hptb_tac { text-align: center !important; }
}
@media screen and (max-width: 480px) {
	br.hpsp_br { display: block;}
}

/* arrows */
.oy_arw { 
	position: relative;
	padding: 0;
	vertical-align: middle;
}
.oy_arws li a,.oy_arwli li {
	position: relative;
/* 	padding: 0 0 0 1.2em; */
	vertical-align: middle;
}
.oy_arw::before,
.oy_arw::after,
.oy_arws li a::before,
.oy_arws li a::after,
.oy_arwli li::before,
.oy_arwli li::after { 
	position: absolute;
	margin: auto; 
	content: '';
	vertical-align: middle;
}

/* flex */
.oy_flex {
	width: 100%;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;

	-moz-box-orient:horizontal;
	-webkit-box-orient:horizontal;
	flex-direction:row;

	-ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;

	-moz-box-pack:justify;
	-ms-box-pack:justify;
	box-pack:justify;
	flex-pack:justify;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
}
.oy_flex.oy_flex_rvr {
	-moz-box-orient:row-reverse;
	-webkit-box-orient:row-reverse;
	flex-direction:row-reverse;
}
.oy_flex.oy_flex_center {
	-webkit-justify-content:center;
	justify-content:center;
}
.oy_flex.oy_flex_acenter {
	align-items: center;
}
.oy_flex.oy_flex_abottom {
	align-items: flex-end;
}

/*  info dl table  */
.oy_dlinfo { 
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #ccc;
}
.oy_dlinfo dt { 
	width: 10em;
	float: left;
	clear: both;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 15px;
	padding-bottom: 15px;
}
.oy_dlinfo dd { 
	padding-left: 10em;
	padding-right: 2em;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
	.oy_dlinfo { 
		padding-top: 10px;
	}
	.oy_dlinfo dt { 
		width: auto;
		float: none;
		padding-left:1em;
		padding-right: 1em;
		padding-bottom: 0;
		padding-top: 5px;
	}
	.oy_dlinfo dd { 
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 5px;
		margin-bottom: 15px;
	}
}

/* teble */
table {
	border-top: 1px solid #d2d2d2;
	border-left: none;
	border-collapse: collapse;
	text-align: left;
	background:#fff;
}
table th {
	padding: 20px 20px;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	background-color: #f1f1f1;
	font-weight: normal;
	border-right: none;
}
table td {
	padding: 20px 20px 20px 30px;
	border-right: none;
	border-bottom: 1px solid #d2d2d2;
}
@media screen and (max-width: 767px) {
  	table th { padding: 10px 15px; }
	table td { padding: 10px 15px; }

	table.oy_coltable { border-collapse: inherit; width: 100%; display: block; }
	table.oy_coltable tbody { width: 100%; display: block; }
	table.oy_coltable tr { width: 100%; display: block; }
	table.oy_coltable th { width: 100%; display: block; text-align: left; border-right: none; border-bottom: none; }
	table.oy_coltable td { width: 100%; display: block; padding-bottom: 20px; }
	table.oy_coltable caption { width: 100%; display: block; }

	table.oy_scltable { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
	table.oy_scltable table { width: auto; height: auto;}
	table.oy_scltable::-webkit-scrollbar{ height: 5px; /* scroll bar height */ }
	table.oy_scltable::-webkit-scrollbar-track{ background: #F1F1F1; /* scroll bar background */ }
	table.oy_scltable::-webkit-scrollbar-thumb { background: #d6d6d6; /* scroll bar color */ }
	table.oy_scltable table th,.oy_scltable table td {  white-space: nowrap; }
}


/* ----------------------------------------
  print
  ---------------------------------------- */
@media print {
	body {
		width: 1280px;
	   /* zoom: .8;*/
		transform: scale(0.8);
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform-origin: 0 0;
	}
	.container {
		max-width: inherit !important;
		width: 1200px !important;
	}
}