/*
Theme Name: 新久喜総合病院お問い合わせ
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: ANYSENSE
Author URI: https://wordpress.org/
Description:
Version: 1.0
*/




html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, i, button {margin: 0; padding: 0; border: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th, dfn, var, button {font-weight: normal; font-style: normal; font-size:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}


html,body{position:relative; width:100%; height:100%;}
body{font-size:14px; font-weight:500; font-family:'Noto Sans Japanese','Noto Sans CJK JP', sans-serif; color:#333; position:relative; background-color:#f8f8f8;}
#sitebody{transition:.3s; -webkit-transition:.3s;}
#sitebody #loading{opacity:0; transform:.3s; -webkit-transform:.3s; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:-1;}
#sitebody #loading span{display:block; position:absolute; left:50%; top:50%; margin:-75px 0 0 -60px;}
#sitebody #loading span:before,
#sitebody #loading span:after{content:""; display:block; position:absolute;}
#sitebody #loading span:before{animation:loading01 2s infinite linear; width:100%; height:80px; background-color:#000; top:0; left:0;}
#sitebody #loading span:after{animation:loading02 2s infinite linear; width:17px; height:17px; right:0; bottom:0; background-color:#000;}

@keyframes loading01{
0%{height:80px;}
80%{height:0;}
100%{height:0;}
}
@keyframes loading02{
0%{right:0;}
32%{right:0;}
33%{right:-5px;}
65%{right:-5px;}
66%{right:-10px;}
100%{right:-10px;}
}

#sitebody.loading{overflow:hidden;}
#sitebody.loading *{opacity:0;}
#sitebody.loading #loading{opacity:1; z-index:10000;}
#sitebody.loading #loading *{opacity:1;}

ul,ol{list-style:none;}
li{list-style:none;}
a{color:#333; text-decoration:none; transition:.3s; -webkit-transition:.3s;}
input[type=text],input[type=tel],input[type=email],input[type=submit],input[type=button],button,textarea {-webkit-appearance: none; border-radius:0;}
input[type=radio]{vertical-align:middle;}
input[type=submit]:hover{ cursor:pointer;}
button{background:none; outline:none; transition:.3s; -webkit-transition:.3s;}
button:hover{ cursor:pointer;}
table{border-collapse:collapse; border:none; border-spacing:0;}
th ,td{border:none; vertical-align:top; text-align:left;}
img{vertical-align:bottom;}
strong, b, .bold {font-weight: bold;}
i{line-height:1;}
svg{vertical-align:bottom; transition:.3s; -webkit-transition:.3s;}
p{line-height:1.5;}
.clear{clear:both;}
.clearfix:after{clear:both; content:""; height:0; font-size:0; visibility:hidden; display:block;}
.center{text-align:center;}
.left{float:left;}
.right{float:right;}

.pc{display:block;}
.pc-inline{display:inline;}
.sp{display:none !important;}
.sp-inline{display:none !important;}


/*------HEADER------*/

#top-header{position:absolute; right:0; top:0; z-index:3; overflow:hidden;}
#top-header .top-sitename{height:80px; width:300px; padding:19px 0 0 110px; box-sizing:border-box; background-color:#d0e900; position:relative; left:20px; transition:.6s; -webkit-transition:.6s;}
#top-header .top-sitename.on{left:0;}

.site-logo{position:fixed; left:0; top:0; width:80px; height:54px; padding-top:8px; box-sizing:border-box; text-align:center; background-color:#fff; z-index:11;}

#btn-menu{position:fixed; left:0; top:0; width:80px; height:100%; z-index:10; background-color:#181920;}
#btn-menu > span{position:absolute; top:50%; left:22px; width:36px; height:30px; margin-top:-73px; box-sizing:border-box; display:block;}
#btn-menu > span:before,
#btn-menu > span:after{content:""; display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:0;}
#btn-menu > span:before{top:0; transition:.3s; transition-delay:.4s;}
#btn-menu > span:after{bottom:0; transition:.3s; transition-delay:.4s;}
#btn-menu > span span{position:absolute; left:0; top:50%; width:100%; height:2px; margin-top:-1px; background-color:#fff; display:block;}


/*------NAVI------*/

#gnav{position:fixed; left:0; top:0; background-color:#010102; width:320px; height:100%; padding:75px 35px 0 115px; box-sizing:border-box; z-index:12; transform:rotateY(90deg); transform-origin:left; transition:.3s;}
#gnav.open{transform:rotateY(0);}
#btn-close{position:absolute; left:0; top:0; width:80px; height:100%; background-color:#010102;}
#btn-close > span{position:absolute; top:50%; left:22px; width:36px; height:30px; margin-top:-73px; box-sizing:border-box; display:block;}
#btn-close span:before,
#btn-close span:after{content:""; display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:0; top:50%; margin-top:-1px; transition:.3s;}
#btn-close span:before{transform:rotate(45deg); transition-delay:.4s;}
#btn-close span:after{transform:rotate(-45deg); transition-delay:.4s;}

#gnav .nav-list li{border-bottom:#818283 solid 2px;}
#gnav .nav-list li:last-child{border:none;}
#gnav .nav-list li a{font-size:14px; font-weight:500; font-family:'Noto Sans Japanese'; color:#fff; line-height:1; padding:15px 0; position:relative; display:block; overflow:hidden;}
#gnav .nav-list li a:before{content:""; display:block; width:100px; height:100px; border-radius:50%; position:absolute; left:-50px; top:-50px; background-color:#ec1e79; transform:scale(0); -webkit-transform:scale(0); transition:.3s; -webkit-transition:.3s;}
#gnav .nav-list li a:after{content:">"; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition:.3s; -webkit-transition:.3s;}
#gnav .nav-list li a:hover{padding-left:14px;}
#gnav .nav-list li a:hover:before{transform:scale(4); -webkit-transform:scale(4);}
#gnav .nav-list li a:hover:after{opacity:0; right:-15px;}
#gnav .nav-list li a span{position:relative; z-index:3;}
#gnav .nav-list li ul{padding-left:15px; border-top:#818283 solid 2px;}
#gnav .nav-list li ul li a{font-weight:400;}
#gnav .nav-contact{margin-top:15px;}
#gnav .nav-contact a{display:block; font-size:14px; line-height:1; color:#fff; padding:15px; box-sizing:border-box; position:relative; background: rgb(76,122,205); background: -moz-linear-gradient(left, rgba(76,122,205,1) 0%, rgba(41,170,225,1) 100%); background: -webkit-linear-gradient(left, rgba(76,122,205,1) 0%,rgba(41,170,225,1) 100%); background: linear-gradient(to right, rgba(76,122,205,1) 0%,rgba(41,170,225,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c7acd', endColorstr='#29aae1',GradientType=1 );}
#gnav .nav-contact a:before,
#gnav .nav-contact a:after{content:""; display:block; height:1px; background-color:#fff; position:absolute; top:50%; right:15px; margin-top:2px; transition:.3s; -webkit-transition:.3s;}
#gnav .nav-contact a:before{width:40px;}
#gnav .nav-contact a:after{width:10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:right; -webkit-transform-origin:right;}
#gnav .nav-contact a:hover:before,
#gnav .nav-contact a:hover:after{right:10px;}



#bottom-nav .bottom-nav-list{padding-right:60px; box-sizing:border-box; overflow:hidden;}
#bottom-nav .bottom-nav-list li{position:relative; transition:.3s; background:#4c7acd; height:200px; box-sizing:border-box;}
#bottom-nav .bottom-nav-list li:before,
#bottom-nav .bottom-nav-list li:after{content:""; display:block; height:1px; background-color:#fff; position:absolute; top:50%; margin-top:10px; transition:.3s;}
#bottom-nav .bottom-nav-list li:before{width:80px; left:60px;}
#bottom-nav .bottom-nav-list li:after{width:20px; left:120px; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:right; -webkit-transform-origin:right;}
#bottom-nav .bottom-nav-list li a{display:block; width:100%; height:100%; position:relative; z-index:1;}
#bottom-nav .bottom-nav-list li .bottom-nav-inner{width:100%; height:100%; position:absolute; left:0; top:0; transition:.3s; background:no-repeat center top; background-size:cover; z-index:2;}
#bottom-nav .bottom-nav-list li:nth-child(1) .bottom-nav-inner{background-image:url(img//pc/BG_bottom_nav_03.jpg);}
#bottom-nav .bottom-nav-list li:nth-child(2) .bottom-nav-inner{background-image:url(img//pc/BG_bottom_nav_01.jpg);}
#bottom-nav .bottom-nav-list li:nth-child(3) .bottom-nav-inner{background-image:url(img//pc/BG_bottom_nav_02.jpg);}
#bottom-nav .bottom-nav-list li a:hover .bottom-nav-inner{left:200px;}
#bottom-nav .bottom-nav-list li .bottom-nav-inner:after{content:""; display:block; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.3); transition:.3s; z-index:2;}
#bottom-nav .bottom-nav-list li a:hover .bottom-nav-inner:after{opacity:0;}
#bottom-nav .bottom-nav-list li dl{position:absolute; top:50%; padding-left:100px; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:5; width:100%; box-sizing:border-box;}
#bottom-nav .bottom-nav-list li dl dt{width:calc(100% - 240px); padding-bottom:12px; border-bottom:#fff solid 1px; margin-bottom:10px; box-sizing:border-box; position:relative;}
#bottom-nav .bottom-nav-list li dl dt:before,
#bottom-nav .bottom-nav-list li dl dt:after{content:""; display:block; height:1px; background-color:#fff; position:absolute; bottom:-1px; right:-140px; transition:.3s;}
#bottom-nav .bottom-nav-list li dl dt:before{width:80px;}
#bottom-nav .bottom-nav-list li dl dt:after{width:20px; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:right; -webkit-transform-origin:right;}
#bottom-nav .bottom-nav-list li a:hover dl dt:before,
#bottom-nav .bottom-nav-list li a:hover dl dt:after{right:-200px; opacity:0;}
#bottom-nav .bottom-nav-list li dl dt svg{filter:drop-shadow(10px 10px 10px rgba(10,10,10,0.3));}
#bottom-nav .bottom-nav-list li:nth-child(1) dl dt svg{width:136px; height:40px; fill:#fff;}
#bottom-nav .bottom-nav-list li:nth-child(2) dl dt svg{width:313px; height:40px; fill:#fff;}
#bottom-nav .bottom-nav-list li:nth-child(3) dl dt svg{width:165px; height:40px; fill:#fff;}
#bottom-nav .bottom-nav-list li dl dd{color:#fff; font-size:14px; font-weight:500; line-height:18px; letter-spacing:2px; text-shadow:0 0 5px rgba(0,0,0,.3);}


#doctor-nav .bottom-nav-list{padding-right:60px; box-sizing:border-box; overflow:hidden;}
#doctor-nav .bottom-nav-list li{position:relative; transition:.3s; background:#4c7acd; height:200px; box-sizing:border-box;}
#doctor-nav .bottom-nav-list li:before,
#doctor-nav .bottom-nav-list li:after{content:""; display:block; height:1px; background-color:#fff; position:absolute; top:50%; margin-top:10px; transition:.3s;}
#doctor-nav .bottom-nav-list li:before{width:80px; left:60px;}
#doctor-nav .bottom-nav-list li:after{width:20px; left:120px; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:right; -webkit-transform-origin:right;}
#doctor-nav .bottom-nav-list li a{display:block; width:100%; height:100%; position:relative; z-index:1;}
#doctor-nav .bottom-nav-list li .bottom-nav-inner{width:100%; height:100%; position:absolute; left:0; top:0; transition:.3s; background:no-repeat center top; background-size:cover; z-index:2;}
#doctor-nav .bottom-nav-list li:nth-child(1) .bottom-nav-inner{background-image:url(img//pc/BG_doctor_01.jpg);}
#doctor-nav .bottom-nav-list li:nth-child(2) .bottom-nav-inner{background-image:url(img//pc/BG_doctor_02.jpg);}
#doctor-nav .bottom-nav-list li a:hover .bottom-nav-inner{left:200px;}
#doctor-nav .bottom-nav-list li .bottom-nav-inner:after{content:""; display:block; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.3); transition:.3s; z-index:2;}
#doctor-nav .bottom-nav-list li a:hover .bottom-nav-inner:after{opacity:0;}
#doctor-nav .bottom-nav-list li dl{position:absolute; top:50%; padding-left:100px; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:5; width:100%; box-sizing:border-box;}
#doctor-nav .bottom-nav-list li dl dt{width:calc(100% - 240px); padding-bottom:12px; border-bottom:#fff solid 1px; margin-bottom:10px; box-sizing:border-box; position:relative; font-size:36px; font-weight:bold; color:#fff;}
#doctor-nav .bottom-nav-list li dl dt:before,
#doctor-nav .bottom-nav-list li dl dt:after{content:""; display:block; height:1px; background-color:#fff; position:absolute; bottom:-1px; right:-140px; transition:.3s;}
#doctor-nav .bottom-nav-list li dl dt:before{width:80px;}
#doctor-nav .bottom-nav-list li dl dt:after{width:20px; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:right; -webkit-transform-origin:right;}
#doctor-nav .bottom-nav-list li a:hover dl dt:before,
#doctor-nav .bottom-nav-list li a:hover dl dt:after{right:-200px; opacity:0;}
#doctor-nav .bottom-nav-list li dl dt svg{filter:drop-shadow(10px 10px 10px rgba(10,10,10,0.3));}
#doctor-nav .bottom-nav-list li:nth-child(1) dl dt svg{width:313px; height:40px; fill:#fff;}
#doctor-nav .bottom-nav-list li:nth-child(2) dl dt svg{width:165px; height:40px; fill:#fff;}
#doctor-nav .bottom-nav-list li dl dd{color:#fff; font-size:14px; font-weight:500; line-height:18px; letter-spacing:2px; text-shadow:0 0 5px rgba(0,0,0,.3);}


/*------COMMON------*/
.content{padding-left:80px; box-sizing:border-box; position:relative;}

.mv{width:100%; height:400px; position:relative; background:no-repeat center center; background-size:cover; box-sizing:border-box;}
.mv:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.3);}
.mv .page-ttl{text-align:center; padding-top:108px; position:relative; z-index:2;}
.mv .page-ttl .big-ttl{width:440px; display:inline-block; padding-bottom:13px; margin-bottom:13px; border-bottom:#fff solid 1px;}
.mv .page-ttl .small-ttl{font-size:16px; color:#fff; line-height:1; display:block;}
.mv .page-description{font-size:20px; font-weight:400; line-height:2; color:#fff; z-index:2; text-align:center; margin-top:45px; position:relative;}

.under-wrap{position:relative; padding:86px 100px 0; z-index:3; box-sizing:border-box;}

.ttl01{padding-left:100px; background-color:#4c7acd; position:absolute !important; left:0; top:0; width:calc(100% - 80px); height:120px; box-sizing:border-box; padding-top:30px;}
.ttl01.on{width:calc(100% - 60px);}
.ttl01 .ttl01-main{font-size:28px; font-weight:bold; color:#fff; line-height:1; position:relative; z-index:1;}

.ttl02{width:calc(100% - 310px); box-sizing:border-box; border-bottom:#b1c5e9 solid 2px; padding-bottom:13px; margin-bottom:22px; font-size:24px; font-weight:bold; color:#000; line-height:1.5;}


.sec-in{position:relative; z-index:1;}
.sec-box{padding:50px 60px; box-sizing:border-box; background-color:#fff;}
.sec-box p{font-size:16px; line-height:2; font-weight:400;}
.sec-box a{color:#4c7acd; padding-bottom:3px; border-bottom:#7898d7 solid 1px; font-size:16px; font-weight:400;}
.sec-box a + .icon-pdf{margin-left:10px; position:relative; top:3px;}
.sec-box > dl.outline > dt{padding:0 30px; box-sizing:border-box; font-size:16px; font-weight:bold; color:#000; line-height:2; background-color:#f1f1f1;}
.sec-box > dl.outline > dd{padding:20px 30px; box-sizing:border-box; font-size:16px; font-weight:400; line-height:2;}
.sec-box > dl.outline > dd:last-of-type{padding-bottom:0;}
.sec-box > dl.outline > dd > dl{max-width:600px; position:relative; border-bottom:#303030 solid 1px; padding-left:150px; box-sizing:border-box;}
.sec-box > dl.outline > dd > dl:last-of-type{border-bottom:none;}
.sec-box > dl.outline > dd > dl dt{position:absolute; left:0; top:7px; color:#000; font-size:16px;}
.sec-box > dl.outline > dd > dl dd{color:#000; font-size:16px; padding:7px 0 7px 30px; border-left:#303030 solid 1px;}


.tocontact-box{padding:60px 0;}
.tocontact-box .btn-tocontact{display:block; margin:0 auto; width:400px; height:80px;  font-size:18px; line-height:1; color:#fff; text-align:center; overflow:hidden; box-sizing:border-box; position:relative; background: rgb(76,122,205); background: -moz-linear-gradient(left, rgba(76,122,205,1) 0%, rgba(41,170,225,1) 100%); background: -webkit-linear-gradient(left, rgba(76,122,205,1) 0%,rgba(41,170,225,1) 100%); background: linear-gradient(to right, rgba(76,122,205,1) 0%,rgba(41,170,225,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c7acd', endColorstr='#29aae1',GradientType=1 );}
.tocontact-box .btn-tocontact:before{content:""; display:block; width:220px; height:100px; border-radius:50%; position:absolute; left:-110px; top:-50px; background-color:#ec1e79; transform:scale(0); -webkit-transform:scale(0); transition:.3s; -webkit-transition:.3s;}
.tocontact-box .btn-tocontact:hover:before{transform:scale(4); -webkit-transform:scale(4);}
.tocontact-box .btn-tocontact span{display:block; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; padding-top:31px;}
.tocontact-box .btn-tocontact span:before,
.tocontact-box .btn-tocontact span:after{content:""; display:block; height:1px; background-color:#fff; position:absolute; top:50%; right:15px; margin-top:2px; transition:.3s; -webkit-transition:.3s;}
.tocontact-box .btn-tocontact span:before{width:40px;}
.tocontact-box .btn-tocontact span:after{width:10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:right; -webkit-transform-origin:right;}
.tocontact-box .btn-tocontact span:hover:before,
.tocontact-box .btn-tocontact span:hover:after{right:10px;}

.fixed-btn{position:fixed; bottom:30px; right:10px; z-index:100; display:none;}
.fixed-btn.abs{position:absolute;}
.fixed-btn button{display:block; width:100px; height:100px; box-sizing:border-box; border-radius:50%; box-shadow:0 0 5px rgba(0,0,0,.5); position:relative;}
.fixed-btn button:hover{box-shadow:0 0 15px rgba(0,0,0,.7);}
.fixed-btn button span{position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; font-size:12px; font-weight:bold; line-height:1;}
.fixed-btn button span:before,
.fixed-btn button span:after{content:""; display:block; position:absolute; left:50%;}
.fixed-btn .backtop{background: rgb(76,122,205); background: -moz-linear-gradient(left, rgba(76,122,205,1) 0%, rgba(41,170,225,1) 100%); background: -webkit-linear-gradient(left, rgba(76,122,205,1) 0%,rgba(41,170,225,1) 100%); background: linear-gradient(to right, rgba(76,122,205,1) 0%,rgba(41,170,225,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c7acd', endColorstr='#29aae1',GradientType=1 );}
.fixed-btn .backtop span{padding-top:65px; color:#fff;}
.fixed-btn .backtop span:before{height:40px; width:1px; background-color:#fff; top:17px;}
.fixed-btn .backtop span:after{height:15px; width:1px; background-color:#fff; top:17px; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:top; -webkit-transform-origin:top;}
.fixed-btn .totop{background:#fff; margin-top:20px;}
.fixed-btn .totop span{padding-top:55px; color:#4c7acd;}
.fixed-btn .totop span:before{height:1px; width:50px; background-color:#4c7acd; top:40px; margin-left:-25px;}
.fixed-btn .totop span:after{height:1px; width:15px; background-color:#4c7acd; top:40px; margin-left:-25px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform-origin:left; -webkit-transform-origin:left;}


.delay{transition:.6s; -webkit-transition:.6s; opacity:0; position:relative;}
.delay-left{left:20px;}
.delay-right{right:20px;}
.delay-top{top:20px;}
.delay-bottom{bottom:20px;}
.delay.on{opacity:1;}
.delay-left.on{left:0;}
.delay-right.on{right:0;}
.delay-top.on{top:0;}
.delay-bottom.on{bottom:0;}

.delay3{transition-delay:.3s; -webkit-transition-delay:.3s;}
.delay6{transition-delay:.6s; -webkit-transition-delay:.6s;}
.delay9{transition-delay:.9s; -webkit-transition-delay:.9s;}
.delay12{transition-delay:1.2s; -webkit-transition-delay:1.2s;}
.delay15{transition-delay:1.5s; -webkit-transition-delay:1.5s;}

/*------TOP------*/
.top-body{background-color:#000; min-height:710px;}
.top-wrap{position:absolute; top:0; left:0; width:100%; height:100%; padding-bottom:110px; box-sizing:border-box;}
#top{height:100%; min-height:600px;}
.top-menu{display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; height:73.3334%;}
.top-menu li{height:100%; width:16.6666%; position:relative; overflow:hidden; transition:.3s; background:no-repeat center top; background-size:cover;}
.top-menu li:nth-child(1){background-image:url(img//pc/IMG_top_01.jpg); background-position:left top;}
.top-menu li:nth-child(2){background-image:url(img//pc/IMG_top_02.jpg);}
.top-menu li:nth-child(3){background-image:url(img//pc/IMG_top_03.jpg);}
.top-menu li:nth-child(4){background-image:url(img//pc/IMG_top_04.jpg);}
.top-menu li:nth-child(5){background-image:url(img//pc/IMG_top_05.jpg);}
.top-menu li:nth-child(6){background-image:url(img//pc/IMG_top_06.jpg); background-position:right top;}
.top-menu li:hover{width:25%;}
.top-menu li a{position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.top-menu li a:after{content:""; display:block; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.3); transition:.3s;}
.top-menu li a:hover:after{opacity:0;}
.top-menu li dl{position:absolute; top:110px; left:50%; transform:translateX(-50%); margin-left:15px; z-index:3; width:87px; height:300px;}
.top-menu li dl dt{width:300px; position:absolute; left:95px; top:0; transform:rotate(90deg); transform-origin:left top; padding-bottom:13px; border-bottom:#fff solid 1px;}
.top-menu li dl dt svg{filter:drop-shadow(10px 10px 10px rgba(10,10,10,0.3));}
.top-menu li:nth-child(1) dl dt svg{width:288px; height:44px; fill:#fff;}
.top-menu li:nth-child(2) dl dt svg{width:250px; height:44px; fill:#fff;}
.top-menu li:nth-child(3) dl dt svg{width:153px; height:44px; fill:#fff;}
.top-menu li:nth-child(4) dl dt svg{width:242px; height:44px; fill:#fff;}
.top-menu li:nth-child(5) dl dt svg{width:287px; height:44px; fill:#fff;}
.top-menu li:nth-child(6) dl dt svg{width:171px; height:44px; fill:#fff;}
.top-menu li dl dd{color:#fff; font-size:16px; font-weight:500; width:20px; text-align:center; line-height:18px; word-break:break-all; text-shadow:0 0 5px rgba(0,0,0,.3);}
.top-menu li:first-child img{left:0; transform:none;}
.top-menu li:last-child img{left:auto; right:0; transform:none;}


.bottom-menu{display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; height:26.6666%;}
.bottom-menu li{width:50%; position:relative; transition:.3s; background:no-repeat center top; background-size:cover;}
.bottom-menu li:nth-child(1){background-image:url(img//pc/IMG_top_07.jpg);}
.bottom-menu li:nth-child(2){background-image:url(img//pc/IMG_top_08.jpg);}
.bottom-menu li a{display:block;}
.bottom-menu li a:after{content:""; display:block; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.3); transition:.3s;}
.bottom-menu li a:hover:after{opacity:0;}
.bottom-menu li dl{position:absolute; top:50%; padding-left:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:3; width:100%; box-sizing:border-box;}
.bottom-menu li dl dt{width:calc(100% - 120px); padding-bottom:12px; border-bottom:#fff solid 1px; margin-bottom:10px; box-sizing:border-box; position:relative;}
.bottom-menu li dl dt:before,
.bottom-menu li dl dt:after{content:""; display:block; height:1px; background-color:#fff; position:absolute; bottom:-1px; right:-63px; transition:.3s;}
.bottom-menu li dl dt:before{width:40px;}
.bottom-menu li dl dt:after{width:10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:right; -webkit-transform-origin:right;}
.bottom-menu li a:hover dl dt:before,
.bottom-menu li a:hover dl dt:after{right:-78px;}
.bottom-menu li dl dt svg{filter:drop-shadow(10px 10px 10px rgba(10,10,10,0.3));}
.bottom-menu li:nth-child(1) dl dt svg{width:313px; height:40px; fill:#fff;}
.bottom-menu li:nth-child(2) dl dt svg{width:165px; height:40px; fill:#fff;}
.bottom-menu li dl dd{color:#fff; font-size:16px; font-weight:500; line-height:18px; letter-spacing:2px; text-shadow:0 0 5px rgba(0,0,0,.3);}



/*------CAREERSTEP------*/
#careerstep .mv{background-image:url(img/pc/MV_careerstep.jpg);}
#careerstep .ttl01:before{content:""; display:block; background-color:#94afe1; position:absolute; right:0; top:0; height:120px;}
#careerstep .ttl01:after{content:""; display:block; border-style:solid ; border-width:43px 0 43px 30px; border-color:transparent #4c7acd; position:absolute; top:0;}
#careerstep .ttl01 .step-num{position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100px; text-align:center; display:block;} 
#careerstep .under-wrap{overflow:hidden;}
#careerstep .careerstep01{margin-top:-60px;}
#careerstep .sec-in:before,
#careerstep .sec-in:after{content:""; display:block; left:-4px; position:absolute; width:4px; background-color:#4c7acd;}
#careerstep .sec-in:before{height:100%; top:0;}
#careerstep .sec-in:after{height:40px; bottom:0; transform:rotate(45deg); transform-origin:bottom;}
#careerstep .sec-box{position:relative;}
#careerstep .sec-box:after{content:""; display:block; width:570px; height:1px; background-color:#9fb6df; position:absolute; left:60px; bottom:0;}
#careerstep .case-block{padding:60px; box-sizing:border-box; position:relative;}
#careerstep .case-block .case-header{position:relative;}
#careerstep .case-block .case-header .case-ttl{position:absolute;}
#careerstep .case-block .case-header .case-ttl .small-ttl{display:block; color:#4c7acd; font-size:22px; font-weight:400; line-height:1; margin-top:20px;}
#careerstep .case-block .case-header .case-ttl .vsmall-ttl{display:block; color:#4c7acd; font-size:18px; font-weight:400; line-height:1; margin-top:9px;}
#careerstep .case-block .case-header .case-catch{position:absolute; font-size:34px; font-weight:bold; color:#4c7acd; text-shadow:2px 2px 0 #fff;}
#careerstep .case-block .case-txt{padding:50px 40px; box-sizing:border-box; background-color:rgba(255,255,255,.8); margin-top:-70px; position:relative; z-index:1;}
#careerstep .case-block .case-txt p{font-size:16px; font-weight:400; line-height:2;}

#careerstep .careerstep01 .ttl01:before{width:50%;}
#careerstep .careerstep01 .ttl01:after{left:50%;}
#careerstep .careerstep02 .ttl01:before{width:34%;}
#careerstep .careerstep02 .ttl01:after{left:66%;}
#careerstep .careerstep03 .ttl01:before{width:18.5%;}
#careerstep .careerstep03 .ttl01:after{left:81.5%;}
#careerstep .careerstep04 .ttl01:before,
#careerstep .careerstep04 .ttl01:after{display:none;}

#careerstep .case01 .case-header .case-ttl{top:70px; left:40px;}
#careerstep .case01 .case-header .case-catch{bottom:120px; right:-40px;}
#careerstep .case01 .case-header .case-img{margin-left:120px;}

#careerstep .case02:after{content:""; display:block; width:300px; height:1px; background-color:#9fb6df; position:absolute; bottom:0; left:50%; margin-left:-150px;}
#careerstep .case02 .case-header .case-ttl{top:70px; right:20px; text-align:right;}
#careerstep .case02 .case-header .case-catch{bottom:126px; left:0px;}
#careerstep .case02 .case-header .case-img{margin-left:-60px;}
#careerstep .case02 .clearfix{position:relative; margin-top:40px;}
#careerstep .case02 .case-img02{position:absolute; left:0; top:0;}
#careerstep .case02 .case-img02 img{box-shadow:20px 20px 0 #e5e5e5;}
#careerstep .case02 .case-txt02{padding:40px; box-sizing:border-box; background-color:rgba(255,255,255,.8); width:480px; margin:100px 0 0 0; position:relative; z-index:1; float:right;}
#careerstep .case02 .case-txt02 p{font-size:16px; font-weight:400; line-height:2;}

#careerstep .case03 .case-header .case-ttl{top:65px; left:40px;}
#careerstep .case03 .case-header .case-catch{bottom:110px; left:40px;}
#careerstep .case03 .case-header .case-img{margin-left:118px;}

#careerstep .case04 .case-header .case-ttl{top:70px; right:20px; text-align:right;}
#careerstep .case04 .case-header .case-catch{bottom:126px; left:0px;}
#careerstep .case04 .case-header .case-img{margin-left:-60px;}

#careerstep .case05{padding-bottom:0;}
#careerstep .case05 .case-header .case-ttl{top:70px; left:40px;}
#careerstep .case05 .case-header .case-catch{bottom:120px; right:-40px;}
#careerstep .case05 .case-header .case-img{margin-left:120px;}
#careerstep .case05 .case-txt .txt-img{margin-top:32px; text-align:center;}
#careerstep .case05 .case-txt .txt-img img{max-width:100%;}


/*------INTRODUCTION------*/
#introduction .mv{background-image:url(img/pc/MV_introduction.jpg);}
#introduction .introduction01{margin-top:-130px; padding-top:230px;}
#introduction .introduction01 .ttl01{height:260px; padding-top:85px; position:relative;}
#introduction .introduction01 .ttl01 .message-ttl-txt{width:calc(100% - 440px); box-sizing:border-box;}
#introduction .introduction01 .ttl01 .ttl01-main{padding-bottom:18px; border-bottom:#fff solid 1px; margin-bottom:15px; display:block;}
#introduction .introduction01 .ttl01 .message-sign{display:block; text-align:right; font-size:16px; color:#fff; line-height:1;}
#introduction .introduction01 .sec-in .message-img{position:absolute; top:-165px; right:-20px; z-index:10;}
#introduction .introduction01 .sec-in .message-img.on{top:-185px;}
#introduction .intro-img-list{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin:30px 0 50px;}
#introduction .intro-img-list li{width:33.3333%; position:relative;}
#introduction .intro-img-list li:after{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.35); -webkit-transition:.3s; transition:.3s;}
#introduction .intro-img-list li:hover:after{opacity:0;}
#introduction .intro-img-list li p{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#fff; z-index:3;}
#introduction .intro-img-list li img{width:100%;}
#introduction .introduction02 .sec-box .mb{margin-bottom:50px;}


/*------DOCTOR------*/
#doctor .mv{background-image:url(img/pc/MV_doctor.jpg);}
#doctor .doctor00{padding-top:0;}
#doctor .doctor01{margin-top:-60px;}
#doctor .sec-box .mb{margin-bottom:50px;}
#doctor .doctor-head{position:relative; width:calc(100% + 120px); margin-left:-20px; display:-webkit-flex; display:flex; align-items:flex-start; margin-bottom:80px;}
#doctor .doctor-head .message{font-size:34px; font-weight:bold; line-height:60px; color:#4c7acd; padding:17px 35px; position:relative; width:calc(100% - 410px); box-sizing:border-box; z-index:2;}
#doctor .doctor-head .message:before,
#doctor .doctor-head .message:after{content:""; display:block; width:60px; height:60px; position:absolute;}
#doctor .doctor-head .message:before{top:0; left:0; border-top:#4c7acd solid 1px; border-left:#4c7acd solid 1px;}
#doctor .doctor-head .message:after{bottom:0; right:0; border-bottom:#4c7acd solid 1px; border-right:#4c7acd solid 1px;}
#doctor .doctor-head .doctor-img{margin-left:auto; position:relative; z-index:1; margin-right:20px;}
#doctor .doctor-head .dh-bottom{position:absolute; left:0; bottom:-23px; width:100%; height:120px; box-sizing:border-box; background-color:#f1f1f1;}
#doctor .doctor-head .dh-bottom span{color:#4c7acd; line-height:1; display:inline-block; position:absolute; bottom:23px; right:410px;}

#doctor .doctor03 .doctor-head{-webkit-flex-direction:row-reverse; flex-direction:row-reverse; margin-left:-40px;}
#doctor .doctor03 .doctor-head .message{width:calc(100% - 410px);}
#doctor .doctor03 .doctor-head .doctor-img{margin:0 auto 0 20px;}
#doctor .doctor03 .doctor-head .dh-bottom{position:absolute; left:0; bottom:-23px; width:100%; height:120px; box-sizing:border-box; background-color:#f1f1f1;}
#doctor .doctor03 .doctor-head .dh-bottom span{left:410px; right:auto;}


/*------CARDIOLOGY------*/

#cardiology .mv{background-image:url(img/pc/MV_cardiology.jpg);}
#cardiology .doctor-name{font-size:14px; line-height:1; margin-bottom:25px; display:block;}
#cardiology .cardiology01{margin-top:-60px;}
#cardiology .cardiology01 .sec-box{background:url(img/pc/BG_cardiology_01.jpg) no-repeat left bottom #fff;}
#cardiology .cardiology01 .under-doctor-img01{float:right; margin:0 -80px 70px 30px; box-shadow:20px 20px 0 #e2e3e4;}
#cardiology .cardiology01 .ttl02{margin-bottom:15px;}
#cardiology .cardiology02 .sec-box{background:url(img/pc/BG_cardiology_02.jpg) no-repeat right bottom #fff;}
#cardiology .cardiology02 .under-doctor-img02{float:left; margin:0 30px 20px 0;}
#cardiology .cardiology02 .ttl02{margin-bottom:15px; float:right;}


/*------GASTROENTEROLOGY------*/

#gastroenterology .mv{background-image:url(img/pc/MV_gastroenterology.jpg);}
#gastroenterology .doctor-name{font-size:14px; line-height:1; margin-bottom:25px; display:block;}
#gastroenterology .gastroenterology01{margin-top:-60px;}
#gastroenterology .gastroenterology01 .sec-box{background:url(img/pc/BG_gastroenterology_01.jpg) no-repeat left bottom #fff;}
#gastroenterology .gastroenterology01 .under-doctor-img01{float:right; margin:0 -80px 70px 30px; box-shadow:20px 20px 0 #e2e3e4;}
#gastroenterology .gastroenterology01 .ttl02{margin-bottom:15px;}
#gastroenterology .gastroenterology02 .sec-box{background:url(img/pc/BG_gastroenterology_02.jpg) no-repeat right bottom #fff;}
#gastroenterology .gastroenterology02 .under-doctor-img02{float:left; margin:0 30px 20px 0;}
#gastroenterology .gastroenterology02 .ttl02{margin-bottom:15px; float:right;}


/*------RESIDENT------*/
#resident .mv{background-image:url(img/pc/MV_resident.jpg);}
#resident .doctor-name{font-size:14px; line-height:1; margin-bottom:25px; display:block; text-align:right;}
#resident .resident01{margin-top:-60px;}
#resident .resident01 .resident-img01{float:right; margin:0 -80px 25px 30px; box-shadow:20px 20px 0 #e2e3e4;}
#resident .resident01 .ttl02{margin-bottom:15px;}
#resident .resident02 .link-txt{margin:30px 0 70px;}
#resident .resident02 .program-block{ margin:40px 0;}
#resident .resident02 .program-block ul{display:-webkit-flex; display:flex;}
#resident .resident02 .program-block ul li{position:relative; font-size:16px; font-weight:bold; margin-right:4px;}
#resident .resident02 .program-block ul li:nth-child(1){width:440px;}
#resident .resident02 .program-block ul li:nth-child(2){width:216px;}
#resident .resident02 .program-block ul li:nth-child(3){width:70px;}
#resident .resident02 .program-block ul li:nth-child(4){width:70px;}
#resident .resident02 .program-block ul li:nth-child(5){width:70px; margin-right:0;}
#resident .resident02 .program-block ul li .bar{display:block; height:60px; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; jsutify-content:center; background-color:#f1f1f1; position:relative; box-sizing:border-box;}
#resident .resident02 .program-block ul li .bar:before,
#resident .resident02 .program-block ul li .bar:after{content:""; display:block; width:100%; left:0; bottom:-34px; position:absolute; box-sizing:border-box;}
#resident .resident02 .program-block ul li .bar:before{height:1px; background-color:#7f7f7f;}
#resident .resident02 .program-block ul li .bar:after{height:15px; border-left:#7f7f7f solid 1px; border-right:#7f7f7f solid 1px;}
#resident .resident02 .program-block ul li .term{display:block; text-align:center; margin-top:50px;}
#resident .resident03 .collabo{display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; jsutify-content:center; height:80px; border-top:#7a7a7a solid 1px;  border-bottom:#7a7a7a solid 1px; margin:50px 0 30px;}
#resident .resident03 .collabo li{font-size:16px; font-weight:bold; margin-right:50px;}
#resident .resident03 .collabo li:last-child{margin-right:0;}


/*------JUNIOR RESIDENT------*/
#junior .mv{background-image:url(img/pc/MV_junior.jpg);}
#junior .doctor-name{font-size:14px; font-weight:500; line-height:1; margin-top:25px; display:block;}
#junior .flexbox{display:-webkit-flex; display:flex;}
#junior .junior01{margin-top:-60px;}
#junior .junior-feature{margin-top:70px; border:#a6bde6 solid 2px; width:100%;}
#junior .junior-feature li{width:33.3333%; border-right:#a6bde6 solid 2px; box-sizing:border-box; position:relative; text-align:center;}
#junior .junior-feature li:last-child{border:none;}
#junior .junior-feature li img{max-width:100%;}
#junior .junior-feature li p{padding:0 20px 20px; box-sizing:border-box; font-size:16px; font-weight:400; line-height:28px; text-align:left;}

#junior .junior02 .sec-box p{width:calc(100% - 310px); margin-left:auto;}
#junior .junior03 .program-block{margin:40px 0;}
#junior .junior03 .program-block.first{margin-bottom:60px;}
#junior .junior03 .program-block ul{display:-webkit-flex; display:flex;}
#junior .junior03 .program-block ul li{position:relative; font-size:16px; font-weight:bold; margin-right:4px;}
#junior .junior03 .program-block.first ul li:nth-child(1){width:440px;}
#junior .junior03 .program-block.first ul li:nth-child(2){width:216px;}
#junior .junior03 .program-block.first ul li:nth-child(3){width:70px;}
#junior .junior03 .program-block.first ul li:nth-child(4){width:70px;}
#junior .junior03 .program-block.first ul li:nth-child(5){width:70px; margin-right:0;}
#junior .junior03 .program-block.second ul li:nth-child(1){width:70px;}
#junior .junior03 .program-block.second ul li:nth-child(2){width:70px;}
#junior .junior03 .program-block.second ul li:nth-child(3){width:70px;}
#junior .junior03 .program-block.second ul li:nth-child(4){width:660px; margin-right:0;}
#junior .junior03 .program-block ul li .bar{display:block; height:60px; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; jsutify-content:center; background-color:#f1f1f1; position:relative; box-sizing:border-box;}
#junior .junior03 .program-block ul li .bar:before,
#junior .junior03 .program-block ul li .bar:after{content:""; display:block; width:100%; left:0; bottom:-34px; position:absolute; box-sizing:border-box;}
#junior .junior03 .program-block ul li .bar:before{height:1px; background-color:#7f7f7f;}
#junior .junior03 .program-block ul li .bar:after{height:15px; border-left:#7f7f7f solid 1px; border-right:#7f7f7f solid 1px;}
#junior .junior03 .program-block ul li .term{display:block; text-align:center; margin-top:50px;}

#careerstep .sec-in:before,
#careerstep .sec-in:after{content:""; display:block; left:-4px; position:absolute; width:4px; background-color:#4c7acd;}
#careerstep .sec-in:before{height:100%; top:0;}
#careerstep .sec-in:after{height:40px; bottom:0; transform:rotate(45deg); transform-origin:bottom;}

#junior .junior05 .sec-in:before,
#junior .junior05 .sec-in:after{content:""; display:block; left:-2px; position:absolute; width:2px; background-color:#4c7acd;}
#junior .junior05 .sec-in:before{height:100%; top:0;}
#junior .junior05 .sec-in:after{height:40px; bottom:0; transform:rotate(45deg); transform-origin:bottom;}
#junior .junior05 dl{position:relative;}
#junior .junior05 dl dt{margin-bottom:60px;}
#junior .junior05 i{width:240px; display:block; text-align:center;}
#junior .junior05 .time-box .time{display:block; padding-bottom:10px; margin-bottom:10px; border-bottom:#4c7acd solid 1px; width:660px;}
#junior .junior05 .time-box .job-desc{display:block; font-size:22px; font-weight:400; color:#4c7acd; line-height:1;}
#junior .junior05 dl dd.flow-txt{margin-bottom:165px;}
#junior .junior05 dl dd.flow-txt p{font-size:16px; line-height:2; padding:32px 40px; width:480px; background-color:#f1f1f1; box-sizing:border-box;} 
#junior .junior05 dl dd.flow-img{position:absolute; bottom:-346px; box-shadow:20px 20px 0 #e5e5e5;}

#junior .junior05 .junior-flow01 dt,
#junior .junior05 .junior-flow03 dt,
#junior .junior05 .junior-flow05 dt{-webkit-flex-direction:row-reverse; flex-direction:row-reverse;}
#junior .junior05 .junior-flow04 dt .time-box{margin-left:auto; text-align:right;}
#junior .junior05 .junior-flow01 dd.flow-img{right:-80px;}
#junior .junior05 .junior-flow03 dd.flow-img{left:-20px;}
#junior .junior05 .junior-flow05 dd.flow-img{right:-80px;}
#junior .junior05 .junior-flow03 dd.flow-txt p,
#junior .junior05 .junior-flow04 dd.flow-txt p{margin-left:auto;}
#junior .junior05 .junior-flow01 dd.flow-txt{margin-bottom:150px;}
#junior .junior05 .junior-flow03 dd.flow-txt{margin-bottom:130px;}
#junior .junior05 .junior-flow05 dd.flow-txt{margin-bottom:150px;}
#junior .junior05 .junior-flow06 dd.flow-txt{margin-bottom:0;}


/*------CONTACT------*/

#contact .mv{background-image:url(img/pc/MV_contact.jpg);}
#contact .mv .contact-flow{width:1000px; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:80px; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; z-index:10;}
#contact .mv .contact-flow li{width:300px; height:50px; box-sizing:border-box; text-align:center; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; align-items:center; font-size:16px; color:#fff; text-align:center; overflow:hidden; position:relative;}
#contact .mv .contact-flow li span.flow-bg{display:block; width:270px; height:50px; position:absolute; left:0; top:0; box-sizing:border-box; border:#fff solid 1px;}
#contact .mv .contact-flow li:nth-child(1) span.flow-bg,
#contact .mv .contact-flow li:nth-child(2) span.flow-bg{border-right:none;}
#contact .mv .contact-flow li:nth-child(3) span.flow-bg{border-left:none; left:auto; right:0; width:300px;}

#contact .mv .contact-flow li:before{content:""; display:block; width:40px; height:40px; border-top:#fff solid 1px; border-right:#fff solid 1px; top:50%; margin-top:-20px; right:13px; position:absolute; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#contact .mv .contact-flow li:nth-child(3):before{right:auto; left:-24px;}
 
#contact .mv .contact-flow li.on:before{border-color:#4c7acd; background-color:#4c7acd;}
#contact .mv .contact-flow li.on span.flow-bg{border-color:#4c7acd; background-color:#4c7acd; color:#fff;}
#contact .mv .contact-flow li.on span.flow-bg + span{position:relative; z-index:2;}
#contact .mv .contact-flow li:nth-child(3).on:before{width:0; height:0; border-style:solid; border-width:0 30px 30px; border-color:#4c7acd transparent;  left:0; top:auto; bottom:0; background:none; right:auto; transform:none; -webkit-transform:none;}
#contact .mv .contact-flow li:nth-child(3).on:after{content:""; display:block; border-style:solid; border-width:30px 30px 0; border-color:#4c7acd transparent;  position:absolute; left:0; top:0;}
#contact .mv .contact-flow li:nth-child(3).on span.flow-bg{border-left:none; left:auto; right:0; width:270px;}

#contact .contact01{margin-top:-60px;}
#contact .contact01{padding-bottom:60px;}
#contact .form-block{padding-top:40px;}
#contact .form-block dl{position:relative; padding:35px 0 35px 195px; border-bottom:#b1c5e9 solid 2px;}
#contact .form-block dl:first-of-type{border-top:#b1c5e9 solid 2px;}
#contact .form-block dt{position:absolute; left:0; top:37px; font-weight:bold; font-size:16px; line-height:28px; width:195px; box-sizing:border-box;}
#contact .form-block dt span{-webkit-display:flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; width:50px; height:28px; color:#fff; font-size:12px; position:absolute; right:0; top:0;}
#contact .form-block dt span.hissu{background-color:#ec1e79;}
#contact .form-block dt span.nini{background-color:#b2b2b2;}
#contact .form-block dd{padding-left:95px;}

#contact .form-block dd :placeholder-shown{color:#989898;}
#contact .form-block dd ::-webkit-input-placeholder{color:#989898;}
#contact .form-block dd :-moz-placeholder{color:#989898;}
#contact .form-block dd ::-moz-placeholder{color:#989898;}
#contact .form-block dd :-ms-input-placeholder{color:#989898;}

#contact .form-block dd input[type=text],
#contact .form-block dd input[type=email],
#contact .form-block dd input[type=tel],
#contact .form-block dd textarea{font-size:14px; line-height:24px; background-color:#fff; padding:4px 10px; border:#a6a6a6 solid 1px; box-sizing:border-box;}
#contact .form-block label{cursor:pointer;}
#contact .form-block dd input.input01{width:150px;}
#contact .form-block dd input.input02{width:400px;}
#contact .form-block dd input.input03{width:120px;}
#contact .form-block dd input.input04{width:60px;}
#contact .form-block dd input.input05{width:100px;}
#contact .form-block dd textarea{width:580px; height:200px;}
#contact .form-block dd select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:none; font-size:14px; line-height:24px; padding:4px 35px 4px 7px; border:#a6a6a6 solid 1px; box-sizing:border-box;}
#contact .form-block dd .pref{display:inline-block; position:relative;}
#contact .form-block dd .pref:after{content:""; display:block; border-style:solid; border-width:12px 7px 0; border-color:#4c7acd transparent; position:absolute; right:7px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}

#contact .form-block dd input[type=radio]{display:none;}
#contact .form-block dd .mwform-radio-field label{display:inline-block;}
#contact .form-block dd .mwform-radio-field-text{display:block; font-size:16px; padding-left:32px; position:relative; line-height:28px;}
#contact .form-block dd .mwform-radio-field-text:before,
#contact .form-block dd .mwform-radio-field-text:after{content:""; display:block; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); box-sizing:border-box;}
#contact .form-block dd .mwform-radio-field-text:before{width:20px; height:20px; border:#6d6d6d solid 1px; border-radius:50%; left:0;}
#contact .form-block dd .mwform-radio-field-text:after{width:10px; height:10px; background-color:#4c7acd; border-radius:50%; left:5px; display:none;}
#contact .form-block dd input[type=radio]:checked + .mwform-radio-field-text:after{display:block;}
#contact .form-block dd .mwform-radio-field{margin:0 25px 30px 0; display:inline-block;}
#contact .form-block dd .mwform-radio-field:nth-child(n + 4){margin-bottom:0;}
#contact .form-block .gender-box dd .mwform-radio-field{margin:0 25px 0 0;}

#contact .form-block dd .sei01,
#contact .form-block dd .sei02{margin-right:20px; display:inline-block; position:relative;}
#contact .form-block dd .mei01,
#contact .form-block dd .mei02{display:inline-block; position:relative;}
#contact .form-block dd .sei01 span[role=alert],
#contact .form-block dd .sei02 span[role=alert],
#contact .form-block dd .mei01 span[role=alert],
#contact .form-block dd .mei02 span[role=alert]{position:absolute; top:100%; left:0;}
#contact .form-block dd .birthday-year{margin-right:15px;}
#contact .form-block dd .birthday-year input{margin:0 15px 0 20px;}
#contact .form-block dd .birthday-month{margin-right:15px;}
#contact .form-block dd .birthday-month input{margin-right:15px;}
#contact .form-block dd .birthday-day input{margin-right:15px;}
#contact .form-block dd .zip01{margin:0 7px 0 0;}
#contact .form-block dd .zip01 .txt{margin-right:10px;}
#contact .form-block dd .zip02{margin:0 15px 0 7px;}
#contact .form-block dd .pref{margin:22px 0;}
#contact .form-block dd .address01{margin:0 0 22px;}
#contact .form-block dd .btn-addr{display:inline-block; line-height:30px; text-align:center; width:120px; height:30px; background: rgb(76,122,205); font-size:12px; color:#fff; background: -moz-linear-gradient(left, rgba(76,122,205,1) 0%, rgba(41,170,225,1) 100%); background: -webkit-linear-gradient(left, rgba(76,122,205,1) 0%,rgba(41,170,225,1) 100%); background: linear-gradient(to right, rgba(76,122,205,1) 0%,rgba(41,170,225,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c7acd', endColorstr='#29aae1',GradientType=1 );}

#contact .form-block .agreement{padding:45px 0 65px; text-align:center;}
#contact .form-block .agreement .agreement-txt{font-size:16px; margin-bottom:25px;}
#contact .form-block .agreement .agreement-txt .agree{position:relative; display:inline-block;}
#contact .form-block .agreement .agreement-txt label{display:inline-block; width:20px; height:20px; box-sizing:border-box; border:#6d6d6d solid 1px; position:relative; vertical-align:middle; margin-right:5px;}
#contact .form-block .agreement .agreement-txt label input[type=checkbox]{display:none;}
#contact .form-block .agreement .agreement-txt label > span{position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; display:block; text-indent:100%; white-space:nowrap; overflow:hidden;}
#contact .form-block .agreement .agreement-txt label > span:before{content:""; display:block; width:10px; height:4px; border-left:#4c7acd solid 3px; border-bottom:#4c7acd solid 3px; position:absolute; left:3px; top:5px; transform:rotate(-40deg); display:none;}
#contact .form-block .agreement .agreement-txt label input[type=checkbox]:checked + span:before{display:block;}
#contact .form-block .agreement .agreement-txt a{font-weight:bold; color:#4c7acd; padding-bottom:2px; border-bottom:#4c7acd solid 1px;}
#contact .form-block .agreement .agreement-txt + p{font-size:14px; font-weight:400;}
#contact .form-block .agreement .agreement-txt .agree > span[role=alert]{position:absolute; top:100%; left:0; font-size:14px; width:200px;}

#contact .form-block .btn-box{text-align:center;}
#contact .form-block .btn-box label{margin:0 10px; vertical-align:middle;}
#contact .form-block .btn-box label.bb-submit{display:inline-block; width:300px; text-align:center; font-size:16px; color:#fff; position:relative; background: rgb(76,122,205); background: -moz-linear-gradient(left, rgba(76,122,205,1) 0%, rgba(41,170,225,1) 100%); background: -webkit-linear-gradient(left, rgba(76,122,205,1) 0%,rgba(41,170,225,1) 100%); background: linear-gradient(to right, rgba(76,122,205,1) 0%,rgba(41,170,225,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c7acd', endColorstr='#29aae1',GradientType=1 ); overflow:hidden;}
#contact .form-block .btn-box label.bb-back{display:none; width:300px; text-align:center; font-size:16px; color:#4c7acd; border:#4c7acd solid 1px; position:relative;}
#contact .form-block .btn-box label:before,
#contact .form-block .btn-box label:after{content:""; display:block; position:absolute; top:50%; height:1px; -webkit-transition:.3s; transition:.3s;}
#contact .form-block .btn-box label:before{width:40px;}
#contact .form-block .btn-box label:after{width:10px; }
#contact .form-block .btn-box label input{background:none; border:none; font-size:16px; color:#fff; padding:19px 0; line-height:1; position:relative; z-index:1;}
#contact .form-block .btn-box label.bb-submit:before,
#contact .form-block .btn-box label.bb-submit:after{right:16px; background-color:#fff;}
#contact .form-block .btn-box label.bb-submit:after{-webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; transform-origin:right;}
#contact .form-block .btn-box label.bb-back:before,
#contact .form-block .btn-box label.bb-back:after{left:16px; background-color:#4c7acd;}
#contact .form-block .btn-box label.bb-back:after{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; transform-origin:left;}
#contact .form-block .btn-box label.bb-back input{color:#4c7acd;}
#contact .form-block .btn-box label input:focus,
#contact .form-block .btn-box label input:active{outline:none;}
#contact .form-block .btn-box label.bb-submit:hover:before,
#contact .form-block .btn-box label.bb-submit:hover:after{right:5px; z-index:1;}
#contact .form-block .btn-box label.bb-back:hover:before,
#contact .form-block .btn-box label.bb-back:hover:after{left:5px; z-index:1;}

#contact .form-block .btn-box label.bb-submit span{position:absolute; width:600px; height:140px; left:-300px; top:-70px; background-color:#ec1e79; transform:scale(0); -webkit-transform:scale(0); transition:.3s; -webkit-transition:.3s; border-radius:70px;}
#contact .form-block .btn-box label.bb-submit:hover span{transform:scale(1.3); -webkit-transform:scale(1.3);}

/*--確認画面--*/
#contact.confirm .form-block dl{padding:0 0 0 260px; border:#b1c5e9 solid 2px; border-top:none;}
#contact.confirm .form-block dl:first-of-type{border-top:#b1c5e9 solid 2px;}
#contact.confirm .form-block dl:last-of-type{margin-bottom:60px;}
#contact.confirm .form-block dt{left:35px;}
#contact.confirm .form-block dd{font-size:16px; line-height:28px; min-height:98px; padding:35px 0 35px 35px; border-left:#b1c5e9 solid 2px; box-sizing:border-box;}
#contact.confirm .form-block dd .zip01{margin:0;}
#contact.confirm .form-block dd .zip01 .txt{margin-right:0;}
#contact.confirm .form-block dd .zip02{margin:0;}
#contact.confirm .form-block dd .pref{margin:0 0 0 15px;}
#contact.confirm .form-block dd .pref:after{display:none;}
#contact.confirm .form-block .address-box dd{display:-webkit-flex; display:flex;}
#contact.confirm .form-block dd .address01{margin:0;}
#contact.confirm .form-block .agreement{display:none;}
#contact.confirm .form-block .btn-box label.bb-back{display:inline-block;}
#contact.confirm .form-block dd .btn-addr{display:none;}

/*--完了画面--*/
#contact.complete .ttl02{width:600px; margin:0 auto 30px;}
#contact.complete .sec-box p{text-align:center;}
#contact.complete .sec-box .contact-info{margin:60px auto 0; width:500px; padding:20px; box-sizing:border-box; background-color:#f1f1f1;}
#contact.complete .sec-box .contact-info h4{font-size:18px; font-weight:bold; line-height:1; padding-bottom:10px; margin-bottom:10px; text-align:center; border-bottom:#868686 solid 1px;}
#contact.complete .sec-box .contact-info dl{display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; height:60px; margin:0 auto;}
#contact.complete .sec-box .contact-info dl:first-of-type{border-bottom:#fff solid 1px;}
#contact.complete .sec-box .contact-info dt{width:185px; padding-left:3px; box-sizing:border-box; font-weight:bold;}
#contact.complete .btn-back{margin-top:60px; text-align:center;}
#contact.complete .btn-back a{display:inline-block; width:300px; text-align:center; font-size:16px; color:#4c7acd; border:#4c7acd solid 1px; position:relative; padding:19px 0; line-height:1;}
#contact.complete .btn-back a:before,
#contact.complete .btn-back a:after{content:""; display:block; position:absolute; top:50%; height:1px; -webkit-transition:.3s; transition:.3s; left:16px; background-color:#4c7acd;}
#contact.complete .btn-back a:before{width:40px;}
#contact.complete .btn-back a:after{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; transform-origin:left; width:10px;}
#contact.complete .btn-back a:hover:before,
#contact.complete .btn-back a:hover:after{left:5px; z-index:1;}



/*------FOOTER------*/

#footer{background-color:#000; position:relative; z-index:10;}
#footer.top-footer{position:absolute;  left:0; bottom:0; width:100%;}
#footer .ft-top{display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; align-items:center; background-color:#ec1e79; height:80px;}
#footer .ft-top .ft-menu{padding-left:80px;}
#footer .ft-top .ft-menu li{float:left; margin-right:40px;}
#footer .ft-top .ft-menu li a{display:block; padding-right:20px; position:relative; color:#fff; font-size:12px;}
#footer .ft-top .ft-menu li a:hover{text-decoration:underline;}
#footer .ft-top .ft-menu li a i{position:absolute; right:0; top:0;}
#footer .ft-logo{margin-left:auto; padding-right:30px;}
#footer .copy{text-align:center; font-size:8px; color:#fff; line-height:30px;}


@media screen and (max-width:1280px){
.under-wrap{padding:86px 8.3% 0;}
#careerstep .case-block{padding:60px 6%;}
#careerstep .case-block .case-header .case-catch{font-size:32px;}
#careerstep .case03 .case-header .case-ttl{left:20px;}
#careerstep .case03 .case-header .case-catch{left:20px; word-break:keep-all;}
}



@media screen and (max-width:1080px){


img{height:auto;}
.content{padding-top:60px;}

.pc{display:none !important;;}
.pc-inline{display:none !important;;}
.sp{display:block !important;}
.sp-inline{display:inline !important;}

.top-body{min-height:100%;}
.top-wrap{position:relative; height:auto; padding-bottom:0;}

#top-header{position:fixed; left:0; top:0; right:auto; z-index:100; width:100%; overflow:visible;}
#top-header .top-sitename{position:fixed; left:0; height:60px; width:100%; padding:13px 0  0; text-align:center; box-sizing:border-box; background-color:#d0e900;}
#top-header .top-sitename img{width:118px;}


.site-logo{position:fixed; width:60px; height:60px; padding-top:16px; box-sizing:border-box; text-align:center; background-color:#fff; z-index:111; text-align:center;}
.site-logo img{width:38px;}

#btn-menu{position:fixed; left:auto; right:0; width:60px; height:60px; z-index:101; background:none;}
#btn-menu > span{left:16px; width:28px; height:24px; margin-top:-12px;}
#btn-menu > span:before,
#btn-menu > span:after{content:""; display:block; width:100%; height:2px; background-color:#000; position:absolute; left:0;}
#btn-menu > span:before{top:0; transition:.3s; transition-delay:.4s;}
#btn-menu > span:after{bottom:0; transition:.3s; transition-delay:.4s;}
#btn-menu > span span{position:absolute; left:0; top:50%; width:100%; height:2px; margin-top:-1px; background-color:#000; display:block;}


#gnav{width:100%; padding:0; z-index:110; transform:rotateY(90deg); transform-origin:right;}
#btn-close{left:auto; right:0; top:0; width:60px; height:60px;}
#btn-close > span{position:absolute; top:50%; left:15px; width:30px; height:30px; margin-top:-15px; box-sizing:border-box; display:block;}
#btn-close span:before,
#btn-close span:after{content:""; display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:0; top:50%; margin-top:-1px; transition:.3s;}
#btn-close span:before{transform:rotate(45deg); transition-delay:.4s;}
#btn-close span:after{transform:rotate(-45deg); transition-delay:.4s;}

#gnav .gnav-in{width:280px; padding:60px 15px 20px; box-sizing:border-box; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-height:100%; overflow:scroll;}
#gnav .nav-list{width:250px; margin:0 auto;}
#gnav .nav-list li{border-bottom:#818283 solid 2px;}
#gnav .nav-list li:last-child{border:none;}
#gnav .nav-list li a{font-size:14px; color:#fff; line-height:1; padding:15px 0; position:relative; display:block;}
#gnav .nav-list li a:before{display:none;}
#gnav .nav-list li a:after{content:">"; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%);}
#gnav .nav-list li ul{padding-left:15px; border-top:#818283 solid 2px;}
#gnav .nav-contact{width:250px; margin:15px auto 0;}
#gnav .nav-contact a{display:block; font-size:14px; line-height:1; color:#fff; padding:15px; box-sizing:border-box; position:relative; background: rgb(76,122,205); background: -moz-linear-gradient(left, rgba(76,122,205,1) 0%, rgba(41,170,225,1) 100%); background: -webkit-linear-gradient(left, rgba(76,122,205,1) 0%,rgba(41,170,225,1) 100%); background: linear-gradient(to right, rgba(76,122,205,1) 0%,rgba(41,170,225,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c7acd', endColorstr='#29aae1',GradientType=1 );}
#gnav .nav-contact a:before,
#gnav .nav-contact a:after{content:""; display:block; height:1px; background-color:#fff; position:absolute; top:50%; right:15px; margin-top:2px;}
#gnav .nav-contact a:before{width:40px;}
#gnav .nav-contact a:after{width:10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:right; -webkit-transform-origin:right;}

#bottom-nav{display:none;}


#doctor-nav .bottom-nav-list{padding-right:0;}
#doctor-nav .bottom-nav-list li{background:none; height:auto; width:100%;}
#doctor-nav .bottom-nav-list li:before,
#doctor-nav .bottom-nav-list li:after{display:none;}
#doctor-nav .bottom-nav-list li a{display:block; width:100%; height:100%; position:relative; z-index:1;}
#doctor-nav .bottom-nav-list li a > img{width:100%;}
#doctor-nav .bottom-nav-list li .bottom-nav-inner{background:none; position:static; top:auto;}
#doctor-nav .bottom-nav-list li a:hover .bottom-nav-inner{left:auto;}
#doctor-nav .bottom-nav-list li dl{padding:0 15px;}
#doctor-nav .bottom-nav-list li dl dt{width:calc(100% - 56px); padding-bottom:5px; position:relative; font-size:16px;}
#doctor-nav .bottom-nav-list li dl dt:before,
#doctor-nav .bottom-nav-list li dl dt:after{bottom:-1px; right:-56px;}
#doctor-nav .bottom-nav-list li dl dt:before{width:40px;}
#doctor-nav .bottom-nav-list li dl dt:after{width:10px;}
#doctor-nav .bottom-nav-list li:nth-child(1) dl dt svg{width:212px; height:30px;}
#doctor-nav .bottom-nav-list li:nth-child(2) dl dt svg{width:269px; height:30px;}
#doctor-nav .bottom-nav-list li dl dd{font-size:14px; line-height:15px;}


/*------COMMON------*/
.content{padding-left:0;}

.mv .page-ttl{padding-top:32px;}
.mv .page-ttl .big-ttl{width:290px; padding-bottom:10px; margin-bottom:10px;}
.mv .page-ttl .small-ttl{font-size:15px;}
.mv .page-description{font-size:15px; line-height:28px; margin-top:25px; padding:0 30px;}

.under-wrap{position:relative; padding:0 0;}

.ttl01{width:100%; height:auto; padding:14px 15px 36px; position:static !important;}
.ttl01.on{width:100%;}
.ttl01 .ttl01-main{font-size:20px; top:0; line-height:1.5;}
.ttl01 *{transition:none; -webkit-transition:none; opacity:1;}

.ttl02{width:100%; border-bottom:#b1c5e9 solid 1px; padding-bottom:8px; margin-bottom:12px; font-size:18px;}

.sec-in{position:relative; z-index:1; top:0; transition:none; -webkit-transition:none; opacity:1;}
.sec-in > *{opacity:1; position:relative; top:0; transition:none;}
.sec-box{padding:20px 10px; margin:-25px 15px 0;}
.sec-box p{font-size:16px; line-height:28px;}
.sec-box a{font-size:14px;}
.sec-box a + .icon-pdf{margin-left:7px; top:3px; width:18px;}

.ttl01.on + .sec-in{transition:none; -webkit-transition:none;}


.tocontact-box{padding:40px 0 40px 20px;}
.tocontact-box .btn-tocontact{display:block; margin:0; width:calc(100% - 90px); max-width:250px; height:46px;  font-size:14px;}
.tocontact-box .btn-tocontact:hover:before{transform:scale(2.5); -webkit-transform:scale(2.5);}
.tocontact-box .btn-tocontact span{padding:16px 0 0 13px; text-align:left;}
.tocontact-box .btn-tocontact span:before,
.tocontact-box .btn-tocontact span:after{content:""; display:block; height:1px; background-color:#fff; position:absolute; top:50%; right:15px; margin-top:2px; transition:.3s; -webkit-transition:.3s;}
.tocontact-box .btn-tocontact span:before{width:40px;}
.tocontact-box .btn-tocontact span:after{width:10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:right; -webkit-transform-origin:right;}
.tocontact-box .btn-tocontact span:hover:before,
.tocontact-box .btn-tocontact span:hover:after{right:10px;}


.fixed-btn{bottom:15px; transform:scale(.7); transform-origin:right bottom;}

.sec-box > dl.outline > dt{padding:0 10px; font-size:14px; line-height:25px;}
.sec-box > dl.outline > dd{padding:10px; font-size:14px; line-height:25px;}
.sec-box > dl.outline > dd > dl{padding-left:130px;}
.sec-box > dl.outline > dd > dl dt{font-size:14px;}
.sec-box > dl.outline > dd > dl dd{font-size:14px; padding:7px 0 7px 25px;}


.delay{transition:none; -webkit-transition:none; opacity:1;}
.delay-left{left:0;}
.delay-right{right:0;}
.delay-top{top:0;}
.delay-bottom{bottom:0;}

.delay3{transition:none; -webkit-transition:none;}
.delay6{transition:none; -webkit-transition:none;}
.delay9{transition:none; -webkit-transition:none;}
.delay12{transition:none; -webkit-transition:none;}
.delay15{transition:none; -webkit-transition:none;}


/*------TOP------*/
.top-menu{display:block; height:auto;}
.top-menu li{height:auto; width:100%;}
.top-menu li.top-menu-contact{display:none;}
.top-menu li:hover{width:100%;}
.top-menu li a{position:static; display:block;}
.top-menu li a:after{content:""; display:block; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.3); transition:.3s;}
.top-menu li a:hover:after{opacity:0;}
.top-menu li dl{position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); margin:0; z-index:3; width:100%; height:auto; box-sizing:border-box; padding:0 15px;}
.top-menu li dl dt{width:calc(100% - 56px); position:static; left:0; top:0; transform:none; padding-bottom:5px; position:relative; margin-bottom:10px;}
.top-menu li:nth-child(1) dl dt svg{width:196px; height:30px;}
.top-menu li:nth-child(2) dl dt svg{width:170px; height:30px;}
.top-menu li:nth-child(3) dl dt svg{width:104px; height:30px;}
.top-menu li:nth-child(4) dl dt svg{width:212px; height:30px;}
.top-menu li:nth-child(5) dl dt svg{width:269px; height:30px;}
.top-menu li dl dt:before,
.top-menu li dl dt:after{content:""; display:block; height:1px; background-color:#fff; position:absolute; bottom:-1px; right:-56px;}
.top-menu li dl dt:before{width:40px;}
.top-menu li dl dt:after{width:10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:right; -webkit-transform-origin:right;}
.top-menu li dl dd{font-size:15px; width:100%; text-align:left; line-height:15px;}
.top-menu li > img{position:static; left:0; top:0; transform:none; width:100%; height:auto;}

.bottom-menu{display:block; height:auto;}
.bottom-menu li{width:100%;}
.bottom-menu li a{display:block;}
.bottom-menu li a:after{content:""; display:block; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.3); transition:.3s;}
.bottom-menu li a:hover:after{opacity:0;}
.bottom-menu li dl{position:absolute; top:50%; padding:0 15px; transform:translateY(-50%); margin:0; z-index:3; width:100%; box-sizing:border-box;}
.bottom-menu li dl dt{width:calc(100% - 56px); padding-bottom:5px; margin-bottom:10px; box-sizing:border-box;}
.bottom-menu li:nth-child(1) dl dt svg{width:238px; height:30px;}
.bottom-menu li:nth-child(2) dl dt svg{width:126px; height:30px;}
.bottom-menu li dl dt:before,
.bottom-menu li dl dt:after{content:""; display:block; height:1px; background-color:#fff; position:absolute; bottom:-1px; right:-56px;}
.bottom-menu li a:hover dl dt:before,
.bottom-menu li a:hover dl dt:after{right:-56px;}
.bottom-menu li dl dt:before{width:40px;}
.bottom-menu li dl dt:after{width:10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:right; -webkit-transform-origin:right;}
.bottom-menu li dl dd{font-size:15px; line-height:15px; letter-spacing:1px;}
.bottom-menu li > img{width:100%; height:auto;}



/*------CAREERSTEP------*/
#careerstep .mv{background-image:url(img/pc/MV_careerstep.jpg); height:220px;}
#careerstep .mv .page-ttl .big-ttl img{width:170px; height:30px;}
#careerstep .ttl01:before{height:80px;}
#careerstep .ttl01:after{border-width:28px 0 28px 20px}
#careerstep .ttl01 .step-num{display:none;} 
#careerstep .careerstep01{margin-top:0;}
#careerstep .sec-in:before,
#careerstep .sec-in:after{left:13px; width:2px; z-index:10;}
#careerstep .sec-in:after{height:20px;}
#careerstep .sec-box{position:relative;}
#careerstep .sec-box:after{width:100%; left:0;}
#careerstep .case-block{padding:30px 0 30px 15px;}
#careerstep .case-block .case-header .case-ttl img{width:80px; height:39px;}
#careerstep .case-block .case-header .case-ttl .small-ttl{font-size:14px; margin-top:10px;}
#careerstep .case-block .case-header .case-ttl .vsmall-ttl{font-size:10px; margin-top:5px;}
#careerstep .case-block .case-header .case-catch{font-size:22px; line-height:1.5;}
#careerstep .case-block .case-header .case-img img{width:100%;}
#careerstep .case-block .case-txt{padding:20px 0; margin:-35px 15px 0 0;}
#careerstep .case-block .case-txt p{line-height:28px; padding:0 10px;}

#careerstep .case01 .case-header .case-ttl{top:25px; left:10px;}
#careerstep .case01 .case-header .case-catch{bottom:50px; right:0; padding:0 30px 0 0; text-align:right;}
#careerstep .case01 .case-header .case-img{margin-left:0;}

#careerstep .case02:after{width:150px; margin-left:-75px;}
#careerstep .case02 .case-header .case-ttl{top:25px; right:25px;}
#careerstep .case02 .case-header .case-catch{bottom:50px; left:0; padding:0 0 0 10px;}
#careerstep .case02 .case-header .case-img{margin-left:0;}
#careerstep .case02 .clearfix{position:relative; margin-top:20px;}
#careerstep .case02 .case-img02{margin-right:15px; position:static;}
#careerstep .case02 .case-img02 img{box-shadow:none; width:100%;}
#careerstep .case02 .case-txt02{padding:20px 10px; width:auto; margin:-35px 15px 0 0; float:none;}
#careerstep .case02 .case-txt02 p{line-height:28px;}

#careerstep .case03 .case-header .case-ttl{top:25px; left:10px;}
#careerstep .case03 .case-header .case-catch{bottom:50px; left:auto; right:0; padding:0 15px 0 0; text-align:right; word-break:break-all;}
#careerstep .case03 .case-header .case-img{margin-left:0;}

#careerstep .case04 .case-header .case-ttl{top:25px; right:25px;}
#careerstep .case04 .case-header .case-catch{bottom:55px; left:0px; padding-left:10px}
#careerstep .case04 .case-header .case-img{margin-left:0px;}

#careerstep .case05{padding-bottom:0;}
#careerstep .case05 .case-header .case-ttl{top:25px; left:10px;}
#careerstep .case05 .case-header .case-catch{bottom:55px; right:0; padding-right:15px; text-align:right;}
#careerstep .case05 .case-header .case-img{margin-left:0;}
#careerstep .case05 .case-txt .txt-img{margin-top:16px;}
#careerstep .case05 .case-txt .txt-img img{width:100%;}



/*------INTRODUCTION------*/
#introduction .mv{background-image:url(img/sp/MV_introduction.jpg); height:150px;}
#introduction .mv .page-ttl .big-ttl img{width:196px; height:30px;}
#introduction .introduction01{margin-top:0; padding-top:0;}
#introduction .introduction01 .ttl01{height:150px; padding-top:30px; box-sizing:border-box;}
#introduction .introduction01 .ttl01 .message-ttl-txt{width:100%;}
#introduction .introduction01 .ttl01 .ttl01-main{padding-bottom:10px; margin-bottom:12px;}
#introduction .introduction01 .ttl01 .message-sign{font-size:14px;}
#introduction .introduction01 .sec-in .message-img{position:static; top:auto; right:auto; margin-bottom:20px;}
#introduction .introduction01 .sec-in .message-img.on{top:auto;}
#introduction .introduction01 .sec-in .message-img img{width:100%;}
#introduction .sec-box p{font-size:14px;}
#introduction .intro-img-list{margin:15px 0 30px;}
#introduction .intro-img-list li{width:100%;}
#introduction .intro-img-list li p{font-size:14px;}
#introduction .intro-img-list li img{width:100%;}
#introduction .introduction02 .sec-box .mb{margin-bottom:25px;}


/*------DOCTOR------*/
#doctor .mv{background-image:url(img/sp/MV_doctor.jpg); height:220px;}
#doctor .mv .page-ttl .big-ttl img{width:104px; height:30px;}
#doctor .doctor00{padding-top:0;}
#doctor .doctor00 .sec-box{margin-top:0;}
#doctor .doctor01{margin-top:0;}
#doctor .sec-box .mb{margin-bottom:25px;}
#doctor .doctor-head{width:100%; margin-left:0; display:block; margin-bottom:60px;}
#doctor .doctor-head .message{font-size:22px; line-height:33px; padding:7px 17px; width:100%;}
#doctor .doctor-head .message:before,
#doctor .doctor-head .message:after{width:30px; height:30px;}
#doctor .doctor-head .doctor-img{margin:20px 0 0; text-align:center;}
#doctor .doctor-head .doctor-img img{width:100%;}
#doctor .doctor-head .dh-bottom{position:absolute; left:-10px; bottom:-30px; width:calc(100% + 20px); height:60px;}
#doctor .doctor-head .dh-bottom span{bottom:8px; right:10px;}

#doctor .doctor03 .doctor-head{margin-left:0;}
#doctor .doctor03 .doctor-head .message{width:100%;}
#doctor .doctor03 .doctor-head .doctor-img{margin:20px 0 0;}
#doctor .doctor03 .doctor-head .dh-bottom{position:absolute; left:-10px; bottom:-30px; width:calc(100% + 20px); height:60px;}
#doctor .doctor03 .doctor-head .dh-bottom span{left:auto; right:10px;}


/*------CARDIOLOGY------*/

#cardiology .mv{background-image:url(img/sp/MV_cardiology.jpg); height:220px;}
#cardiology .mv .page-ttl .big-ttl img{width:206px; height:30px;}
#cardiology .doctor-name{margin-bottom:20px; text-align:right;}
#cardiology .cardiology01{margin-top:0;}
#cardiology .cardiology01 .sec-box{background:#fff; padding-top:0;}
#cardiology .cardiology01 .under-doctor-img01{float:none; margin:0 0 20px -10px; width:calc(100% + 20px); box-shadow:none;}
#cardiology .cardiology01 .under-doctor-img01 img{width:100%;}
#cardiology .cardiology01 .ttl02{margin-bottom:8px;}
#cardiology .cardiology02 .sec-box{background:#fff; padding-top:0;}
#cardiology .cardiology02 .under-doctor-img02{float:none; margin:0 0 20px -10px; width:calc(100% + 20px);}
#cardiology .cardiology02 .under-doctor-img02 img{width:100%;}
#cardiology .cardiology02 .ttl02{margin-bottom:8px; float:none;}

/*------GASTROENTEROLOGY------*/

#gastroenterology .mv{background-image:url(img/sp/MV_gastroenterology.jpg); height:220px;}
#gastroenterology .mv .page-ttl .big-ttl img{width:259px; height:30px;}
#gastroenterology .doctor-name{margin-bottom:20px; text-align:right;}
#gastroenterology .gastroenterology01{margin-top:0;}
#gastroenterology .gastroenterology01 .sec-box{background:#fff; padding-top:0;}
#gastroenterology .gastroenterology01 .under-doctor-img01{float:none; margin:0 0 20px -10px; width:calc(100% + 20px); box-shadow:none;}
#gastroenterology .gastroenterology01 .under-doctor-img01 img{width:100%;}
#gastroenterology .gastroenterology01 .ttl02{margin-bottom:8px;}
#gastroenterology .gastroenterology02 .sec-box{background:#fff; padding-top:0;}
#gastroenterology .gastroenterology02 .under-doctor-img02{float:none; margin:0 0 20px -10px; width:calc(100% + 20px);}
#gastroenterology .gastroenterology02 .under-doctor-img02 img{width:100%;}
#gastroenterology .gastroenterology02 .ttl02{margin-bottom:8px; float:none;}


/*------RESIDENT------*/
#resident .mv{background-image:url(img/sp/MV_resident.jpg); height:220px;}
#resident .mv .page-ttl .big-ttl img{width:128px; height:30px;}
#resident .doctor-name{margin-bottom:20px;}
#resident .resident01{margin-top:0;}
#resident .resident01 .sec-box{padding-top:0;}
#resident .resident01 .resident-img01{float:none; margin:0 0 20px -10px; width:calc(100% + 20px); box-shadow:none;}
#resident .resident01 .resident-img01 img{width:100%;}
#resident .resident01 .ttl02{margin-bottom:8px;}
#resident .resident02 .link-txt{margin:25px 0;}
#resident .resident02 .program-block{margin:30px 0 20px; overflow:scroll;}
#resident .resident02 .program-block ul{width:612px;}
#resident .resident02 .program-block ul li{font-size:10px; margin-right:3px;}
#resident .resident02 .program-block ul li:nth-child(1){width:300px;}
#resident .resident02 .program-block ul li:nth-child(2){width:150px;}
#resident .resident02 .program-block ul li:nth-child(3){width:50px;}
#resident .resident02 .program-block ul li:nth-child(4){width:50px;}
#resident .resident02 .program-block ul li:nth-child(5){width:50px; margin-right:0;}
#resident .resident02 .program-block ul li .bar{height:40px;}
#resident .resident02 .program-block ul li .bar:before,
#resident .resident02 .program-block ul li .bar:after{bottom:-22px;}
#resident .resident02 .program-block ul li .bar:before{height:1px; background-color:#7f7f7f;}
#resident .resident02 .program-block ul li .bar:after{height:10px;}
#resident .resident02 .program-block ul li .term{margin-top:33px;}
#resident .resident03 .collabo{-webkit-justify-content:flex-start; jsutify-content:flex-start; height:auto; border-top:#7a7a7a solid 1px;  border-bottom:#7a7a7a solid 1px; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin:35px 0 20px;}
#resident .resident03 .collabo li{font-size:14px; margin-right:0; width:50%; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; jsutify-content:center; height:75px; border-bottom:#7a7a7a solid 1px;}
#resident .resident03 .collabo li:last-child{border:none;}


/*------JUNIOR RESIDENT------*/
#junior .mv{background-image:url(img/sp/MV_junior.jpg); height:220px;}
#junior .mv .page-ttl .big-ttl img{width:242px; height:30px;}
#junior .junior01{margin-top:0;}
#junior .doctor-name{margin-top:8px; text-align:right;}
#junior .junior-feature{margin:35px 0 15px; display:block; box-sizing:border-box;}
#junior .junior-feature li{width:100%; border-bottom:#a6bde6 solid 2px; border-right:none; padding:10px; box-sizing:border-box;}
#junior .junior-feature li:last-child{border:none;}
#junior .junior-feature li i{margin-bottom:15px; padding-right:260px;}
#junior .junior-feature li:nth-child(1) i img{width:9px; height:38px;}
#junior .junior-feature li:nth-child(2) i img{width:17px; height:38px;}
#junior .junior-feature li:nth-child(3) i img{width:17px; height:38px;}
#junior .junior-feature li img{max-width:310px; width:100%;}
#junior .junior-feature li p{position:static; left:auto; bottom:auto; padding:10px 0 0; font-size:15px; line-height:22px; text-align:center;}

#junior .junior02 .sec-box{display:block; padding-top:0;}
#junior .junior02 .sec-box .junior-img01{width:calc(100% + 20px); margin-left:-10px; margin-bottom:20px;}
#junior .junior02 .sec-box .junior-img01 img{width:100%;}
#junior .junior02 .sec-box p{width:100%; margin-left:0;}
#junior .junior03 .program-block{margin:20px 0 20px; overflow:scroll;}
#junior .junior03 .program-block.first{margin-bottom:30px;}
#junior .junior03 .program-block ul{width:612px;;}
#junior .junior03 .program-block ul li{font-size:10px; margin-right:3px;}
#junior .junior03 .program-block.first ul li:nth-child(1){width:300px;}
#junior .junior03 .program-block.first ul li:nth-child(2){width:150px;}
#junior .junior03 .program-block.first ul li:nth-child(3){width:50px;}
#junior .junior03 .program-block.first ul li:nth-child(4){width:50px;}
#junior .junior03 .program-block.first ul li:nth-child(5){width:50px;}
#junior .junior03 .program-block.second ul li:nth-child(1){width:50px;}
#junior .junior03 .program-block.second ul li:nth-child(2){width:50px;}
#junior .junior03 .program-block.second ul li:nth-child(3){width:50px;}
#junior .junior03 .program-block.second ul li:nth-child(4){width:450px;}
#junior .junior03 .program-block ul li .bar{height:40px;}
#junior .junior03 .program-block ul li .bar:before,
#junior .junior03 .program-block ul li .bar:after{bottom:-22px;}
#junior .junior03 .program-block ul li .bar:after{height:10px;}
#junior .junior03 .program-block ul li .term{margin-top:33px;}

#junior .junior05 .sec-in:before,
#junior .junior05 .sec-in:after{left:13px; width:2px; z-index:10;}
#junior .junior05 .sec-in:after{height:20px;}
#junior .junior05 .sec-box{padding:0 0 40px;}
#junior .junior05 dl{position:relative;}
#junior .junior05 dl dt{margin-bottom:25px; padding-top:35px;}
#junior .junior05 i{width:85px;}
#junior .junior05 .time-box{padding:0 10px; width:100%;}
#junior .junior05 .time-box .time{display:block; padding-bottom:6px; margin-bottom:8px; width:100%;}
#junior .junior05 .time-box .job-desc{font-size:14px;}
#junior .junior05 dl dd.flow-txt{margin-bottom:0;}
#junior .junior05 dl dd.flow-txt p{line-height:28px; padding:20px 10px; width:100%; box-sizing:border-box;} 
#junior .junior05 dl dd.flow-img{position:static; bottom:auto; box-shadow:none; padding-right:20px;}
#junior .junior05 dl dd.flow-img img{width:100%; margin-top:-7px;}

#junior .junior05 .junior-flow01 dt,
#junior .junior05 .junior-flow03 dt,
#junior .junior05 .junior-flow05 dt{-webkit-flex-direction:row; flex-direction:row;}
#junior .junior05 .junior-flow01 dt i img{width:56px;}
#junior .junior05 .junior-flow03 dt i img{width:66px;}
#junior .junior05 .junior-flow05 dt i img{width:57px;}
#junior .junior05 .junior-flow01 .time img{width:100px; height:39px;}
#junior .junior05 .junior-flow02 .time img{width:100px; height:39px;}
#junior .junior05 .junior-flow03 .time img{width:97px; height:39px;}
#junior .junior05 .junior-flow04 .time img{width:97px; height:39px;}
#junior .junior05 .junior-flow05 .time img{width:97px; height:39px;}
#junior .junior05 .junior-flow06 .time img{width:110px; height:39px;}
#junior .junior05 .junior-flow01 dt .time-box,
#junior .junior05 .junior-flow03 dt .time-box
#junior .junior05 .junior-flow05 dt .time-box{width:calc(100% - 85px); padding-right:0;}
#junior .junior05 .junior-flow04 dt .time-box{margin-left:0; text-align:left;}
#junior .junior05 .junior-flow01 dd.flow-img{right:auto;}
#junior .junior05 .junior-flow03 dd.flow-img{left:auto;}
#junior .junior05 .junior-flow05 dd.flow-img{right:auto;}
#junior .junior05 .junior-flow03 dd.flow-txt p,
#junior .junior05 .junior-flow04 dd.flow-txt p{margin-left:0;}
#junior .junior05 .junior-flow01 dd.flow-txt{margin-bottom:0;}
#junior .junior05 .junior-flow03 dd.flow-txt{margin-bottom:0;}
#junior .junior05 .junior-flow05 dd.flow-txt{margin-bottom:0;}
#junior .junior05 .junior-flow06 dd.flow-txt{margin-bottom:0;}


/*------CONTACT------*/

#contact .mv{background-image:url(img/sp/MV_contact.jpg); height:220px;}
#contact .mv .page-ttl .big-ttl img{width:118px; height:30px;}
#contact .mv .contact-flow{width:100%; position:absolute; left:0; transform:none; -webkit-transform:none; bottom:20px; overflow:hidden; height:50px; box-sizing:border-box;}
#contact .mv .contact-flow li{width:33.3333%; font-size:13px; overflow:visible; border-top:#fff solid 1px; border-bottom:#fff solid 1px;}
#contact .mv .contact-flow li span.flow-bg{display:block; width:calc(100% - 8px); height:50px; position:absolute; left:0; top:-1px; box-sizing:border-box; border:none;}
#contact .mv .contact-flow li:nth-child(1) span.flow-bg{border:none;}
#contact .mv .contact-flow li:nth-child(2) span.flow-bg{border:none; width:calc(100% - 25px); left:15px;}
#contact .mv .contact-flow li:nth-child(3) span.flow-bg{border:none; left:auto; right:0; width:100%;}
#contact .mv .contact-flow li:before{content:""; display:block; width:34px; height:34px; border-top:#fff solid 1px; border-right:#fff solid 1px; top:50%; margin-top:-17px; right:-8px; position:absolute; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#contact .mv .contact-flow li:nth-child(3):before{right:auto; left:-24px; display:none;}
#contact .mv .contact-flow li.on:before{border-color:#4c7acd; background-color:#4c7acd;}
#contact .mv .contact-flow li.on span.flow-bg{border-color:#4c7acd; background-color:#4c7acd; color:#fff;}
#contact .mv .contact-flow li.on span.flow-bg + span{position:relative; z-index:2;}
#contact .mv .contact-flow li:nth-child(2).on span.flow-bg:before{content:""; display:block; border-style:solid; border-width:0 30px 30px; border-color:#4c7acd transparent;  position:absolute; left:-27px; bottom:0;}
#contact .mv .contact-flow li:nth-child(2).on span.flow-bg:after{content:""; display:block; border-style:solid; border-width:30px 30px 0; border-color:#4c7acd transparent;  position:absolute; left:-27px; top:0;}
#contact .mv .contact-flow li:nth-child(3).on:before{display:block; width:0; height:0; border-style:solid; border-width:0 30px 30px; border-color:#4c7acd transparent;  left:-15px; top:auto; bottom:-1px; background:none; right:auto; transform:none; -webkit-transform:none;}
#contact .mv .contact-flow li:nth-child(3).on:after{content:""; display:block; border-style:solid; border-width:30px 30px 0; border-color:#4c7acd transparent;  position:absolute; left:-15px; top:-1px;}
#contact .mv .contact-flow li:nth-child(3).on span.flow-bg{border-left:none; left:auto; right:0;  width:calc(100% - 15px);}

#contact .contact01{margin-top:0;}
#contact .contact01{padding-bottom:60px;}
#contact .form-block{padding-top:30px;}
#contact .form-block dl{padding:25px 10px 30px; border-bottom:#b1c5e9 solid 1px;}
#contact .form-block dl:first-of-type{border-top:#b1c5e9 solid 2px;}
#contact .form-block dt{position:static; top:0; width:auto; display:inline-block; padding-right:62px; position:relative; margin-bottom:20px;}
#contact .form-block dd{padding-left:0;}

#contact .form-block dd input[type=text],
#contact .form-block dd input[type=email],
#contact .form-block dd input[type=tel],
#contact .form-block dd textarea{font-size:16px;}
#contact .form-block dd input.input01{width:100%;}
#contact .form-block dd input.input02{width:100%;}
#contact .form-block dd input.input03{width:18%; min-width:60px;}
#contact .form-block dd input.input04{width:12%; min-width:40px;}
#contact .form-block dd input.input05{width:18%; min-width:60px;}
#contact .form-block dd textarea{width:100%;}

#contact .form-block dd .mwform-radio-field{margin:0 0 30px 0; display:block;}
#contact .form-block dd .mwform-radio-field:nth-child(n + 4){margin-bottom:30px;}
#contact .form-block .gender-box dd .mwform-radio-field{display:inline-block;}
#contact .form-block dd .mwform-radio-field-text:before{transform:none; -webkit-transform:none; top:5px;}
#contact .form-block dd .mwform-radio-field-text:after{transform:none; -webkit-transform:none; top:10px;}
#contact .form-block dd select{font-size:16px;}

#contact .form-block .name-box dd,
#contact .form-block .kana-box dd{display:-webkit-flex; display:flex;}
#contact .form-block dd .sei01,
#contact .form-block dd .sei02{display:block; margin-right:0; width:49%;}
#contact .form-block dd .mei01,
#contact .form-block dd .mei02{display:block; margin-left:auto; width:49%;}
#contact .form-block dd .sei01 span[role=alert],
#contact .form-block dd .sei02 span[role=alert],
#contact .form-block dd .mei01 span[role=alert],
#contact .form-block dd .mei02 span[role=alert]{position:absolute; top:100%; left:0;}
#contact .form-block dd .birthday-year{margin-right:5px;}
#contact .form-block dd .birthday-year input{margin:0 5px 0 8px;}
#contact .form-block dd .birthday-month{margin-right:5px;}
#contact .form-block dd .birthday-month input{margin-right:5px;}
#contact .form-block dd .birthday-day input{margin-right:5px;}
#contact .form-block dd .zip01{margin:0 4px 0 0;}
#contact .form-block dd .zip01 .txt{margin-right:5px;}
#contact .form-block dd .zip02{margin:0 5px 0 4px;}
#contact .form-block dd .btn-addr{width:92px; font-size:10px;}

#contact .form-block .agreement{padding:45px 0 25px; text-align:left;}
#contact .form-block .agreement .agreement-txt{padding-left:25px; position:relative;}
#contact .form-block .agreement .agreement-txt .agree{position:absolute; left:0; top:0;}
#contact .form-block .agreement .agreement-txt .agree > span[role=alert]{top:200%;}
#contact .form-block .agreement .agreement-txt label{position:absolute; left:0; top:5px;}

#contact .form-block .btn-box label{width:100%; max-width:500px; display:block; margin:0 auto;}
#contact .form-block .btn-box label.bb-submit{width:100%; box-sizing:border-box;}
#contact .form-block .btn-box label:before{width:30px;}
#contact .form-block .btn-box label:after{width:8px;}
#contact .form-block .btn-box label span{display:none;}
#contact .form-block .btn-box label input{color:#fff;}

/*--確認画面--*/
#contact.confirm .form-block dl{padding:25px 10px 15px; border:#b1c5e9 solid 1px; border-top:none;}
#contact.confirm .form-block dl:first-of-type{border-top:#b1c5e9 solid 1px;}
#contact.confirm .form-block dl:last-of-type{margin-bottom:60px;}
#contact.confirm .form-block dt{left:0;}
#contact.confirm .form-block dd{min-height:0; padding:0; border-left:none; font-size:14px;}
#contact.confirm .form-block dd .sei01,
#contact.confirm .form-block dd .sei02{margin-right:10px; width:auto;}
#contact.confirm .form-block dd .mei01,
#contact.confirm .form-block dd .mei02{margin-left:0; width:auto;}
#contact.confirm .form-block dd .pref{margin:0 0 0 15px;}
#contact.confirm .form-block .btn-box{display:-webkit-flex; display:flex; -webkit-flex-direction:column-reverse; flex-direction:column-reverse; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center; box-sizing:border-box;}
#contact.confirm .form-block .btn-box label{margin:0 auto;}
#contact.confirm .form-block .btn-box label.bb-submit{width:100%; box-sizing:border-box;}
#contact.confirm .form-block .btn-box label.bb-back{margin-top:30px; width:100%; box-sizing:border-box;}

/*--完了画面--*/
#contact.complete .ttl02{width:100%; text-align:center; border-bottom:none; padding-bottom:0;}
#contact.complete .sec-box{padding-bottom:130px;}
#contact.complete .sec-box p{text-align:left; font-size:14px;}
#contact.complete .sec-box .contact-info{margin:40px auto 0; width:100%; max-width:500px; padding:25px 15px;}
#contact.complete .sec-box .contact-info dt{width:85px; padding-left:0;}
#contact.complete .btn-back{margin-top:-90px; padding:0 25px; box-sizing:border-box;}
#contact.complete .btn-back a{width:100%; padding:17px 0; position:relative; z-index:2; max-width:500px;}


/*--フッター--*/
#footer{background-color:#000; position:relative; z-index:3;}
#footer.top-footer{position:relative;}
#footer .ft-top{align-items:flex-start; background-color:#ec1e79; height:80px; padding-top:15px; box-sizing:border-box;}
#footer .ft-top .ft-menu{padding-left:15px;}
#footer .ft-top .ft-menu li{float:none; margin:0 0 15px;}
#footer .ft-top .ft-menu li a{display:inline-block; padding-right:18px;}
#footer .ft-top .ft-menu li a i{position:absolute; right:0; top:2px;}
#footer .ft-top .ft-menu li a i img{width:12px;}
#footer .ft-logo{margin-left:auto; padding-right:15px;}
#footer .ft-logo img{width:119px;}
#footer .copy{color:#fff; line-height:2; padding:5px 0;}

}

@media screen and (max-width:360px){

.mv .page-description{font-size:14px; line-height:24px; margin-top:25px; padding:0 15px;}

#footer .ft-top .ft-menu li a{font-size: calc(100vw / 30);}
.top-menu li dl dt .big{font-size:32px;}
.top-menu li dl dt .small{font-size:16px; margin-left:10px;}

#careerstep .case-block .case-header .case-catch{font-size:20px; bottom:45px;}

#junior .junior-feature li i{text-align:left; padding:0 0 0 15px;}

}