@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}
.bottomBtn { margin: 50px auto 0 auto; text-align: center; }
.bottomBtn a { -webkit-box-sizing: border-box !important; color: #222; display: inline-block; max-width: 50%; padding: 12px 20px; background-color: #fff; border: 1px solid #dbdbdb; border-radius: 3px; font-size: 16px; text-decoration: none; transition: all 0.3s ease; line-height: 1.5; }
.bottomBtn .inner { position: relative; display: inline-block; padding: 0 20px; text-align: left; }
.bottomBtn .inner::after { content: ''; position: absolute; right: 0; top: calc(50% + 1px); -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; display: block; width: 7px; height: 7px; border-top: 2px solid #c00; border-right: 2px solid #c00; transform: translate(-50%, -50%) rotate(45deg); }
.bottomBtn a:hover { color: #c00 !important; background: #f5f5f5; }
#bottomShare {display: flex; justify-content: center; margin: 80px 0; list-style-type: none; } 
#bottomShare li#twitter .box .share, #bottomShare li#facebook .box .share { width: 44px; height: 44px; margin: 0 13px; background-repeat: no-repeat; background-position: 50% 50%; text-indent: -9999px; outline: none; }
#bottomShare li#twitter .box .share { background-color: #1da1f2; background-image: url(/club-me/common/v0006/images/icon_twitter.svg); background-size: 25px auto; border-radius: 50%; }
#bottomShare li#facebook .box .share { background-image: url(/club-me/common/v0006/images/icon_facebook.svg); background-size: contain; }

/*!
 * 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){/*!職る人コンテンツ用スタイル*/
#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}
.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}
.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}
.bottomBtn { margin: 40px 25px 0 25px; }
.bottomBtn a { display: block; max-width: none; border-radius: 5px; font-size: calc(100vw/(750/30)); }
.bottomBtn .inner { display: block; text-align: center; }
.bottomBtn .inner::after { width: 9px; height: 9px; }
#bottomShare {margin: calc(100vw / (750 / 80)) 0;}
#bottomShare li#twitter .box .share { background-size: calc(100vw/(750/50)) auto; }
#bottomShare li#twitter .box .share, #bottomShare li#facebook .box .share { width: calc(100vw/(750/88)); height: calc(100vw/(750/88)); margin: 0 calc(100vw/(750/40)); }
.dnone_sp{display:none}
.blank img {display: inline-block;}
.blank:after {display: none;}
sup {top: -0.5em;}
}
@-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)}
}