@charset "utf-8";

/* 院案内 */
/*PC用*/
@media print, screen {

.sec_01{margin: 0 auto; padding: 90px 0 0; width: 100%;}
.sec_01 .tit{margin: 0 auto; width: 100%; max-width: 138px;}
.sec_01 .tit img{width: 100%;}
.sec_01 .inner{margin: 0 auto; padding: 0 0 0 65px; width: 1434px; position: relative; box-sizing: border-box;}
.sec_01 .inner .tit02{width: 13px;}
.sec_01 .inner .txt_bx{margin: 46px 0 0; padding: 80px 90px 132px; width: 957px; background: #F9F6ED; border-radius: 30px; box-sizing: border-box;}
.sec_01 .inner .txt_bx .bx_title{margin-bottom: 28px; width: 57px;}
.sec_01 .inner .txt_bx .bx_copy{margin-bottom: 35px; width: 682px;}
.sec_01 .inner .txt_bx .bx_lead{font-size: 16px; line-height: 46px;}
.sec_01 .inner .img_bx{width: 400px; position: absolute; left: 106px; top: -15px; z-index: 2;}
.sec_01 .inner .img_bx .text{margin-left: 113px; padding: 15px 0 0; font-size: 20px; font-weight: bold; line-height: 34px;}
.sec_01 .inner .img_bx .text span{display: block; font-size: 16px; font-weight: bold;}
.sec_01 .inner .img_bx .text small{display: inline-block; font-size: 14px;}
.sec_01 .inner .bg_ring_01{width: 226px; position: absolute; left: 15px; top: 357px; z-index: 1;}
.sec_01 .inner .bg_ring_02{width: 192px; position: absolute; right: -96px; top: -36px; z-index: 1;}
.sec_01 .inner .profile_bx{margin: -68px auto 0; padding: 64px 56px; width: 1020px; background: #fff url("../../images/src/about/waku.png") no-repeat center top; border: 4px solid #EDA84B; box-sizing: border-box;}
.sec_01 .inner .profile_bx .bx_left{width: 100%; max-width: 547px; border-right: 1px dashed #eda84b;}
.sec_01 .inner .profile_bx .bx_right{width: 100%; max-width: 304px;}
.sec_01 .inner .profile_bx .copy{margin-bottom: 20px; padding: 0 0 0 24px; font-size: 22px; line-height: 1.5; font-weight: bold; background: url("../../images/src/about/bg_copy.png") no-repeat left center;}
.sec_01 .inner .profile_bx dl{width: 100%; font-size: 16px; line-height: 28px;}
.sec_01 .inner .profile_bx dl + dl{margin-top: 25px;}
.sec_01 .inner .profile_bx dl dt{width: 13.7%; color: #eda84b; font-weight: bold;}
.sec_01 .inner .profile_bx dl dd{width: 85.9%;}
.sec_01 .inner .profile_bx ul{}
.sec_01 .inner .profile_bx ul li{font-size: 16px; line-height: 28px;}
.sec_01 .inner .profile_bx ul li + li{margin-top: 25px;}

.sec_02{margin: 0 auto; padding: 103px 0 0; width: 100%;}
.sec_02 .tit{margin: 0 auto 20px;width: 100%;max-width: 143px;}
.sec_02 .tit img{width: 100%;}
.sec_02 .lead{margin-bottom: 25px; font-size: 16px; line-height: 36px; text-align: center;}
.sec_02 .lead span{color: #60adc3; font-weight: bold;}
.sec_02 .inner{margin: 0 auto; padding: 140px 0 76px; width: 100%; background: #E8F4F7 url("../../images/src/top/bg_sec_01.png") repeat-x center top;}
.sec_02 .inner .policy_bx{margin: 0 auto; width: 100%; max-width: 1060px;}
.sec_02 .inner .policy_bx li{width: 42.16%;max-width: 351px;position: relative;}
.sec_02 .inner .policy_bx li .policy_img{padding: 0 31px 0 0; width: 100%; background: url("../../images/src/about/bg_policy.png") no-repeat center bottom; box-sizing: border-box;}
.sec_02 .inner .policy_bx li .policy_img img{width: 100%;}   
.sec_02 .inner .policy_bx li .policy_txt{padding: 30px 31px 30px 60px; font-size: 14px; line-height: 32px; background: url("../../images/src/about/bg_policy_txt.png") no-repeat center bottom;}
.sec_02 .inner .policy_bx li .policy_txt span{display: block;padding: 0 0 5px;color: #60adc3;font-size: 18px;line-height: 1.8;font-weight: bold;}
.sec_02 .inner .policy_bx li .policy_numb{width: 89px; position: absolute; left: 30px; top: -32px;}
.sec_02 .inner .policy_bx li .policy_numb img{width: 100%;}

.sec_03{margin: 0 auto; padding: 100px 0 0; width: 100%;}
.sec_03 .tit{margin: 0 auto 20px; width: 100%; max-width: 136px;}
.sec_03 .tit img{width: 100%;}
.sec_03 .lead{margin-bottom: 70px; font-size: 16px; line-height: 36px; text-align: center;}
.sec_03 .bx_add{justify-content: center; align-items: center; margin: 0 auto 50px; width: 100%;}
.sec_03 .bx_add .text_add{margin-right: 16px; font-size: 16px; line-height: 36px; font-weight: bold;}
.sec_03 .bx_add .btn_map{width: 100%; max-width: 220px;}
.sec_03 .bx_add .btn_map a{justify-content: center; align-items: center; height: 45px; color: #fff; font-size: 14px; line-height: 1; font-weight: bold; background: #60ADC3 url("../../images/src/common/arrow_white.png") no-repeat right 14px center; background-size: 5px auto; border-radius: 50px; border: 1px solid #60ADC3;}
.sec_03 .bx_add .btn_map a:hover{color: #60ADC3; background-color: #fff; background-image: url("../../images/src/common/arrow_blue.png");}
.sec_03 .map{margin: 0 auto; width: 100%; max-width: 1400px; height: 500px;}
.sec_03 .map iframe{border-radius: 30px;}
}
@media screen and (max-width:1460px) {
    .sec_01{padding: 6.164vw 1.2vw 4.1vw 4vw; box-sizing: border-box; overflow: hidden;}
    .sec_01 .inner{padding: 0 0 0 0; width: 100%;}
    .sec_01 .inner .tit02{width: 0.89vw;}
    .sec_01 .inner .txt_bx{margin: 3.15vw 0 0; padding: 5.479vw 6.164vw 5.616vw; width:65.547vw;}
    .sec_01 .inner .txt_bx .bx_title{margin-bottom: 1.917vw; width: 3.9vw;}
    .sec_01 .inner .txt_bx .bx_copy{margin-bottom: 2.397vw; width: 46.712vw;}
    .sec_01 .inner .txt_bx .bx_lead{margin-bottom: 1.02vw; font-size: 1.09vw; line-height: 3.15vw;}
    .sec_01 .inner .img_bx{width: 27.397vw; left: 4vw; top: -1.02vw;}
    .sec_01 .inner .img_bx .text{margin-left: 6vw; padding: 1.02vw 0 0; font-size: 1.369vw; line-height: 2.328vw;}
    .sec_01 .inner .img_bx .text span{font-size: 1.09vw;}
    .sec_01 .inner .img_bx .text small{font-size: 0.958vw;}
    .sec_01 .inner .bg_ring_01{width: 15.479vw; left: -3vw; top: 24.452vw;}
    .sec_01 .inner .bg_ring_02{width: 13.15vw; right: -6.575vw; top: -2.465vw;}    
    .sec_01 .inner .profile_bx{margin: -4.657vw auto 0; padding: 4.383vw 4.835vw; width: 69.8vw; background-size: 27.26vw auto;}
    .sec_01 .inner .profile_bx .bx_left{width: 60.24%;}
    .sec_01 .inner .profile_bx .bx_right{width: 33.48%;}
    .sec_01 .inner .profile_bx .copy{margin-bottom: 1.369vw; padding: 0 0 0 1.643vw; font-size: 1.5vw; background-size: 0.41vw auto;}
    .sec_01 .inner .profile_bx dl{width: 100%; font-size: 1.09vw; line-height: 1.917vw;}
    .sec_01 .inner .profile_bx dl + dl{margin-top: 1.712vw;}
    .sec_01 .inner .profile_bx ul li{font-size: 1.09vw; line-height: 1.917vw;}
    .sec_01 .inner .profile_bx ul li + li{margin-top: 1.712vw;}
    
    .sec_03 .map{margin: 0 auto; width: 95%;}
    .sec_03 .map{position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
    .sec_03 .map iframe,
    .sec_03 .map object,
    .sec_03 .map embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}

@media screen and (max-width:1200px) {
    .sec_01 .tit{width: 11.5vw;}
    
    .sec_02{padding: 8.583vw 0 0;}
    .sec_02 .tit{margin: 0 auto 1.666vw; width: 8.5vw;}
    .sec_02 .lead{margin-bottom: 2.08vw; font-size: 1.333vw; line-height: 3vw;}
    .sec_02 .inner{padding: 11.666vw 0 6.333vw;}
    .sec_02 .inner .policy_bx{margin: 0 auto; width: 88.333vw;}
    .sec_02 .inner .policy_bx li{width: 32.16%;}
    .sec_02 .inner .policy_bx li .policy_img{padding: 0 2.583vw 0 0; width: 100%; background-size: 28.416vw auto;}
    .sec_02 .inner .policy_bx li .policy_txt{padding: 2.5vw 2.58vw 2.5vw 5vw; font-size: 1.166vw; line-height: 2.666vw; background-size: 28.416vw auto;}
    .sec_02 .inner .policy_bx li .policy_txt span{padding: 0 0 0.416vw; font-size: 1.666vw;}
    .sec_02 .inner .policy_bx li .policy_numb{width: 7.416vw; left: 2.5vw; top: -2.666vw;}
    
    .sec_03{padding: 8.333vw 0 0;}
    .sec_03 .tit{margin: 0 auto 1.666vw; width: 11.333vw;}
    .sec_03 .lead{margin-bottom: 5.833vw; font-size: 1.333vw; line-height: 3vw;}
    .sec_03 .bx_add{margin: 0 auto 4.166vw;}
    .sec_03 .bx_add .text_add{margin-right: 1.333vw; font-size: 1.333vw; line-height: 3vw;}
    .sec_03 .bx_add .btn_map{width: 18.333vw;}
    .sec_03 .bx_add .btn_map a{height: 3.75vw; font-size: 1.166vw; background-position: right 1.166vw center; background-size: 0.416vw auto;}
}

/*SP用*/
@media screen and (max-width:640px) {
    .sec_01{padding: 7.333vw 0 0; width: 100%;}
    .sec_01 .tit{margin-bottom: 6.666vw; width: 21vw;}
    .sec_01 .inner{margin: 0 auto; padding: 0 4vw; width: 100%; position: relative; box-sizing: border-box;}
    .sec_01 .inner .img_bx{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; width: 100%; position: static; left: inherit; top: inherit;}
    .sec_01 .inner .img_bx .tit02{margin: 2.4vw 5.733vw 0 6.133vw; width: 2.533vw;}
    .sec_01 .inner .img_bx .img_sp{width: 62.666vw;}
    .sec_01 .inner .img_bx .text{display: block; margin-left: 30vw; padding: 3.333vw 0 0; font-size: 3.733vw; line-height: 5.333vw; box-sizing: border-box;}
    .sec_01 .inner .img_bx .text span{font-size: 3.466vw;}
    .sec_01 .inner .img_bx .text small{display: inline-block; font-size: 2.933vw;}
    .sec_01 .inner .bg_ring_01{width: 39.2vw; position: absolute; left: 1vw; top: 52vw; z-index: 1;}
    .sec_01 .inner .bg_ring_02{width: 25vw; position: absolute; right: -3vw; top: 85vw; z-index: 1;}     
    .sec_01 .inner .txt_bx{margin: 5.333vw 0 0; padding: 8vw 6.133vw 24.8vw; width: 100%; background: #F9F6ED; border-radius: 15px; box-sizing: border-box;}
    .sec_01 .inner .txt_bx .bx_title{margin-bottom: 4vw; width: 10.4vw;}
    .sec_01 .inner .txt_bx .bx_copy{margin-bottom: 5.333vw; width: 100%;}
    .sec_01 .inner .txt_bx .bx_lead{font-size: 3.733vw; line-height: 7.733vw;}
    
    .sec_01 .inner .profile_bx{margin: -17.333vw auto 0; padding: 9vw 5.333vw; width: 90%; background-size: 52.933vw auto;}
    .sec_01 .inner .profile_bx .bx_left{margin-bottom: 6.666vw; padding: 0 0 6.666vw; width: 100%; max-width: inherit; border-right: none; border-bottom: 1px dashed #eda84b;}
    .sec_01 .inner .profile_bx .bx_right{width: 100%; max-width: inherit;}
    .sec_01 .inner .profile_bx .copy{margin-bottom: 4vw; padding: 0 0 0 4vw; font-size: 4vw; background-size: 0.8vw auto;}
    .sec_01 .inner .profile_bx dl{font-size: 3.7333vw; line-height: 6.666vw;}
    .sec_01 .inner .profile_bx dl + dl{margin-top: 5vw;}
    .sec_01 .inner .profile_bx dl dt{width: 100%}
    .sec_01 .inner .profile_bx dl dd{width: 100%;}
    .sec_01 .inner .profile_bx ul li{font-size: 3.7333vw; line-height: 6.666vw;}
    .sec_01 .inner .profile_bx ul li + li{margin-top: 5vw;}
    
    .sec_02{margin: 0 auto; padding: 14.6vw 0 0; width: 100%;}
    .sec_02 .tit{margin: 0 auto 4vw; width: 15.2vw;}
    .sec_02 .lead{margin-bottom: 5.333vw; font-size: 3.7333vw; line-height: 6.666vw;}
    .sec_02 .inner{padding: 18vw 8vw 13vw; background: #E8F4F7 url("../../images/src/top/sp/bg_sec_01.png") no-repeat center top; box-sizing: border-box;}
    .sec_02 .inner .policy_bx{margin: 0 auto; width: 100%; max-width: inherit;}
    .sec_02 .inner .policy_bx li{width: 100%; max-width: inherit; position: relative;}
    .sec_02 .inner .policy_bx li + li{margin-top: 14vw;}
    .sec_02 .inner .policy_bx li .policy_img{padding: 0 5.333vw 0 0; width: 100%; background: url("../../images/src/about/sp/bg_policy.png") no-repeat center bottom; background-size: 100% auto;}
    .sec_02 .inner .policy_bx li .policy_txt{padding: 4.666vw 6.666vw 5.666vw 12vw; font-size: 3.7333vw; line-height: 7.466vw; background: url("../../images/src/about/sp/bg_policy_txt.png") no-repeat center bottom; background-size: 100% auto;}
    .sec_02 .inner .policy_bx li .policy_txt span{padding: 0 0 1vw; font-size: 4.266vw;}
    .sec_02 .inner .policy_bx li .policy_numb{width: 12.666vw; position: absolute; left: 8vw; top: -4.533vw;}
    
    .sec_03{padding: 13vw 0 0;}
    .sec_03 .tit{margin: 0 auto 4vw; width: 19.333vw;}
    .sec_03 .lead{margin-bottom: 5.333vw; font-size: 3.7333vw; line-height: 7.333vw;}
    .sec_03 .bx_add{display: block; margin: 0 auto 5.333vw;}
    .sec_03 .bx_add .text_add{margin: 0 0 5vw; font-size: 4vw; line-height: 1; text-align: center;}
    .sec_03 .bx_add .btn_map{margin: 0 auto; width: 65%; max-width: inherit;}
    .sec_03 .bx_add .btn_map a{height: 11.333vw; font-size: 3.733vw; background: #60ADC3 url("../../images/src/common/arrow_white.png") no-repeat right 4vw center; background-size: 1.6vw auto;}
    .sec_03 .map{margin: 0 auto; width: 95%;}
    .sec_03 .map{position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
    .sec_03 .map iframe,
    .sec_03 .map object,
    .sec_03 .map embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}