@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);

/*
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Oswald', sans-serif;
*/

@charset "UTF-8";

/* CSS Document */



/*----------------------------------------------------
	☆Noto font
----------------------------------------------------*/



@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 100;
	src: url('../font/NotoSansCJKjp-Thin.eot');
	/* IE9 Compat Modes */
	src: url('../font/NotoSansCJKjp-Thin.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../font/NotoSansCJKjp-Thin.woff') format('woff'),
		/* Modern Browsers */
		url('../font/NotoSansCJKjp-Thin.ttf') format('truetype');
	/* Safari, Android, iOS */
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 200;
	src: url('../font/NotoSansCJKjp-Light.eot');
	src: url('../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'), url('../font/NotoSansCJKjp-Light.woff') format('woff'), url('../font/NotoSansCJKjp-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 300;
	src: url('../font/NotoSansCJKjp-DemiLight.eot');
	src: url('../font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'), url('../font/NotoSansCJKjp-DemiLight.woff') format('woff'), url('../font/NotoSansCJKjp-DemiLight.ttf') format('truetype');
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url('../font/NotoSansCJKjp-Regular.eot');
	src: url('../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'), url('../font/NotoSansCJKjp-Regular.woff') format('woff'), url('../font/NotoSansCJKjp-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 500;
	src: url('../font/NotoSansCJKjp-Medium.eot');
	src: url('../font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'), url('../font/NotoSansCJKjp-Medium.woff') format('woff'), url('../font/NotoSansCJKjp-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NotoSansCJKjp-Bold.eot');
	src: url('../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'), url('../font/NotoSansCJKjp-Bold.woff') format('woff'), url('../font/NotoSansCJKjp-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 900;
	src: url('../font/NotoSansCJKjp-Black.eot');
	src: url('../font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'), url('../font/NotoSansCJKjp-Black.woff') format('woff'), url('../font/NotoSansCJKjp-Black.ttf') format('truetype');
}

/*----------------------------------------------------
	☆indent
----------------------------------------------------*/

.center {
	text-align: center !important;
}

.left {
	text-align: left !important;
}

.right {
	text-align: right !important;
}

.top0 {
	margin-top: 0 !important;
}

.top5 {
	margin-top: 5px !important;
}

.top10 {
	margin-top: 10px !important;
}

.top15 {
	margin-top: 15px !important;
}

.top20 {
	margin-top: 20px !important;
}

.top25 {
	margin-top: 25px !important;
}

.top30 {
	margin-top: 30px !important;
}

.top35 {
	margin-top: 35px !important;
}

.top40 {
	margin-top: 40px !important;
}

.btm0 {
	margin-bottom: 0 !important;
}

.btm5,
.btm05 {
	margin-bottom: 5px !important;
}

.btm10 {
	margin-bottom: 10px !important;
}

.btm15 {
	margin-bottom: 15px !important;
}

.btm20 {
	margin-bottom: 20px !important;
}

.btm25 {
	margin-bottom: 25px !important;
}

.btm30 {
	margin-bottom: 30px !important;
}

.btm35 {
	margin-bottom: 35px !important;
}

.btm40 {
	margin-bottom: 40px !important;
}

.btm45 {
	margin-bottom: 45px !important;
}

.btm50 {
	margin-bottom: 50px !important;
}

.btm55 {
	margin-bottom: 55px !important;
}

.btm60 {
	margin-bottom: 60px !important;
}

.btm65 {
	margin-bottom: 65px !important;
}

.btm70 {
	margin-bottom: 70px !important;
}

.btm75 {
	margin-bottom: 75px !important;
}

.btm80 {
	margin-bottom: 80px !important;
}

.btm85 {
	margin-bottom: 85px !important;
}

.btm90 {
	margin-bottom: 90px !important;
}

.btm95 {
	margin-bottom: 90px !important;
}

.pT0 {
	padding-top: 0 !important;
}

.pT5 {
	padding-top: 5px !important;
}

.pT10 {
	padding-top: 10px !important;
}

.pT15 {
	padding-top: 15px !important;
}

.pT20 {
	padding-top: 20px !important;
}

.pT25 {
	padding-top: 25px !important;
}

.pT30 {
	padding-top: 30px !important;
}

.pT35 {
	padding-top: 35px !important;
}

.pT40 {
	padding-top: 40px !important;
}

.pT45 {
	padding-top: 45px !important;
}

.pB0 {
	padding-bottom: 0 !important;
}

.pB5 {
	padding-bottom: 5px !important;
}

.pB10 {
	padding-bottom: 10px !important;
}

.pB15 {
	padding-bottom: 15px !important;
}

.pB20 {
	padding-bottom: 20px !important;
}

.lm5 {
	margin-left: 5px !important;
}

.lm10 {
	margin-left: 10px !important;
}

.lm15 {
	margin-left: 15px !important;
}

.lm20 {
	margin-left: 20px !important;
}

.lm50 {
	margin-left: 50px !important;
}

.lm60 {
	margin-left: 60px !important;
}

.lm70 {
	margin-left: 70px !important;
}

.rm5 {
	margin-right: 5px !important;
}

.rm10 {
	margin-right: 10px !important;
}

.rm15 {
	margin-right: 15px !important;
}

.rm20 {
	margin-right: 20px !important;
}

.vAT {
	vertical-align: top !important;
}

.vAM {
	vertical-align: middle !important;
}

.vAB {
	vertical-align: bottom !important;
}

.red {
	color: red;
}

.blue {
	color: #2a529f;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.icon {
	margin-right: 3px;
	vertical-align: middle;
	margin-top: -1px;
}

.indent {
	text-indent: 1em;
}

.spHide {
	display: block;
}

.spDisp {
	display: none;
}

.hvBtn,
.hvBtns a {
	transition: 0.2s;
}

.hvBtn:hover,
.hvBtns a:hover {
	opacity: 0.7;
}

/*----------------------------------------------------
	☆Width
----------------------------------------------------*/






.w5 {
	width: 5% !important;
}

.w10 {
	width: 10% !important;
}

.w15 {
	width: 15% !important;
}

.w18 {
	width: 18% !important;
}

.w20 {
	width: 20% !important;
}

.w25 {
	width: 25% !important;
}

.w30 {
	width: 30% !important;
}

.w35 {
	width: 35% !important;
}

.w40 {
	width: 40% !important;
}

.w45 {
	width: 45% !important;
}

.w49 {
	width: 49% !important;
}

.w50 {
	width: 50% !important;
}

.w55 {
	width: 55% !important;
}

.w60 {
	width: 60% !important;
}

.w65 {
	width: 65% !important;
}

.w70 {
	width: 70% !important;
}

.w75 {
	width: 75% !important;
}

.w77 {
	width: 77% !important;
}

.w80 {
	width: 80% !important;
}

.w85 {
	width: 85% !important;
}

.w90 {
	width: 90% !important;
}

.w95 {
	width: 95% !important;
}

.wfull {
	width: 100% !important;
}

.w100 {
	width: 100px;
}

.w150 {
	width: 150px;
}

.w200 {
	width: 200px;
}

.w250 {
	width: 250px;
}

.w300 {
	width: 300px;
}

.w340 {
	width: 340px;
}

.w350 {
	width: 350px;
}

.w360 {
	width: 360px;
}

.w400 {
	width: 400px;
}

.w440 {
	width: 440px;
}

.w450 {
	width: 450px;
}

.w500 {
	width: 500px;
}

.w550 {
	width: 550px;
}

.w600 {
	width: 600px;
}

/*----------------------------------------------------
	☆fontsize
----------------------------------------------------*/




#contents .size10 {
	font-size: 10px !important;
	font-size: 1rem !important;
}

#contents .size11 {
	font-size: 11px !important;
	font-size: 1.1rem !important;
}

#contents .size12 {
	font-size: 12px !important;
	font-size: 1.2rem !important;
}

#contents .size13 {
	font-size: 13px !important;
	font-size: 1.3rem !important;
}

#contents .size14 {
	font-size: 14px !important;
	font-size: 1.4rem !important;
}

#contents .size15 {
	font-size: 15px !important;
	font-size: 1.5rem !important;
}

#contents .size16 {
	font-size: 16px !important;
	font-size: 1.6rem !important;
}

#contents .size17 {
	font-size: 17px !important;
	font-size: 1.7rem !important;
}

#contents .size18 {
	font-size: 18px !important;
	font-size: 1.8rem !important;
}

#contents .size19 {
	font-size: 19px !important;
	font-size: 1.9rem !important;
}

#contents .size20 {
	font-size: 20px !important;
	font-size: 2rem !important;
}

#contents .size21 {
	font-size: 21px !important;
	font-size: 2.1rem !important;
}

#contents .size22 {
	font-size: 22px !important;
	font-size: 2.2rem !important;
}

#contents .size23 {
	font-size: 23px !important;
	font-size: 2.3rem !important;
}

#contents .size24 {
	font-size: 24px !important;
	font-size: 2.4rem !important;
}

/*----------------------------------------------------
	☆basecompo
----------------------------------------------------*/


#contents section {
	clear: both;
	margin-bottom: 50px;
}

#contents section.last {
	margin-bottom: 0;
}

.aural span,
span.aural {
	display: none;
	visibility: hidden;
}

img.icon {
	margin-right: 5px;
	vertical-align: middle;
}

/*----------------------------------------------------
	☆clmBox
----------------------------------------------------*/


.fltL {
	float: left;
}

.fltR {
	float: right;
}

.fltImgL {
	float: left;
	margin: 0 5% 10px 0;
}

.fltImgR {
	float: left;
	margin: 0 0 10px 5%;
}

#contents div.basicFlt {
	clear: both;
}

#contents div.basicFlt div.fltDataL {
	float: left;
	line-height: 1.7;
	padding-top: 5px;
	/*width: 53%;*/
}

#contents div.basicFlt p.fltImgR {
	float: right;
	/*width: 42%;*/
}

#contents div.basicFlt p.fltImgR img {
	height: auto;
	width: 100%;
}

#contents div.basicFlt div.fltDataR {
	float: right;
	line-height: 1.7;
	padding-top: 5px;
	/*width: 53%;*/
}

#contents div.basicFlt p.fltImgL {
	float: left;
	/*width: 42%;*/
}

#contents div.basicFlt p.fltImgL img {
	height: auto;
	width: 100%;
}

#contents div.basicFlt div.bFL {
	float: left;
	padding-bottom: 10px;
	width: 48%;
}

#contents div.basicFlt div.bFL img {
	height: auto;
	width: 100%;
}

#contents div.basicFlt div.bFR {
	float: right;
	padding-bottom: 10px;
	width: 48%;
}

#contents div.basicFlt div.bFR img {
	height: auto;
	width: 100%;
}

/*----------------------------------------------------
	☆clmBox
----------------------------------------------------*/


#contents .clm2Box li {
	float: left;
	margin: 0 2% 20px 0;
	width: 49%;
}

#contents .clm2Box li.even {
	float: right;
}

#contents .clm3Box li {
	float: left;
	margin: 0 0 30px 0;
	padding-right: 2%;
	width: 33.3%;
}

#contents .clm4Box li {
	float: left;
	margin: 0 1.33% 30px 0;
	width: 24%;
}

#contents .clm2Box li img,
#contents .clm3Box li img,
#contents .clm4Box li img {
	height: auto;
	width: 100%;
}

#contents .clm2BoxBdr li {
	border: 1px solid #CCC;
	float: left;
	margin: 0 1.3% 20px 0;
	padding: 15px 20px 15px;
	width: 48.65%;
}

#contents .clm3BoxBdr li {
	border: 1px solid #CCC;
	float: left;
	margin: 0 1.3% 20px 0;
	padding: 15px 20px 15px;
	width: 32%;
}

#contents .clm4BoxBdr li {
	border: 1px solid #CCC;
	float: left;
	margin: 0 1.3% 20px 0;
	padding: 15px 20px 15px;
	width: 23.7%;
}

/*----------------------------------------------------
	☆Box
----------------------------------------------------*/




#contents div.bscBox {
	border: 1px solid #DDD;
	padding: 20px 0 15px;
	margin-bottom: 25px;
}

#contents div.bscBox div.inr {
	margin: 0 20px;
}

#contents div.bb01 {
	border: 1px dotted #666;
}

#contents div.bb02 {
	background-color: #EEEEEE;
}

#contents div.bb03 {
	border: 2px solid #62ABD7;
}

#contents div.bb04 {
	background-color: #FFEEEE;
	border: 4px solid #E90002;
}

#contents div.bb05 {
	background: url(../cmn_img/bg_texture_gray.png) left top repeat;
	border-top: 4px solid #2850A1;
	display: table;
	padding: 45px 45px 20px;
}

#contents div.bb05 .img {
	display: table-cell;
	line-height: 0;
	vertical-align: middle;
}

#contents div.bb05 .data {
	display: table-cell;
	padding: 30px;
	vertical-align: middle;
}

#contents div.bb06 {
	border: 1px solid #DDD;
	padding: 0;
}

#contents div.bscBox.bb06 div.inr {
	padding: 10px 20px 20px;
}

#contents div.imgBox {
	margin-bottom: 40px;
}

#contents div.imgBox dl {
	border: 1px solid #DDD;
	text-align: center;
}

#contents div.imgBox dl dt {
	background: url(../cmn_img/bg_texture_blue.png) left top repeat #2750A1;
	color: #FFF;
	font-size: 18px;
	padding: 10px 10px 7px;
}

#contents div.imgBox dl dd {
	padding: 45px;
}

#contents div.courseArea {
	border: 1px solid #DDD;
	margin-bottom: 40px;
}

#contents div.courseArea h2 {
	background: url(../cmn_img/bg_texture_blue.png) left top repeat #2750A1;
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 40px;
	padding: 13px 10px 10px;
	text-align: center;
}

#contents div.courseArea div.courseSection {
	border-top: 2px solid #5573B4;
	margin: 0 45px 0;
	padding: 40px 25px;
	text-align: left;
}

#contents div.courseArea div.courseSectionTitle {
	border-bottom: 1px dotted #CCC;
	color: #000;
	display: table;
	margin-bottom: 20px;
	padding-bottom: 15px;
	width: 100%;
}

#contents div.courseArea div.courseSectionTitle.kenshin_screening {
	display: block;
}


#contents div.courseArea div.courseSectionTitle h3 {
	display: table-cell;
	font-size: 23px;
	text-align: left;
	margin-bottom: 16px;
}

#contents div.courseArea div.courseSectionTitle.kenshin_screening h3 {
	display: block;
	width: 100%;
}

#contents div.courseArea div.courseSectionTitle p {
	display: table-cell;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-align: right;
}

#contents div.courseArea div.courseSectionTitle.kenshin_screening p {
	padding-right: 32px;
}

#contents div.courseArea div.courseSectionTitle p span {
	border: 1px solid #2a529f;
	border-radius: 3px;
	font-size: 12px;
	line-height: 1;
	margin-right: 10px;
	padding: 4px 5px 3px;
}

#contents div.courseArea div.courseSectionData {
	display: table;
	width: 100%;
}

#contents div.courseArea div.courseSectionData .csdL p {
	font-size: 14px;
}

#contents div.courseArea div.courseSectionData .csdL {
	display: table-cell;
	padding: 0 30px 10px 0;
	vertical-align: middle;
}

#contents div.courseArea div.courseSectionData .csdL .campaign {
	color: #c94545;
	line-height: 1.4;
	padding: 5px 0 0;
	vertical-align: bottom;
}

#contents div.courseArea div.courseSectionData .csdL .campaign span {
	background-color: #c94545;
	color: #FFF;
	display: inline-block;
	font-size: 11px;
	margin-right: 10px;
	margin-top: -10px;
	padding: 5px 10px 3px;
	vertical-align: middle;
}

#contents div.courseArea div.courseSectionData .csdL .campaign strong {
	font-size: 26px;
	vertical-align: baseline;
	margin-right: 5px;
}

#contents div.courseArea div.courseSectionData .csdR {
	display: table-cell;
	vertical-align: middle;
	width: 310px;
}

#contents div.courseArea div.courseSectionData .csdR ul li {
	float: left;
	line-height: 0;
	margin-right: 3px;
	margin-bottom: 3px;
}

#contents div.courseArea div.courseSectionData .csdR ul li img {}

#contents div.courseArea div.courseAtt {
	border-top: 1px dotted #CCC;
	margin: 0 45px 0;
	padding: 40px 25px;
	text-align: left;
}

#contents div.courseArea div.courseAtt ul li {
	font-size: 14px;
}

#contents .courseTbl {
	border: 1px solid #DDD;
	margin-bottom: 40px;
}

#contents .courseTbl h2 {
	background: url(../cmn_img/bg_texture_blue.png) left top repeat #2750A1;
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4;
	padding: 13px 10px 10px;
	text-align: center;
}

#contents .courseTbl table {
	border-collapse: collapse;
	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	width: 100%;
}

#contents .courseTbl table th,
#contents .courseTbl table td {
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	color: #2a529f;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: -0.03em;
	line-height: 1.3;
	padding: 14px 3px 10px;
	text-align: center;
}

#contents .courseTbl table td {
	padding: 14px 10px 10px;
	text-align: left;
}

#contents .courseTbl table th {
	color: #2750A1;
}

#contents .courseTbl table th.w10 {
	width: 9% !important;
}

#contents .courseTbl table .black {
	color: #000;
	text-align: left;
	padding: 0 10px 0 20px;
}

#contents .courseTbl table thead th {
	background: url(../cmn_img/bg_texture_blue.png) left top repeat #2750A1;
	color: #FFF;
	font-weight: normal;
}

#contents .courseTbl .inr {
	padding: 40px;
}

#contents .courseTbl .inr p {
	font-size: 14px;
}

#contents .courseTbl table.tbl2 {
	border-top: 2px solid #2a529f;
	border-collapse: collapse;
	border-left: 1px solid #CFCFCF;
	width: 100%;
}

#contents .courseTbl table.tbl2 th,
#contents .courseTbl table.tbl2 td {
	border-bottom: none;
	border-top: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: -0.03em;
	line-height: 1.3;
	padding: 14px 3px 10px;
	text-align: center;
}

#contents .courseTbl table.tbl2 td {
	padding: 14px 10px 10px;
	text-align: left;
}

#contents .courseTbl table.tbl2 th {
	color: #2a529f;
}

#contents .courseTbl table.tbl2 thead th {
	background: none;
	color: #2a529f;
	font-size: 15px;
	font-weight: 600;
}

/*----------------------------------------------------
	☆head
----------------------------------------------------*/



.imgHead {
	font-size: 0;
	line-height: 0;
}

#contents .head01 {
	border-bottom: 1px solid #DADADA;
	color: #000;
	font-family: 'Noto Sans Japanese';
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.03em;
	margin-bottom: 25px;
	padding: 0 0 25px 20px;
}

#contents .head01:first-letter {
	color: #2750A1;
}

#contents .head01 em {
	color: #2750A1;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.08em;
	margin-left: 15px;
}

#contents .head02 {
	background: url(../cmn_img/bg_head02.jpg) right top no-repeat #69A6CF;
	color: #FFF;
	font-family: 'Noto Sans Japanese';
	font-size: 20px;
	font-size: 2rem;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 0.04em;
	margin-bottom: 20px;
	padding: 17px 14px 14px 20px;
}

body.ichiran #contents .head02 {
	background: url(../cmn_img/bg_head02_2.jpg) right top no-repeat;
	margin-bottom: 0;
}

#contents .head02 a {
	color: #FFF;
}

#contents .head03 {
	background: url(../cmn_img/bg_head03.jpg) left bottom repeat-x;
	color: #000;
	font-family: 'Noto Sans Japanese';
	font-size: 20px;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.04em;
	margin-bottom: 15px;
	padding: 0 15px 15px 20px;
	position: relative;
}

#contents .head03:before {
	background-color: #2750A1;
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 3px;
	width: 12px;
	position: absolute;
	top: 12px;
	left: 0;
}

#contents .head03.kyushin span.kyushin {
	color: #CB4441;
}

#contents .head03.kyushin:before {
	background-color: #CB4441;
}

#contents .head04 {
	color: #2750A1;
	font-family: 'Noto Sans Japanese';
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.04em;
	margin-bottom: 10px;
	padding: 0 13px 0 0;
}

#contents .head04 span:before {
	border: 3px solid #2750A1;
	content: "";
	color: #EA0004;
	display: inline-block;
	font-size: 10px;
	margin-right: 0.8em;
	vertical-align: middle;
	height: 0.8em;
	width: 0.8em;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

#contents .head05 {
	color: #000;
	font-family: 'Noto Sans Japanese';
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.04em;
	margin-bottom: 10px;
	padding: 0 13px 0 0;
}

#contents .headCenter01 {
	border-left: 6px solid #2850A1;
	color: #2850A1;
	font-family: 'Noto Sans Japanese';
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.04em;
	margin-bottom: 25px;
	padding: 0 0 0 20px;
}

#contents .headCenter02 {
	border-bottom: 1px dotted #CCC;
	color: #2850A1;
	font-family: 'Noto Sans Japanese';
	font-size: 30px;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.04em;
	margin-bottom: 20px;
	padding: 0 0 10px;
}

#contents .headCenter03 {
	background: url("../cmn_img/bg_texture_blue.png") repeat left top #2750A1;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
	padding: 14px 15px 10px;
	text-align: center;
}

/*----------------------------------------------------
	☆cmnMv
----------------------------------------------------*/



#contents .cmnMv {
	line-height: 0;
	margin-bottom: 20px;
}

/*----------------------------------------------------
	☆Btn
----------------------------------------------------*/


#contents .bscBtn {
	background-color: #FFF;
	border-radius: 40px;
	color: #0091e1;
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.5;
	min-width: 42%;
	margin: 0 0.6% 15px 0;
	padding: 18px 20px 18px 15px;
	text-align: center;
	text-decoration: none;
	position: relative;
	transition: 200ms ease all;
	-webkit-box-shadow: 0 8px 6px -6px #DDD;
	-moz-box-shadow: 0 8px 6px -6px #DDD;
	box-shadow: 0 8px 6px -6px #DDD;
}

#contents .bscBtn.btn01 {
	border: 1px solid #CCC;
	color: #444;
}

#contents .bscBtn.btn02 {
	background-color: #2850A1;
	color: #FFF;
}

#contents .bscBtn.btn03 {
	background-color: #AAA;
	color: #FFF;
}

#contents .bscBtn.btn04 {
	border: 1px solid #CCC;
	color: #444;
	padding: 20px 10px 18px 10px;
}

#contents .bscBtn.btn05 {
	border: 1px solid #CCC;
	color: #444;
	padding: 20px 10px 18px 10px;
}

#contents .bscBtn.btn01R {
	border: 1px solid #CCC;
	color: #444;
}

#contents .bscBtn.btn01:before,
#contents .bscBtn.btn02:before,
#contents .bscBtn.btn03:before {
	content: "\f138";
	display: inline-block;
	font-family: "fontawesome";
	font-weight: normal;
	margin-right: 10px;
}

#contents .bscBtn.btn01:before,
#contents .bscBtn.btn01R:before {
	color: #2750A1;
}

#contents .bscBtn.btn04:before {
	content: "\f1c1";
	color: #B20000;
	display: inline-block;
	font-family: "fontawesome";
	font-weight: normal;
	margin-right: 10px;
}

#contents .bscBtn.btn05:before {
	color: #2750A1;
	content: "\f08e";
	display: inline-block;
	font-family: "fontawesome";
	font-weight: normal;
	margin-right: 10px;
}

#contents .bscBtn.btn01R:before {
	content: "\f137";
	display: inline-block;
	font-family: "fontawesome";
	font-weight: normal;
	margin-right: 10px;
}

#contents .bscBtn.btn01:hover,
#contents .bscBtn.btn04:hover,
#contents .bscBtn.btn05:hover,
#contents .bscBtn.btn01R:hover {
	background-color: #FFF;
	border: 1px solid #007ebe;
}

#contents .bscBtn.btn02:hover {
	opacity: 0.8;
}

#contents .bscBtn.btn03:hover {
	opacity: 0.8;
}

#contents .infoBtn {
	border: 1px solid #DDD;
	border-top: 2px solid #2A50A5;
	padding: 25px 25px 15px;
	text-align: center;
}

#contents .infoBtn p.txt {
	border-bottom: 1px dotted #AAA;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 600;
	margin-bottom: 25px;
	padding-bottom: 20px;
}

/*----------------------------------------------------
	☆List
----------------------------------------------------*/

#contents .indList {
	margin-bottom: 35px;
}

#contents .indList li {
	line-height: 1.7;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 10px;
}

#contents .indList li a {
	text-decoration: none;
}

#contents .indList li a:hover {
	text-decoration: underline;
}

#contents .indList li>a {
	border: 1px solid #000;
	cursor: pointer;
	display: inline-block;
	margin-left: 10px;
	text-indent: initial;
	padding: 0 8px;
	color: #000;
	box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
	transition: background-color 0.3s, border 0.3s, color 0.3s;
}

#contents .indList li>a:hover {
	border: 1px solid #4669AB;
	color: #fff;
	background-color: #4669AB;
	text-decoration: none;
}

#contents .indListS {
	margin-bottom: 35px;
}

#contents .indListS li {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 8px;
	text-indent: -1em;
	padding-left: 1em;
}

#contents .indListS li a {
	text-decoration: none;
}

#contents .indListS li a:hover {
	text-decoration: underline;
}

#contents .numList {
	padding-left: 20px;
	margin-bottom: 35px;
}

#contents .numList li {
	line-height: 1.7;
	list-style: decimal outside none;
	margin-bottom: 10px;
}

#contents .numList li a {
	text-decoration: none;
}

#contents .numList li a:hover {
	text-decoration: underline;
}

#contents .numListS {
	padding-left: 20px;
	margin-bottom: 35px;
}

#contents .numListS li {
	line-height: 1.7;
	list-style: decimal outside none;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 8px;
}

#contents .numListS li a {
	text-decoration: none;
}

#contents .numListS li a:hover {
	text-decoration: underline;
}

#contents ul.iconList {
	margin-bottom: 35px;
}

#contents ul.iconList li {
	line-height: 1.7;
	margin-bottom: 10px;
}

#contents ul.iconList li a {
	padding: 0 0 3px 20px;
	text-decoration: underline;
	position: relative;
}

#contents ul.iconList li a:hover {
	text-decoration: none;
}

#contents ul.iconList li.blankIcon a:before {
	content: "\f08e";
	color: #333;
	display: inline-block;
	font-size: 16px;
	font-family: "fontawesome";
	position: absolute;
	left: 0;
	top: 0;
}

#contents ul.iconList li.pdfIcon a:before {
	content: "\f1c1";
	color: #B6202E;
	display: inline-block;
	font-size: 16px;
	font-family: "fontawesome";
	position: absolute;
	left: 0;
	top: 0;
}

#contents ul.iconList li.exlIcon a:before {
	content: "\f1c3";
	color: #376F17;
	display: inline-block;
	font-size: 16px;
	font-family: "fontawesome";
	position: absolute;
	left: 0;
	top: 0;
}

#contents ul.iconList li.wrdIcon a:before {
	content: "\f1c2";
	color: #2947AA;
	display: inline-block;
	font-size: 16px;
	font-family: "fontawesome";
	position: absolute;
	left: 0;
	top: 0;
}

#contents ul.arrowList {
	margin-bottom: 35px;
}

#contents ul.arrowList li {
	line-height: 1.7;
	margin-bottom: 13px;
	padding-left: 1.2em;
	vertical-align: top;
	position: relative;
}

#contents ul.arrowList li a {
	vertical-align: top;
	position: relative;
}

#contents ul.arrowList.pattern01 li::before {
	border: 3px solid #2750a1;
	border-radius: 20px;
	content: "";
	display: inline-block;
	font-size: 10px;
	height: 5px;
	margin-right: 0.8em;
	vertical-align: middle;
	width: 5px;
	position: absolute;
	top: 8px;
	left: 0;
}

#contents ul.arrowList.pattern02 li::before {
	border: 3px solid #CB4441;
	border-radius: 20px;
	content: "";
	display: inline-block;
	font-size: 10px;
	height: 5px;
	margin-right: 0.8em;
	vertical-align: middle;
	width: 5px;
	position: absolute;
	top: 8px;
	left: 0;
}

/*
#contents ul.arrowList.pattern01 li:before {
	content: "\f144";
	color: #244994;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
}


#contents ul.arrowList.pattern02 li:before {
	content: "\f144";
	color: #CB4441;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
}
*/

#contents dl.arrowDl {
	margin-bottom: 35px;
}

#contents dl.arrowDl dt {
	color: #244994;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 3px;
	vertical-align: top;
	position: relative;
}

#contents dl.arrowDl dt a {
	color: #244994;
}

#contents dl.arrowDl dd {
	line-height: 1.7;
	margin-bottom: 25px;
	vertical-align: top;
}

#contents dl.arrowDl.pattern02 dt {
	color: #cb4441;
}

#contents dl.arrowDl.pattern02 dt a {
	color: #cb4441;
}

/* indList modal */
/* .modal-open-button {
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 20px;
	cursor: pointer;
	color: #fff;
	background: #000;
}

.modal {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	display: flex;
	visibility: hidden;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 40px 20px;
	transition: opacity 0.3s, visibility 0.3s;
	opacity: 0;
	background: rgba(0, 0, 0, 50%);
}

.modal.is-open {
	visibility: visible;
	opacity: 1;
}

.modal__body {
	position: relative;
	display: inline-block;
	width: 90%;
}

.modal__close-button {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	padding: 10px;
	cursor: pointer;
	color: #000;
	border: 1px solid #000;
	text-indent: 0;
}

.modal__content {
	padding: 60px;
	background: #fff;
	color: #000;
	text-indent: 0;

	@media screen and (max-width: 750px) {
		padding: 20px;
	}
}

#contents li.dotList {
	margin-bottom: 0;
}

@media screen and (max-width: 750px) {
	#contents li.dotList {
		font-size: 12px;
	}
}

.modal__content-box+.modal__content-box {
	margin-top: 24px;
}

.modal__content-title {
	margin-bottom: 16px;
} */

/* .dotList {
	padding-left: 1.4em; */
/* text-indent: -1.3em; */
/* vertical-align: middle;
}

.dotList+.dotList {
	margin-top: 0.3em;
}

.dotList::before {
	content: '';
	margin-right: 1em;
	display: inline-block;
	width: 0.2em;
	height: 0.2em;
	background-color: #000;
	border-radius: 100%;
	vertical-align: middle;
} */





/*----------------------------------------------------
	☆Table
----------------------------------------------------*/



#contents .tbl01 table,
#contents table.tbl01 {
	border-collapse: collapse;
	border-left: 1px solid #CFCFCF;
	border-top: 1px solid #2750A1;
	width: 100%;
}

#contents div.tbl01,
#contents table.tbl01 {
	margin-bottom: 30px;
}

#contents .tbl01 table th,
#contents .tbl01 table td,
#contents table.tbl01 th,
#contents table.tbl01 td {
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	font-weight: normal;
	line-height: 1.7;
	padding: 14px 20px;
}

#contents .tbl01 table th,
#contents table.tbl01 th {
	background: url(../cmn_img/bg_texture_gray.png) left top repeat fixed;
	color: #2750A1;
	font-weight: 600;
}

#contents .tbl01 table tr.head th,
#contents table.tbl01 tr.head th {
	background: url(../cmn_img/bg_texture_blue.png) left top repeat #2750A1;
	color: #FFF;
	font-weight: normal;
}

#contents .tbl01 table thead th,
#contents table.tbl01 thead th {
	background: url(../cmn_img/bg_texture_blue.png) left top repeat #2750A1;
	color: #FFF;
	font-weight: bold;
}

#contents .tbl02 table,
#contents table.tbl02 {
	border-collapse: collapse;
	border-left: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
	margin-bottom: 30px;
	width: 100%;
}

#contents .tbl02 table th,
#contents .tbl02 table td,
#contents table.tbl02 th,
#contents table.tbl02 td {
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	font-weight: normal;
	line-height: 1.7;
	padding: 14px 20px;
}

#contents .tbl02 table th,
#contents table.tbl02 th {
	background: url(../cmn_img/bg_texture_blue.png) left top repeat #2750A1;
	color: #FFF;
}

#contents .tbl03 table,
#contents table.tbl03 {
	border-collapse: collapse;
	border-left: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
	margin-bottom: 30px;
	width: 100%;
}

#contents .tbl03 table th,
#contents .tbl03 table td,
#contents table.tbl03 th,
#contents table.tbl03 td {
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	font-weight: normal;
	line-height: 1.7;
	padding: 14px 20px;
}

#contents .tbl03 table th,
#contents table.tbl03 th {
	color: #DF4A47;
}

#contents .tbl03 table tr.head th,
#contents table.tbl03 tr.head th {
	background: url(../cmn_img/bg_texture_red.png) left top repeat fixed;
	color: #FFF;
	font-weight: normal;
}

#contents .tbl03 table thead th,
#contents table.tbl03 thead th {
	background: url(../cmn_img/bg_texture_red.png) left top repeat fixed;
	color: #FFF;
	font-weight: normal;
}

#contents .gairaiTbl1 table,
#contents .gairaiTbl2 table {
	table-layout: fixed;
}

#contents .gairaiTbl2 table th,
#contents .gairaiTbl2 table td {
	text-align: center;
}

#contents .gairaiTbl2 table th,
#contents table.gairaiTbl2 th {
	background: #FFF;
	color: #DF4A47;
	text-align: center;
}

#contents .gairaiTbl2 table th,
#contents table.gairaiTbl2 th {
	color: #DF4A47;
	text-align: center;
}

#contents .gairaiTbl2 table thead th,
#contents table.gairaiTbl2 thead th {
	background: url(../cmn_img/bg_texture_red.png) left top repeat fixed;
	color: #FFF;
	font-weight: normal;
}


#contents .tbl01 table.redC,
#contents table.tbl01.redC {
	border-top: 1px solid #CB4441;
}

#contents .gairaiTbl1 table.redC thead th,
#contents table.gairaiTbl1.redC thead th,
#contents table.redC thead th {
	background: none;
	background-color: #CB4441;
	/*background: url(../cmn_img/bg_texture_red.png) left top repeat;*/
}






/*----------------------------------------------------
	☆Form
----------------------------------------------------*/





input {}

input.textFocus {
	color: #333;
}

input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL {
	background-color: #FFF;
	border: 1px solid #CCC;
	line-height: 140%;
	padding: 5px 5px;
}

input {
	vertical-align: middle;
}

.wSS {
	width: 70px;
}

.wS {
	width: 90px;
}

.wM {
	width: 200px;
}

.wL {
	width: 400px;
}

.wLL {
	width: 400px;
}

.imeOn {
	ime-mode: active;
}

.imeOff {
	ime-mode: disabled;
}

textarea.txtarea {
	background-color: #FFF;
	border: 1px solid #CCC;
	font-size: 14px;
	height: 160px;
	padding: 5px 5px;
	width: 400px;
}

option {
	font-size: 14px !important;
}

label {
	cursor: pointer;
}

label:hover {
	color: #999;
}

input[type="checkbox"],
input[type="radio"] {
	margin-right: 3px;
}

.formErr {
	color: #E54E52;
	font-weight: bold;
}

input.inputErr,
textarea.inputErr {
	background-color: #FADFDE;
}

/*----------------------------------------------------
	☆Box
----------------------------------------------------*/





.bscBox00 {
	border: 1px solid #D0D0D2;
	margin-bottom: 20px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*----------------------------------------------------
	☆pager
----------------------------------------------------*/





#contents .pagination {
	padding-top: 50px;
	text-align: center;
}

#contents .pagination p {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1;
}

#contents .pagination a,
#contents .pagination span {
	border: 1px solid #CCC;
	border-radius: 3px;
	display: inline-block;
	margin: 0 1px;
	padding: 3px 5px 2px;
	text-decoration: none;
}

#contents .pagination a:hover {
	text-decoration: underline;
}

#contents .pagination span {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #DADADA), color-stop(0.00, #EDEDED));
	background: -webkit-linear-gradient(#EDEDED, #DADADA);
	background: -moz-linear-gradient(#EDEDED, #DADADA);
	background: -o-linear-gradient(#EDEDED, #DADADA);
	background: -ms-linear-gradient(#EDEDED, #DADADA);
	background: linear-gradient(#EDEDED, #DADADA);
}

#contents .pagination a.prev,
#contents .pagination a.next {
	border: none;
}

/*----------------------------------------------------
	☆anchorBox
----------------------------------------------------*/



#contents .anchorBox {
	border: 1px dotted #BBB;
	margin-bottom: 25px;
	padding: 15px 15px 15px;
}

#contents .anchorBox ul li {
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 0 1% 5px 0;
}

#contents .anchorBox ul li a {
	background-color: #FFF;
	color: #2750A1;
	display: block;
	padding: 10px 15px 5px 10px;
	text-decoration: underline;
	position: relative;
	font-size: 1.4rem;
}

#contents .anchorBox ul li a.fz-big {
	font-size: 24px;
	position: relative;
}

#contents .anchorBox ul li a.fz-big::before {
	content: "\f150";
	color: #2750A1;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 22px;
	margin-right: 7px;
}


@media screen and (max-width: 750px) {
	#contents .anchorBox ul li a.fz-big {
		font-size: 20px;
	}

	#contents .anchorBox ul li a.fz-big::before {
		font-size: 18px;
	}
}

#contents .anchorBox ul li a:hover {
	text-decoration: none;
}

#contents .anchorBox ul li a:before {
	content: "\f150";
	color: #2750A1;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 15px;
	margin-right: 7px;
}

/*----------------------------------------------------
	☆clmBox
----------------------------------------------------*/


/*

#contents div.clm2Box ul li {
	float: left;
	margin-bottom: 30px;
	width: 47%;
}

#contents div.clm2Box ul li.even {
	float: right;
}

#contents div.clm3Box ul li {
	float: left;
	margin: 0 1% 30px 0;
	width: 31%;
}
*/



/*----------------------------------------------------
	☆tab area
----------------------------------------------------*/



#contents div.tabArea {
	padding-top: 5px;
}

#contents div.tabArea div.tabMenu {
	background: url(../cmn_img/bg_anchorlink.jpg) left bottom repeat-x;
	margin-bottom: 30px;
	padding-bottom: 7px;
}

#contents div.tabArea div.tabMenu ul {
	margin: 0 0 0 15px;
}

#contents div.tabArea div.tabMenu ul li {
	color: #244994;
	cursor: pointer;
	font-family: 'Noto Sans Japanese';
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.4;
	float: left;
	line-height: 1.4;
	margin-right: 0.3%;
	text-align: center;
	min-width: 24.5%;
}

#contents div.tabArea div.tabMenu ul li span {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-bottom: none;
	display: block;
	padding: 14px 10px 12px;
}

#contents div.tabArea div.tabMenu ul li a {
	display: block;
	background-color: #FFF;
	border: 1px solid #CCC;
	border-bottom: none;
	display: block;
	padding: 14px 10px 12px;
	color: #244994;
	text-decoration: none;
}

#contents div.tabArea div.tabMenu ul li span:hover,
#contents div.tabArea div.tabMenu ul li.current span,
#contents div.tabArea div.tabMenu ul li a:hover {
	background: url(../cmn_img/bg_texture_blue.png) left top repeat #2750A1;
	color: #FFF;
}

#contents div.tabArea div.tabMenu ul li span:hover:before,
#contents div.tabArea div.tabMenu ul li.current span:before {
	color: #FFF;
}

#contents div.tabArea div.tabMenu ul li.current {
	cursor: default;
}

/*----------------------------------------------------
	☆StaffArea
----------------------------------------------------*/


#contents div.staffArea div.staffBox {
	border-bottom: 1px dotted #AAA;
	margin-bottom: 35px;
	padding-bottom: 35px;
}

#contents div.staffArea div.staffBox h3 {
	border-left: 4px solid #ea0004;
	line-height: 1.4;
	margin-bottom: 15px;
	padding: 3px 12px 2px;
}

#contents div.staffArea div.staffBox h3 span {
	font-size: 14px;
	font-size: 1.4rem;
}

#contents div.staffArea div.staffBox div.table {
	display: table;
	width: 100%;
}

#contents div.staffArea div.staffBox p.img {
	display: table-cell;
	padding-right: 30px;
	vertical-align: top;
	width: 200px;
}

#contents div.staffArea div.staffBox p.img img {
	border: 1px solid #DDD;
	line-height: 0;
}

#contents div.staffArea div.staffBox div.data {
	display: table-cell;
	vertical-align: top;
}

#contents div.staffArea div.staffBox div.data table {
	width: 100%;
}

#contents div.staffArea div.staffBox div.data table th,
#contents div.staffArea div.staffBox div.data table td {
	border-bottom: 1px dotted #AAA;
	padding: 10px 10px 5px;
	text-align: left;
	vertical-align: top;
}

#contents div.staffArea div.staffBox div.data table tr.last th,
#contents div.staffArea div.staffBox div.data table tr.last td {
	border-bottom: none;
	padding: 7px 10px 0;
}

#contents div.staffArea div.staffBox div.data table th {
	color: #2a529f;
	font-weight: normal;
}

/*----------------------------------------------------
	☆shinryolist
----------------------------------------------------*/




#contents div.shinryoList {
	background: url(../cmn_img/bg_texture_gray.png) left top repeat fixed;
	margin-bottom: 35px;
	padding: 15px 15px 15px;
}

#contents div.shinryoList ul {
	background-color: #FFF;
	padding: 15px 15px 10px;
	overflow: hidden;
}

#contents div.shinryoList ul li {
	float: left;
	margin: 0 2% 10px 0;
	width: 31.3%;
}

#contents div.shinryoList ul li a {
	border-bottom: 1px dotted #DDD;
	color: #2850A1;
	display: block;
	padding: 10px 10px 8px 2em;
	text-decoration: none;
	transition: 0.1s;
	text-indent: -0.7em;
}

#contents div.shinryoList ul li a:hover {
	border-bottom: 1px dotted #2850A1;
	text-decoration: underline;
}

#contents div.shinryoList ul li a:before {
	content: "\f054";
	color: #2850A1;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 14px;
	margin-right: 0.8em;
	vertical-align: middle;
}

/*----------------------------------------------------
	☆faq
----------------------------------------------------*/


#contents div.faqArea {
	border: 1px solid #DDD;
	border-top: 5px solid #2850a1;
	padding: 35px 50px;
}

#contents div.faqArea dl {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 10px;
}

#contents div.faqArea dl dt {
	background: url(../cmn_img/icon_faq_q.gif) 10px 10px no-repeat;
	color: #2850a1;
	cursor: default;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	padding: 14px 14px 10px 60px;
}

/*
#contents div.faqArea dl dt:hover {
	text-decoration: underline;
}
*/

#contents div.faqArea dl dd {
	background: url(../cmn_img/icon_faq_a.gif) 10px 0 no-repeat;
	padding: 4px 14px 20px 60px;
	display: block !important;
}

/*----------------------------------------------------
	☆halfArea
----------------------------------------------------*/



#contents div.halfArea {}

#contents .halfArea .halfBox {
	background-color: #FFEEEE;
	margin-bottom: 25px;
	padding-bottom: 15px;
}

#contents .halfArea h2 {
	background: url(../cmn_img/bg_texture_02.jpg) left top repeat;
	color: #FFF;
	font-size: 20px;
	font-size: 2rem;
	font-weight: normal;
	line-height: 1.7;
	margin-bottom: 15px;
	padding: 15px 20px 12px;
}

#contents .halfArea h2 a {
	color: #FFF;
	text-decoration: none;
}

#contents .halfArea h2 a:hover {
	text-decoration: underline;
}

#contents .halfArea ul {
	margin: 0 15px;
	overflow: hidden;
	padding: 10px 5px 5px;
}

#contents .halfArea ul li {
	float: left;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.7;
	margin-bottom: 1%;
	width: 49%;
}

#contents .halfArea ul li.even {
	float: right;
}

#contents .halfArea ul li a {
	background-color: #FFF;
	border: 1px solid #DDD;
	color: #444;
	display: block;
	padding: 18px 14px 14px;
	text-decoration: none;
	transition: 0.1s;
}

#contents .halfArea ul li a:hover {
	border: 1px solid #E90000;
	color: #000;
}

#contents .halfArea ul li a span {
	display: block;
	text-indent: -0.5em;
	padding-left: 1em;
}

#contents .halfArea ul li a span:before {
	content: "\f144";
	color: #E90000;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 10px;
	margin-right: 0.8em;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

/*----------------------------------------------------
	☆halfArea
----------------------------------------------------*/



#contents div.halfArea2 {}

#contents .halfArea2 .halfBox {
	margin-bottom: 25px;
}

#contents .halfArea2 ul {
	margin: 0;
	overflow: hidden;
}

#contents .halfArea2 ul li {
	float: left;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.7;
	margin-bottom: 1%;
	width: 49%;
}

#contents .halfArea2 ul li.even {
	float: right;
}

#contents .halfArea2 ul li a {
	background-color: #FFF;
	border: 1px solid #DDD;
	color: #444;
	display: block;
	padding: 18px 14px 14px;
	text-decoration: none;
	transition: 0.1s;
}

#contents .halfArea2 ul li a:hover {
	border: 1px solid #E90000;
	color: #000;
}

#contents .halfArea2 ul li a span {
	display: block;
	text-indent: -0.5em;
	padding-left: 1em;
}

#contents .halfArea2 ul li a span:before {
	content: "\f144";
	color: #E90000;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 10px;
	margin-right: 0.8em;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

/*----------------------------------------------------
	☆newslist
----------------------------------------------------*/




#contents div.newsList ul li {
	border-bottom: 1px dotted #CCC;
	font-size: 16px;
	line-height: 1.4;
	vertical-align: middle;
}

#contents div.newsList ul li a {
	display: block;
	padding: 16px 5px 12px;
	text-decoration: none;
}

#contents div.newsList ul li a:hover {
	background-color: #FAFAFA;
}

#contents div.newsList ul li a span.date {
	color: #794915;
	font-size: 12px !important;
	float: left;
	padding: 2px 5px 2px 10px;
	width: 120px;
	word-break: break-all;
}

#contents div.newsList ul li a span.icon {
	background-color: #A24397;
	line-height: 100%;
	color: #FFF;
	text-align: center;
	font-size: 12px !important;
	float: left;
	margin-right: 15px;
	padding: 5px 3px 4px;
	width: 100px;
	word-break: break-all;
}

#contents div.newsList ul li a span.data {
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	float: left;
	padding: 1px 2px 2px;
	width: 435px;
}

#contents div.newsList ul li.cat1 a:hover span.date,
#contents div.newsList ul li.cat1 a:hover span.data {
	color: #7b9ad6;
}

#contents div.newsList ul li.cat1 a span.icon {
	background-color: #7b9ad6;
}

#contents div.newsList ul li.cat2 a:hover span.date,
#contents div.newsList ul li.cat2 a:hover span.data {
	color: #8dbf22;
}

#contents div.newsList ul li.cat2 a span.icon {
	background-color: #8dbf22;
}

#contents div.newsList ul li.cat3 a:hover span.date,
#contents div.newsList ul li.cat3 a:hover span.data {
	color: #d39a34;
}

#contents div.newsList ul li.cat3 a span.icon {
	background-color: #d39a34;
}

#contents div.newsList ul li.cat4 a:hover span.date,
#contents div.newsList ul li.cat4 a:hover span.data {
	color: #cb5d79;
}

#contents div.newsList ul li.cat4 a span.icon {
	background-color: #cb5d79;
}

#contents .newsListBtn {
	padding-top: 10px;
	text-align: right;
}

#contents .newsListBtn a {
	background-color: #897054;
	color: #FFF;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	padding: 5px 20px;
	text-decoration: none;
	transition: 0.2s;
}

#contents .newsListBtn a:hover {
	background-color: #7B6141;
}

#contents .newsListBtn a span:before {
	content: "\f0da";
	color: #FFF;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 8px;
	font-weight: normal;
	margin-right: 0.8em;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

/*----------------------------------------------------
	☆youtubeBox
----------------------------------------------------*/



#contents div.youtubeBox {
	margin-bottom: 40px;
}

/*----------------------------------------------------
	☆thumbList01
----------------------------------------------------*/



#contents div.thumbList01 {
	width: 690px;
}

#contents div.thumbList01 ul {
	width: 690px;
}

#contents div.thumbList01 ul li {
	float: left;
	line-height: 0;
	margin-right: 3px;
	margin-bottom: 3px;
	width: 112px;
}

#contents div.thumbList01 ul li img {
	border: 1px solid #CCC;
	width: 100%;
}

#contents div.whatsNewList {}

#contents div.whatsNewList div.tabMenu {
	border-bottom: 4px solid #5375C0;
}

#contents div.whatsNewList div.tabMenu ul#nav {
	margin-left: 11px;
}

#contents div.whatsNewList div.tabMenu ul#nav li {
	border: 1px solid #CCC;
	border-bottom: none;
	color: #2750a1;
	cursor: pointer;
	float: left;
	margin-right: 2px;
	padding: 15px 10px 10px;
	text-align: center;
	min-width: 19.5%;
}

/*
#contents div.whatsNewList div.tabMenu ul#nav li:before {
	content: "\f0da";
	display: inline-block;
	font-family: "fontawesome";
	font-size: 10px;
	margin-right: 4px;
	vertical-align: middle;
}
*/


#contents div.whatsNewList div.tabMenu ul#nav li:hover {
	background: url(../cmn_img/bg_texture_blue.png) left top repeat #2750A1;
	color: #FFF;
}

#contents div.whatsNewList div.tabMenu ul#nav li.current {
	background: url(../cmn_img/bg_texture_blue.png) left top repeat #2750A1;
	color: #FFF;
	cursor: default !important;
}

/*
#contents div.whatsNewList div.tabMenu ul#nav li#tab1 {
	background-color: #7B6141;
}

#contents div.whatsNewList div.tabMenu ul#nav li#tab2 {
	background-color: #7B9AD6;
}

#contents div.whatsNewList div.tabMenu ul#nav li#tab3 {
	background-color: #8DBF22;
}

#contents div.whatsNewList div.tabMenu ul#nav li#tab4 {
	background-color: #D39A34;
}

#contents div.whatsNewList div.tabMenu ul#nav li#tab5 {
	background-color: #CB5D79;
}

*/




#contents div.whatsNewList #tab {
	background-color: #FFF;
}

#contents div.whatsNewList div.tabBox {
	border: 1px dotted #DDD;
	border-top: none;
	padding: 15px;
}

#contents div.whatsNewList div.tabBox ul li {
	border-bottom: 1px dotted #DDD;
	line-height: 1.4;
	vertical-align: middle;
}

#contents div.whatsNewList div.tabBox ul li.last {
	border-bottom: none;
}

#contents div.whatsNewList div.tabBox ul li a {
	display: block;
	padding: 20px 5px 17px;
	text-decoration: none;
}

#contents div.whatsNewList div.tabBox ul li a:hover {
	background-color: #FAFAFA;
}

#contents div.whatsNewList div.tabBox ul li a span.date {
	color: #2750a1;
	font-size: 12px !important;
	float: left;
	padding: 4px 5px 3px 10px;
	width: 120px;
	word-break: break-all;
}

#contents div.whatsNewList div.tabBox ul li a span.icon {
	background-color: #FFF;
	border: 1px solid #DDD;
	line-height: 100%;
	color: #2750a1;
	text-align: center;
	font-size: 12px !important;
	float: left;
	margin-right: 15px;
	padding: 8px 3px 7px;
	min-width: 110px;
	word-break: break-all;
}

#contents div.whatsNewList div.tabBox ul li a span.data {
	color: #333;
	float: left;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 2px 2px 3px;
	min-width: 405px;
}

/*
#contents div.whatsNewList div.tabBox ul li.cat1 a:hover span.date,
#contents div.whatsNewList div.tabBox ul li.cat1 a:hover span.data {
	color: #2750a1;
}

#contents div.whatsNewList div.tabBox ul li.cat1 a span.icon {
	background-color: #F3A17E;
}

#contents div.whatsNewList div.tabBox ul li.cat2 a:hover span.date,
#contents div.whatsNewList div.tabBox ul li.cat2 a:hover span.data {
	color: #5F76B9;
}

#contents div.whatsNewList div.tabBox ul li.cat2 a span.icon {
	background-color: #5F76B9;
}

#contents div.whatsNewList div.tabBox ul li.cat3 a:hover span.date,
#contents div.whatsNewList div.tabBox ul li.cat3 a:hover span.data {
	color: #22BAB6;
}

#contents div.whatsNewList div.tabBox ul li.cat3 a span.icon {
	background-color: #22BAB6;
}

*/




#contents div.whatsNewList div.tabBox ul li a span.new {
	border: 1px solid #cb4441;
	color: #cb4441;
	font-family: 'Oswald', sans-serif;
	font-size: 11px !important;
	line-height: 1;
	letter-spacing: 0.15em;
	padding: 2px 7px 1px;
	text-align: center;
	vertical-align: middle;
	word-break: break-all;
	margin-top: -2px;
}

/* indexList */


#contents .indexList {
	background: url(../cmn_img/bg_texture_gray2.png) left top repeat fixed;
	border-top: 3px solid #5174B4;
	padding: 30px 25px;
}

#contents .indexList ul {
	overflow: hidden;
}

#contents .indexList ul li {
	float: left;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
	margin: 0 1.3% 15px 0;
	width: 32%;
}

#contents .indexList ul li a {
	background-color: #FFF;
	border: 1px solid #EEE;
	border-radius: 7px;
	color: #2A50A5;
	display: table;
	text-decoration: none;
	width: 100%;
	transition: 0.2s;
	-webkit-box-shadow: 5px 5px 6px -6px #AAA;
	-moz-box-shadow: 5px 5px 6px -6px #AAA;
	box-shadow: 5px 5px 6px -6px #AAA;
}

#contents .indexList ul li a span {
	display: table-cell;
	padding: 25px 15px;
	vertical-align: middle;
	text-indent: -9px;
	padding-left: 34px;
	width: 100%;
}

#contents .indexList ul li a span:before {
	content: "\f152";
	display: inline-block;
	font-family: "fontawesome";
	font-size: 14px;
	margin-right: 7px;
	vertical-align: middle;
}

#contents .indexList ul li a:hover {
	background-color: #2A50A5;
	border: 1px solid #2A50A5;
	color: #FFF;
}

#contents .partTime {}

#contents .partTime ul {
	border: 1px dotted #CCC;
	overflow: hidden;
	padding: 25px 25px 15px;
}

#contents .partTime ul li {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 600;
	float: left;
	margin-bottom: 10px;
	width: 25%;
}

#contents .partTime ul li span:before {
	content: "\f0c8";
	color: #2750a1;
	font-family: "fontawesome";
	font-size: 10px;
	margin-right: 0.8em;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

#contents .newsDetail {
	border: 1px dotted #DDD;
	border-top: 4px solid #4E76B2;
	padding: 20px 35px;
}

#contents .newsDetail.staff {
	border: none;
	border-top: none;
	padding: 0;
}



#contents .newsDetail p.date {
	color: #2750a1;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: right;
}

#contents .newsLink {
	padding-top: 30px;
	text-align: center;
}

#contents .newsLink a {
	border-right: 1px solid #CCC;
	display: inline-block;
	line-height: 1;
	padding: 0 20px;
}

#contents .newsLink a.prev:before {
	content: "\f053";
	display: inline-block;
	font-family: "fontawesome";
	font-size: 14px;
	font-weight: normal;
	margin-right: 7px;
	vertical-align: middle;
	position: relative;
}

#contents .newsLink a.next {
	border-right: none;
}

#contents .newsLink a.next:after {
	content: "\f054";
	display: inline-block;
	font-family: "fontawesome";
	font-size: 14px;
	font-weight: normal;
	margin-left: 7px;
	vertical-align: middle;
	position: relative;
}

#contents .proDetail {}

#contents .proDetail p.proDetailImg {
	margin-bottom: 50px;
	text-align: center;
}

#contents .proDetail p.proDetailImg {
	margin-bottom: 50px;
	text-align: center;
}

#contents .proDetail .catch {
	color: #2a529f;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.7;
	margin-bottom: 50px;
	text-align: center;
}

#contents .proDetail .interview {
	color: #2a529f;
	font-size: 12px;
	font-size: 1.2rem;
	font-family: 'Oswald', sans-serif;
	margin-bottom: 70px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
}

#contents .proDetail .interview span {
	background-color: #FFF;
	display: inline-block;
	letter-spacing: 0.2em;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 2;
}

#contents .proDetail .interview:after {
	content: '';
	display: block;
	border-top: 1px dotted #CCC;
	position: absolute;
	top: 8px;
	left: 0;
	width: 100%;
}

#contents .proDetail .interviewList {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 50px;
}

#contents .proDetail .interviewList li {
	margin-bottom: 50px;
	overflow: hidden;
}

#contents .proDetail .interviewList li .data {
	float: left;
	padding-top: 15px;
	width: 55%;
}

#contents .proDetail .interviewList li .img {
	float: right;
	width: 40%;
}

#contents .proDetail .interviewList li.even .data {
	float: right;
}

#contents .proDetail .interviewList li.even .img {
	float: left;
}

#contents .proDetail .interviewList li .img img {}

#contents .proDetail .interviewList li h3 {
	border-bottom: 1px dotted #AAA;
	color: #2750A1;
	font-family: 'Noto Sans Japanese';
	font-size: 20px;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.04em;
	margin-bottom: 15px;
	padding: 0 15px 15px 20px;
	position: relative;
}

#contents .proDetail .interviewList li h3:before {
	background-color: #2750A1;
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 3px;
	width: 12px;
	position: absolute;
	top: 12px;
	left: 0;
}

#contents .proList {
	padding: 30px;
}

#contents .proList ul {
	background: url(../cmn_img/bg_texture_gray2.png) left top repeat;
	padding: 1px 1px 0;
	overflow: hidden;
}

#contents .proList ul li {
	background-color: #FFF;
	border-bottom: 1px dotted #DDD;
	float: left;
	width: 49.95%;
}

#contents .proList ul li.even {
	float: right;
}

#contents .proList ul li a {
	display: block;
	padding-bottom: 20px;
	text-decoration: none;
	transition: 0.2s;
}

#contents .proList ul li a:hover {
	opacity: 0.8;
}

#contents .proList ul li a .img img {
	height: auto;
	width: 100%;
}

#contents .proList ul li a h2 {
	background: url(../cmn_img/bg_texture_blue.png) left top repeat #2750A1;
	color: #FFF;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	margin: -30px 40px 20px;
	padding: 10px;
	text-align: center;
	position: relative;
	z-index: 2;
}

#contents .proList ul li a h2 em {
	color: #7cc4ed;
	display: block;
	font-style: normal;
	font-size: 14px;
}

#contents .proList .message {
	color: #2a529f;
	font-size: 12px;
	font-size: 1.2rem;
	font-family: 'Oswald', sans-serif;
	margin: 0 20px 20px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
}

#contents .proList .message span {
	background-color: #FFF;
	display: inline-block;
	letter-spacing: 0.2em;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 2;
}

#contents .proList .message:after {
	content: '';
	display: block;
	border-top: 1px dotted #CCC;
	position: absolute;
	top: 8px;
	left: 0;
	width: 100%;
}

#contents .proList .catch {
	color: #333;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: normal;
	line-height: 1.7;
	margin: 0 20px 20px;
	text-align: center;
}

#contents .proList .catch br {
	display: none !important;
}

#contents .proList .btn {
	text-align: center;
}

#contents .proList .btn span {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 40px;
	color: #0091e1;
	display: inline-block;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 1.5;
	min-width: 42%;
	margin: 0 auto 15px;
	padding: 7px 10px 5px 10px;
	text-align: center;
	text-decoration: none;
	position: relative;
	transition: 200ms ease all;
	-webkit-box-shadow: 0 8px 6px -6px #DDD;
	-moz-box-shadow: 0 8px 6px -6px #DDD;
	box-shadow: 0 8px 6px -6px #DDD;
}

#contents .proList .btn span:before {
	content: "\f138";
	display: inline-block;
	font-family: "fontawesome";
	font-weight: normal;
	margin-right: 10px;
}

/*----------------------------------------------------
	☆CENTER
----------------------------------------------------*/


.centerMv {
	margin-bottom: 45px;
}

#contents .centerNav {
	background: url(../cmn_img/bg_texture_gray2.png) left top repeat;
	margin-bottom: 40px;
	position: relative;
	padding: 10px;
}

#contents .centerNav:before {
	background-color: #2850A1;
	content: 'CONTENTS';
	color: #FFF;
	display: inline-block;
	font-size: 10px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.1em;
	padding: 7px 15px 5px;
	position: absolute;
	top: -12px;
	left: 20px;
	font-family: 'Oswald', sans-serif;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}

#contents .centerNav ul {
	background-color: #FFF;
	display: block;
	padding: 15px;
	overflow: hidden;
	width: 100%;
}

#contents .centerNav ul li.li {
	display: block;
	float: left;
	font-size: 15px;
	letter-spacing: -0.02em;
	line-height: 1.4;
	margin-right: 20px;
	text-align: center;
	vertical-align: middle;
}

#contents .centerNav ul li.li a {
	color: #000;
	display: block;
	padding: 8px 5px 3px;
	text-decoration: none;
	transition: 0.2s;
}

#contents .centerNav ul li.li a.current,
#contents .centerNav ul li.li a:hover {
	color: #2850A1;
	text-decoration: underline;
}

#contents .centerNav ul li.li a.current {
	font-weight: 600;
	text-decoration: none;
}

#contents .centerNav ul li.li a:before {
	color: #2850A1;
	content: "\f0da";
	display: inline-block;
	font-family: "fontawesome";
	font-weight: normal;
	margin-right: 7px;
}




#contents .centerNav .inr {
	background-color: #FFF;
	display: block;
	padding: 30px;
	overflow: hidden;
	width: 100%;
}

#contents .centerNav .pet01 {
	background: url(../cmn_img/bg_dot_01.jpg) left top repeat;
	border: 1px solid #CFCFCF;
	border-radius: 10px;
	float: left;
	font-size: 18px;
	margin-bottom: 20px;
	padding: 25px;
	width: 49%;
}

#contents .centerNav .pet01 a {
	background: #FFF;
	border: 1px solid #CFCFCF;
	border-radius: 10px;
	color: #2550A0;
	display: block;
	font-weight: 600;
	padding: 25px;
	text-decoration: none;
	transition: 0.2s;
}


#contents .centerNav .pet02 {
	background: url(../cmn_img/bg_dot_02.jpg) left top repeat;
	border: 1px solid #DDCBB4;
	border-radius: 10px;
	font-size: 18px;
	float: right;
	margin-bottom: 20px;
	padding: 25px;
	width: 49%;
}

#contents .centerNav .pet02 a {
	background: #FFF;
	border: 1px solid #DDCBB4;
	border-radius: 10px;
	color: #2550A0;
	display: block;
	font-weight: 600;
	padding: 25px;
	text-decoration: none;
	transition: 0.2s;
}


#contents .centerNav .pet03 {

	background-color: #5376B2;
	border: 1px solid #CFCFCF;
	border-radius: 10px;
	clear: both;
	padding: 25px 25px;
	/* overflow:hidden; */
}

.pet03__top-box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6px;

	@media screen and (max-width: 750px) {
		grid-template-columns: repeat(1, 1fr);
	}
}


#contents .centerNav .pet03 p {
	font-size: 18px;
	height: 100%;
}

#contents .centerNav .pet03 p.even {
	float: right;
}

#contents .centerNav .pet03 a {
	background: #FFF;
	border: 1px solid #CFCFCF;
	border-radius: 10px;
	color: #2550A0;
	display: block;
	font-weight: 600;
	padding: 25px;
	text-decoration: none;
	transition: 0.2s;
	height: 100%;
	display: flex;
	align-items: center;
}

#contents .centerNav .pet01 a:hover,
#contents .centerNav .pet02 a:hover,
#contents .centerNav .pet03 a:hover {
	opacity: 0.7;
}


#contents .centerNav .pet01 a:before,
#contents .centerNav .pet02 a:before,
#contents .centerNav .pet03 a:before {
	color: #2850A1;
	content: "\f152";
	display: inline-block;
	font-family: "fontawesome";
	font-weight: normal;
	margin-right: 7px;
}

.pet03__reservation {
	margin-top: 48px;
}

.pet03__reservation-title {
	text-align: center;
	color: #fff;
}

.pet03__reservationーbox {
	margin-top: 24px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6px;

	@media screen and (max-width: 750px) {
		grid-template-columns: repeat(1, 1fr);
	}
}

.pet03__reservationーbox a {
	display: inline-block;
	font-size: 18px;
	line-height: 1.6;
}

#contents .centerNav .pet04 {
	border: 4px solid #CFCFCF;
	border-radius: 10px;
	float: right;
	padding: 25px 25px;
	overflow: hidden;
	text-align: center;
	width: 35%;
}

#contents .centerNav .pet04 h3 {
	color: #2a529f;
	font-size: 20px;
	line-height: 1.4;
	height: 54px;
}

#contents .centerNav .pet04 p {
	font-size: 18px;
}

#contents .centerNav .pet04 a {
	background: #2550A0;
	border-radius: 10px;
	color: #FFF;
	display: block;
	font-weight: 600;
	padding: 25px;
	text-decoration: none;
	transition: 0.2s;
}

#contents .centerNav__footer {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	
	@media screen and (max-width: 750px) {
		grid-template-columns: repeat(1, 1fr);
    }
}

#contents .centerNav .pet05 {
	text-align: left;
	border: 4px solid #8CBCD4;
	background-color: #C1E2F2;
	border-radius: 10px;
	/* float:left; */
	padding: 25px 25px;
	/* overflow:hidden; */
	/*text-align:center;*/
	/* width:62%; */
}

#contents .centerNav .pet05 h3 {
	color: #2a529f;
	font-size: 20px;
	line-height: 1.3;
	/* height:54px; */
	text-align: center;
}

#contents .centerNav .pet05 h3 span {
	display: block;
	font-size: 14px;
	font-weight: normal;
}

.pet05__container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6px;
	margin-top: 12px;

	@media screen and (max-width: 1100px) {
		grid-template-columns: repeat(1, 1fr);
	}
}

#contents .centerNav .pet05 p {
	display: inline-block;
	font-size: 18px;
	line-height: 1.4;
	/* width:48%; */
	text-align: center;
}

/* #contents .centerNav .pet05 p:nth-of-type(2n){
	margin-right: 0;
}
#contents .centerNav .pet05 p:nth-child(n+3){
	margin-top: 6px;
} */

#contents .centerNav .pet05 p span {
	display: block;
	font-size: 13px;
	font-weight: normal;
}

#contents .centerNav .pet05 a {
	background: #2550A0;
	border-radius: 10px;
	color: #FFF;
	display: block;
	font-weight: 600;
	padding: 18px;
	text-decoration: none;
	transition: 0.2s;
	height: 100%;
}

#contents .centerNav .pet04 a:hover,
#contents .centerNav .pet05 a:hover {
	opacity: 0.7;
}

#contents .centerNav .pet04 a:before,
#contents .centerNav .pet05 a:before {
	color: #FFF;
	content: "\f0da";
	display: inline-block;
	font-family: "fontawesome";
	font-weight: normal;
	margin-right: 7px;
}


#contents .centerBtns {
	background-color: #E3E3E3;
	border: 1px solid #CFCFCF;
	border-radius: 10px;
	clear: both;
	margin-bottom: 30px;
	margin-top: -10px;
	padding: 25px 25px;
	overflow: hidden;
	text-align: center;
}

.centerBtns__items {}

#contents .centerBtns li {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0.5%;
	width: 31%;
}

#contents .centerBtns a {
	background: #FFF;
	border: 1px solid #2550A0;
	border-radius: 10px;
	color: #2550A0;
	display: block;
	padding: 25px;
	text-decoration: none;
	transition: 0.2s;
}

#contents .centerBtns a:hover {
	opacity: 0.7;
}

#contents .centerBtns a:before {
	color: #2550A0;
	content: "\f152";
	display: inline-block;
	font-family: "fontawesome";
	font-weight: normal;
	margin-right: 7px;
}


#contents .selectRegion {
	border: 1px solid #DDD;
	padding: 50px;
}


#contents .selectRegion .pleaseSelect {
	color: #2a529f;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.7;
	margin-bottom: 0;
	text-align: center;
}

#contents .selectRegion .pleaseSelect span {
	display: block;
	font-size: 13px;
	font-weight: normal;
}

#contents .selectRegion .regionArea {
	border-top: 1px dotted #CCC;
	padding-top: 60px;
	margin-top: 40px;
	overflow: hidden;
}

#contents .selectRegion .regionArea h2 {
	color: #2a529f;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.7;
	margin-bottom: 40px;
	text-align: center;
}

#contents .selectRegion .regionArea h2 span {
	display: block;
	font-size: 13px;
	font-weight: normal;
}

#contents .selectRegion .regionBox {
	background: url(../cmn_img/bg_dot_03.jpg) left top repeat;
	border-radius: 5px;
	float: left;
	padding: 20px 35px;
	text-align: center;
	width: 49%;
}

#contents .selectRegion .regionBox.even {
	float: right;
}

#contents .selectRegion .regionBox h3 {
	border-bottom: 1px solid #AAA;
	color: #84ccc9;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 30px;
	padding: 10px 0 20px;
}

#contents .selectRegion .regionBox h4 {
	color: #FFF;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.3;
	height: 75px;
}

#contents .selectRegion .regionBox h4 span {
	display: block;
	font-size: 14px;
}

#contents .selectRegion .regionBox ul {}

#contents .selectRegion .regionBox ul li {
	display: inline-block;
	font-size: 14px;
	margin: 0 1%;
	width: 47%;
}

#contents .selectRegion .regionBox ul li a {
	color: #2a529f;
	display: table;
	text-decoration: none;
	transition: 0.2s;
	width: 100%;
}

#contents .selectRegion .regionBox ul li a span {
	border-radius: 5px;
	background-color: #FFF;
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
	width: 95%;
}

#contents .selectRegion .regionBox ul li a span:before {
	color: #2a529f;
	content: "\f0da";
	display: inline-block;
	font-family: "fontawesome";
	font-weight: normal;
	margin-right: 7px;
}

#contents .selectRegion .regionBox ul li a:hover {
	opacity: 0.7;
}














#contents .centerCBtn {
	font-size: 14px;
	padding: 0 15px 0;
	text-align: center;
	position: absolute;
	top: -4px;
	right: 0;
}

#contents .centerCBtn a {
	background-color: #2850A1;
	border-radius: 5px;
	color: #FFF;
	display: block;
	font-size: 13px;
	padding: 7px 15px;
	text-decoration: none;
	transition: 0.2s;
	max-width: 230px;
}

#contents .centerCBtn a:before {
	content: "\f0da";
	display: inline-block;
	font-family: "fontawesome";
	font-weight: normal;
	margin-right: 10px;
}

#contents .centerCBtn a:hover {
	opacity: 0.7;
}

#contents .cNBtm {
	background: url(../uniq/center/bg_centernav.jpg) left top repeat-x #FFF;
	border-top: 5px solid #2850A1;
	padding: 55px 35px 30px;
	position: relative;
}

#contents .cNBtm .centerCBtn {
	right: 20px;
}

#contents .cNBtm .centerNav {}


#contents .contactReserve {}

#contents .contactReserve h2 {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.7;
	margin-bottom: 40px;
	text-align: center;
	text-transform: uppercase;
}

#contents .contactReserve h2 span {
	color: #C9494F;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
}

#contents .contactReserve .datas {
	margin: 0 30px;
	padding: 25px 0;
}

#contents .contactReserve .datas.bdr {
	border-bottom: 1px solid #CCC;
}

#contents .contactReserve .datas h3 {
	font-size: 16px;
	margin-bottom: 5px;
}




















/* color selector */



body.bgBlack a,
body.bgBlack a:link,
body.bgBlack a:hover,
body.bgBlack a:focus {
	color: #E5DCAE;
}

body.bgBlack {
	border-top: 3px solid #FFF;
}

body.bgBlack #header {
	background-color: transparent;
}

body.bgBlack #header div.inr .logo img {
	opacity: 0;
}

body.bgBlack #header div.inr .hdR .hdRBottom #bgColor span.goBlack {
	background-color: #3C3C3C;
	color: #FFF;
}

body.bgWhite #header div.inr .hdR .hdRBottom #bgColor span.goWhite {
	background-color: #3C3C3C;
	color: #FFF;
}

body.bgBlack #header div.inr .hdR .hdRBottom #bgColor p {
	color: #000;
}

body.bgBlack #header div.inr .hdR .hdRTop ul li a {
	background-color: #FFF;
	color: #2750a1;
}

body.bgBlack #header div.inr .hdR .hdRTop ul li.li00 a {
	background-color: transparent;
	color: #2750a1;
}

body.bgBlack #header div.inr .hdR .hdRTop ul li a span {
	border-right: 1px solid #2750a1;
}

body.bgBlack #header div.inr .hdR .hdRTop ul li.li00 a span,
body.bgBlack #header div.inr .hdR .hdRTop ul li.last a span {
	border-right: none;
}

body.bgBlack #header div.inr .hdR .hdRBottom #tel p.txt,
body.bgBlack #header div.inr .hdR .hdRBottom #tel a {
	color: #FFF;
}

body.bgBlack #header div.inr .hdR .hdRTop ul li.li00 a {
	color: #FFF;
}

body.bgBlack #header div.inr .hdR .hdRBottom #fontSize p {
	color: #FFF;
}

body.bgBlack #gNav {
	background-color: transparent;
}

body.bgBlack #gNav ul li a {
	color: #FFF;
}

body.bgBlack #gNav ul li.li00 a {
	background-color: #FFF;
	color: #000;
}

body.bgBlack #slide-line {
	background-color: #FFF;
}

body.bgBlack #contents {
	color: #FFF;
}

body.bgBlack #breadChumbs p,
body.bgBlack #breadChumbs p a {
	color: #FFF;
}

body.bgBlack #lMenu {
	background-color: #000;
}

body.bgBlack #lMenu h3.cName {
	color: #FFF;
}

body.bgBlack #lMenu h3.cName a {
	color: #FFF;
}

body.bgBlack #lMenu .shinryoMenu {
	background-color: #000;
	border: 1px solid #DEDDD8;
}

body.bgBlack #lMenu .shinryoMenu ul li a {
	background-color: #000;
	color: #FFF;
}

body.bgBlack #lMenu .shinryoMenu ul li a:hover,
body.bgBlack #lMenu .shinryoMenu ul li.current a {
	background-color: #000;
}

body.bgBlack #lMenu div.categoryMenu {
	background-color: #000;
	border: 1px solid #DDDAD3;
}

body.bgBlack #lMenu div.categoryMenu h3,
body.bgBlack #lMenu div.categoryMenu h3 a {
	color: #FFF;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li {
	background-color: #000;
}

body.bgBlack #lMenu div.categoryMenu div.cmList>ul>li {
	border-top: 1px solid #EEE;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li a {
	color: #FFF;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li a span:before {
	color: #FFF;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li.sub>a span:after {
	color: #FFF;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li a.current,
body.bgBlack #lMenu div.categoryMenu div.cmList ul li a:hover {
	background-color: #444;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li a.current {
	color: #777;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li.on>a {
	background-color: #444;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li ul li a:hover,
body.bgBlack #lMenu div.categoryMenu div.cmList ul li.sub ul li a:hover {
	background-color: #777;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li ul li a.current,
body.bgBlack #lMenu div.categoryMenu div.cmList ul li.sub ul li a.current {
	background-color: #777;
	color: #FFF;
}

body.bgBlack #contents {
	background-color: transparent;
}

body.bgBlack #main {
	background-color: #000;
}

body.bgBlack #contents p,
body.bgBlack #contents li,
body.bgBlack #contents dt,
body.bgBlack #contents dd {
	color: #FFF;
}

body.bgBlack #contents th,
body.bgBlack #contents th p,
body.bgBlack #contents th span,
body.bgBlack #contents td,
body.bgBlack #contents td p,
body.bgBlack #contents td span {
	color: #FFF !important;
}

body.bgBlack #contents .head01 {
	color: #FFF;
}

body.bgBlack #contents .head02 {
	background: none;
	background-color: #FFF;
	color: #000;
}

body.bgBlack #contents .head03 {
	color: #FFF;
}

body.bgBlack #contents .head03 span {}

body.bgBlack #contents .head04,
body.bgBlack #contents .head05 {
	color: #FFF;
}

body.bgBlack #contents .head04 span::before {
	color: #FFF;
}

body.bgBlack #contents .tbl01 table td,
body.bgBlack #contents table.tbl01 td {
	color: #FFF;
}

body.bgBlack #contents .tbl01 table th,
body.bgBlack #contents table.tbl01 th {
	background: none;
	color: #FFF;
}

body.bgBlack #contents .tbl01 table tr.head th,
body.bgBlack #contents table.tbl01 tr.head th {
	background: none;
	color: #FFF;
}

body.bgBlack #contents .tbl01 table thead th,
body.bgBlack #contents table.tbl01 thead th {
	background: none;
	color: #FFF;
}

body.bgBlack #contents .tbl02 table th,
body.bgBlack #contents table.tbl02 th {
	background: none;
	color: #FFF;
}

body.bgBlack #contents .tbl02 table thead th,
body.bgBlack #contents table.tbl02 thead th {
	background: none;
	color: #FFF;
}

body.bgBlack #contents .tbl03 table th,
body.bgBlack #contents table.tbl03 th {
	background: none;
	color: #FFF;
}

body.bgBlack #contents .tbl03 table thead th,
body.bgBlack #contents table.tbl03 thead th {
	background: none;
	color: #FFF;
}

body.bgBlack #contents div.bb04 {
	background-color: #777;
}

body.bgBlack #contents div.faqArea dl {
	border: 1px solid #333;
}

body.bgBlack #contents div.faqArea dl dt {
	background: #333 url("../cmn_img/icon_faq_q.gif") no-repeat scroll 10px 10px;
	color: #FFF;
}

body.bgBlack #contents ul.iconList li.blankIcon a::before {
	color: #FFF;
}

body.bgBlack #contents dl.arrowDl.pattern02 dt {
	color: #FFF;
}

body.bgBlack #contents div.whatsNewList #tab {
	background-color: #000;
}

body.bgBlack #contents div.whatsNewList div.tabBox ul li a:hover {
	background-color: #333;
}

body.bgBlack #contents div.whatsNewList div.tabBox ul li a span.date {
	color: #DDD;
}

body.bgBlack #contents div.whatsNewList div.tabBox ul li a span.data {
	color: #FFF;
}

body.bgBlack #contents div.whatsNewList #tab {
	background-color: #000;
}

body.bgBlack #contents .halfArea .halfBox {
	background-color: transparent;
}

body.bgBlack #contents .halfArea ul {
	background-color: transparent;
}

body.bgBlack #contents div.newsList ul li a span.data {
	color: #FFF;
}

body.bgBlack #contents div.newsList ul li a:hover {
	background: #333;
}

body.bgBlack #contents div.shinryoList ul li a {
	background-color: #333;
	color: #FFF;
}

body.bgBlack #contents .anchorBox {
	background-color: #333;
}

body.bgBlack #contents .anchorBox ul li a {
	color: #FFF;
}

body.bgBlack #contents .anchorBox ul li a {
	background-color: transparent;
	color: #FFF;
}

body.bgBlack #contents div.tabArea div.tabMenu ul li span {
	color: #333;
}

body.bgBlack #contents div.tabArea div.tabMenu ul li span:hover,
body.bgBlack #contents div.tabArea div.tabMenu ul li.current span {
	color: #FFF;
}

body.bgBlack #contents div.tabArea div.tabMenu ul li span:hover::before,
body.bgBlack #contents div.tabArea div.tabMenu ul li.current span::before {
	color: #fff;
}

body.bgBlack #contents section.formArea div.formTbl table th {
	background-color: transparent;
}

body.bgBlack .cmnBtn a {
	background: #000 none repeat scroll 0 0;
	color: #fff;
}

body.bgBlack #footer {
	background-color: #000;
	border-top: 4px solid #FFF;
	color: #FFF;
}

body.bgBlack #footer .ftT {
	background-color: #000;
	margin: 0 auto;
	padding: 45px 20px;
	position: relative;
}

body.bgBlack #footer .ftT .ftTL .logo a img {
	display: none;
}

body.bgBlack #footer .ftT .ftTL h2,
body.bgBlack #footer .ftT .ftTL h3 {
	color: #FFF;
}

body.bgBlack #footer .ftT .ftTL ul li a {
	background-color: #FFF;
	color: #000;
}

body.bgBlack #footer .ftB {
	background-color: #000;
}

body.bgBlack #footer .ftT #pT a {
	border-bottom: 36px solid #FFF;
	color: #000;
}

body.bgBlack #contents div.bscBox {
	background-color: #000;
	border: 1px soid #FFF;
}

body.bgBlack #contents .bscBtn,
body.bgBlack #contents .bscBtn:hover {
	background-color: transparent;
	color: #FFF;
}

body.bgBlack #contents .indexList ul li a {
	background-color: #000;
	color: #FFF;
}

body.bgBlack #contents .indexList ul li a:hover {
	background-color: #FFF;
	border: 1px solid #FFF;
	color: #000;
}

body.bgBlack #contents .centerNav ul {
	background-color: #000;
}

body.bgBlack #contents .centerNav ul li.li a::before {
	color: #FFF;
}

body.bgBlack #contents .centerNav ul li.li a {
	color: #FFF;
}

body.bgBlack #contents .centerNav ul li.li a.current {
	color: #FFF;
	font-weight: bold;
}

body.bgBlack #contents .cNBtm {
	background: none;
}

body.bgBlack #contents div.courseArea div.courseSectionTitle h3 {
	color: #FFF;
}




_:-ms-lang(x),
_::-webkit-meter-bar,
body,
#contents .head01,
#contents .head02,
#contents .head03,
#contents .head04,
#contents .head05 {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


@media all and (-ms-high-contrast: none) {

	body,
	#contents .head01,
	#contents .head02,
	#contents .head03,
	#contents .head04,
	#contents .head05 {
		font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}

#contents div.courseArea div.courseSectionTitle p.kensa_koumoku span {
	border: 1px solid #0a900e;
}

#contents div.courseArea div.courseSectionTitle p.course span {
	border: 1px solid #dd0e72;
}

@media only screen and (max-width: 750px) {
	#contents div.courseArea div.courseSectionTitle.kenshin_screening span {
		display: inline-block;
		margin-bottom: 4px;
	}
}


/* 予約ボタン追加 */
.web__reservation {}

.web__reservation {

	a,
	a:link {
		color: #000;
		text-decoration: none;
	}

	a:hover {
		color: #fff;
	}

}

.web__reservation-title {
	color: #fff;
	background-color: #4669AB;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.7;
	letter-spacing: em;
	padding: 14px 20px;
	text-align: center;
}

.web__reservation-box {
	border: 1px solid #CFCFCF;
	display: flex;
	justify-content: center;
	padding: 40px 20px;
	text-align: center;
	gap: 16px;

	@media screen and (max-width: 950px) {
		flex-direction: column;
	}
}

.web__reservation-button1,
.web__reservation-button2 {
	border: 1px solid #9BAAD1;
	padding: 16px 24px;
	color: #000;
	background-color: #fff;
	transition: color 0.3s, background-color 0.3s;
}

.web__reservation-button1:hover,
.web__reservation-button2:hover {
	color: #fff;
	background-color: #9BAAD1;
}

.web__reservation-button1 {}

.web__reservation-button2 {}


/*
 *
 * Add css by webrec.inc
 *
 */
body {
	--smart-phone-width: 768px;
}

/*
 * /icenter/index.html
 */
#contents .centerNav .pet03 {
	display: flex;
	flex-direction: column;

	@media screen and (min-width: 768px) {
		flex-direction: row;
		flex-wrap: wrap;

		p {
			width: 50%;
		}
	}
}

#contents .wrapper-reserve {
	display: flex;
	flex-direction: column;

	.pet05 a {
		margin: 6px;
	}

	.reservation-links {
		margin-top: 20px;
		border: 4px solid #8CBCD4;
		border-radius: 10px;
		padding: 25px 20px;
		text-align: center;

		h3 {
			color: #2a529f;
			font-size: 20px;
			margin-bottom: 24px;
		}

		a {
			display: block;
			margin: 10px;
			padding: 15px;
			text-align: center;
			text-decoration: none;
			border: 1px solid #ccc;
		}
	}

	@media screen and (min-width: 768px) {
		flex-direction: row;

		div {
			width: 50%;
		}

		.pet05 {
			margin-right: 10px;
		}
		.reservation-links {
			margin-top: 0;
			margin-left: 10px;
		}
	}
}


/*
 * /icenter/info.html
 */
#contents .icenter-info-note {
	margin-bottom: 36px;
}
#contents .contactReserve .tbl01 tr.spHideTr {
	display: table-row;
	a {
		margin-bottom: 8px;
	}
}