@charset "utf-8";
/* CSS Document */


/*PC版レイアウト*/
@import url("common-pc.css");

/*TB版たてレイアウト*/
@import url("common-tb-v.css");

/*TB版よこレイアウト*/
@import url("common-tb-w.css");

/*スマホ版レイアウト*/
@import url("common-sp.css");

/*ソーシャルスタイルマップ出力用*/
@import url("ss-power.css");

/*ソーシャルスタイル関係性マップ出力用*/
@import url("ss-aisho-power.css");


/*回りこみ回避*/
.clearfix:after {content:" ";display:block;clear:both;}

/*スクロールバー*/
::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-track{background: #fff;border: none;border-radius: 10px;box-shadow: inset 0 0 2px #777;}
::-webkit-scrollbar-thumb{background: #444;border-radius: 10px;box-shadow: none;}
#wrapper {width:100%; position:relative; min-height: 100vh;}
html {scroll-behavior: smooth;}

/*パネル操作*/
.panel {display:none; text-align: center;}
.panel.active {display: block; }

.panel-data {display:none; text-align: center;}
.panel-data.active {display: block; }

/*フェードイン処理*/
.fade-bottom {opacity:0; transition: all 1.3s 0s ease-out;}

/*注意表記*/
.caution{color:#F00; font-weight:bold;}

/*エクストラマージンtop*/
.mt-10{margin-top:10px} .mt-20{margin-top:20px} .mt-30{margin-top:30px} .mt-40{margin-top:40px} .mt-50{margin-top:50px}
.mt-60{margin-top:60px} .mt-70{margin-top:70px} .mt-80{margin-top:80px} .mt-90{margin-top:90px} .mt-100{margin-top:100px}
/*エクストラパディングtop*/
.pt-10{padding-top:10px} .pt-20{padding-top:20px} .pt-30{padding-top:30px} .pt-40{padding-top:40px} .pt-50{padding-top:50px}
.pt-60{padding-top:60px} .pt-70{padding-top:70px} .pt-80{padding-top:80px} .pt-90{padding-top:90px} .pt-100{padding-top:100px}

/*エクストラマージンbottom*/
.mb-10{margin-bottom:10px} .mb-20{margin-bottom:20px} .mb-30{margin-bottom:30px} .mb-40{margin-bottom:40px} .mb-50{margin-bottom:50px}
.mb-60{margin-bottom:60px} .mb-70{margin-bottom:70px} .mb-80{margin-bottom:80px} .mb-90{margin-bottom:90px} .mb-100{margin-bottom:100px}
/*エクストラパディングbottom*/
.pb-10{padding-bottom:10px} .pb-20{padding-bottom:20px} .pb-30{padding-bottom:30px} .pb-40{padding-bottom:40px} .pb-50{padding-bottom:50px}
.pb-60{padding-bottom:60px} .pb-70{padding-bottom:70px} .pb-80{padding-bottom:80px} .pb-90{padding-bottom:90px} .pb-100{padding-bottom:100px}


/*アニメーション遅延*/
.delay01{animation-delay:0.1s;} .delay02{animation-delay:0.2s;} .delay03{animation-delay:0.3s;} .delay04{animation-delay:0.4s;} .delay05{animation-delay:0.5s;} .delay06{animation-delay:0.6s;} .delay07{animation-delay:0.7s;} .delay08{animation-delay:0.8s;} .delay09{animation-delay:0.9s;} .delay10{animation-delay:1.0s;}
.delay11{animation-delay:1.1s;} .delay12{animation-delay:1.2s;} .delay13{animation-delay:1.3s;} .delay14{animation-delay:1.4s;} .delay15{animation-delay:1.5s;} .delay16{animation-delay:1.6s;} .delay17{animation-delay:1.7s;} .delay18{animation-delay:1.8s;} .delay19{animation-delay:1.9s;} .delay20{animation-delay:2.0s;}
.delay21{animation-delay:2.1s;} .delay22{animation-delay:2.2s;} .delay23{animation-delay:2.3s;} .delay24{animation-delay:2.4s;} .delay25{animation-delay:2.5s;} .delay26{animation-delay:2.6s;} .delay27{animation-delay:2.7s;} .delay28{animation-delay:2.8s;} .delay29{animation-delay:2.9s;} .delay30{animation-delay:3.0s;}
.delay31{animation-delay:3.1s;} .delay32{animation-delay:3.2s;} .delay33{animation-delay:3.3s;} .delay34{animation-delay:3.4s;} .delay35{animation-delay:3.5s;} .delay36{animation-delay:3.6s;} .delay37{animation-delay:3.7s;} .delay38{animation-delay:3.8s;} .delay39{animation-delay:3.9s;} .delay40{animation-delay:4.0s;}
.delay41{animation-delay:4.1s;} .delay42{animation-delay:4.2s;} .delay43{animation-delay:4.3s;} .delay44{animation-delay:4.4s;} .delay45{animation-delay:4.5s;} .delay46{animation-delay:4.6s;} .delay47{animation-delay:4.7s;} .delay48{animation-delay:4.8s;} .delay49{animation-delay:4.9s;} .delay50{animation-delay:5.0s;}
.delay51{animation-delay:5.1s;} .delay52{animation-delay:5.2s;} .delay53{animation-delay:5.3s;} .delay54{animation-delay:5.4s;} .delay55{animation-delay:5.5s;} .delay56{animation-delay:5.6s;} .delay57{animation-delay:5.7s;} .delay58{animation-delay:5.8s;} .delay59{animation-delay:5.9s;} .delay60{animation-delay:6.0s;}
.delay61{animation-delay:6.1s;} .delay62{animation-delay:6.2s;} .delay63{animation-delay:6.3s;} .delay64{animation-delay:6.4s;} .delay65{animation-delay:6.5s;} .delay66{animation-delay:6.6s;} .delay67{animation-delay:6.7s;} .delay68{animation-delay:6.8s;} .delay69{animation-delay:6.9s;} .delay70{animation-delay:7.0s;}
.delay71{animation-delay:7.1s;} .delay72{animation-delay:7.2s;} .delay73{animation-delay:7.3s;} .delay74{animation-delay:7.4s;} .delay75{animation-delay:7.5s;} .delay76{animation-delay:7.6s;} .delay77{animation-delay:7.7s;} .delay78{animation-delay:7.8s;} .delay79{animation-delay:7.9s;} .delay80{animation-delay:8.0s;}
.delay81{animation-delay:8.1s;} .delay82{animation-delay:8.2s;} .delay83{animation-delay:8.3s;} .delay84{animation-delay:8.4s;} .delay85{animation-delay:8.5s;} .delay86{animation-delay:8.6s;} .delay87{animation-delay:8.7s;} .delay88{animation-delay:8.8s;} .delay89{animation-delay:8.9s;} .delay90{animation-delay:9.0s;}
.delay91{animation-delay:9.1s;} .delay92{animation-delay:9.2s;} .delay93{animation-delay:9.3s;} .delay94{animation-delay:9.4s;} .delay95{animation-delay:9.5s;} .delay96{animation-delay:9.6s;} .delay97{animation-delay:9.7s;} .delay98{animation-delay:9.8s;} .delay99{animation-delay:9.9s;} .delay100{animation-delay:10.0s;} 
/*-------------------------------------------------*/

/*開閉式メニュー（タブレット以下）*/

header nav.responsive .outer-menu .menu a,header nav.responsive .outer-menu .menu a:visited,header nav.responsive .outer-menu .menu a:hover,header nav.responsive .outer-menu .menu a:active {color: inherit; text-decoration: none;}
header nav.responsive .outer-menu {position: fixed; top:0; right:60px; z-index: 101;}
header nav.responsive .outer-menu .checkbox-toggle {position: absolute; top: 0; left: 0; z-index: 103; cursor: pointer; width: 60px; height: 60px; opacity: 0;}
header nav.responsive .outer-menu .checkbox-toggle:checked + .hamburger span {transform: rotate(135deg);}
header nav.responsive .outer-menu .checkbox-toggle:checked + .hamburger span:before,.outer-menu .checkbox-toggle:checked + .hamburger span:after {top: 0; transform: rotate(90deg);}
header nav.responsive .outer-menu .checkbox-toggle:checked + .hamburger span:after {opacity: 0;}
header nav.responsive .outer-menu .checkbox-toggle:checked ~ .menu {pointer-events: auto; visibility: visible;}
header nav.responsive .outer-menu .checkbox-toggle:checked ~ .menu div {transform: scale(1); transition-duration: 0.75s;}
header nav.responsive .outer-menu .checkbox-toggle:checked ~ .menu div div {opacity: 1; transition: opacity 0.4s ease 0.4s;}
header nav.responsive .outer-menu .checkbox-toggle:hover + .hamburger {box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);}
header nav.responsive .outer-menu .checkbox-toggle:checked:hover + .hamburger span {transform: rotate(225deg);}

/*トグルボタンデザイン*/
header nav.responsive .outer-menu .hamburger {position: absolute; top: 0; left: 0; z-index: 102; width: 60px; height: 60px; background: #764E00; border-radius: 0 0.12em 0.12em 0; cursor: pointer; transition: box-shadow 0.4s ease;
  -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; align-items: center; justify-content: center;}
header nav.responsive .outer-menu .hamburger span {position: relative; flex: none; width: 25px; height: 2px; background: #FEFEFE; transition: all 0.4s ease; display: flex; align-items: center; justify-content: center;}
header nav.responsive .outer-menu .hamburger span:before,.outer-menu .hamburger span:after {content: ''; position: absolute; z-index: 102; top: -10px; left: 0; width: 100%; height: 2px; background: inherit; transition: all 0.4s ease;}
header nav.responsive .outer-menu .hamburger span:after {top: 10px;}
header nav.responsive .outer-menu .menu {position: fixed; top: 0; left: 0; z-index: 101; width: 100%; height: 100%; pointer-events: none; visibility: hidden; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent;
  display: flex; align-items: center; justify-content: center;}
header nav.responsive .outer-menu .menu  div {width: 200vw; height: 200vw; color: #FEFEFE; background: rgba(5,130,88,0.5); transition: all 0.4s ease; flex: none; transform: scale(0); -webkit-backface-visibility: hidden;
	backface-visibility: hidden; overflow: hidden; display: flex; align-items: center; justify-content: center;}
header nav.responsive .outer-menu .menu div div {text-align: center; max-width: 100vw; max-height: 100vh; opacity: 0; transition: opacity 0.4s ease; overflow-y: auto; flex: none; display: flex; align-items: center; justify-content: center;}
header nav.responsive .outer-menu .menu div div ul {list-style: none; padding: 0 1em; margin: 0; display: block; max-height: 100vh;}
header nav.responsive .outer-menu .menu div div ul li {padding: 0; margin: 1em; font-size: 140%; display: block; width:400px;}

/*リンククリックしたらイベント終了したい*/
header nav.responsive .outer-menu .menu div div ul li a {position: relative; display: inline; cursor: pointer; transition: color 0.4s ease;}
header nav.responsive .outer-menu .menu div div ul li a:hover {color: #e5e5e5;}
header nav.responsive .outer-menu .menu div div ul li a:hover:after {width: 100%;}
header nav.responsive .outer-menu .menu div div ul li a:after {content: ''; position: absolute; z-index: 1; bottom: -0.15em; left: 0; width: 0; height: 2px; background: #e5e5e5; transition: width 0.4s ease;}

/*-------------------------------------------------*/

/*ソーシャルスタイルタイプカラー出力*/
.analy{font-size:110%; font-weight:bold; color:#008E00; letter-spacing:-0.03em; text-shadow:0 0 3px #FFF;}
.drive{font-size:110%; font-weight:bold; color:#0069A3; letter-spacing:-0.03em; text-shadow:0 0 3px #FFF;}
.amiab{font-size:110%; font-weight:bold; color:#CE8400; letter-spacing:-0.03em; text-shadow:0 0 3px #FFF;}
.expre{font-size:110%; font-weight:bold; color:#FF1273; letter-spacing:-0.03em; text-shadow:0 0 3px #FFF;}
.analy01{font-size:130%; font-weight:bold; color:#b5ffc5; letter-spacing:-0.03em;}
.analy02{font-size:130%; font-weight:bold; color:#d3ffdc; letter-spacing:-0.03em;}
.analy03{font-size:130%; font-weight:bold; color:#e0ffe6; letter-spacing:-0.03em;}
.analy04{font-size:130%; font-weight:bold; color:#eaffee; letter-spacing:-0.03em;}
.analy05{font-size:130%; font-weight:bold; color:#f4fff6; letter-spacing:-0.03em;}
.drive01{font-size:130%; font-weight:bold; color:#b5f0ff; letter-spacing:-0.03em;}
.drive02{font-size:130%; font-weight:bold; color:#c6f3ff; letter-spacing:-0.03em;}
.drive03{font-size:130%; font-weight:bold; color:#d3f6ff; letter-spacing:-0.03em;}
.drive04{font-size:130%; font-weight:bold; color:#e0f8ff; letter-spacing:-0.03em;}
.drive05{font-size:130%; font-weight:bold; color:#edfbff; letter-spacing:-0.03em;}
.amiab01{font-size:130%; font-weight:bold; color:#fff3b5; letter-spacing:-0.03em;}
.amiab02{font-size:130%; font-weight:bold; color:#fff5c4; letter-spacing:-0.03em;}
.amiab03{font-size:130%; font-weight:bold; color:#fff7d3; letter-spacing:-0.03em;}
.amiab04{font-size:130%; font-weight:bold; color:#fff9e2; letter-spacing:-0.03em;}
.amiab05{font-size:130%; font-weight:bold; color:#fffaea; letter-spacing:-0.03em;}
.expre01{font-size:130%; font-weight:bold; color:#ffc6fa; letter-spacing:-0.03em;}
.expre02{font-size:130%; font-weight:bold; color:#ffd3fa; letter-spacing:-0.03em;}
.expre03{font-size:130%; font-weight:bold; color:#ffe0fb; letter-spacing:-0.03em;}
.expre04{font-size:130%; font-weight:bold; color:#ffe8fb; letter-spacing:-0.03em;}
.expre05{font-size:130%; font-weight:bold; color:#ffeffc; letter-spacing:-0.03em;}