@charset "utf-8";

/*===============================================
 *	Common
===============================================*/
.area-magspace{margin-bottom: 7em;}
img.cv-human {max-width: 447px;}
#faq-wrap {padding: 8% 0 6%;}
.hd-ttl-wrap{margin-bottom: 1em;}
@media only screen and (max-width: 1024px) {
img.cv-human {max-width: 347px;}
}
@media only screen and (max-width: 568px) {
.area-magspace {margin-bottom: 2em;}
img.cv-human {max-width: 120px;z-index: 10;}
#faq-wrap {padding: 20% 0 10%;}
.hd-ttl-wrap {margin-bottom: 0;}
}


/*===============================================
 *	Introductory sentence
===============================================*/
#introductory-wrap{background-image:url("../img/bg-introductory.png"),url("../img/bg-green_triangle.png");background-size: contain,auto;background-repeat:no-repeat,repeat;background-position:80%,top left;border-top: #c4e5d6 4px solid;border-bottom: #c4e5d6 4px solid;padding: 30px 0;}

.introductory-contents{max-width: 980px;margin: 0 auto;}
.introductory-txtbox{max-width: 670px;text-shadow: 1px 1px 0 #fff;}
.introductory-ttl{font-size: 32px;font-weight: bold;margin-bottom: 10px;letter-spacing: 1px;text-shadow: 1px 1px 0 #fff;}
.introductory-ttl em{color: #009db3;font-size: 42px;margin-bottom: 10px;}

#intro-sec {padding: 60px 0 10px;}
@media only screen and (max-width: 768px) {
#introductory-wrap {background-position: 100%,top left;}
.introductory-contents {width: 94%;}
.introductory-txtbox {max-width: 470px;}
.introductory-ttl {font-size: 24px;line-height: 1.4;}
.introductory-ttl em {font-size: 28px;}
}
@media only screen and (max-width: 568px) {
#introductory-wrap {background-position: 100% top,top left;background-size: 120px,50%;/*margin-bottom: 6em;*/}
.introductory-ttl {font-size: 20px;}
.introductory-contents {width: 92%;}

#intro-sec {padding: 25px 0 0;}
}
/*===============================================
 *	reason-wrap
===============================================*/
/* #reason-wrap{margin-top: 8em;} */
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 568px) {
/* #reason-wrap {margin-top: 6em;} */
}
/*===============================================
 *	staff-wrap
===============================================*/
#staff-wrap{max-width: 980px;margin: 0 auto 60px;padding-top: 60px;}
.staff-contents{display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: flex-start;flex-wrap: wrap;}
.photo-staff{max-width: 260px;filter: drop-shadow(10px 10px 5px rgb(100, 100, 100));}
.staff-txtbox {max-width: 600px;}
.staff-txtbox h3{color: #009db3;font-size: 26px;font-weight: bold;line-height: 1.4;margin-bottom: 10px;}
@media only screen and (max-width: 768px) {
#staff-wrap {width: 95%;}
.photo-staff {max-width: 250px;}
.staff-txtbox {max-width: 460px;}
.staff-txtbox h3 {font-size: 30px;}
}
@media only screen and (max-width: 568px) {
#staff-wrap{margin: 0 auto 30px;}
.staff-contents{display: flex;justify-content: center;}
.staff-txtbox h3{font-size: 18px;}
.photo-staff {margin-bottom: 1.0em;max-width: 150px;filter: drop-shadow(5px 5px 5px rgb(100, 100, 100));}
}
/*===============================================
 *	branch-wrap
===============================================*/
#branch-wrap{max-width: 980px;margin: 30px auto 60px;}
.frame-box {padding: 2%;margin-bottom: 40px;width: 96%;}
.branch-add,.branch-add > dt,.branch-add > dd {box-sizing: border-box;}
.branch-add > dt,.branch-add > dd {background: #fff;padding: .5em 1em;}
.branch-add > dt {background: #17a5d3;color: #fff;}
.gmap {height: 500px;overflow: hidden;position: relative;}
.gmap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.gmap iframe,.gmap object,.gmap embed {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all  0.7s ease;}
.gmap iframe:hover,.gmap object:hover,.gmap embed:hover {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}
@media only screen and (min-width: 768px) {
.branch-add {display: flex;flex-wrap: wrap;border-right: #dfdfdf 1px solid;border-top: #dfdfdf 1px solid;border-left: #dfdfdf 1px solid;}
.branch-add > dt,.branch-add > dd {display: flex;flex-direction: column;justify-content: center;}
.branch-add > dt {width: 20%;border-right: #dfdfdf 1px solid;border-bottom: #dfdfdf 1px solid;}
.branch-add > dd {width: 80%;border-bottom: #dfdfdf 1px solid;}
}
@media only screen and (max-width: 768px) {
#branch-wrap {padding-top: 30px;width: 95%;}
}
@media only screen and (max-width: 568px) {
#branch-wrap {padding-top: 0;margin: 30px auto;}
.frame-box {margin-bottom: 20px;}
.branch-add > dt, .branch-add > dd {text-align: left;}
.branch-add {border-right: #dfdfdf 1px solid;border-top: #dfdfdf 1px solid;border-left: #dfdfdf 1px solid;}
.branch-add > dt {border-bottom: #dfdfdf 1px solid;}
.branch-add > dd {border-bottom: #dfdfdf 1px solid;}

.gmap {height: 400px;}
}