@charset "UTF-8";
/*=============================================================
 home
=============================================================*/
#gNav { padding: 60px 0 50px; }

/*! .tit
------------------------------------------------- */
#intro .tit01 .tit, #just .tit01 .tit { font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; font-size: 2.1rem; font-weight: 600; line-height: 1.57; text-align: center; }

@media (min-width: 600px) { #intro .tit01 .tit, #just .tit01 .tit { font-size: 4rem; } }

#intro .tit01 .tit span, #just .tit01 .tit span { display: block; font-size: 1.4rem; }

@media (min-width: 600px) { #intro .tit01 .tit span, #just .tit01 .tit span { font-size: 3rem; line-height: 2.1; } }

#intro .tit01 .tit em, #just .tit01 .tit em { color: #1b519e; }

/*! #intro
------------------------------------------------- */
#intro { background: #d5e7f1 url(../img/home/staff_bg_sp.png) center bottom no-repeat; background-size: 100% auto; padding: 1px 0 42.5%; }

@media (min-width: 600px) { #intro { background-color: #d5e7f1; background-image: url(../img/home/staff_bg_pc.png); background-size: 1468px auto; background-position: top center; padding: 1px 0 0; height: 750px; } }

#intro .tit01 { margin: 35px 0 10px; }

@media (min-width: 600px) { #intro .tit01 { margin: 74px 0 23px; } }

@media (min-width: 600px) { #intro .txt { font-size: 1.8rem; line-height: 1.8; text-align: center; } }

/*! #just
------------------------------------------------- */
#just { padding: 1px 0 0; }
#just .tooth { padding: 0; }
#just .tit01 { padding: 35px 0 28px; position: relative; }
#just .tit01 .ico { margin: 0 0 0 -55px; position: absolute; bottom: -25px; left: 50%; width: 110px; z-index: 2; }
#just .tooth .list .item .set { overflow: hidden; padding: 40px 10px 35px;}
#just .tooth .list .item01{ background: url(../img/home/bg_just01_sp.png) no-repeat; background-size: cover;}
#just .tooth .list .item03{ background: url(../img/home/bg_just02_sp.png) no-repeat; background-size: cover;}
#just .tooth .list .item04{ background: url(../img/home/bg_just03_sp.png) no-repeat; background-size: cover;}
#just .tooth .list .item .set .box{ position: relative; float: left; width: 45%; height: 165px; background: url(../img/home/just_bg_sp.png); border-radius: 4px; margin-left: 15px; padding: 15px;}
#just .tooth .list .item .set .box .arrow{ position: absolute; width: 8px; top: 90%; left: 90%;}
#just .tooth .list .item .set .tit{ font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; font-size: 1.3rem; line-height: 1.38; padding: 0 0 7px; position: relative; margin: 0 0 7px; color:#fff; }
#just .tooth .list .item .set .tit:after { background: #fff; content: ""; display: block; width: 17px; height: 1px; position: absolute; left: 0; bottom: 0; }
#just .tooth .list .item .set .txt{ font-size: 1.2rem; line-height: 1.5; color:#fff; }
#just .tooth .list .item .set .pic{ float: left; width: 50%;}
#just .tooth .list .item:nth-child(even) .set .pic{ float: right;}
#just .tooth .list .item:nth-child(even) .set .box{ float: right; margin: 0 15px 0 0;}
#just .reference .item a:hover { opacity: .8; }
#just .reference .item:nth-child(2) { float: right; }
#just .reference .pic { width: 60px; float: left; }
#just .reference .itemIn { padding: 0 0 0 70px; }
#just .reference .tit { color: #1b519e; font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; font-size: 1.6rem; font-weight: 600; display: inline-block; position: relative; margin: 0 0 4px; }
#just .reference .tit:after { font-family: 'icomoon'; font-weight: normal; content: "\e900"; background: #1b519e; border-radius: 50%; color: #fff; font-size: 1rem; display: block; position: absolute; top: 2px; right: -18px; width: 20px; height: 20px; line-height: 20px; text-align: center; -ms-transform: scale(0.5); transform: scale(0.5); }
#just .reference .txt { color: #262626; font-size: 1.2rem; line-height: 1.25; }
#just .reference { background: url(../img/home/ref_bg_sp.jpg) center top no-repeat; background-size: 445px auto; padding: 40px 0 25px; }
#just .reference .item a { background: #fff; border-radius: 4px; display: block; margin: 0 15px 15px; padding: 10px; transition: all .4s; }
@media (min-width: 600px) {
	#just .tit01 { padding: 55px 0 66px; }
	#just .tit01 .ico { margin: 0 0 0 -110px; width: 220px; bottom: -60px; }
	#just .tooth .list .item { width: 100%; height: auto; }
	#just .tooth .list .item .set .pic { transition: all .4s; height: auto; width: 50%; padding-left: 130px; box-sizing: border-box; position: static; -ms-transform: translateY(0); transform: translateY(0); }
	#just .tooth .list .item .set { width: 1200px; margin: 0 auto; padding: 40px 0 35px;}
	#just .tooth .list .item .set .tit { font-size: 2.3rem; padding: 0 0 16px; margin: 0 0 26px; }
	#just .tooth .list .item .set .tit:after { width: 50px; }
	#just .tooth .list .item .set .txt { font-size: 1.6rem; line-height: 1.625; }
	#just .tooth .list .item .set .box { background: #144c9c url(../img/home/just_bg_pc.png) right bottom no-repeat; border-radius: 8px; width: 48%; height:210px; left: auto; top: 70px; right: 0; padding: 30px; }
	#just .tooth .list .item .set .box .arrow{ width: 15px; top: 88%; left: 93%;}
	#just .reference .pic { width: 120px; }
	#just .tooth .item .pic img { transition: all .4s; position: static; -ms-transform: translateY(0); transform: translateY(0); }
	#just .tooth .item a:hover .pic img { -ms-transform: scale(1.15); transform: scale(1.15); }
	#just .reference .itemIn { padding: 0 0 0 140px; }
	#just .reference .tit { font-size: 2.3rem; margin: 5px 0 10px; }
	#just .reference .tit { font-size: 2.3rem; margin: 5px 0 10px; }
	#just .reference .txt { font-size: 1.6rem; }
	#just .reference .txt { font-size: 1.6rem; }
	#just .reference { background: url(../img/home/ref_bg_pc.jpg) center top no-repeat; background-size: 1920px auto; padding: 100px 0; }
	#just .reference .list { width: 1200px; margin: 0 auto; }
	#just .reference .item a { border-radius: 8px; float: left; margin: 0; padding: 20px; width: 560px; }
 }
}
/*! #reason
------------------------------------------------- */
#reason { background: url(../img/home/reason_bg_sp.png) top center no-repeat; background-size: 100% auto; padding: 33px 0 25px; }

@media (min-width: 600px) { #reason { background: url(../img/home/reason_bg_pc.png) top center no-repeat; padding: 100px 0 58px; } }

#reason .tit01 { font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; font-size: 2.1rem; font-weight: 600; line-height: 1.3; letter-spacing: 0.15em; text-align: center; margin: 0 0 5px; }

@media (min-width: 600px) { #reason .tit01 { font-size: 5rem; margin: 0 0 56px; line-height: 1.06; } }

#reason .tit01 > span { display: block; font-size: 1.4rem; }

@media (min-width: 600px) { #reason .tit01 > span { font-size: 3rem; } }

#reason .tit01 em { color: #1b519e; position: relative; vertical-align: baseline; }

#reason .tit01 em span { font-size: 3rem; vertical-align: baseline; }

@media (min-width: 600px) { #reason .tit01 em span { font-size: 7rem; } }

#reason .tit01 em:after { background: url(../img/home/reason_tit.svg) no-repeat; background-size: 100% auto; content: ""; display: block; width: 15px; height: 10px; position: absolute; top: 0; right: -20px; }

@media (min-width: 600px) { #reason .tit01 em:after { width: 30px; height: 20px; top: 6px; } }

@media (min-width: 600px) { #reason .list { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

#reason .item { margin: 0 0 12px; }

@media (min-width: 600px) { #reason .item { -ms-flex: 0 0 380px; flex: 0 0 380px; margin: 0 0 35px; } }

#reason .item .tit { font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; font-size: 1.6rem; font-weight: 600; line-height: 1.56; margin: 13px 0 10px; text-align: center; }

@media (min-width: 600px) { #reason .item .tit { font-size: 2.3rem; margin: 21px 0 11px; } }

#reason .item .tit em { color: #1b519e; }

#reason .item .txt { font-size: 1.2rem; line-height: 1.5; }

@media (min-width: 600px) { #reason .item .txt { font-size: 1.6rem; line-height: 1.74; } }

/*! #message
------------------------------------------------- */
@media (min-width: 600px) { #message { background: url(../img/home/message_bg_pc.jpg) top center no-repeat; -webkit-background-size: auto 100%;
background-size: auto 100%; margin: 0 auto; max-width: 1920px; } }

#message .inner-w { background: url(../img/home/message_bg_sp.jpg); background-size: cover; color: #fff; padding: 0; }

@media (min-width: 600px) { #message .inner-w { background: rgba(27, 81, 158, 0.93); margin: 0 0 0 38.4%; width: 61.6%; } }

#message .messageIn { padding: 30px 30px 38px; }

@media (min-width: 600px) { #message .messageIn { padding: 70px 0 75px 110px; width: 740px; } }

#message .tit { font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; margin-bottom: 30px; font-size: 2.1rem; line-height: 1.4; }

@media (min-width: 600px) { #message .tit { font-size: 3.6rem; line-height: 1.7; } }

#message .txt { font-size: 1.2rem; width: 76.66667%; }

@media (min-width: 600px) { #message .txt { font-size: 1.6rem; line-height: 1.9; width: 470px; } }

#message .name { font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; font-size: 1.3rem; margin: 25px 8px 0 0; text-align: right; }

@media (min-width: 600px) { #message .name { font-size: 2.3rem; margin: 15px 8px 0 0; } }

#message .name span { font-size: 1.2rem; vertical-align: baseline; }

@media (min-width: 600px) { #message .name span { font-size: 1.8rem; } }

/*! .map
------------------------------------------------- */
.map { height: 190px; width: 100%; }

@media (min-width: 600px) { .map { height: 430px; } }