@charset "UTF-8";
.wrapper,body,html{width:100%;min-width:624px}

*,.l-contents{box-sizing:border-box;}

@font-face{src:local('Noto Sans Bold'),local('NotoSans-Bold'),url(http://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ14nF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}@font-face{font-family:'Noto Sans';font-style:italic;font-weight:400;src:local('Noto Sans Italic'),local('NotoSans-Italic'),url(http://fonts.gstatic.com/s/notosans/v6/ByLA_FLEa-16SpQuTcQn4J0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')}@font-face{font-family:'Noto Sans';font-style:italic;font-weight:700;src:local('Noto Sans Bold Italic'),local('NotoSans-BoldItalic'),url(http://fonts.gstatic.com/s/notosans/v6/9Z3uUWMRR7crzm1TjRicDp_TkvowlIOtbR7ePgFOpF4.ttf) format('truetype')}@-webkit-keyframes flag{10%{-webkit-transform:perspective(72px) translateZ(0) rotateX(-40deg);transform:perspective(72px) translateZ(0) rotateX(-40deg)}25%{-webkit-transform:perspective(72px) translateZ(0) rotateX(30deg);transform:perspective(72px) translateZ(0) rotateX(30deg)}45%{-webkit-transform:perspective(72px) translateZ(0) rotateX(-20deg);transform:perspective(72px) translateZ(0) rotateX(-20deg)}70%{-webkit-transform:perspective(72px) translateZ(0) rotateX(10deg);transform:perspective(72px) translateZ(0) rotateX(10deg)}100%{-webkit-transform:perspective(72px) translateZ(0) rotateX(0);transform:perspective(72px) translateZ(0) rotateX(0)}}@keyframes flag{10%{-webkit-transform:perspective(72px) translateZ(0) rotateX(-40deg);transform:perspective(72px) translateZ(0) rotateX(-40deg)}25%{-webkit-transform:perspective(72px) translateZ(0) rotateX(30deg);transform:perspective(72px) translateZ(0) rotateX(30deg)}45%{-webkit-transform:perspective(72px) translateZ(0) rotateX(-20deg);transform:perspective(72px) translateZ(0) rotateX(-20deg)}70%{-webkit-transform:perspective(72px) translateZ(0) rotateX(10deg);transform:perspective(72px) translateZ(0) rotateX(10deg)}100%{-webkit-transform:perspective(72px) translateZ(0) rotateX(0);transform:perspective(72px) translateZ(0) rotateX(0)}}@-webkit-keyframes tree{0%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes tree{0%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes tree-less{from{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes tree-less{from{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@-webkit-keyframes yacht{0%{-webkit-transform:translate3d(0,1px,0);transform:translate3d(0,1px,0)}16.5%{-webkit-transform:translate3d(2px,-1px,0);transform:translate3d(2px,-1px,0)}33%{-webkit-transform:translate3d(4px,1px,0);transform:translate3d(4px,1px,0)}49.5%{-webkit-transform:translate3d(6px,-1px,0);transform:translate3d(6px,-1px,0)}66%{-webkit-transform:translate3d(4px,1px,0);transform:translate3d(4px,1px,0)}82.5%{-webkit-transform:translate3d(2px,-1px,0);transform:translate3d(2px,-1px,0)}100%{-webkit-transform:translate3d(0,1px,0);transform:translate3d(0,1px,0)}}@keyframes yacht{0%{-webkit-transform:translate3d(0,1px,0);transform:translate3d(0,1px,0)}16.5%{-webkit-transform:translate3d(2px,-1px,0);transform:translate3d(2px,-1px,0)}33%{-webkit-transform:translate3d(4px,1px,0);transform:translate3d(4px,1px,0)}49.5%{-webkit-transform:translate3d(6px,-1px,0);transform:translate3d(6px,-1px,0)}66%{-webkit-transform:translate3d(4px,1px,0);transform:translate3d(4px,1px,0)}82.5%{-webkit-transform:translate3d(2px,-1px,0);transform:translate3d(2px,-1px,0)}100%{-webkit-transform:translate3d(0,1px,0);transform:translate3d(0,1px,0)}}@-webkit-keyframes yacht-dynamic{0%{-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)}25%{-webkit-transform:translate3d(4px,-2px,0);transform:translate3d(4px,-2px,0)}50%{-webkit-transform:translate3d(8px,2px,0);transform:translate3d(8px,2px,0)}75%{-webkit-transform:translate3d(12px,-2px,0);transform:translate3d(12px,-2px,0)}100%{-webkit-transform:translate3d(16px,2px,0);transform:translate3d(16px,2px,0)}}@keyframes yacht-dynamic{0%{-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)}25%{-webkit-transform:translate3d(4px,-2px,0);transform:translate3d(4px,-2px,0)}50%{-webkit-transform:translate3d(8px,2px,0);transform:translate3d(8px,2px,0)}75%{-webkit-transform:translate3d(12px,-2px,0);transform:translate3d(12px,-2px,0)}100%{-webkit-transform:translate3d(16px,2px,0);transform:translate3d(16px,2px,0)}}@-webkit-keyframes wave{to{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}}@keyframes wave{to{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}}@-webkit-keyframes plus{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes plus{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes parapara-5{100%{background-position:-1200px 0}}@keyframes parapara-5{100%{background-position:-1200px 0}}@-webkit-keyframes parapara-6{100%{background-position:-1500px 0}}@keyframes parapara-6{100%{background-position:-1500px 0}}@-webkit-keyframes parapara-7{100%{background-position:-1800px 0}}@keyframes parapara-7{100%{background-position:-1800px 0}}@-webkit-keyframes parapara-8{100%{background-position:-2100px 0}}@keyframes parapara-8{100%{background-position:-2100px 0}}@-webkit-keyframes parapara-9{100%{background-position:-2400px 0}}@keyframes parapara-9{100%{background-position:-2400px 0}}@-webkit-keyframes parapara-10{100%{background-position:-2430px 0}}@keyframes parapara-10{100%{background-position:-2430px 0}}@-webkit-keyframes parapara-11{100%{background-position:-3000px 0}}@keyframes parapara-11{100%{background-position:-3000px 0}}@-webkit-keyframes parapara-12{100%{background-position:-3300px 0}}@keyframes parapara-12{100%{background-position:-3300px 0}}@-webkit-keyframes parapara-13{100%{background-position:-3600px 0}}@keyframes parapara-13{100%{background-position:-3600px 0}}@-webkit-keyframes parapara-14{100%{background-position:-3900px 0}}@keyframes parapara-14{100%{background-position:-3900px 0}}@-webkit-keyframes parapara-15{100%{background-position:-4200px 0}}@keyframes parapara-15{100%{background-position:-4200px 0}}@-webkit-keyframes parapara-16{100%{background-position:-4500px 0}}@keyframes parapara-16{100%{background-position:-4500px 0}}@-webkit-keyframes parapara-17{100%{background-position:-4800px 0}}@keyframes parapara-17{100%{background-position:-4800px 0}}@-webkit-keyframes parapara-18{100%{background-position:-5100px 0}}@keyframes parapara-18{100%{background-position:-5100px 0}}@-webkit-keyframes parapara-19{100%{background-position:-5400px 0}}@keyframes parapara-19{100%{background-position:-5400px 0}}@-webkit-keyframes parapara-20{100%{background-position:-5700px 0}}@keyframes parapara-20{100%{background-position:-5700px 0}}@-webkit-keyframes fadeIn{1%{display:block}100%{display:block;opacity:1}}@keyframes fadeIn{1%{display:block}100%{display:block;opacity:1}}@-webkit-keyframes fadeOut{0%{display:block;opacity:1}99%{display:block;opacity:0;left:0}100%{left:-100%}}@keyframes fadeOut{0%{display:block;opacity:1}99%{display:block;opacity:0;left:0}100%{left:-100%}}@-webkit-keyframes intervalFade{0%,40%{opacity:1}100%,60%{opacity:0}}@keyframes intervalFade{0%,40%{opacity:1}100%,60%{opacity:0}}@-webkit-keyframes intervalFadeReverse{0%,40%{opacity:0}100%,60%{opacity:1}}@keyframes intervalFadeReverse{0%,40%{opacity:0}100%,60%{opacity:1}}@-webkit-keyframes map{0%{-webkit-transform:translate3d(0,-200%,0);transform:translate3d(0,-200%,0)}100%,50%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}75%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}}@keyframes map{0%{-webkit-transform:translate3d(0,-200%,0);transform:translate3d(0,-200%,0)}100%,50%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}75%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}}@-webkit-keyframes spinY{to{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes spinY{to{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-webkit-keyframes rapelA{50%{opacity:1}70%{opacity:0}100%{opacity:0;-webkit-transform:translate3d(-30px,-70px,0);transform:translate3d(-30px,-70px,0)}}@keyframes rapelA{50%{opacity:1}70%{opacity:0}100%{opacity:0;-webkit-transform:translate3d(-30px,-70px,0);transform:translate3d(-30px,-70px,0)}}@-webkit-keyframes rapelB{50%{opacity:1}70%{opacity:0}100%{opacity:0;-webkit-transform:translate3d(8px,-72px,0);transform:translate3d(8px,-72px,0)}}@keyframes rapelB{50%{opacity:1}70%{opacity:0}100%{opacity:0;-webkit-transform:translate3d(8px,-72px,0);transform:translate3d(8px,-72px,0)}}@-webkit-keyframes rapelC{50%{opacity:1}70%{opacity:0}100%{opacity:0;-webkit-transform:translate3d(25px,-57px,0);transform:translate3d(25px,-57px,0)}}@keyframes rapelC{50%{opacity:1}70%{opacity:0}100%{opacity:0;-webkit-transform:translate3d(25px,-57px,0);transform:translate3d(25px,-57px,0)}}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}6%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:scale3d(1.3,.7,1);transform:scale3d(1.3,.7,1)}12%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:scale3d(.85,1.15,1) translate3d(0,-10px,0);transform:scale3d(.85,1.15,1) translate3d(0,-10px,0)}18%{-webkit-transform:scale3d(1.04,.96,1) translate3d(0,0,0);transform:scale3d(1.04,.96,1) translate3d(0,0,0)}24%{-webkit-transform:scale3d(.95,1.05,1) translate3d(0,-3px,0);transform:scale3d(.95,1.05,1) translate3d(0,-3px,0)}30%{-webkit-transform:scale3d(1.02,.98,1) translate3d(0,0,0);transform:scale3d(1.02,.98,1) translate3d(0,0,0)}36%{-webkit-transform:scale3d(.98,1.02,1) translate3d(0,0,0);transform:scale3d(.98,1.02,1) translate3d(0,0,0)}42%{-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}6%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:scale3d(1.3,.7,1);transform:scale3d(1.3,.7,1)}12%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:scale3d(.85,1.15,1) translate3d(0,-10px,0);transform:scale3d(.85,1.15,1) translate3d(0,-10px,0)}18%{-webkit-transform:scale3d(1.04,.96,1) translate3d(0,0,0);transform:scale3d(1.04,.96,1) translate3d(0,0,0)}24%{-webkit-transform:scale3d(.95,1.05,1) translate3d(0,-3px,0);transform:scale3d(.95,1.05,1) translate3d(0,-3px,0)}30%{-webkit-transform:scale3d(1.02,.98,1) translate3d(0,0,0);transform:scale3d(1.02,.98,1) translate3d(0,0,0)}36%{-webkit-transform:scale3d(.98,1.02,1) translate3d(0,0,0);transform:scale3d(.98,1.02,1) translate3d(0,0,0)}42%{-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0)}}


img{max-width:100%}
li,ul{list-style:none}

html{font-size:62.5%;min-height:100%}
.l-container{/*width:1080px;margin:0 auto;padding:0 40px*/}
.l-list>.l-list-item{display:inline-block;vertical-align:top;font-size:12px}
.l-list.l-list-col3>.l-list-item{width:33.3333%}
.l-list.l-list-col4>.l-list-item{width:24.73%; margin-bottom:50px;}
.l-list.l-list-col6>.l-list-item{width:16.6666%}

.windows .photo.photo-link .photo-link-button{line-height:32px}
.nameplate{display:inline-block;background-color:#fff;color:#282828;font-weight:700;letter-spacing:.2em;}
.nameplate.nameplate-small{padding-left: 5px;padding-right: 5px;}
.circle-card{display:block;text-decoration:none;color:#282828;text-align:center}
.bar .bar-color,.bar .bar-text,.sns-link{display:inline-block}
.circle-card .circle-card-thumbnail{display:inline-block;text-align:left;padding:1px;margin-bottom:10px}
.circle-card .circle-card-body{font-size:12px;font-size:1.2rem;line-height:2.2;letter-spacing:.1em;text-align:left}

.copyright{font-size:10px;font-size:1rem;font-weight:700;display:block;letter-spacing:.2em}
.avator{display:block;width:265px;height:265px;position:relative;z-index:1}
.avator .avator-frame{width:100%;height:100%;border-radius:50%;border:3px solid #fff;position:absolute;left:0;top:0;z-index:2;-webkit-transition:border-width .2s ease-in-out;transition:border-width .2s ease-in-out}
.circle-card:hover .avator-frame,.sidebar-box .avator:hover .avator-frame{border-width:8px}
.avator .avator-parapara{width:100%;height:100%;border-radius:50%;overflow:hidden}
.avator .avator-parapara.center-avator{position:relative}
.avator .avator-parapara.center-avator .avator-parapara-object{position:absolute}
.avator .avator-parapara-inner{width:100%;height:100%;overflow:hidden;border-radius:20px}
.avator .avator-parapara-object{width:300px;height:300px;background-repeat:no-repeat;background-position:0 0;margin:-7px 0 0 -7px}
.avator .avator-data{position:absolute;left:0px;bottom:-3px;z-index:3;top: 188px;}
.avator .avator-data-item{margin-bottom:5px}
.avator .avator-data-item:last-child{margin-top:10px;margin-bottom:0}
.avator .avator-object{max-width:100px;position:absolute;right:-7px;bottom:1px;z-index:3}
.avator .avator-recruit{width:100%;height:100%;border-radius:50%;background-color:#fff;position:relative}
.avator .avator-recruit .avator-recruit-icon{margin:100px 3px 0 0;-webkit-animation:plus 3s linear infinite both;animation:plus 3s linear infinite both;-webkit-animation-play-state:paused;animation-play-state:paused}
.avator .avator-recruit .avator-recruit-text{width:100%;position:absolute;top:170px;left:0}
.avator .avator-recruit .avator-recruit-text-en,.avator .avator-recruit .avator-recruit-text-jp{display:block;font-weight:700}
.avator .avator-recruit .avator-recruit-text-en{font-size:14px;font-size:1.4rem;font-family:"Noto Sans","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",Arial,"メイリオ",Meiryo,sans-serif;letter-spacing:.18em;margin:0 3px 10px 0}
.avator .avator-recruit .avator-recruit-text-jp{font-size:12px;font-size:1.2rem;letter-spacing:.1em}
.avator.avator-kamakura .avator-frame{border-color:#8EC31E}
.avator.avator-c-p .c-p{border-color:#EC6E65}
.avator.avator-c-b .c-b{border-color:#2FA8E1;}
.avator.avator-c-g .c-g{border-color:#68B029;}
.avator.avator-c-y .c-y{border-color:#F7AB00;}
.avator.avator-small{width:227px;height:227px}
.avator.avator-small .avator-parapara-object{margin:-36px 0 0 -36px}
.avator.avator-minimum{width:56px;height:56px}
.avator.avator-minimum .avator-photo{width:100%;height:100%;min-height:56px;border-radius:50%;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;z-index:1}
.circle-card:hover .avator-recruit-icon{-webkit-animation-play-state:running;animation-play-state:running}
.circle-card:hover .avator-parapara-object-5{-webkit-animation:parapara-5 .5s steps(4) both;animation:parapara-5 .5s steps(4) both;-moz-animation:parapara-5 .5s steps(4) both}
.circle-card:hover .avator-parapara-object-6{-webkit-animation:parapara-6 .6s steps(5) both;animation:parapara-6 .6s steps(5) both;-moz-animation:parapara-6 .6s steps(5) both}
.circle-card:hover .avator-parapara-object-7{-webkit-animation:parapara-7 .7s steps(6) both;animation:parapara-7 .7s steps(6) both;-moz-animation:parapara-7 .7s steps(6) both}
.circle-card:hover .avator-parapara-object-8{-webkit-animation:parapara-8 .8s steps(7) both;animation:parapara-8 .8s steps(7) both;-moz-animation:parapara-8 .8s steps(7) both}
.circle-card:hover .avator-parapara-object-9{-webkit-animation:parapara-9 .9s steps(8) both;animation:parapara-9 .9s steps(8) both;-moz-animation:parapara-9 .9s steps(8) both}
.circle-card:hover .avator-parapara-object-10{-webkit-animation:parapara-10 1s steps(9) both;animation:parapara-10 1s steps(9) both;-moz-animation:parapara-10 1s steps(9) both}
.circle-card:hover .avator-parapara-object-11{-webkit-animation:parapara-11 1.1s steps(10) both;animation:parapara-11 1.1s steps(10) both;-moz-animation:parapara-11 1.1s steps(10) both}
.circle-card:hover .avator-parapara-object-12{-webkit-animation:parapara-12 1.2s steps(11) both;animation:parapara-12 1.2s steps(11) both;-moz-animation:parapara-12 1.2s steps(11) both}
.circle-card:hover .avator-parapara-object-13{-webkit-animation:parapara-13 1.3s steps(12) both;animation:parapara-13 1.3s steps(12) both;-moz-animation:parapara-13 1.3s steps(12) both}
.circle-card:hover .avator-parapara-object-14{-webkit-animation:parapara-14 1.4s steps(13) both;animation:parapara-14 1.4s steps(13) both;-moz-animation:parapara-14 1.4s steps(13) both}
.circle-card:hover .avator-parapara-object-15{-webkit-animation:parapara-15 1.5s steps(14) both;animation:parapara-15 1.5s steps(14) both;-moz-animation:parapara-15 1.5s steps(14) both}
.circle-card:hover .avator-parapara-object-16{-webkit-animation:parapara-16 1.6s steps(15) both;animation:parapara-16 1.6s steps(15) both;-moz-animation:parapara-16 1.6s steps(15) both}
.circle-card:hover .avator-parapara-object-17{-webkit-animation:parapara-17 1.7s steps(16) both;animation:parapara-17 1.7s steps(16) both;-moz-animation:parapara-17 1.7s steps(16) both}
.circle-card:hover .avator-parapara-object-18{-webkit-animation:parapara-18 1.8s steps(17) both;animation:parapara-18 1.8s steps(17) both;-moz-animation:parapara-18 1.8s steps(17) both}
.circle-card:hover .avator-parapara-object-19{-webkit-animation:parapara-19 1.9s steps(18) both;animation:parapara-19 1.9s steps(18) both;-moz-animation:parapara-19 1.9s steps(18) both}
.circle-card:hover .avator-parapara-object-20{-webkit-animation:parapara-20 2s steps(19) both;animation:parapara-20 2s steps(19) both;-moz-animation:parapara-20 2s steps(19) both}

p{
	margin: 0;
	padding: 0;
}
.b{
	font-weight: bold;
}
