@charset "utf-8";
/* reset styles */
/*===============================================================================================
BASIC
===============================================================================================*/
section {
position: relative;
z-index: 1;
overflow: hidden;
background-color: #fff;
background-size: cover;
background-repeat: no-repeat;
background-position: left top
}


/* --------------------------------------------------------------------------------------- */
.section_basic, .custom_basic {height: auto;margin: 0 auto; }

/* --------------------------------------------------------------------------------------- */
#onePeriod {width: 100%; height: auto; margin: 0 auto; color: #254B9E; line-height: 200%;}
#onePeriod, #onePeriod p {line-height: 180%;}
#onePeriod p:last-of-type {margin-bottom: 0;}

#onePeriod.custom_basic {width: 90%;}

/* --------------------------------------------------------------------------------------- */
#sectionTitle img, #sectionCatch img {width: 100%; height: auto; display: block;}
#sectionTitle img {max-width: 460px;}
#sectionCatch {max-width: 550px;}



/*===============================================================================================
#FIRST VIEW
===============================================================================================*/
#firstView {width: 100%; height: auto;margin: 0 auto; position: sticky;  z-index: -1;}

/* --------------------------------------------------------------------------------------- */
ul#visualList, ul#visualList li {list-style-type: none; width: 100%; height: auto; display: block; margin: 0 auto;}
ul#visualList li {
position: relative;
z-index: 1;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: left bottom;

}

/* --------------------------------------------------------------------------------------- */
#mainVisual,#mainVisual img, #captionBox img {
width: 100%;
height: auto;
display: block;
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
}
#mainVisual {position: relative; z-index: 1; overflow: hidden;}
#mainVisual img {object-fit: cover;}

/* --------------------------------------------------------------------------------------- */
#view_catchBox {
position: absolute;
width: 90%;
z-index: 1;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform: translate(-50%,-50%);
}


/* --------------------------------------------------------------------------------------- */
#visualCacth, #visualCacth img {width: 100%; height: auto; display: block;}

/* --------------------------------------------------------------------------------------- */
#captionBox {background: #fff; color: #1B439A;}

dl#nameTag, dl#nameTag dt, dl#nameTag dd {height: auto; line-height: 140%;}
dl#nameTag dt {border-bottom: 1px solid #f00;}



/*===============================================================================================
POLICY
===============================================================================================*/
section#Policy {background-color: transparent; background-image:url('../img/policy/bg.jpg');}

/*===============================================================================================
BACKGROUND
===============================================================================================*/
section#Background .section_basic {padding-bottom: 0 !important;}

#capName {border-bottom: 1px solid #f00; line-height: 160%; width: 45%; font-weight: 400;}

/* --------------------------------------------------------------------------------------- */
ul#photoList{list-style: none; height: auto; margin: 0 auto; width: 100%;} 
ul#photoList li {height: auto;}
ul#photoList li img {width: 100%;height: auto; display: block;}


/*===============================================================================================
SERVICE
===============================================================================================*/
#Service .section_basic {width: 100%;}


/* --------------------------------------------------------------------------------------- */
ul#serviceList {list-style-type: none; width: 100%; height: auto; margin: 0 auto;}
ul#serviceList li {background-color: #E9F0F2; position: relative; z-index: 1;}
ul#serviceList li:last-of-type {margin-bottom: 0;}
ul#serviceList li:before {
content: "";
position: absolute;
z-index: -1;
right: 0;
top: 0;
height: 100%;
background-position: right top;
background-size: cover;
background-repeat: no-repeat;
}
ul#serviceList li#Act01:before {background-image:url('../img/service/bg01.jpg'); }
ul#serviceList li#Act02:before {background-image:url('../img/service/bg02.jpg'); }


/* --------------------------------------------------------------------------------------- */
#serviceHeadline { height: auto; }
#serviceHeadline img {width: 100%; height: auto; display: block;}



/*===============================================================================================
PRICE
===============================================================================================*/
table#price_tableBody {width: 100%; height: auto; margin: 0 auto;}
table#price_tableBody th, table#price_tableBody td,
table#price_tableBody th p, table#price_tableBody td p{line-height: 160%; color: #1B439A; font-weight: 400;}
table#price_tableBody th{text-align: center;}

table#price_tableBody th p span {display: block;}
table#price_tableBody th p span：last-of-type {margin-bottom: 0;}


/* --------------------------------------------------------------------------------------- */
#priceInfo {background: #1B439A; color: #fff; line-height: 140%; text-align: center;}



/*===============================================================================================
RECRUIT
===============================================================================================*/
#recruitContainer {
width: 100%;
height: auto;
margin: 0 auto;
background-image: url('../img/recruit/bg.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position:  center top;
}

/* --------------------------------------------------------------------------------------- */
.check_inner {background: rgba(255,255,255,.75);}


/* --------------------------------------------------------------------------------------- */
#recruitHeadline {text-align: center; line-height: 160%; font-weight: 400;}

/* --------------------------------------------------------------------------------------- */
ul#checkList {list-style-type: none; border-bottom: 1px solid #254B9E; margin: 0 auto; height: auto;}
ul#checkList li {line-height: 160%; position: relative; z-index: 1;}
ul#checkList p {text-align: center; line-height: 160% !important;}

ul#checkList li:before {content: "";position: absolute;left: 0;border: 1px solid #FA0505;}

/* --------------------------------------------------------------------------------------- */
#check_capBox {width: 100%; margin: 0 auto; text-align: center; height: auto;}
#check_capBox p {line-height: 160% !important;}

/* --------------------------------------------------------------------------------------- */
#Serach {margin: 0 auto; height: auto;}
#Serach img {width: 100%; height: auto; display: block;}


/*===============================================================================================
CONTACT
===============================================================================================*/
#contactMap {width: 100%; height: auto; margin: 0 auto; position: relative; z-index: 1; overflow: hidden;}
#contactMap iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: auto;}

/* --------------------------------------------------------------------------------------- */
#contactAdd, #contactAdd p {line-height: 160%;}
#contactAdd {text-align: center; color: #254B9E;}
#contactAdd p:last-of-type {margin-bottom: 0;}




/*===============================================================================================
INNER PAGE
===============================================================================================*/
#pageTitle {
font-family: HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !Important;
font-weight: 400;
line-height: 160%;
color: #666;
}

/* --------------------------------------------------------------------------------------- */
table#infoTable {width: 100%;}

table#infoTable th, table#infoTable td,
table#infoTable th p, table#infoTable td p {
line-height: 200%;
font-family: HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !Important;
font-weight: 400;
color: #666;
vertical-align: middle;
word-break: break-all;
}
/* --------------------------------------------------------------------------------------- */
table#infoTable th, table#infoTable td {border-top: 1px solid #707070;}
table#infoTable tr:last-of-type th, table#infoTable tr:last-of-type td {border-bottom: 1px solid #707070;}

/* --------------------------------------------------------------------------------------- */
table#infoTable td p:last-of-type {margin-bottom: 0;}
table#infoTable th {text-align: center; background: #E3E2E2;}

/*===============================================================================================
2024/05/29 
===============================================================================================*/
ul#bookList{list-style-type: none; width: 100%; height: auto; margin: 0 auto; color: #424241;}
ul#bookList li {height: auto;}

/* --------------------------------------------------------------------------------------- */
dl.book_container {width: 100%; height: auto; margin: 0 auto;}
dl.book_container dt, dl.book_container dd {height: auto;}

/* --------------------------------------------------------------------------------------- */
.book_photo, .book_photo img {width: 100%; height: auto; display: block;}
.book_photo {padding: 0; margin: 0 auto;}

/* --------------------------------------------------------------------------------------- */
.info_top {width: 100%; margin: 0 auto;}
.book_title {list-style: 140%; color: #424241; border-bottom: 1px solid #FF0202; font-weight: 500;;}
.book_data {list-style: 120%; font-weight: 500;}

/* --------------------------------------------------------------------------------------- */
.book_information {list-style: 140%; color:#424241 ;}


