@charset "UTF-8";
/*!職る人コンテンツ用スタイル*/
#cmeMain {font-size: 16px;}
#main a:hover{text-decoration:none}
#footer_links.w980_center .container{max-width:1174px}
.fixed_pagetop a{background-color:#333}
.fixed_pagetop a:hover{background-color:#333}
#content2{position:relative;margin:0;padding:0}
#content2 img{vertical-align:top;-webkit-backface-visibility:hidden}
#content2 img:not([width]){max-width:100%;height:auto}
#content2 .container{-webkit-transition:height .1 .7s ease-out;-o-transition:height .1 .7s ease-out;transition:height .1 .7s ease-out}
.grid{position:absolute;top:0;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:-1}
.grid .line{position:absolute;width:1px;height:100%;background-color:#f4f3ee}
.grid .line_01{left:0}
.grid .line_03{left:50%}
.grid .line_05{left:100%}
.heroimg{position:relative;color:#fff;font-family:"游明朝体","Yu Mincho",YuMincho,serif;text-align:center;overflow:hidden}
.heroimg .bg{position:absolute;top:0;left:0;right:0;bottom:0;background:no-repeat 50% 50%;background-size:cover;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:slide-anim;animation-name:slide-anim;opacity:0}
.heroimg .container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}
.article_title{line-height:1.5}
.article_title .vol{position:absolute;color:#fff;top:0;left:50%;-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
.article_title .label{display:block}
.article_subtitle{display:inline-block}
.article_subtitle::after{content:"";display:block;height:1px;margin:0 auto;background-color:#333}
.map{text-align: center;}
.map .container{position:relative}
.map .point{position:absolute;top:0;left:50%}
.map .point::before{content:"";position:absolute;display:block;border:1px solid #bebcb7;border-radius:50%;width:45px;height:45px;bottom:-23px;left:calc(50% - 23px);-webkit-animation:circle-anim 1.3s ease-out infinite;animation:circle-anim 1.3s ease-out infinite}
.map .point::after{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block;background-color:#333;border-radius:50%;width:9px;height:9px;bottom:-4px}
.map .point .line{display:block}
.map .point .line::before{content:"";position:absolute;bottom:100%;left:calc(50% - 1px);display:block;width:1px;background-color:#fff}
.map .point .line::after{content:"";display:block;width:1px;background-color:#333}
.map .point .line .inner{display:block;position:absolute;left:calc(50% - 1px);display:block;width:1px;background-color:#a0a0a0}
.btn_link{position:relative;display:block;border:1px solid #333;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;-webkit-transition:background-color .25s ease-out,color .25s ease-out;-o-transition:background-color .25s ease-out,color .25s ease-out;transition:background-color .25s ease-out,color .25s ease-out}
.btn_link:active,.btn_link:hover,.btn_link:link,.btn_link:visited{color:#333}
.btn_link::after,.btn_link::before{content:"";position:absolute;top:50%;display:block;height:1px;background-color:#333}
.btn_link::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}
.btn_link:not([href]){text-decoration:none;cursor:default;color:#333}
.btn_link:not([href])::after,.btn_link:not([href])::before{display:none}
.next_banner{background:no-repeat 50% 50%;background-size:cover;color:#fff}
.next_banner .title{font-family:"游明朝体","Yu Mincho",YuMincho,serif}
.next_banner .btn_link{border:1px solid #fff;color:#fff;text-align:center}
.next_banner .btn_link::after,.next_banner .btn_link::before{background-color:#fff}
.vertical{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:upright}
.combine{line-height:1;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-bt;writing-mode:horizontal-tb}
.link_back{text-align:center}
.link_back a{display:inline-block}
.link_back a::before{content:"";background:url(../img/common/arr_back.png) no-repeat;vertical-align:middle}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated{opacity:0;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1.3s;animation-duration:1.3s}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
.slideInUp-s{-webkit-animation-name:slideInUp-s;animation-name:slideInUp-s}
@media print,screen and (min-width:768px){/*!職る人コンテンツ用スタイル*/
#module_titleArea .social_wrap{top:-15px;right:0;border:none}
#module_titleArea .social_wrap li{margin:0 0 0 8px}
#footer_button_area{max-width:1174px;margin-bottom:40px}
#footer_button_area .back_button{font-size:.88em}
#inner_share{margin:80px 0 110px}
#content2{font-size:1em}
#content2 .container{max-width:1174px;margin:0 auto;padding-right:13px;padding-left:13px}
.gheader_wrap{padding-bottom:19px}
.grid{width:100%;max-width:1174px}
.grid .line_02{left:25%}
.grid .line_04{left:75%}
.heroimg .container{min-height:470px;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;padding-bottom:90px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.heroimg .title_wrap{display:flex;padding-top:45px;height:calc(100% - 45px);flex-direction:column;justify-content:flex-end;-ms-flex-preferred-size:27.67%;flex-basis:27.67%;-ms-flex-negative:0;flex-shrink:0}
.heroimg .title{height:calc(100% - 94px)}
.heroimg .title img{width:auto;height:100%!important;max-height:459px}
.heroimg .copy{margin-top:40px;font-size:1.13em}
.heroimg .name{-ms-flex-preferred-size:35.29%;flex-basis:35.29%;-ms-flex-negative:0;flex-shrink:0}
.article_title{font-size:2em}
.article_title .vol{margin-top:calc(-90px);font-size:.56em}
.article_subtitle{margin-bottom:20px;font-size:1.13em}
.article_subtitle::after{width:65px;margin-top:16px}
.article_lead{margin-top:50px;line-height:2.19}
.map .container{padding:200px 0 90px}
.map .series{position:absolute;top:50px;left:30px;text-align:left}
.map .point .line::before{height:70px}
.map .point .line::after{height:146px}
.map .point .line .inner{top:-70px;height:216px;-webkit-animation:scroll-anim 2s cubic-bezier(.645,.045,.355,1) infinite;animation:scroll-anim 2s cubic-bezier(.645,.045,.355,1) infinite}
.btn_link{padding:12px 40px;font-size:.88em}
.btn_link::before{right:-36px;width:76px}
.btn_link::after{right:-37px;width:10px}
.btn_link:hover::before{-webkit-animation:link-arr-b .6s ease-out infinite alternate;animation:link-arr-b .6s ease-out infinite alternate}
.btn_link:hover::after{-webkit-animation:link-arr-a .6s ease-out infinite alternate;animation:link-arr-a .6s ease-out infinite alternate}
.next_banner{padding:95px 0}
.next_banner .title{margin-top:10px;font-size:1.75em}
.next_banner .btn_link{max-width:280px;margin-top:20px}
.link_back{margin-top:60px}
.link_back a::before{position:relative;top:-2px;display:inline-block;width:26px;height:29px;margin-right:6px}
.dnone_pc{display:none}
}
@media all and (-ms-high-contrast:none){
.intro .copy p span{vertical-align:-0.4em;}
#section_03 .section_header .row .inner{vertical-align:-0.2em;}
}
@media only screen and (max-width:767px){/*!職る人コンテンツ用スタイル*/
#cmeMain {font-size: 14px;}
#category_title{float:none;padding-top:0}
#category_title a{display:block;margin:20px;width:280px;height:20px;background:url(/club-me/common/image/ttl_cme1_x2.gif) no-repeat 0 0;background-size:280px auto}
#category_title img{display:none}
#footer_button_area{padding-bottom:30px}
#footer_button_area .back_button{font-size:1em}
.global_footer{margin-top:0}
#content2{font-size:100%}
#content2 .container{padding-right:20px;padding-left:20px}
.grid{width:calc(100% - 40px)}
.grid .line_02{display:none}
.grid .line_04{display:none}
.heroimg .container{height:500px;min-height:450px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.heroimg .title_wrap{height:calc(100% - 180px)}
.heroimg .title{height:100%}
.heroimg .title img{width:auto;height:100%!important;max-height:272px}
.heroimg .copy{display:none}
.heroimg .name{display:none}
.article_title{font-size:1.71em}
.article_title .vol{margin-top:calc(-45px);font-size:.58em}
.article_subtitle{margin-top:5px;margin-bottom:15px;font-size:1.14em}
.article_subtitle::after{width:34px;margin-top:15px}
.article_lead{margin-top:25px;padding:0 20px;line-height:1.82}
.map .container{padding:110px 0 25px}
.map .series{display:none}
.map .point .line::before{height:35px}
.map .point .line::after{height:73px}
.map .point .line .inner{top:-35px;height:108px;-webkit-animation:scroll-anim-sp 2s cubic-bezier(.645,.045,.355,1) infinite;animation:scroll-anim-sp 2s cubic-bezier(.645,.045,.355,1) infinite}
.btn_link{padding:10px 20px;font-size:.86em}
.btn_link::before{right:-19px;width:37px}
.btn_link::after{right:-19px;width:5px}
.next_banner{position:relative;padding:35px 0}
.next_banner .container{position:relative;margin:0 20px}
.next_banner::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4)}
.next_banner .vol{font-size:.86em}
.next_banner .title{margin-top:10px;font-size:1.14em}
.next_banner .btn_link{margin-top:15px;text-align:center}
.link_back{margin:50px 0;font-size:.86em}
.link_back a::before{display:block;width:26px;height:29px;margin:0 auto 10px}
.dnone_sp{display:none}
}
@-webkit-keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);opacity:0;visibility:visible}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes slideInUp{from{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);opacity:0;visibility:visible}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes slideInUp-s{from{-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);opacity:0;visibility:visible}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes slideInUp-s{from{-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);opacity:0;visibility:visible}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes text-bg{0%{height:0}
50%{top:0;height:100%}
100%{top:100%;height:0%}
}
@keyframes text-bg{0%{height:0}
50%{top:0;height:100%}
100%{top:100%;height:0%}
}
@-webkit-keyframes circle-anim{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
40%{opacity:1}
60%{opacity:1}
100%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes circle-anim{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
40%{opacity:1}
60%{opacity:1}
100%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@-webkit-keyframes scroll-anim{0%{height:0;top:-70px}
50%{height:216px;top:-70px}
100%{height:0;top:146px}
}
@keyframes scroll-anim{0%{height:0;top:-70px}
50%{height:216px;top:-70px}
100%{height:0;top:146px}
}
@-webkit-keyframes scroll-anim-sp{0%{height:0;top:-35px}
50%{height:108px;top:-35px}
100%{height:0;top:73px}
}
@keyframes scroll-anim-sp{0%{height:0;top:-35px}
50%{height:108px;top:-35px}
100%{height:0;top:73px}
}
@-webkit-keyframes link-arr-a{0%{-webkit-transform:translateX(0) rotate(45deg);transform:translateX(0) rotate(45deg)}
30%{-webkit-transform:translateX(0) rotate(45deg);transform:translateX(0) rotate(45deg)}
100%{-webkit-transform:translateX(20px) rotate(45deg);transform:translateX(20px) rotate(45deg)}
}
@keyframes link-arr-a{0%{-webkit-transform:translateX(0) rotate(45deg);transform:translateX(0) rotate(45deg)}
30%{-webkit-transform:translateX(0) rotate(45deg);transform:translateX(0) rotate(45deg)}
100%{-webkit-transform:translateX(20px) rotate(45deg);transform:translateX(20px) rotate(45deg)}
}
@-webkit-keyframes link-arr-b{0%{-webkit-transform:translateX(0);transform:translateX(0)}
30%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(20px);transform:translateX(20px)}
}
@keyframes link-arr-b{0%{-webkit-transform:translateX(0);transform:translateX(0)}
30%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(20px);transform:translateX(20px)}
}