@charset "utf-8";
@media print, screen and (min-width:769px){
/*===============================================================================================
CONTENTS BASIC
===============================================================================================*/
.section_basic {padding: 60px 0 0;}

/* --------------------------------------------------------------------------------------- */
.section_basic, .custom_basic {width: 90%; }

/* --------------------------------------------------------------------------------------- */
#onePeriod {font-size: 22px; margin-bottom: 45px;}
#onePeriod p {margin-bottom: 15px;}

@media print, screen and (max-width:1200px){
#onePeriod {font-size: 20px;}
}
@media print, screen and (max-width:1000px){
#onePeriod {font-size: 18px;}
}
@media print, screen and (max-width:900px){
#onePeriod {font-size: 16px;}
}

/* --------------------------------------------------------------------------------------- */
#sectionTitle {margin-bottom: 30px;}
#sectionTitle img {width: 40%;}
#sectionCatch {width: 45%; margin-bottom: 15px;}


/*===============================================================================================
#FIRST VIEW
===============================================================================================*/
section#firstView {padding-top: 0; margin-top: 0;}

/* --------------------------------------------------------------------------------------- */
#firstView {top: 120px;}

/* --------------------------------------------------------------------------------------- */
ul#visualList li {background-position: left bottom;}
ul#visualList li#View01 {background-image: url('../img/firstview/firstview.jpg');}

/* --------------------------------------------------------------------------------------- */
#view_catchBox {top: 38%;left: 50%;}

#mainVisual img {padding: 30px 0;}

/* --------------------------------------------------------------------------------------- */
#visualCacth,#captionBox {width: 40%;}
#visualCacth {margin-bottom: 9%;}

/* --------------------------------------------------------------------------------------- */
dl#nameTag {padding: 4% 4% 9%;}
dl#nameTag dt, dl#nameTag dd {font-size: 22px;}
dl#nameTag dt {padding-bottom: 10px; margin-bottom: 10px;}


@media print, screen and (max-width:1200px){
dl#nameTag dt, dl#nameTag dd {font-size: 20px;}
}
@media print, screen and (max-width:1000px){
dl#nameTag dt, dl#nameTag dd {font-size: 18px;}
}
@media print, screen and (max-width:900px){
dl#nameTag dt, dl#nameTag dd {font-size: 16px;}
}

/*===============================================================================================
Background
===============================================================================================*/
#capName {font-size: 26px; padding-bottom: 10px; margin-bottom: 30px;}

@media print, screen and (max-width:1200px){
#capName {font-size: 24px;}
}
@media print, screen and (max-width:1000px){
#capName {font-size: 22px;}
}

/* --------------------------------------------------------------------------------------- */
ul#photoList {letter-spacing: -.4em; font-size:0; margin-top: 30px;} 
ul#photoList li {letter-spacing: 0; vertical-align: top; display: inline-block; width: 48%; margin-right: 4%; font-size: 100%;}
ul#photoList li:nth-of-type(even) {margin-right: 0;}


/*===============================================================================================
SERVICE
===============================================================================================*/
ul#serviceList li {margin-bottom: 45px; padding: 60px 0;}
ul#serviceList li:before {width:50%;}

/* --------------------------------------------------------------------------------------- */
#serviceHeadline { width: 60%; margin-bottom: 30px; }
ul#serviceList li#Act02 #serviceHeadline { width: 55% }

section#Service #onePeriod.custom_basic {margin:0 0 45px 5%; width: 56%;}


/*===============================================================================================
PRICE
===============================================================================================*/
table#price_tableBody {border:2px solid #363b47; border-bottom: 0; margin-bottom: 60px;}

table#price_tableBody th, table#price_tableBody td {padding: 15px 10px; border-bottom: 2px solid #1B439A; vertical-align: middle;}
table#price_tableBody th {font-size: 20px; width: 22%; border-right: 2px solid #1B439A; }

table#price_tableBody th,
.fee {font-size: 20px; white-space: nowrap;}
.fee span {font-size:14px; padding-left:15px;}

.notes {font-size: 14px;}


table#price_tableBody td p { margin-bottom: 15px;}
table#price_tableBody td p:last-of-type {margin-bottom: 0;}


@media print, screen and (max-width:1200px){
table#price_tableBody th, .fee {font-size: 18px;}
.notes {font-size: 13px;}
}
@media print, screen and (max-width:900px){
table#price_tableBody th, .fee {font-size: 16px;}
.notes {font-size: 12px;}
}


/* --------------------------------------------------------------------------------------- */
#priceInfo {padding: 30px 5%; }
#priceInfo p {font-size: 20px;}

/*===============================================================================================
RECRUIT
===============================================================================================*/
#recruitContainer {padding: 45px 0 15px; background-position: center bottom;}
#recruitContainer #onePeriod {width: 94%;}

/* --------------------------------------------------------------------------------------- */
.check_inner {padding: 30px 30px 60px; text-align: center;}

/* --------------------------------------------------------------------------------------- */
#recruitHeadline {font-size: 26px; margin-bottom: 30px;}

/* --------------------------------------------------------------------------------------- */
ul#checkList {padding-bottom: 15px; margin-bottom: 15px; display: inline-block; }
ul#checkList li {font-size: 20px; margin-bottom: 30px; padding-left: 45px; text-align: left;}
ul#checkList p {font-size: 20px;}

ul#checkList li:before {top: 14px; margin-top: -5px; width: 20px;height: 20px;}


@media print, screen and (max-width:1000px){
ul#checkList li, ul#checkList p {font-size: 18px;}
ul#checkList li:before {width:18px;height: 18px; top: 12px;}
}
@media print, screen and (max-width:900px){
ul#checkList li, ul#checkList p {font-size: 16px;}
ul#checkList li:before {width:16px;height: 16px; top: 10px;}
}

/* ------------------------------------------------------------------------------------- */
#check_capBox {width: 90%;}
#check_capBox p {font-size: 16px !important;}

@media print, screen and (max-width:1000px){
#check_capBox p {font-size: 15px !important;}
}
@media print, screen and (max-width:900px){
#check_capBox p {font-size: 14px !important;}
}
/* --------------------------------------------------------------------------------------- */
#Serach {width: 60%; margin-top: 15px; max-width: 400px;}



/*===============================================================================================
CONTACT
===============================================================================================*/
#contactMap {margin-bottom: 60px;  padding-bottom: 40%;}

/* --------------------------------------------------------------------------------------- */
#contactAdd {font-size: 22px;}
#contactAdd p {margin-bottom: 15px;}

@media print, screen and (max-width:1200px){
#contactAdd {font-size: 20px;}
}
@media print, screen and (max-width:1000px){
#contactAdd {font-size: 18px;}
}
@media print, screen and (max-width:900px){
#contactAdd {font-size: 16px;}
}

/*===============================================================================================
INNER PAGE
===============================================================================================*/
#pageTitle {font-size: 28px; margin-bottom: 30px;}

@media print, screen and (max-width:1200px){
#pageTitle {font-size: 26px;}
}
@media print, screen and (max-width:1000px){
#pageTitle {font-size: 24px;}
}

/* --------------------------------------------------------------------------------------- */
table#infoTable th, table#infoTable td,
table#infoTable th p, table#infoTable td p {font-size: 15px;}
table#infoTable td p {margin-bottom: 15px;}

table#infoTable th, table#infoTable td {vertical-align: middle;}
table#infoTable th {text-align: center;  padding: 30px 10px; width: 22%;}
table#infoTable td { padding: 30px 6%; width: 78%;}

@media print, screen and (max-width:1000px){
table#infoTable th, table#infoTable td,
table#infoTable th p, table#infoTable td p {font-size: 14px;}
}
@media print, screen and (max-width:900px){
table#infoTable th, table#infoTable td,
table#infoTable th p, table#infoTable td p {font-size: 13px;}
}



/*===============================================================================================
2024/05/29 
===============================================================================================*/
ul#bookList, dl.book_container{display: flex; display: flex; flex-wrap: wrap; }

ul#bookList li {width: 48%; margin:0 4% 30px 0;}
ul#bookList li:nth-of-type(even) {margin-right: 0;}


/* --------------------------------------------------------------------------------------- */
dl.book_container {align-items: center;}
dl.book_container dt {width: 47%; margin-right: 3%;}
dl.book_container dd {width: 50%;}


/* --------------------------------------------------------------------------------------- */
.info_top {min-height: 6em; margin-bottom: 1em;}

.book_title {font-size: 22px; padding-bottom: 5px; margin-bottom: 5px;}
.book_data {font-size: 16px;}
.book_information {font-size: 18px;}

@media print, screen and (max-width:1400px){
.book_title {font-size: 18px;}
.book_data {font-size: 13px;}
.book_information {font-size: 14px;}
}
@media print, screen and (max-width:1200px){
.book_title {font-size: 16px;}
.book_data {font-size: 11px;}
.book_information {font-size: 12px;}
}
@media print, screen and (max-width:1000px){
.book_title br {display: none;}
}






}