@charset "UTF-8";

ul.pp_tab_handle{display:flex; margin:55px 0 30px;}
ul.pp_tab_handle li{flex:0 100%; position:relative; border:1px solid #c7c7c7; border-left:none;}
ul.pp_tab_handle li:first-child{border-left:1px solid #c7c7c7;}
ul.pp_tab_handle li button{display:block; width:100%; height:65px; font-size:18px; background-color:#f5f5f5;}
ul.pp_tab_handle li button:hover, ul.pp_tab_handle li button:focus{background-color:#e2e2e2;}
ul.pp_tab_handle li.active{border-bottom:none;}
ul.pp_tab_handle li.active:before{content:""; width:calc(100% + 1px); height:4px; position:absolute; top:-1px; left:-1px; background-color:#333;}
ul.pp_tab_handle li.active button{background-color:#fff;}

#sch_pp_wrap{width:100%; max-width:1200px; margin:0 auto; position:relative;}
#sch_pp_wrap div.summary{position:relative; overflow:hidden;}
#sch_pp_wrap div.summary div.profile{position:relative; padding:30px 30px 20px 55px; width:calc(100% - 660px); height:670px; background:linear-gradient(to right, #027d98, #0c816a);}
#sch_pp_wrap div.summary div.profile h1{margin-bottom:40px; width:204px; height:34px; background:url(/_res/profile/img/logo.png) no-repeat 0 0;}
#sch_pp_wrap div.summary div.profile h1 span{display:block; text-indent:-9999px;}
#sch_pp_wrap div.summary div.profile span{font-size:20px; color:#fff;}
#sch_pp_wrap div.summary div.profile span.name{display:block; margin-bottom:15px; font-size:44px; color:#fff; line-height:68px;}
#sch_pp_wrap div.summary div.profile span.name > strong{font-size:68px; color:#fff; font-weight:700;}
#sch_pp_wrap div.summary div.profile dl.list{margin-top:30px;}
#sch_pp_wrap div.summary div.profile dl.list dt{display:block; padding-left:10px; font-size:18px; color:#fff; font-weight:500;}
#sch_pp_wrap div.summary div.profile dl.list dd + dt{margin-top:25px;}
#sch_pp_wrap div.summary div.profile dl.list dd{padding-left:20px; font-size:18px; color:#fff; font-weight:300; word-break:keep-all;}
#sch_pp_wrap div.summary div.profile dl.list dd ul li{position:relative; padding-left:12px; font-size:18px; color:#fff; font-weight:300; word-break:keep-all;}
#sch_pp_wrap div.summary div.profile dl.list dd ul li:before{content:"-"; position:absolute; top:-3px; left:0;}
#sch_pp_wrap div.summary ul.dept{margin-top:10px; margin-bottom:30px; overflow:hidden;}
#sch_pp_wrap div.summary ul.contact{margin-top:10px; overflow:hidden;}
#sch_pp_wrap div.summary ul.contact li{margin-top:15px; padding-left:35px; position:relative; font-size:17px; color:#fff; font-weight:300;}
#sch_pp_wrap div.summary ul.contact li a{color:#fff; font-weight:300;}
#sch_pp_wrap div.summary ul.contact li:first-child{margin-top:0;}
#sch_pp_wrap div.summary ul.contact li:before{content:""; position:absolute; top:4px; left:10px; width:18px; height:18px; background:url(/_res/profile/img/icon_bullet.png) no-repeat 0 -18px;}
#sch_pp_wrap div.summary ul.contact li.tel:before{background-position:0 -18px;}
#sch_pp_wrap div.summary ul.contact li.location:before{background-position:-36px -18px;}
#sch_pp_wrap div.summary ul.contact li.mail:before{background-position:-18px -18px;}
#sch_pp_wrap div.summary ul.contact li.mail a{color:#fff;}
#sch_pp_wrap div.summary ul.contact li.mail a:hover, #sch_pp_wrap div.profile_imgbox ul.contact li.mail a:focus{text-decoration:underline;}
#sch_pp_wrap div.summary div.img{content:""; position:absolute; top:0%; right:0; width:660px; height:100%; overflow:hidden;}
#sch_pp_wrap div.summary div.img span{background-repeat:no-repeat;}
#sch_pp_wrap div.summary div.img span.bg{display:inline-block; width:100%; height:100%; background-position:50% 50%; background-size:cover;}
#sch_pp_wrap div.summary div.img span.profile_pic{position:absolute; bottom:0; left:50%; display:inline-block; width:430px; height:550px; background-position:50% 100%; background-size:contain; transform:translateX(-50%); background-repeat:no-repeat;}
#sch_pp_wrap div.pp_tab_contents{display:none;}
#sch_pp_wrap div.pp_tab_contents.active{display:block;}
#sch_pp_wrap div.pp_tab_contents h4.title{font-size:30px; font-weight:700;}
#sch_pp_wrap div.pp_tab_contents div.pp_introduce{padding:50px; font-size:18px; line-height:40px; text-align:center; word-break:keep-all;}
#sch_pp_wrap div.pp_tab_contents div.box{padding:60px 140px; overflow:hidden; border-bottom:0px;}
#sch_pp_wrap div.pp_tab_contents div.box p{font-size:18px; line-height:1.75; text-align:center;}
#sch_pp_wrap div.pp_tab_contents div.box:last-child{border-top:none;}
#sch_pp_wrap div.pp_tab_contents div.box h4{margin-bottom:20px;}
#sch_pp_wrap div.pp_tab_contents div.box ul.bullet{padding-left:80px;}
#sch_pp_wrap div.pp_tab_contents div.box ul.bullet li{position:relative; padding-left:30px; font-size:18px;}
#sch_pp_wrap div.pp_tab_contents div.box ul.bullet li > span{margin-right:20px;}
#sch_pp_wrap div.pp_tab_contents div.box ul.bullet li + li{margin-top:15px;}
#sch_pp_wrap div.pp_tab_contents div.box ul.bullet li:before{content:""; position:absolute; top:13px; left:0; width:5px; height:5px; background-color:#027d98;}

#sch_pp_wrap div.pp_tab_contents div.box ul.sns li{left:100px; position:relative; padding-left:40px; font-size:18px;}
#sch_pp_wrap div.pp_tab_contents div.box ul.sns li + li{margin-top:15px;}
#sch_pp_wrap div.pp_tab_contents div.box ul.sns li:before{content:""; width:30px; height:30px; position:absolute; top:-1px; left:0; background-image:url(/_res/profile/img/icon_link.png); background-repeat:no-repeat; background-size:240px 30px;}
#sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type1:before{background-position:0 0;}
#sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type2:before{background-position:-30px 0;}
#sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type3:before{background-position:-60px 0;}
#sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type4:before{background-position:-90px 0;}
#sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type5:before{background-position:-120px 0;}
#sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type6:before{background-position:-150px 0;}
#sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type7:before{background-position:-180px 0;}
#sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type8:before{background-position:-210px 0;}

#sch_pp_wrap div.pp_tab_contents a.link_back{display:block; margin:65px auto 0; width:245px; height:65px; background-color:#027d98; text-align:center;}
#sch_pp_wrap div.pp_tab_contents a.link_back > span{display:inline-block; font-size:18px; color:#fff; line-height:65px; text-align:center;}

/* PC Mini & Tablet */
@media all and (min-width:768px) and (max-width:1399px){
    ul.pp_tab_handle li button{width:100%; font-size:16px;}

    #sch_pp_wrap{max-width:1000px; padding:0 20px;}
    #sch_pp_wrap div.summary div.profile{width:350px; height:550px; padding:30px;}
    #sch_pp_wrap div.summary div.profile h1{margin-bottom:35px; width:180px; height:30px; background-size:180px 30px;}
    #sch_pp_wrap div.summary div.profile span.name{margin-bottom:5px; font-size:30px; line-height:45px;}
    #sch_pp_wrap div.summary div.profile span.name > strong{font-size:45px;}
    #sch_pp_wrap div.summary div.profile dl.list{margin:20px 0;}
    #sch_pp_wrap div.summary div.profile dl.list dt{padding-left:10px; font-size:16px;}
    #sch_pp_wrap div.summary div.profile dl.list dd + dt{margin-top:15px;}
    #sch_pp_wrap div.summary div.profile dl.list dd{font-size:16px;}
    #sch_pp_wrap div.summary div.profile dl.list dd ul li{font-size:16px;}
    #sch_pp_wrap div.summary ul.dept{margin-top:0;margin-bottom:15px;}
    #sch_pp_wrap div.summary ul.contact li{margin-top:7px; font-size:16px;}
    #sch_pp_wrap div.summary div.img{width:calc(100% - 350px); height:100%;}
    #sch_pp_wrap div.summary div.img span.profile_pic{width:80%; max-width:350px; height:0; padding-bottom:100%;}
    #sch_pp_wrap div.pp_tab_contents h4.title{font-size:20px;}
    #sch_pp_wrap div.pp_tab_contents div.box{padding:35px 15px;}
    #sch_pp_wrap div.pp_tab_contents div.box p{font-size:17px;font-weight:350; word-break:keep-all;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.bullet li{padding-left:20px; font-size:17px;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.bullet li > span{margin-right:20px;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.bullet li:before{top:13px; width:5px; height:5px;}

    #sch_pp_wrap div.pp_tab_contents div.box ul.sns li{font-size:17px;}

    #sch_pp_wrap div.pp_tab_contents a.link_back{margin:65px auto 0; width:245px; height:65px;}
    #sch_pp_wrap div.pp_tab_contents a.link_back > span{font-size:18px; line-height:65px;}
}

/* Mobile */
@media all and (max-width:767px) {
    ul.pp_tab_handle{display:block; max-height:52px; padding-top:51px; margin:30px 0 20px; overflow:hidden; position:relative; transition:0.3s all;}
    ul.pp_tab_handle li{border-left:1px solid #c7c7c7; border-top:none;}
    ul.pp_tab_handle li button{height:50px; padding:0 15px; font-size:15px; text-align:left; background-color:#f5f5f5;}
    ul.pp_tab_handle li button:hover, ul.pp_tab_handle li button:focus{background-color:#fff;}
    ul.pp_tab_handle li.active{width:100%; position:absolute; top:0; left:0; border-bottom:1px solid #c7c7c7;}
    ul.pp_tab_handle li.active:before{height:2px;}
    ul.pp_tab_handle li.active:after{display:block; content:""; width:15px; height:8px; position:absolute; top:50%; right:15px; background:url(/_res/sch/img/bg_mobile_tab_bullet.png) no-repeat 50% 50%; background-size:15px auto; transition:all 0.3s; transform:translateY(-50%);}

    ul.pp_tab_handle.active{max-height:500px;}
    ul.pp_tab_handle.active li.active:after{transform:translateY(-50%) rotate(180deg);}
    
    #sch_pp_wrap{max-width:100%; padding:0 15px;}
    #sch_pp_wrap div.summary div.profile{padding:25px; width:100%; height:auto;}
    #sch_pp_wrap div.summary div.profile h1{margin-bottom:30px; width:150px; height:25px; background-size:150px 25px;}
    #sch_pp_wrap div.summary div.profile span{font-size:17px;}
    #sch_pp_wrap div.summary div.profile span.name{line-height:26px; padding-top:calc(55vw + 20px); margin-bottom:5px; font-size:22px;}
    #sch_pp_wrap div.summary div.profile span.name > strong{font-size:26px;}
    #sch_pp_wrap div.summary div.profile dl.list{margin-top:15px;}
    #sch_pp_wrap div.summary div.profile dl.list dt{padding-left:8px; font-size:14px;}
    #sch_pp_wrap div.summary div.profile dl.list dd + dt{margin-top:20px;}
    #sch_pp_wrap div.summary div.profile dl.list dd{padding-left:8px; font-size:14px; word-break:keep-all;}
    #sch_pp_wrap div.summary div.profile dl.list dd ul li{font-size:14px;}
    #sch_pp_wrap div.summary ul.dept{margin-bottom:5px;}
    #sch_pp_wrap div.summary ul.contact li{margin-top:5px; font-size:14px; float:none;}
    #sch_pp_wrap div.summary div.img{top:70px; left:50%; width:calc(100% - 50px); height:55vw; transform:translateX(-50%);}
    #sch_pp_wrap div.summary div.img span.profile_pic{width:50%; height:0; padding-bottom:64%;}
    #sch_pp_wrap div.summary ul.contact li:before{width:16px; height:16px; background-size:48px 32px;}
    #sch_pp_wrap div.summary ul.contact li.tel:before{background-position:0 -16px;}
    #sch_pp_wrap div.summary ul.contact li.location:before{background-position:-32px -16px;}
    #sch_pp_wrap div.summary ul.contact li.mail:before{background-position:-16px -16px;}
    #sch_pp_wrap div.pp_tab_contents h4.title{font-size:24px;}
    #sch_pp_wrap div.pp_tab_contents div.pp_introduce{padding:25px; font-size:16px; line-height:26px;}
    #sch_pp_wrap div.pp_tab_contents div.box{padding:40px 20px;}
    #sch_pp_wrap div.pp_tab_contents div.box p{font-size:14px; font-weight:350; word-break:keep-all;}
    #sch_pp_wrap div.pp_tab_contents div.box p + p{margin-top:15px;}
    #sch_pp_wrap div.pp_tab_contents div.box h4{font-size:18px;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.bullet{padding-left:40px;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.bullet li{padding-left:10px; font-size:15px; line-height:20px; word-break:keep-all;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.bullet li > span{margin-right:10px;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.bullet li + li{margin-top:8px;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.bullet li:before{top:10px; width:4px; height:4px;}

    #sch_pp_wrap div.pp_tab_contents div.box ul.sns li{left:50px; padding-left:30px; font-size:15px; line-height:20px; word-break:keep-all;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.sns li + li{margin-top:8px;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.sns li:before{width:25px; height:25px; background-size:200px 25px;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type2:before{background-position:-25px 0;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type3:before{background-position:-50px 0;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type4:before{background-position:-75px 0;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type5:before{background-position:-100px 0;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type6:before{background-position:-125px 0;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type7:before{background-position:-150px 0;}
    #sch_pp_wrap div.pp_tab_contents div.box ul.sns li.type8:before{background-position:-175px 0;}

    #sch_pp_wrap div.pp_tab_contents a.link_back{margin:30px auto 0; width:245px; height:40px;}
    #sch_pp_wrap div.pp_tab_contents a.link_back > span{font-size:13px; line-height:40px;}
}