@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,500;0,600;1,600&family=Noto+Sans+JP:wght@500;700&display=swap');

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;box-sizing:border-box;}
body{
	max-width:100%;
	min-width:1280px;
}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
li{list-style-type:none;}
ins{text-decoration:none;}
mark{font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #cccccc;}
input, select{vertical-align:middle;margin:0;box-sizing:border-box;}
input,textarea{-webkit-appearance:none;font-family:inherit;box-sizing:border-box;}
input:focus,textarea:focus,select:focus{outline:0;}
button{font-family:inherit;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;box-sizing:border-box;}
button::-moz-focus-inner{border:0;}
input:placeholder-shown{color:#ccc;}
input::-webkit-input-placeholder{color:#ccc;}
input:-moz-placeholder{color:#ccc;opacity:1;}
input::-moz-placeholder{color:#ccc;opacity:1;}
input:-ms-input-placeholder{color:#ccc;}
pre{white-space:pre-wrap;font-family:inherit;}
img{border:none;vertical-align:bottom;max-width:100%;height:auto;}
small{font-size:75%;}
.clearfix:after{content:"";clear:both;display:block;}
.en{font-family: 'Barlow Semi Condensed',"Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;}

/* global */
#header{position:relative;z-index:101;}
#header #pagetop{z-index:101;}
.p-gnav_wbk{z-index:100;}
.go_pagetop_frame{z-index:100;}
sup{vertical-align:0.6em!important;}

/* contents */
#contents{font-size:20px;color:#161d25;background:#161d25;line-height:1.5;font-family:"Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;text-align:left;-webkit-text-size-adjust:100%;font-weight:500;max-width:100%;overflow:hidden;}
#contents a{color:#161d25;text-decoration:none;box-sizing:border-box;outline:none;}
#contents a[href^="tel:"]{cursor:text;}
#contents a:hover{color:#161d25;}
#contents p + p{margin-top:15px;}
#contents a img{transition:.3s ease;}
#contents a:hover img{opacity:0.7;}

/* -------------------------------------------------- */
/* header */
/* -------------------------------------------------- */
header{font-family:"Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;}
header #gnav-btn{width:80px;height:80px;position:fixed;top:104px;right:30px;background:rgba(22,29,37,0.9);z-index:9;cursor:pointer;transition:.3s ease;border:1px solid #777;}
header #gnav-btn span{display:inline-block;transition:all .4s;position:absolute;left:50%;width:30px;margin-left:-15px;height:2px;background-color:#fff;z-index:2;}
header #gnav-btn span:nth-of-type(1){top:calc(50% - 8px);transform-origin:top left;}
header #gnav-btn span:nth-of-type(2){top:calc(50% - 1px);transform-origin:bottom left;}
header #gnav-btn span:nth-of-type(3){top:calc(50% + 7px);transform-origin:bottom left;}
header #gnav-btn.active  span:nth-of-type(1){transform:translate(18%,-2.8px) rotate(45deg);}
header #gnav-btn.active  span:nth-of-type(2){transform:translateX(15px);opacity:0;}
header #gnav-btn.active  span:nth-of-type(3){transform:translate(18%,2.8px) rotate(-45deg);}
header #gnav-btn:hover{transform:scale(1.1);}
header #global-nav{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:rgba(22,29,37,0.9);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5%;opacity:0;transform:scale(0.8);transition:.4s ease;}
header #global-nav > ul{display:flex;width:100%;margin-top:30px;}
header #global-nav > ul > li{font-size:42px;flex:1;white-space:nowrap;margin:0 5px;height:300px;max-width:80%;transition:.3s ease;position:relative;}
header #global-nav > ul > li > a{display:flex;align-items:center;justify-content:center;color:#fff;background:no-repeat center center;background-size:cover;text-decoration:none;padding:20px;text-align:center;height:100%;width:100%;box-sizing:border-box;}
header #global-nav > ul > li span{transition:.3s ease;}
header #global-nav > ul > li > a:hover span{transform:scale(1.1);}
header #global-nav > ul > li > a:hover{filter:grayscale(100%);}
header #global-nav > ul > li small{display:block;opacity:0.5;margin:0 auto 10px;font-size:24px;}
header #global-nav > ul > li.spirit > a{background-image:url(/tech/smart_future_vision/img/top/nav01.jpg);}
header #global-nav > ul > li.technology > a{background-image:url(/tech/smart_future_vision/img/top/nav02.jpg);}
header #global-nav > ul > li.projects > a{background-image:url(/tech/smart_future_vision/img/top/nav03.jpg);}
header #global-nav > ul > li.contents > a{background-image:url(/tech/smart_future_vision/img/top/nav04.jpg);}
header #global-nav > ul > li.concept > a{background-image:url(/tech/smart_future_vision/img/top/nav05.jpg);}
header #global-nav > ul > li .children {text-align:left;padding-left:20px;margin-top:15px;}
header #global-nav > ul > li .children > li a{color:#fff;text-decoration:none;font-size:24px;opacity:0.6;padding-left:25px;position:relative;}
header #global-nav > ul > li .children > li a:hover{text-decoration:underline;}
header #global-nav > ul > li .children > li a::before{content:"";display:block;width:10px;height:3px;position:absolute;top:14px;left:0;background:#e6002d;}
header #global-nav .link-top{text-align:left;width:100%;}
header #global-nav .link-top a{padding:12px 15px;width:240px;min-width:240px;}

header.active #global-nav{z-index:150;pointer-events:all;}
header.animated #global-nav{opacity:1;transform:none;}

@media screen and (min-width:1px) and (max-width: 1199px){
	header #global-nav > ul > li{font-size:32px;}
	header #global-nav > ul > li small{font-size:18px;}
}

/* active */
header #gnav-btn{z-index:151;}

/* -------------------------------------------------- */
/* #block-footer */
/* -------------------------------------------------- */
#block-footer{text-align:center;position:relative;z-index:1;background:url(/tech/smart_future_vision/img/footer_back.jpg) no-repeat center center #161d25;background-size:cover;}
#block-footer::before{content:"";display:block;width:100%;height:45%;position:absolute;top:0;left:0;z-index:1;background:linear-gradient(0deg, rgba(22,29,37,0) 0%, rgba(22,29,37,1) 100%);}
#block-footer .container{position:relative;z-index:2;}
#block-footer .message{margin:0 auto 100px;opacity:0;}
#block-footer .message .txt{display:none;font-size:30px;color:#fff;font-weight:bold;letter-spacing:0.04em;margin-bottom:80px;line-height:1.7;}
#block-footer .message.animated{opacity:1;transition:1.2s ease;}
#block-footer .link{display:none;max-width:660px;margin:auto;}
#block-footer .link .sub-ttl{position:relative;width:100%;color:#fff;letter-spacing:0.04em;overflow:hidden;}
#block-footer .link .sub-ttl span{position:relative;}
#block-footer .link .sub-ttl span::before{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;top:50%;right:calc(100% + 60px);}
#block-footer .link .sub-ttl span::after{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;top:50%;left:calc(100% + 60px);}
#block-footer .link .list-link{display:flex;margin-top:30px;}
#block-footer .link .list-link > li{flex:1;}
#block-footer .link .list-link > li + li{margin-left:20px;}
#block-footer .link .list-link > li img{width:320px;}
#block-footer .carrer{margin-top:30px;}
#block-footer .carrer a{white-space:nowrap;padding:0 5px 8px;font-size:24px;font-weight:500;letter-spacing:0.04em;border-bottom:1px solid #fff;color:#fff;transition:.3s ease;}
#block-footer .carrer a::after{content:"";display:inline-block;width:23px;height:23px;background:url(/tech/smart_future_vision/img/icon_external.png) no-repeat;background-size:100% auto;vertical-align:-3px;margin-left:10px;}
#block-footer .carrer a:hover{opacity:0.7;}

/* -------------------------------------------------- */
/* common */
/* -------------------------------------------------- */
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.text-left{text-align:left!important;}
.nowrap{white-space:nowrap!important;}

.d-flex{display:flex;width:100%;}
.d-flex > *{flex:1;}

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

/* margin */
.m-0{margin:0!important;}.m-1{margin:1rem!important;}.m-2{margin:2rem!important;}.m-3{margin:3rem!important;}.m-4{margin:4rem!important;}.m-5{margin:5rem!important;}.m-6{margin:6rem!important;}.m-7{margin:7rem!important;}.m-8{margin:8rem!important;}
.mt-0{margin-top:0!important;}.mt-1{margin-top:1rem!important;}.mt-2{margin-top:2rem!important;}.mt-3{margin-top:3rem!important;}.mt-4{margin-top:4rem!important;}.mt-5{margin-top:5rem!important;}.mt-6{margin-top:6rem!important;}.mt-7{margin-top:7rem!important;}.mt-8{margin-top:8rem!important;}
.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:1rem!important;}.mb-2{margin-bottom:2rem!important;}.mb-3{margin-bottom:3rem!important;}.mb-4{margin-bottom:4rem!important;}.mb-5{margin-bottom:5rem!important;}.mb-6{margin-bottom:6rem!important;}.mb-7{margin-bottom:7rem!important;}.mb-8{margin-bottom:8rem!important;}
.mr-0{margin-right:0!important;}.mr-1{margin-right:1rem!important;}.mr-2{margin-right:2rem!important;}.mr-3{margin-right:3rem!important;}.mr-4{margin-right:4rem!important;}.mr-5{margin-right:5rem!important;}.mr-6{margin-right:6rem!important;}.mr-7{margin-right:7rem!important;}.mr-8{margin-right:8rem!important;}
.ml-0{margin-left:0!important;}.ml-1{margin-left:1rem!important;}.ml-2{margin-left:2rem!important;}.ml-3{margin-left:3rem!important;}.ml-4{margin-left:4rem!important;}.ml-5{margin-left:5rem!important;}.ml-6{margin-left:6rem!important;}.ml-7{margin-left:7rem!important;}.ml-8{margin-left:8rem!important;}

/* padding */
.p-0{padding:0!important;}.p-1{padding:1rem!important;}.p-2{padding:2rem!important;}.p-3{padding:3rem!important;}.p-4{padding:4rem!important;}.p-5{padding:5rem!important;}.p-6{padding:6rem!important;}.p-7{padding:7rem!important;}.p-8{padding:8rem!important;}
.pt-0{padding-top:0!important;}.pt-1{padding-top:1rem!important;}.pt-2{padding-top:2rem!important;}.pt-3{padding-top:3rem!important;}.pt-4{padding-top:4rem!important;}.pt-5{padding-top:5rem!important;}.pt-6{padding-top:6rem!important;}.pt-7{padding-top:7rem!important;}.pt-8{padding-top:8rem!important;}
.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:1rem!important;}.pb-2{padding-bottom:2rem!important;}.pb-3{padding-bottom:3rem!important;}.pb-4{padding-bottom:4rem!important;}.pb-5{padding-bottom:5rem!important;}.pb-6{padding-bottom:6rem!important;}.pb-7{padding-bottom:7rem!important;}.pb-8{padding-bottom:8rem!important;}
.pr-0{padding-right:0!important;}.pr-1{padding-right:1rem!important;}.pr-2{padding-right:2rem!important;}.pr-3{padding-right:3rem!important;}.pr-4{padding-right:4rem!important;}.pr-5{padding-right:5rem!important;}.pr-6{padding-right:6rem!important;}.pr-7{padding-right:7rem!important;}.pr-8{padding-right:8rem!important;}
.pl-0{padding-left:0!important;}.pl-1{padding-left:1rem!important;}.pl-2{padding-left:2rem!important;}.pl-3{padding-left:3rem!important;}.pl-4{padding-left:4rem!important;}.pl-5{padding-left:5rem!important;}.pl-6{padding-left:6rem!important;}.pl-7{padding-left:7rem!important;}.pl-8{padding-left:8rem!important;}

/* container */
.container{max-width:1280px;padding:0 60px;margin:auto;position:relative;}
.container2{max-width:1400px;padding:0 60px;margin:auto;position:relative;}
section > .container,.section > .container,
section > .container2,.section > .container2{padding:160px 60px;}

/* ttl */
.common-ttl01{pointer-events:none;transform:translateY(100px) scale(1,2);opacity:0;}
.common-ttl01 span{display:block;color:#e6002d;font-style:italic;font-size:200px;line-height:1;white-space:nowrap;transform-origin:left bottom;transform:rotate(90deg);margin:-425px 0 0 -20px;will-change:filter;}
.common-ttl01.right{text-align:right;}
.common-ttl01.right span{position:absolute;top:100px;left:calc(100% - 200px);}
.common-ttl01.animated{opacity:1;transform:none;transition:opacity .7s .3s ease,transform .7s .3s ease;}
.common-ttl01.animated.right span{top:0;transition:.7s .3s ease;}
.common-ttl02{color:#fff;font-size:42px;font-weight:bold;line-height:1.3;margin-bottom:25px;letter-spacing:0.08em;position:relative;}
.common-ttl02 span{display:block;border-bottom:1px solid #fff;padding-bottom:20px;}
.common-ttl02.inline-block span{display:inline-block;}
.common-ttl03{pointer-events:none;transform:translateY(150px) scale(1,2);opacity:0;margin-top:100px;}
.common-ttl03 > span{display:block;color:#e6002d;font-style:italic;font-size:200px;line-height:1;white-space:nowrap;transform-origin:center top;margin:-90px 0 0 -20px;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
.common-ttl03 > span span{color:#fff;opacity:0.3;font-size:50px;display:block;margin:10px 0 0 -10px;}
.common-ttl03 > span small{display:block;font-size:24px;color:#fff;letter-spacing:0.2em;margin:10px 10px 0 0;}
.common-ttl03.small > span{font-size:150px;}
.common-ttl03.animated{opacity:1;transform:none;margin-top:0;transition:opacity .7s .3s ease,transform .7s .3s ease,margin .7s .3s ease;}
.common-ttl04{transform:translateX(-100px);opacity:0;text-align:center;display:block;color:#e6002d;font-style:italic;font-size:120px;line-height:1;white-space:nowrap;margin-bottom:50px;}
.common-ttl04 .ja{color:#fff;display:block;font-size:30px;font-weight:bold;font-style:normal;margin-top:25px;}
.common-ttl04.animated{opacity:1;transform:none;transition:opacity .7s .3s ease,transform .7s .3s ease,margin .7s .3s ease;}

/* btn */
/*
.common-btn01{display:inline-block;background:#161d25;color:#fff!important;min-width:324px;text-align:center;white-space:nowrap;cursor:pointer;font-size:36px!important;transition:.3s ease;text-shadow:none;position:relative;line-height:1;padding:16px 60px 22px 55px;max-width:100%;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.common-btn01::after{content:"";display:block;width:23px;height:4px;background:#e6002d;position:absolute;top:50%;right:-12px;margin-top:-2px;z-index:1;transition:right .2s .2s ease, width .2s .2s ease, top .2s ease,height .2s ease;}
.common-btn01 > span{position:relative;z-index:2;}
.common-btn01 > span small{font-size:16px;opacity:0.5;vertical-align:middle;}
.common-btn01 > span span{vertical-align:middle;}
.common-btn01 > .ja{font-size:20px!important;vertical-align:middle;padding:5px 0 8px;display:inline-block;}
.common-btn01.border{border:1px solid #fff;background:rgba(17,17,17,0.1);}
.common-btn01:hover::after{top:0;right:0;width:100%;height:100%;z-index:1;margin:0;transition:right .2s ease, width .2s ease, top .2s .2s ease,height .2s .2s ease}
.common-btn01.border:hover{border-color:transparent;transition:border .2s .2s ease;}
*/
.common-btn01{display:inline-block;background:#e6002d;color:#fff!important;min-width:324px;text-align:center;white-space:nowrap;cursor:pointer;font-size:36px!important;transition:.3s ease;text-shadow:none;position:relative;line-height:1;padding:16px 55px 22px 55px;max-width:100%;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.common-btn01::after{content:"";display:block;width:23px;height:4px;background:#161d25;position:absolute;top:50%;right:-12px;margin-top:-2px;z-index:1;transition:right .2s .2s ease, width .2s .2s ease, top .2s ease,height .2s ease,opacity .2s .1s ease;opacity:0;}
.common-btn01 > span{position:relative;z-index:2;}
.common-btn01 > span small{font-size:16px;opacity:0.5;vertical-align:middle;}
.common-btn01 > span span{vertical-align:middle;}
.common-btn01 > .ja{font-size:20px!important;vertical-align:middle;padding:5px 0 8px;display:inline-block;}
.common-btn01.double{line-height:0.8;}
.common-btn01 .small{font-size:16px;opacity:1;margin-left:10px;}
/*.common-btn01.border{border:1px solid #fff;background:rgba(17,17,17,0.1);}*/
.common-btn01:hover::after{top:0;right:0;width:100%;height:100%;z-index:1;margin:0;transition:right .2s ease, width .2s ease, top .2s .2s ease,height .2s .2s ease,opacity .2s ease;opacity:1;}
/*.common-btn01.border:hover{border-color:transparent;transition:border .2s .2s ease;}*/


/* link */
.common-link01{display:inline-block;white-space:nowrap;cursor:pointer;font-size:36px!important;transition:.3s ease;text-shadow:none;position:relative;line-height:1;max-width:100%;font-weight:600;border-bottom:1px solid #161d25;padding:0 30px 12px 5px;}
.common-link01 small{font-size:16px;opacity:0.3;vertical-align:middle;}
.common-link01 span{vertical-align:middle;}
.common-link01::after{content:"";display:block;width:10px;height:10px;border-right:3px solid #e6002d;border-bottom:3px solid #e6002d;transform:rotate(-45deg);position:absolute;top:50%;right:5px;margin-top:-5px;transition:.3s ease;}
.common-link01:hover::after{right:0;}

/* submv */
.common-submv{color:#fff;height:340px;position:relative;z-index:5;background:no-repeat center center;background-size:cover;}
.common-submv::before{content:"";display:block;width:600px;height:0;position:absolute;left:150px;top:-600px;transform-origin:left top;transform:rotate(45deg);background:rgba(230,0,45,0.9);z-index:1;transition:.3s .2s ease;}
.common-submv .container{height:100%;padding-top:0;padding-bottom:0;display:flex;align-items:center;justify-content:flex-start;z-index:2;}
.common-submv .ttl{font-size:100px;font-weight:600;font-style:italic;line-height:1;transform:translateX(-50px);opacity:0;transition:.8s .3s ease;}
.common-submv .ttl small{font-size:46px;display:block;opacity:0.3;margin-bottom:5px;}
.common-submv .ttl span{display:block;}
.common-submv .ttl .ja{font-size:18px;font-weight:500;font-style:normal;letter-spacing:0.08em;line-height:1.5;margin-top:15px;font-family:"Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;}
.common-submv.animated::before{height:250%;}
.common-submv.animated .ttl{transform:none;opacity:1;}

/* breadcrumb */
.common-breadcrumb{color:#fff;font-size:14px;letter-spacing:0.08em;padding:20px 0;}
.common-breadcrumb a{color:#fff!important;text-decoration:underline!important;}
.common-breadcrumb a:hover{text-decoration:none!important;}
.common-breadcrumb ul{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.common-breadcrumb ul > li{display:inline-block;}
.common-breadcrumb ul > li::after{content:"＞";display:inline-block;margin:0 7px 0 12px;font-size:10px;vertical-align:2px;}
.common-breadcrumb ul > li:last-child::after{display:none;}

/* pager */
.common-pager01{text-align:center;font-size:0;}
.common-pager01 > li{display:inline-block;font-size:20px;margin:5px;vertical-align:top;}
.common-pager01 > li > a{display:flex;align-items:center;justify-content:center;width:50px;height:52px;border:1px solid #fff;color:#fff!important;transition:.2s ease;}
.common-pager01 > li > a:hover{background:#fff;color:#161d25!important;}
.common-pager01 > li > a:hover::before{border-color:#161d25!important;}
.common-pager01 > li.current > a{background:#fff;color:#161d25!important;pointer-events:none;}
.common-pager01 > li.prev > a,
.common-pager01 > li.next > a{border-color:transparent;}
.common-pager01 > li.prev > a::before{content:"";display:block;width:12px;height:12px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);margin-left:8px;transition:.2s ease;}
.common-pager01 > li.next > a::before{content:"";display:block;width:12px;height:12px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);margin-right:8px;transition:.2s ease;}

/* table */
.common-table01{font-size:16px;width:100%;}
.common-table01 tr:nth-child(odd){background:rgba(255,255,255,0.05);}
.common-table01 th,.common-table01 td{padding:10px 25px;}
.common-table01 th{white-space:nowrap;}


/* -------------------------------------------------- */
/* animation */
/* -------------------------------------------------- */
.opacity{opacity:1!important;}

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}
.fadeup{animation-duration:1s;animation-fill-mode:both;opacity:0.01;}
.fadeup.animated{animation-name:fadeInUp;transition:.6s ease-out;}

@keyframes slideIn{0%{opacity:0;transform:translate3d(-50px,0,0)}to{opacity:1;transform:translateZ(0)}}
.slidein{animation-duration:1s;animation-fill-mode:both;opacity:0.01;animation-delay:.3s;}
.slidein.animated{animation-name:slideIn;transition:.6s ease-out .6s;}

@keyframes animList{0%{opacity:0;transform:scale(1.2);}50%{opacity:0.5;transform:scale(0.95);}100%{opacity:1;transform:none;}}
.anim-list > li{animation-duration:1s;animation-fill-mode:both;opacity:0.0001;}
.anim-list > li.animated{animation-name:animList;transition:.5s ease-out;}

/* -------------------------------------------------- */
/* form */
/* -------------------------------------------------- */
/*
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],
input[type="datetime"],input[type="datetime-local"],input[type="url"],input[type="search"],select,textarea{border:1px solid #ccc;border-radius:3px;padding:8px;font-size:1.4rem;font-family:inherit;background:#f9f9f9;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background:url(/assets/img/arrow_select.png) no-repeat center right #fff;background-size:20px 7px;padding-right:28px!important;}
select::-ms-expand {display: none;}
textarea{width:100%;resize:vertical;}

/* radio */
/*
@keyframes ripple{0%{box-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0);}50%{box-shadow:0px 0px 0px 15px rgba(0, 0, 0, 0.1);}100%{box-shadow:0px 0px 0px 15px rgba(0, 0, 0, 0);}}
.radio input[type="radio"]{display:none;}
.radio input[type="radio"] + span{margin:8px 0;transition:.2s;display:block;position:relative;padding:5px 30px 5px 35px;cursor:pointer;line-height:1.4;}
.radio input[type="radio"]:checked + span::before{border-color:#007452;animation:ripple 0.2s linear forwards;}
.radio input[type="radio"]:checked + span::after{transform:scale(1);}
.radio span::before, .radio span::after{position:absolute;content:'';border-radius:50%;transition:all .3s ease;transition-property:transform, border-color;}
.radio span::before{left:5px;top:5px;width:20px;height:20px;border:2px solid rgba(0, 0, 0, 0.54);}
.radio span::after{top:10px;left:10px;width:10px;height:10px;transform:scale(0);background:#007452;}
.radio *,.radio *::before,.radio *::after{box-sizing:border-box;}
.radio.radio-inline{display:inline-block;}
.radio.radio-inline input[type="radio"] + span{margin:3px 0;}

/* checkbox */
/*
.checkbox input[type="checkbox"]{display:none;}
.checkbox input[type="checkbox"] + span{margin:8px 0;transition:.2s;display:block;position:relative;padding:5px 30px 5px 36px;cursor:pointer;line-height:1.4;}
.checkbox input[type="checkbox"]:checked + span::before{border-color:#007452;animation:ripple 0.2s linear forwards;}
.checkbox input[type="checkbox"]:checked + span::after{transform:scale(1) rotate(-45deg);}
.checkbox span::before, .checkbox span::after{position:absolute;content:'';border-radius:2px;transition:all .15s ease;transition-property:transform, border-color;}
.checkbox span::before{left:5px;top:7px;width:20px;height:20px;border:2px solid rgba(0, 0, 0, 0.54);}
.checkbox span::after{top:12px;left:10px;width:10px;height:8px;transform:scale(0) rotate(-45deg);border-left:3px solid #007452;border-bottom:3px solid #007452;}

.checkbox *,.checkbox *::before,.checkbox *::after{box-sizing:border-box;}
.checkbox.checkbox-inline{display:inline-block;}
.checkbox.checkbox-inline input[type="checkbox"] + span{margin:3px 0;}


/* ======================================================================================================================= */
/* for SP */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width: 959px){
	body{min-width:319px;}
	#contents{font-size:15px;}
	.go_pagetop_frame{right:15px;}

	/* -------------------------------------------------- */
	/* header */
	/* -------------------------------------------------- */
	header #gnav-btn{width:50px;height:50px;top:74px;right:0;}
	header #gnav-btn:hover{transform:none;}
	header #gnav-btn span{width:24px;margin-left:-12px;}
	header #gnav-btn.active  span:nth-of-type(1){transform:translate(18%,-1px) rotate(45deg);}
	header #gnav-btn.active  span:nth-of-type(3){transform:translate(18%,1px) rotate(-45deg);}

	header #global-nav{overflow-y:auto;}
	header #global-nav > ul{flex-wrap:wrap;}
	header #global-nav > ul > li{width:calc((100% - 5px) / 2);margin:0 5px 5px 0;max-width:100%;height:150px;font-size:24px;flex:none;}
	header #global-nav > ul > li:first-child{width:100%;margin-right:0;}
	header #global-nav > ul > li small{font-size:16px;}
	header #global-nav > ul > li > a{padding:10px;}
	header #global-nav > ul > li:nth-child(odd){margin-right:0;}
	header #global-nav > ul > li .children{padding-left:0;margin-top:20px;}
	header #global-nav > ul > li .children > li a{font-size:18px;display:inline-block;padding-left:20px;}
	header #global-nav > ul > li .children > li a::before{top:9px;}
	header #global-nav > ul > li .children > li + li {margin-top:10px;}
	header #global-nav .link-top a{font-size:14px;width:180px;min-width:180px;}

	/* -------------------------------------------------- */
  /* #block-footer */
  /* -------------------------------------------------- */
  #block-footer .message{margin:40px auto 80px;}
  #block-footer .message .txt{font-size:4vw;margin-bottom:8vw;}
  #block-footer .link .sub-ttl span::before{right:calc(100% + 20px);}
  #block-footer .link .sub-ttl span::after{left:calc(100% + 20px);}
  #block-footer .link .list-link > li + li{margin-left:10px;}
  #block-footer .carrer a{font-size:16px;}
  #block-footer .carrer a::after{width:18px;height:18px;}

	/* -------------------------------------------------- */
	/* common */
	/* -------------------------------------------------- */
	.v-pc{display:none!important;}
	.v-sp{display:block!important;}

	/* container */
	.container,	.container2{padding:0 6%;}
	section > .container,.section > .container,
	section > .container2,.section > .container2{padding:60px 6%;}

	/* margin */
	.m-0{margin:0!important;}.m-1{margin:0.5rem!important;}.m-2{margin:1rem!important;}.m-3{margin:1.5rem!important;}.m-4{margin:2rem!important;}.m-5{margin:2.5rem!important;}.m-6{margin:3rem!important;}.m-7{margin:3.5rem!important;}.m-8{margin:4rem!important;}
	.mt-0{margin-top:0!important;}.mt-1{margin-top:0.5rem!important;}.mt-2{margin-top:1rem!important;}.mt-3{margin-top:1.5rem!important;}.mt-4{margin-top:2rem!important;}.mt-5{margin-top:2.5rem!important;}.mt-6{margin-top:3rem!important;}.mt-7{margin-top:3.5rem!important;}.mt-8{margin-top:4rem!important;}
	.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:0.5rem!important;}.mb-2{margin-bottom:1rem!important;}.mb-3{margin-bottom:1.5rem!important;}.mb-4{margin-bottom:2rem!important;}.mb-5{margin-bottom:2.5rem!important;}.mb-6{margin-bottom:3rem!important;}.mb-7{margin-bottom:3.5rem!important;}.mb-8{margin-bottom:4rem!important;}
	.mr-0{margin-right:0!important;}.mr-1{margin-right:0.5rem!important;}.mr-2{margin-right:1rem!important;}.mr-3{margin-right:1.5rem!important;}.mr-4{margin-right:2rem!important;}.mr-5{margin-right:2.5rem!important;}.mr-6{margin-right:3rem!important;}.mr-7{margin-right:3.5rem!important;}.mr-8{margin-right:4rem!important;}
	.ml-0{margin-left:0!important;}.ml-1{margin-left:0.5rem!important;}.ml-2{margin-left:1rem!important;}.ml-3{margin-left:1.5rem!important;}.ml-4{margin-left:2rem!important;}.ml-5{margin-left:2.5rem!important;}.ml-6{margin-left:3rem!important;}.ml-7{margin-left:3.5rem!important;}.ml-8{margin-left:4rem!important;}

	/* padding */
	.p-0{padding:0!important;}.p-1{padding:0.5rem!important;}.p-2{padding:1rem!important;}.p-3{padding:1.5rem!important;}.p-4{padding:2rem!important;}.p-5{padding:2.5rem!important;}.p-6{padding:3rem!important;}.p-7{padding:3.5rem!important;}.p-8{padding:4rem!important;}
	.pt-0{padding-top:0!important;}.pt-1{padding-top:0.5rem!important;}.pt-2{padding-top:1rem!important;}.pt-3{padding-top:1.5rem!important;}.pt-4{padding-top:2rem!important;}.pt-5{padding-top:2.5rem!important;}.pt-6{padding-top:3rem!important;}.pt-7{padding-top:3.5rem!important;}.pt-8{padding-top:4rem!important;}
	.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:0.5rem!important;}.pb-2{padding-bottom:1rem!important;}.pb-3{padding-bottom:1.5rem!important;}.pb-4{padding-bottom:2rem!important;}.pb-5{padding-bottom:2.5rem!important;}.pb-6{padding-bottom:3rem!important;}.pb-7{padding-bottom:3.5rem!important;}.pb-8{padding-bottom:4rem!important;}
	.pr-0{padding-right:0!important;}.pr-1{padding-right:0.5rem!important;}.pr-2{padding-right:1rem!important;}.pr-3{padding-right:1.5rem!important;}.pr-4{padding-right:2rem!important;}.pr-5{padding-right:2.5rem!important;}.pr-6{padding-right:3rem!important;}.pr-7{padding-right:3.5rem!important;}.pr-8{padding-right:4rem!important;}
	.pl-0{padding-left:0!important;}.pl-1{padding-left:0.5rem!important;}.pl-2{padding-left:1rem!important;}.pl-3{padding-left:1.5rem!important;}.pl-4{padding-left:2rem!important;}.pl-5{padding-left:2.5rem!important;}.pl-6{padding-left:3rem!important;}.pl-7{padding-left:3.5rem!important;}.pl-8{padding-left:4rem!important;}

	/* breadcrumb */
	.common-breadcrumb{display:none;font-size:10px;padding:12px 0;}

	/* ttl */
	.common-ttl01 span{font-size:15vw;margin:-140px 0 0 0;margin-left:calc(-6% - 2.5vw);}
	.common-ttl01.right span{margin:-90px 0 0 0;left:calc(100% - 56px);}
	.common-ttl02{font-size:24px;margin-bottom:20px;}
	.common-ttl02 span{display:block;border-bottom:1px solid #fff;padding-bottom:15px;}
	.common-ttl03 > span{font-size:15vw;margin-top:-40px;}
	.common-ttl03 > span > span{font-size:5vw;margin-left:-5px;}
	.common-ttl03 > span small{font-size:14px;margin-left:10px;}
	.common-ttl03.small > span{font-size:48px;}
	.common-ttl04{font-size:48px;margin-bottom:30px;}
	.common-ttl04 .ja{font-size:18px;margin-top:15px;}

	/* btn */
	.common-btn01{padding: 12px 30px 16px 30px;min-width:280px;font-size:26px!important;white-space:normal;}
	.common-btn01 small{font-size:14px!important;white-space:nowrap;}
/*	.common-btn01:hover::after{width:23px;height:4px;margin-top:-2px;right:-12px;top:50%;transition:none;}*/
	.common-btn01 > .ja{font-size:16px!important;padding-bottom:6px;}

	/* link */
	.common-link01{font-size:26px!important;}
	.common-link01 small{font-size:14px!important;}

	/* submv */
	.common-submv{height:240px;}
	.common-submv::before{width:300px;top:-250px;left:0;transition:.6s .2s ease;}
	.common-submv .ttl{font-size:54px;}
	.common-submv .ttl small{font-size:20px;}
	.common-submv .ttl .ja{margin-top:10px;font-size:16px;}

	/* pager */
	.common-pager01 > li{font-size:18px;}
	.common-pager01 > li > a{width:40px;height:40px;}

	/* table */
	.common-table01{font-size:14px;}
	.common-table01 th, .common-table01 td{padding:8px 20px;}

	/* -------------------------------------------------- */
	/* form：フォーム拡大防止 */
	/* -------------------------------------------------- */
	input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],
	input[type="datetime"],input[type="datetime-local"],input[type="url"],input[type="search"],select,textarea{font-size:16px!important;}
	textarea{font-size:16px!important;}
}


/* ======================================================================================================================= */
/* for IE */
/* ======================================================================================================================= */
@media screen\0 {
}