@charset "UTF-8";
/*! Base================================================ */
html body{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	word-wrap:break-word;word-break: break-all;
	font-size: 1.6rem;line-height: 1.9;font-weight: 400;
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,"Yu Gothic", YuGothic,  Arial, "メイリオ",Meiryo,sans-serif;
	font-feature-settings : "palt";
}

#wrapper{
	text-align: center;
	background: #fff;color: #333;
}
a{color: #333;text-decoration: none;}
a:hover img{opacity: 0.6;}
.sp{display: block;margin: 0 auto;}
.pc{display: none;}

@media screen and (min-width:768px) {
	#wrapper{font-size: 2.1rem;line-height: 1.9;}
	.sp{display: none;}
	.pc{display: block;margin: 0 auto;}
}

/* .section ==================== */
.section.border:after{display: block;width: 90%;max-width: 1000px;margin: 0 auto;content: "";border-bottom:1px solid #ddd;}
.section.dark{background: #333;color: #fff;}
.section.dark a{color: #fff;text-decoration: none;}

/* .section-header */
.section-header{
	width: 90%;
	margin: 0 auto 0;
	padding-bottom:20px;
}
.section-title{
	margin:0 auto 0;
	font-size: 2.8rem;line-height: 1.4;font-weight: 700;
}
.section-title:after{
	display: block;
	width: 160px;height: 5px;
	margin: 20px auto;
	content: "";
	background: #00A391;
}
.section-header p{
	font-size: 1.6rem;line-height: 1.8;font-weight: 700;
}
@media screen and (min-width:768px) {
	.section-header{padding-bottom:60px;}
	.section-title{font-size: 5.0rem;line-height: 1.4;}
	.section-title:after{width: 180px;height: 5px;margin: 40px auto;}
	.section-header p{font-size: 2.8rem;line-height: 1.9;}
}
/* .section-content */
.section-content{
	width: 90%;max-width: 1160px;
	margin: 0 auto;
}

/* .fbox ==================== */
.fbox li.text p img{width: 80%;}
.fbox h3{padding-bottom: 10px;font-size: 2.8rem;line-height: 1.6;font-weight: 700;}

@media screen and (min-width:768px) {
	.fbox{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;}
	.fbox li.text p{text-align: left;}
	.fbox li.text p img{width: auto;}
	.fbox.col2 li{width: calc( ( 100% - 40px ) / 2 );}
	.fbox.col2.reverse li.image{order:3;}
	.fbox h3{padding-bottom: 40px;text-align: left;font-size: 4.0rem;line-height: 1.4;}
}

/* .btn-area ==================== */
.btn-area{font-size: 2.3rem;}

/*! #header ================================================ */
#header{
	font-size: 1.3rem;line-height: 1;background: #333;color: #fff;
}
#nav-global{
	display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;
	width: 96%;
	margin: 0 auto;padding: 10px 0;
}
#nav-global li{padding:0 1.5em;border-right: 1px solid #fff;}
#nav-global li:first-child{border-left: 1px solid #fff;}
#nav-global a{color: #fff;}
#nav-global a:hover{text-decoration: underline;}

/*! first-view================================================ */
#first-view img{width: 100%;}

/*! intro ================================================ */
.section.intro{padding-top: 60px;padding-bottom: 60px;}
.catch-intro{padding-top: 20px;font-size: 2.1rem;}

@media screen and (min-width:768px) {
	.section.intro{padding-top: 130px;padding-bottom: 130px;}
	.catch-intro{padding-top: 40px;font-size: 3.7rem;}
}

/*! .observation ================================================ */
.section.observation{
	display:flex;flex-flow:column wrap;justify-content:center;align-items:center;
	min-height: 500px;
	background: url(img/bg_observation_sp.png) no-repeat center center;background-size: cover;
	color: #fff;
}
@media screen and (min-width:768px) {
	.section.observation{min-height: 777px;background-image: url(img/bg_observation.png);}
}
/*! .point ================================================ */
.section.point{padding-top: 60px;padding-bottom: 60px;}
.list-icon{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin: 0 auto 20px;}
.list-icon li{width: calc( 100% / 2 );}
.list-icon li img{width: 100%;}

@media screen and (min-width:768px) {
	.section.point{padding-top: 130px;padding-bottom: 90px;}
	.list-icon{justify-content:space-between;margin: 0 auto 40px;}
	.list-icon li{width: calc( 100% / 8 );}
}
/*! .macro ================================================ */
.section.macro{padding-top: 60px;padding-bottom: 0;}
.macro .fbox li{padding-bottom: 20px;}
@media screen and (min-width:768px) {
	.macro .fbox li{padding-bottom: 40px;}
}
/*! .twoway ================================================ */
.section.twoway{padding-top: 60px;padding-bottom: 0px;}
.twoway .fbox{padding-bottom: 40px;}
.twoway .fbox li{padding-bottom: 20px;}
@media screen and (min-width:768px) {
	.twoway .fbox li{padding-bottom: 40px;}
}

/*! .scene ================================================ */
.section.scene{padding-top: 60px;padding-bottom: 0;}
.scene .fbox{margin-top: 20px;margin-bottom: 60px;}
.scene .fbox li.image{margin-bottom: 20px;}
@media screen and (min-width:768px) {
	.section.scene{padding-bottom: 110px;}
	.scene .fbox{margin-top: 0px;margin-bottom: 20px;}
}

/*! .compact ================================================ */
.section.compact{padding-top: 60px;padding-bottom:30px;}
.compact .fbox li{padding-bottom: 20px;}
.compact .fbox li p{margin-bottom: 20px;}
@media screen and (min-width:768px) {
	.section.compact{padding-top: 130px;padding-bottom:130px;}
	.compact .fbox li{padding-bottom: 40px;}
}

/*! .voice ================================================ */
.section.voice{padding-top: 60px;padding-bottom: 10px;}
.voice .fbox li{margin-bottom: 60px;}
.voice .fbox li img{width: 100%;}
.voice .fbox h3{padding: 15px 0;font-size: 2.1rem;line-height: 1.4;font-weight: 700;}
.voice .fbox p{font-size: 1.6rem;line-height: 1.7;}

@media screen and (min-width:768px) {
	.section.voice{padding-top: 110px;padding-bottom: 70px;}
	.voice .fbox h3{font-size: 2.6rem;line-height: 1.4;text-align: center;}
	.voice .fbox p{font-size: 1.6rem;line-height: 1.4;text-align: left;}
}

/*! .technology ================================================ */
.section.technology{padding-top: 60px;padding-bottom: 50px;}
.technology header{margin-bottom: 30px;}
.technology .fbox{margin-bottom: 60px;}
.technology .fbox li p{margin-bottom: 20px;}
.technology .fbox li.image{margin-bottom: 20px;}

@media screen and (min-width:768px) {
	.section.technology{padding-top: 130px;padding-bottom: 100px;}
	.technology header{margin-bottom: 60px;}
	.technology .section-content{max-width: 1060px;}
}
/*! .world ================================================ */
.section.world{padding-top: 60px;padding-bottom: 40px;}
.world .section-content figure{padding-bottom: 20px;}
.world .section-content p{padding-bottom: 20px;font-size: 1.6rem;line-height: 1.8;}
.world .section-content p.btn-area{padding-top: 40px;font-size: 2.3rem;}

@media screen and (min-width:768px) {
	.section.world{padding-top: 110px;padding-bottom: 70px;}
	.world .section-content figure{padding-bottom: 40px;}
	.world .section-content p{padding-bottom: 40px;font-size: 2.8rem;line-height: 1.8;}
	.world .section-content p.btn-area{padding-top: 60px;font-size: 3.3rem;}
}
/*! #site-footer ================================================ */
#site-footer{
	padding: 15px 0;font-size: 1.0rem;line-height: 1;background: #333;color: #fff;
}
@media screen and (min-width:768px) {
	#site-footer{padding: 20px 0;font-size: 1.3rem;line-height: 1;}
}