@charset "utf-8";


/** |READ ME| **********************************************************************************************************

"Style CSS"

Cascading Style Sheet Setting File

Ver.201710

------------------------------------------------------------------------------------------------------------------------

01. Reset
02. Header
03. MainVisual
04. Section
05. Basic

********************************************************************************************************** |READ ME| **/

/** |01. Reset | >> ********************************************************************************* >> START **/

@font-face {font-family:"WebFont";src:url(../images/Roboto-Medium.ttf);}
*{margin:0;padding:0;list-style:none;}
table {border-collapse:collapse;border-spacing:0;border:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
em{font-style:normal;font-weight:bold;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
small{font-size:80%;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img{border:none;outline:none;}
img{border:none;font-size:0;line-height:0;vertical-align:bottom;}
iframe{margin:0px;padding:0px;border:none;}
html{width:100%;font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;}
body{text-align:center;font-size:14px;line-height:1.5;letter-spacing:0em;color:#333;}
.pc-block{display:block;}
.sp-block{display:none;}
.pc-inline{display:inline;}
.sp-inline{display:none;}
.btn-page-top{position:fixed;right:20px;bottom:20px;z-index:900;opacity:0;transition:0.8s ease-in-out;opacity:1;}
.btn-page-top span{display:block;width:50px;height:50px;background-color:#fff;border-radius:25px;}
.btn-page-top span::after{bottom:19px;left:16px;-webkit-transform:rotate(225deg);transform:rotate(225deg);position:absolute;content:" ";display:block;margin:0;width:15px;height:15px;border-top:3px solid #0f4f8d;border-left:3px solid #0f4f8d;transition:all 0.3s ease-in-out;}
.btn-page-top.scroll span{background-color:#0f4f8d;}
.btn-page-top.scroll span::after{bottom:13px;left:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:3px solid #fff;border-left:3px solid #fff;}
@media screen and (max-width:900px){
  .pc-block{display:none;}
  .sp-block{display:block;}
  .pc-inline{display:none;}
  .sp-inline{display:inline;}
  .btn-page-top{right:10px;bottom:10px;}
  .btn-page-top span{width:30px;height:30px;}
  .btn-page-top span:after{bottom:11px;left:15px;-webkit-transform:rotate(225deg);transform:rotate(225deg);margin:0 0 0 -6px;width:10px;height:10px;border-top:2px solid #0f4f8d;border-left:2px solid #0f4f8d;}
  .btn-page-top.scroll span::after{bottom:6px;left:15px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:2px solid #fff;border-left:2px solid #fff;}
}

/** |01. Reset | << ********************************************************************************* << END **/

/** |02. Header | >> ********************************************************************************* >> START **/

body{font-family:'Noto Sans JP', sans-serif;}
body::after{content:" ";display:block;position:fixed;width:100%;height:100vh;/*height:100dvh;*/top:0;left:0;background:#F0FAFD;z-index:4;opacity:0;transition:opacity 0.8s linear;}
body.scroll::after{opacity:0.9;}
a{color:#333333;text-decoration:none;transition:0.3s ease-out;}
a:hover{text-decoration:none;opacity:0.7;}
.header-logo{position:fixed;top:30px;left:20px;z-index:1000;transition:top 0.3s ease-in-out;}
.header-logo img{width:300px;height:auto;z-index:1000;transition:0.3s ease-in-out;}
.header-sns-twi{position:fixed;top:40px;right:80px;z-index:1000;transition:top 0.3s ease-in-out;}
.header-sns-twi img{width:36px;height:auto;}
.header-sns-mai{position:fixed;top:40px;right:30px;z-index:1000;transition:top 0.3s ease-in-out;}
.header-sns-mai img{width:36px;height:auto;}
.header-menu{display:none;}
.header-nav{position:fixed;display:flex;z-index:999;top:0;right:0;height:120px;width:100%;padding:0 140px 0 0;background:rgba(255,255,255,0);transition:height 0.3s ease-in-out , background 0.3s ease-in-out;}
.header-nav-inner{max-width:1200px;margin:auto 0 auto auto;}
.header-nav-list{display:flex;flex-direction:row;flex-wrap:wrap;}
.header-nav-item{text-align:center;font-weight:bold;box-sizing:border-box;font-size:14px;margin:0 20px;}
.header-nav-item a{display:block;padding:0;}
.header-nav-item .anchor-link-ul{display:inline-block; position:relative;}
.header-nav-item .anchor-link-ul::after{content:" ";display:block;background:#0081b2;width:0;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%,0);transition:0.3s ease-in-out;}
.header-nav-item.act .anchor-link-ul::after{width:100%;}
body.scroll .header-logo{top:15px;}
body.scroll .header-logo img{width:220px;}
body.scroll .header-sns-twi{top:17px;}
body.scroll .header-sns-mai{top:17px;}
body.scroll .header-nav{height:70px;background:rgba(255,255,255,1);}
@media screen and (max-width:900px){
  body{margin:0;padding:0;width:auto;}
  #header{position:fixed;top:0;left:0;width:100%;height:50px;border-right:none;border-bottom:1px solid #dddddd;background:#fff;z-index:1000;}
  .header-logo{position:fixed;top:8px;left:10px;z-index:1000;}
  .header-logo img{height:35px;width:auto;}
  .header-sns-twi{position:absolute;top:10px;right:100px;z-index:1000;}
  .header-sns-twi img{width:30px;}
  .header-sns-mai{position:absolute;top:10px;right:60px;z-index:1000;}
  .header-sns-mai img{width:30px;}
  .header-menu{position:absolute;display:block;top:17px;right:15px;width:30px;height:15px;border-top:1px #555555 solid;border-bottom:1px #555555 solid;cursor:pointer;}
  .header-menu:before{position:absolute;top:7px;left:0;content:" ";display:block;width:30px;height:1px;background:#555555;}
  .header-nav{top:51px;bottom:auto;left:0;padding:0;width:100%;height:0;z-index:1000;background:transparent;overflow-y:auto;transition:0.6s ease-in-out;display:block;}
  .header-nav.open{height:calc(100vh - 51px);}
  .header-nav-inner{margin:0;}
  .header-nav-list{position:relative;top:auto;left:auto;width:auto;height:auto;background:#fff;}
  .header-nav-list.open{height:calc(100vh - 46px);}
  .header-nav-item{position:relative;text-align:left;width:100%;margin:auto;height:auto;line-height:1;border-right:none;text-align:center;}
  .header-nav-item::after{content:"";display:block;width:100%;height:1px;background:#eee;position:absolute;bottom:0;left:0;}
  .header-nav-item a{padding:20px;}
  .header-nav-item.act .anchor-link-ul::after{display:none;}
  body.scroll .header-logo{top:8px;}
  body.scroll .header-logo img{height:35px;width:auto;}
  body.scroll .header-sns-twi{top:10px;}
  body.scroll .header-sns-mai{top:10px;}
  body.scroll .header-nav{height:0;background:transparent;}
  body.scroll .header-nav.open{height:calc(100vh - 51px);}
}

/** |02. Header | << ********************************************************************************* << END **/

/** |03. MainVisual | >> ********************************************************************************* >> START **/

#main-visual{position:relative;}
.main-visual-logo{position:absolute;top:30px;left:40px;width:160px;height:32px;}
.main-visual-title{text-align:center;padding:120px 0 0;}
.main-visual-txt-fur{padding: 0 20px 30px;margin: auto;max-width: 580px;text-align: left;box-sizing: border-box;}
.main-visual-txt-fur img{max-width:200px;width:100%;height:auto;margin:0;}
.main-visual-txt-01{padding:0 0 20px;position:relative;}
.main-visual-txt-01 img{max-width:580px;width:100%;height:auto;margin:0;}
.main-visual-txt-02{padding:0 20px 30px;font-weight:bold;line-height:2;font-size:18px;letter-spacing:0.05em;}
.main-visual-btn{line-height:1;max-width:360px;margin:auto;}
@media screen and (max-width:900px){
  #main-visual{position:relative;margin-bottom:0;}
  .main-visual-logo{position:absolute;top:60px;left:15px;width:101px;height:20px;}
  .main-visual-title{top:auto;left:auto;transform:none;padding:calc(50px + 10%) 7.5% 0;}
  .main-visual-txt-fur{padding:0 10px 30px;}
  .main-visual-txt-fur img{max-width:160px;}
  .main-visual-txt-01{padding:0 0 7.5%;}
  .main-visual-txt-02{padding:0 0 5%;line-height:1.8;font-size:14px;letter-spacing:0.02em;text-align:left;}
  .main-visual-btn{padding:0;text-align:center;}
}

/** |03. MainVisual | << ********************************************************************************* << END **/

/** |04. Section | >> ********************************************************************************* >> START **/

section{position:relative;overflow:hidden;z-index:10;}
.contnet-wrap{position:relative;}
.content-innter{position:relative;margin-bottom:-100vh;}
.contnet-wrap-trigger{content:" ";display:block;top:25vw;left:calc(50% + 1px);bottom:0;width:1px;position:absolute;z-index:9001;}
.section-trigger{position:absolute;top:0;left:50%;width:1px;height:100%;z-index:9000;}
.section-blank img{visibility: hidden;width:100%;max-width:1000px;height:auto;}
.section-ground{width:100%;position:sticky;bottom:0;display: flex;flex-direction: column;justify-content:end;overflow:hidden;height: 100vh;}
.section-ground-inner{z-index:1;position: absolute;top: 0;left: 50%;transform: translate(-50%,0);width: 100%;height: auto;display:flex;flex-direction:column;justify-content:end;}
.section-ground-inner img{width:100%;height:auto;}
.section-inner{position:relative;overflow:hidden;margin:auto;padding:100px 50px;max-width:1200px;box-sizing:border-box;}
.section-inner::after{content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.section-title{margin:0 auto 40px;padding:0 0 0 20px;font-size:34px;font-weight:500;position:relative;text-align:left;line-height:40px;transform:translate(35px,0);opacity:0;box-sizing:border-box;}
.section-title-ico{width:4px;height:40px;box-sizing:border-box;background:#0081B2;display:block;position:absolute;top:calc(50% - 20px);left:0;margin:0 0 0;}
.section-pic{width:100%;opacity:0;letter-spacing:-0.4em;transform:translate(35px,0);}
.section-pic img{width:100%;height:auto;}
.section-info{width:100%;height:auto;float:none;margin:0 auto 100px;display:flex;justify-content:space-between;}
.section-text{line-height:2.2;font-size:16px;font-weight:400;position:relative;text-align:left;transform:translate(35px,0);opacity:0;}
.section-visual{color:#1381B2;padding: 0 0 20px;}
.section-visual dt{font-size:16px;padding:12px 15px;background: #2BA4D9;border-radius: 5px;color:#fff;margin:0 0 20px;line-height:1;}
.section-visual dd{font-size:18px;font-weight: bold;}
.section-policy{color:#1381B2;}
.section-policy dt{font-size:16px;padding:12px 15px;background: #2BA4D9;border-radius: 5px;color:#fff;margin:0 0 20px;line-height:1;}
.section-policy dd{line-height:1.8;font-size: 14px;}
.section-policy b{font-size:18px;display: block;padding: 0 0 5px;}
.section-name{display:block;padding:30px 0;font-size:14px;line-height:1.8;font-weight:normal;}
.section-name b{display:block;font-size:17px;}
.section-content{display:flex;margin:auto;padding:0;max-width:1100px;text-align:left;line-height:2;transform:translate(35px,0);opacity:0;position:relative;border-radius:10px;background:#fff;clear:both;}
.section-content-l{width:500px;box-sizing:border-box;padding:30px 100px 30px 50px;border-right:1px #DDDDDD solid;}
.section-content-r{width:calc(100% - 500px);padding:30px 40px;box-sizing:border-box;}
.section-content-ttl{width:100%;font-weight:bold;font-size:15px;padding:0 0 20px;text-align:left;display:block;line-height:1;}
.section-content-list-wrap{padding:0;height:80px;overflow:auto;width:100%;}
.section-content-list{margin:0;padding:0 0 0 0.75rem;}
.section-content-list li{text-indent:-0.75rem;}
.section-btn{margin:20px 0 0;text-align:left;line-height:1;position:relative;}
.section-btn-link{overflow:hidden;display:inline-block;text-align:center;color:#000;position:relative;max-width:100%;height:50px;width:100%;line-height:50px;font-size:15px;padding:0 0 0 55px;box-sizing:border-box;background:#ffffff;background:-moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);background:-webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); background:linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);border-radius:3px;border:1px #ddd solid;}
.section-btn-link img{width:19px;height:auto;display:block;position:absolute;top:16px;left:18px;z-index:1;}
.section-btn-link::after{content:" ";width:55px;height:50px;position:absolute;top:0;left:0;border-radius:3px 0 0 3px;background:#ef4d40;background:-moz-linear-gradient(top,  #ef4d40 0%, #ef4d40 100%);background:-webkit-linear-gradient(top,  #ef4d40 0%,#ef4d40 100%);background:linear-gradient(to bottom,  #ef4d40 0%,#ef4d40 100%);}
section.inview .section-title{animation:section-anime01 4.5s ease-out forwards;animation-iteration-count:1;}
section.inview .section-text{animation:section-anime02 4.5s ease-out forwards;animation-iteration-count:1;}
section.inview .section-pic{animation:section-anime02 4.5s ease-out forwards;animation-iteration-count:1;}
section.inview .section-content{animation:section-anime02 4.5s ease-out forwards;animation-iteration-count:1;}
#policy .section-pic{width:400px;}
#policy .section-text{width:calc(100% - 450px);}
#foundation .section-info .section-pic,#result .section-info .section-pic {width:540px;}
#foundation .section-info .section-text,#result .section-info .section-text {width:calc(100% - 590px);}
#foundation .section-info{flex-direction:row-reverse;}
#plane{position:absolute;top:450px;left:-10%;width:120%;height:125px;background-image: url(../images/airplane.svg?25080427);background-repeat: repeat-x;background-position: 0 0;background-size:1500px 125px;animation:actPlane 18s linear infinite;transform: rotate(-10deg);}
#cloud{position:absolute;top:510px;left:0;width:100%;height:125px;background-image: url(../images/cloud.svg?25080427);background-repeat: repeat-x;background-position: 0 0;background-size:1500px 125px;animation:actCloud 18s linear infinite;}
#balloon{position:absolute;top:480px;right:10%;transition:0.8s ease-in-out;}
.balloon-inn{position:relative;animation:balloon-inn-act 4s ease-in-out infinite;}
.balloon-inn img{width:80px;height:auto;}
@keyframes actPlane{0%{background-position:0 0;}100%{background-position:1500px 0;}}
@keyframes actPlaneSp{0%{background-position:0 0;}100%{background-position:1000px 0;}}
@keyframes actCloud{0%{background-position:0 0;}100%{background-position:1500px 0;}}
@keyframes actCloudSp{0%{background-position:0 0;}100%{background-position:840px 0;}}
@keyframes balloon-inn-act{0%{top:0;}50%{top:30px}100%{top:0;}}
@media screen and (max-width:900px){
  .section-trigger{top:0;height:100%;}
  .section-inner{position:relative;padding:10% 7.5%;}
  .section-ground-inner{margin:0;}
  .section-title{margin:0 0 6%;font-size:24px;line-height:30px;}
  .section-title-ico{width:3px;height:30px;top:calc(50% - 15px);}
  .section-pic{margin:0;width:auto;}
  .section-info{width:auto;float:none;margin:0 auto 7.5%;}
  .section-text{margin:0 0 6%;line-height:1.8;font-size:15px;}
  .section-name{font-size:13px;padding:3% 0 7.5%;}
  .section-name b{font-size:15px;}
  .section-btn{margin:0;}
  .section-visual dt{margin: 0 0 15px;}
  .section-visual{padding: 0 0 7.5%;}
  .section-policy dt{margin: 0 0 15px;}
  .section-content{padding:6%;flex-wrap:wrap;margin:0;}
  .section-content-l{width:100%;padding:0 0 5%;border-right:none;border-bottom:1px #DDDDDD solid;}
  .section-content-r{width:100%;padding:5% 0 0;box-sizing:border-box;}
  .section-content-ttl{justify-content:left;padding:0 0 15px;font-size:14px;}
  .section-content-list-wrap{font-size:13px;line-height:1.8;width:100%;}
  .section-content-list li {padding:0 0 5px;line-height:1.5;}
  .section-content-list li:last-child{padding:0;}
  .section-btn-link{line-height:45px;height:45px;font-size:13px;padding:0 0 0 50px;}
  .section-btn-link img{width:19px;height:auto;display:block;position:absolute;top:15px;left:15px;z-index:1;}
  .section-btn-link::after{width:50px;height:45px;}
  #policy .section-info,#foundation .section-info,#result .section-info{flex-wrap:wrap;}
  #policy .section-pic{width:100%;}
  #policy .section-text{width:100%;margin:6% 0 0;}
  #foundation .section-info .section-pic,#result .section-info .section-pic {width:100%;}
  #foundation .section-info .section-text,#result .section-info .section-text {width:100%;}
  #plane{top:13%;height:70px;background-image: url(../images/airplane-sp.svg?25080427);background-repeat: repeat-x;background-position: 0 0;background-size:1000px 70px;animation:actPlaneSp 18s linear infinite;}
  #cloud{top:55%;height:70px;background-image: url(../images/cloud-sp.svg?25080427);background-repeat: repeat-x;background-position: 0 0;background-size:840px 70px;animation:actCloudSp 18s linear infinite;}
  #balloon{top:53%;right:15%;}
  .balloon-inn img{width:50px;}
}
@keyframes section-anime01{
  0%{opacity:0;transform:translate(35px,0);}
  10%{opacity:0;transform:translate(35px,0);}
  25%{opacity:1;transform:translate(0,0);}
  100%{opacity:1;transform:translate(0,0);}
}
@keyframes section-anime02{
  0%{opacity:0;transform:translate(35px,0);}
  15%{opacity:0;transform:translate(35px,0);}
  30%{opacity:1;transform:translate(0,0);}
  100%{opacity:1;transform:translate(0,0);}
}
@keyframes section-anime03{
  0%{opacity:0;transform:translate(35px,0);}
  25%{opacity:0;transform:translate(35px,0);}
  40%{opacity:1;transform:translate(0,0);}
  100%{opacity:1;transform:translate(0,0);}
}
@media screen and (max-width:900px) and (max-aspect-ratio: 1/2 ) {
  .section-ground-inner{margin:0;}
}

/** |04. Section | << ********************************************************************************* << END **/

/** |05. Basic | >> ********************************************************************************* >> START **/

#basic .section-title{max-width:900px;opacity:1;transform:none;}
.section-title-sub{margin:0 0 0 40px;padding:0 20px 0 0;border-radius:10px;font-size:18px;font-weight:bold;color:#fff;line-height:40px;height:40px; background:#31adc5;display:inline-block;position:relative;font-weight:300;}
.section-title-sub::before{content:" ";position:absolute;top:calc(50% - 10px);display:block;left:-24px;box-sizing:border-box;width:0;height:0;border:10px solid transparent;border-right:16px solid #31adc5;}
.section-title-sub img{width:40px;height:40px;padding:0 5px;}
.section-title-mini{box-sizing:border-box;margin:0 auto 60px;max-width:900px;padding:10px 20px;font-size:18px;border-radius:4px;background:#0081b2;color:#fff;font-weight:bold;text-align:left;font-weight:normal;}
.section-pict-wrap{max-width:900px;margin:auto;}
.section-pict-research{padding:0 0 40px;display:flex;flex-direction:row;flex-wrap:wrap;}
.section-pict-research li{width:50%;padding:0 2.5%;text-align:left;position:relative;box-sizing:border-box;}
.section-pict-research li:nth-child(2n){width:50%;}
.section-pict-research li.section-pict-ico-num--paper{width:100%;display:flex;align-items:flex-start;justify-content:space-between;}
.section-pict-index {padding:0 0 40px;display:flex;flex-direction:row;flex-wrap:wrap;}
.section-pict-index li{width:50%;padding:0 2.5%;text-align:left;position:relative;box-sizing:border-box;}
.section-pict-awards {padding:0 30px 40px;display:flex;flex-direction:row;flex-wrap:wrap;}
.section-pict-awards li{text-align:left;position:relative;box-sizing:border-box;}
.section-pict-awards li.section-pict-ico{width:150px;}
.section-pict-awards li.section-pict-num{width:calc(33% - 50px);text-align:center;}
.section-pict-box{min-height:130px;margin:0 0 60px;text-align:left;position:relative;box-sizing:border-box;display:block;padding:0 0 0 150px;}
.section-pict-awards li.section-pict-num .section-pict-box{width:50%;}
.section-pict-box-center{padding:0;}
.section-pict-pict{width:auto;height:130px;position:absolute;top:0;left:0;}
.section-pict-label{font-size:20px;font-weight:bold;display:block;padding:0 0 15px;line-height:1;white-space:nowrap;}
.section-pict-label-s{font-weight:bold;font-size:20px;line-height:1;width:100%;padding:0 0 5px;}
.section-pict-number{display:block;position:relative;display:inline-block;}
.section-pict-number-s{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;}
.section-pict-point{font-family:"WebFont";font-size:90px;display:block;color:#0280b3;line-height:1;padding:0 40px 0 0;letter-spacing:-0.02em;font-weight:bold;}
.section-pict-point-s{font-family:"WebFont";font-size:60px;display:block;color:#0280b3;line-height:1;letter-spacing:-0.02em;font-weight:bold;}
#point10.section-pict-point{padding:0 100px 0 0;}
.section-pict-comma{font-size:70%;vertical-align:middle;}
.section-pict-ken{width:auto;height:35px;position:absolute;display:block;bottom:10px;right:0;color:#0280b3;font-size:30px;font-weight:bold;line-height:1;}
.section-pict-ken-s{display:flex;flex-wrap:wrap;width:auto;height:20px;display:block;color:#0280b3;font-size:20px;font-weight:bold;line-height:1;}
.section-pict-none{padding:1.5% 0;position:relative;text-align:left;letter-spacing:-0.4em;width:45%;border-top:1px #95CDE6 solid;border-bottom:1px #95CDE6 solid;display:flex;justify-content:space-around;}
.section-pict-none-l{width:50%;display:block;text-align:center;letter-spacing:0;position:relative;}
.section-pict-none-r{width:50%;display:block;text-align:center;letter-spacing:0;position:relative;}
.section-basic-fot{margin:0 auto;padding:0;max-width:900px;}
.section-basic-fot::after{content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.section-basic-fot-btn{width:100%;float:left;text-align:left;line-height:1;margin-top:20px;}
.section-basic-fot-content{display:flex;margin:auto;padding:0;max-width:900px;text-align:left;line-height:2;position:relative;border-radius:10px;background:#fff;}
.section-basic-fot-content-l {width:380px;box-sizing:border-box;padding:30px 50px;border-right:1px #ddd solid;}
.section-basic-fot-content-r {width:calc(100% - 380px);padding:30px 50px;box-sizing:border-box;}
.section-basic-fot-ttl{width:100%;font-weight:bold;font-size:15px;padding:0 0 20px;text-align:left;display:block;line-height:1;}
.section-basic-fot-list-wrap{padding:0;height:80px;overflow:auto;width:100%;}
.section-basic-fot-list{margin:0;padding:0 0 0 0.75rem;}
.section-basic-fot-list li{text-indent:-0.75rem;}
@media screen and (max-width:1000px){
  .section-pict-research li{min-height:110px;}
  .section-pict-research{padding:0 0 40px;}
  .section-pict-pict{height:120px;top:-20px;}
  .section-pict-box{padding:0 0 0 130px;min-height:110px;}
  .section-pict-box-center{padding:0;}
  .section-pict-label{font-size:18px;}
  .section-pict-label-s{font-size:18px;}
  .section-pict-point{font-size:60px;}
  .section-pict-point-s{font-size:40px;}
}
@media screen and (max-width:767px){
  .section-title-sub{height:30px;line-height:30px;font-size:11px;vertical-align:top;margin:0 0 0 15px;padding:0 10px 0 0;}
  .section-title-sub::before {top:calc(50% - 6px);left:-16px;border:6px solid transparent;border-right:12px solid #31adc5;}
  .section-title-sub img{width:30px;height:30px;}
  .section-title-mini{margin:0 auto 6%;padding:8px;font-size:15px;}
  .section-pict-research{padding:0 0 6%;}
  .section-pict-research li{width:100%;margin:0 0 8%;min-height:90px;padding:0;}
  .section-pict-research li:nth-child(2){margin:0;width:100%;}
  .section-pict-research li:nth-child(3){margin:0;width:100%;}
  .section-pict-research li.section-pict-none{min-height:0;}
  .section-pict-research li.section-pict-ico-num--paper{flex-wrap:wrap;}
  .section-pict-index {padding:0 0 6%;}
  .section-pict-index li{width:100%;min-height:90px;padding:0;}
  .section-pict-awards {padding:0 0 6%;position:relative;}
  .section-pict-awards li{text-align:left;position:relative;box-sizing:border-box;min-height:90px;}
  .section-pict-awards li.section-pict-ico{width:auto;position:absolute;top:0;left:0;width:auto;min-height:0;margin:auto;padding:0;}
  .section-pict-awards li.section-pict-num{width:100%;text-align:left;}
  .section-pict-awards li.section-pict-num .section-pict-box{width:100%;}
  .section-pict-box{padding:0 0 0 95px;margin:0 0 6%;min-height:90px;}
  .section-pict-box + .section-pict-box{margin:0 0 6%;}
  .section-pict-ico-num{min-height:90px;}
  .section-pict-pict{width:auto;height:80px;left:0;top:0;}
  .section-pict-label{font-size:15px;padding:10px 0 5px;}
  .section-pict-label-s{position:relative;left:auto;bottom:auto;font-weight:bold;font-size:15px;line-height:1;}
  .section-pict-number{display:block;position:relative;display:inline-block;}
  .section-pict-number-s{display:block;position:relative;display:inline-block;}
  .section-pict-point{font-size:56px;padding:0 35px 0 0;}
  .section-pict-point-s{font-size:48px;padding:0 25px 0 0;}
  .section-pict-comma{font-size:70%;vertical-align:middle;}
  .section-pict-ken{bottom:5px;font-size:30px;}
  .section-pict-ken-s{width:auto;height:20px;position:absolute;display:block;bottom:10px;right:0;color:#0280b3;font-size:20px;font-weight:bold;line-height:1;}
  #point10.section-pict-point{padding:0 55px 0 0;}
  .section-pict-ken.section-pict-ken--yen{font-size:16px;height:20px;}
  .section-pict-none{padding:20px 0 0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;width:100%;padding:3% 0;}
  .section-pict-none-r{margin:0;}
  .section-basic-fot{margin:0 auto;padding:0;}
  .section-basic-fot-btn{width:auto;float:none;text-align:center;margin:0;}
  .section-basic-fot-content{flex-wrap:wrap;padding:6%;}
  .section-basic-fot-content-l {width:100%;padding:0 0 5%;border-right:none;border-bottom:1px #DDDDDD solid;}
  .section-basic-fot-content-r {width:100%;padding:5% 0 0;}
  .section-basic-fot-ttl{justify-content:left;padding:0 0 10px;}
  .section-basic-fot-list-wrap{font-size:13px;line-height:1.8;width:100%;}
  .section-basic-fot-list{font-size:13px;}
  .section-basic-fot-list li{padding:0 0 5px;line-height:1.5;}
}

/** |05. Basic | << ********************************************************************************* << END **/