@charset "utf-8";

/*csslint 
adjoining-classes      : false //adjoining classesの許可,
important              : false //inportantの許可,
outline-none           : false //outolineの許可,
unique-headings        : false //h1~6繰り返し使用許可,
box-sizing             : false //box-sizingの許可,
universal-selector     : false //アスタリスクの使用許可,
order-alphabetical     : false //outolineの許可,
overqualified-elements : false //li.activeなどの「li部分」許可,
ids                    : false //セレクタIDの使用の許可,
box-model              : flase //border,paddingの警告,
qualified-headings     : false //見出しの修飾許可,
fallback-colors: false //カラー正式指定の解除,
*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size:15px;
	min-width: initial;
	min-width: auto;
	letter-spacing: 1px;
}
/*見出し設定
---------------------------------------------------------------------------*/
.section_title {
	font-size: 5.79vw;
	line-height: 8.69vw;
	margin-bottom: 4.83vw;
}
/*共通コンテンツ・部品
---------------------------------------------------------------------------*/
.innerWrap{
	width: 100%;
}
.innerWrap2{
	width: 92%;
	padding-top:4em;
}
/*カラム設定
---------------------------------------------------------------------------*/
.flex_Crev{
	-ms-flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.col_max2 > * { width: 100%; margin-bottom: 20px; }
.col_max3 > * { width: 100%; margin-bottom: 20px;}
.col_max3 > *:last-of-type {margin-bottom: 0;}
.col_max4 > * { width: 48%; margin-bottom: 20px;}
.col_max5 > * { width: 100%; margin-bottom: 20px }

/*ANIMATION
---------------------------------------------------------------------------*/
.scrollBtn {
	-webkit-transform: translate(0, -5%);
	transform: translate(0, -5%);
}
/*header
---------------------------------------------------------------------------*/
header h1 {
	margin-top: 15px;
	left: 4%;
}
header h1 span{
	font-size: 10px;
	line-height: 9px;
}
/*スマホ用メニュー
--------------------------------------*/
.sp_menuBtn {
	color: #FFF;
	display: block;
	position: absolute;
	top: 10px;
	right: 15px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	z-index: 9999;
}
.sp_menuBtn span.bar {
	display: block;
	height: 2px;
	background-color: #FFF;
	margin: 10px 0;
	transition: all 0.2s;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.sp_menuBtn .sp_menu_str {
	display: block;
	margin-left: -3px;
}
.sp_menuBtn .sp_close_str {
	letter-spacing: 0.08em;
	display: none;
}
.open .sp_menuBtn span.bar {
	width: 49px;
}
.open .sp_menuBtn .bar1 {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.open .sp_menuBtn .bar2 {
	opacity: 0;
}
.open .sp_menuBtn .bar3 {
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.open .sp_menuBtn .sp_menu_str {
	display: none;
}
.open .sp_menuBtn .sp_close_str {
	display: block;
	margin-left: -7px;
}
.menu {
	position: fixed;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
	opacity: 0;
	margin-top: 0;
	z-index: 999;
}
.open .menu {
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: visible;
	opacity: 1;
}
/*モーダル部分
--------------------------------------*/
.menu ul {
	display: table-cell;
	vertical-align: middle;
}
.menu li {
	display: block;
	width: 100%;
	height: 80px;
	line-height: 80px;
	margin: 0 auto;
	text-align: center;
	opacity: 0;
}
.open .menu li {
	opacity: 1;
}
.open .menu li:nth-of-type(1) {
	-webkit-transition: opacity 1s ease .5s;
	transition: opacity 1s ease .5s;
}
.open .menu li:nth-of-type(2) {
	-webkit-transition: opacity 1s ease .6s;
	transition: opacity 1s ease .6s;
}
.open .menu li:nth-of-type(3) {
	-webkit-transition: opacity 1s ease .7s;
	transition: opacity 1s ease .7s;
}
.open .menu li:nth-of-type(4) {
	-webkit-transition: opacity 1s ease .8s;
	transition: opacity 1s ease .8s;
}
.open .menu li:nth-of-type(5) {
	-webkit-transition: opacity 1s ease .9s;
	transition: opacity 1s ease .9s;
}
.open .menu li:nth-of-type(6) {
	-webkit-transition: opacity 1s ease 1s;
	transition: opacity 1s ease 1s;
}
.open .menu li:nth-of-type(7) {
	-webkit-transition: opacity 1s ease 1.1s;
	transition: opacity 1s ease 1.1s;
}
.menu li a {
	display: block;
	font-size: 20px;
	color: #fff;
}
.menu li a:hover {
	color: #999;
}

.open{
	position: fixed;
	width: 100%;
}
.open .main_visual,
.open #main_content,
.open footer {
	transition: all .2s ease-out;
	-webkit-filter: blur(8px);
	-moz-filter: blur(8px);
	-ms-filter: blur(8px);
	filter: blur(8px);
}
/*ログインフォーム
--------------------------------------*/
.login_form{
	width: 95%;
}
/*スクロールボタン
--------------------------------------*/
.scrollBtn {
	width: 30px;
	left: calc(50% - 15px);
}
/*ローディング画像
---------------------------------------------------------------------------*/
#loader {
	top: 40%;
}
/*appActBtn
---------------------------------------------------------------------------*/
.appActBtn {
	padding: 10px 4%;
}
.appActBtn .left{
	display: none;
}
.appActBtn .right {
	width: 100%;
}
.appActBtn .right a{
	margin:0;
}
/*FOOTER
---------------------------------------------------------------------------*/
#page_top {
	right: 4%;
}
footer h5 {
	text-align: left;
	padding-left: 3%;
}
footer .ftr_navi ul{
	width: 100%;
}
footer .ftr_navi {
	padding: 30px 4%;
}
footer .ftr_navi .col_max5 > li {
	width: 100%;
	margin-bottom: 10px;
}
footer .ftr_navi .col_max5 > * {
	width: 18.5%;
}
.ftr_navi .col_max5 > li:first-of-type {
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
.ftr_navi .col_max5 > li:last-of-type {
	margin-bottom: 0;
}
footer .ftr_navi ul li:nth-of-type(2) {
	width: 100%;
}
footer .innerWrap {
	padding: 20px 4%;
}
footer .innerWrap .col_max3 > * {
	width: 100%;
	margin-right:0;
}
footer .innerWrap a .logo {
	display: inline-block;
}
footer .innerWrap ul li {
	margin-bottom: 30px;
	width: 100%;
}
footer .innerWrap a .text {
	font-size: 11px;
}
.ftrNaviWrap {
	width: 100%;
	margin: 20px auto 0;
}
.ftrNaviWrap nav {
	text-align: center;
}
.copyright {
	padding: 10px 0 40px;
}
/*--------------------------------------------------------------------------
TOPページ
---------------------------------------------------------------------------*/
.secTop{
	padding: 6% 4%;
}
/*Main Visual
--------------------------------------*/
.top .intro .innerWrap{
	padding: 4%;
}
.top .main_visual{
	min-height: 640px;
}
.top .main_visual .innerWrap2 {
	padding-top: 0;
}
.top .main_visual .slider .slide_bg {
	min-height: 220vw;
}
.top .main_visual .slider .slide_bg1{
	background-position: 66% 50%;
}
.top .intro h2 {
	font-size: 5.83vw;
	line-height: 6.97vw;
}
.top .intro p.typistWrap {
	line-height: 10vw;
	font-size: 4.83vw;
	width: 64%;
	margin: 4px 0 4px 0;
}
.top .intro p.typistAddStr {
	font-size: 4.83vw;
	line-height: 6.97vw;
}
.top .intro p.desc1 {
	font-size: 3.86vw;
	line-height: 1.6;
	margin: 3.2vw 0;
}
.top .intro p.cmt {
	color: #FFF;
	font-size: 2.89vw;
	line-height: 4.34vw;
	font-family: "Rounded Mplus 1c", sans-serif;
	font-weight: 500;
	text-shadow: 0 0 6px #333;
}
/*ネットワーク取引高
-------------------------*/
.txnCounterAreaInr{
	width: 100%;
}
.txnCounter-ttl{
	font-size: 5vw;
}
.txnCounter-num{
	font-size: 12.77vw;
	letter-spacing: 0;
}
.txnCounter-yen{
	font-size: 5vw;
}
/*登録者数 reg_number
-------------------------*/
.reg-number{
	width: 100%;
	margin-top: 18px;
}
.reg-number .box {
	width: 48%;
	margin: 0;
}
.reg-number .box:nth-of-type(2) {
	margin-left: auto;
}
.reg-number .box p {
	font-size: 11vw;
	padding: 4.16vw 0;
	letter-spacing: 0;
}
.reg-number .box p span {
	font-size: 4.44vw;
}
.reg-number .box h6 {
	font-size: 4.16vw;
	padding: 1.38vw 0 0.83vw;
}
/*チャーター便情報 charterInfo
--------------------------------------*/
.charterInfo .section_desc{
	width:100%;
	border: 1px solid;
	margin: 0 auto 30px;
	padding: 4%;
}
.charterInfo .info_content table {
	border: none;
}
.charterInfo .info_content table thead {
	display: none;
}
.charterInfo .info_content table tr {
	border-top: 1px solid #999;
	display: block;
	margin-bottom: 20px;
}
.charterInfo .info_content table  > tbody tr:last-of-type {
	margin-bottom: 0;
}
.charterInfo .info_content table td {
	background-color: #FFF;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	display: block;
	padding: 10px;
	text-align: right;
	line-height: 1.5;
}
.charterInfo .info_content table td::before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
}
.charterInfo .info_content table tbody td:last-of-type{
	text-align: left;
}
.charterInfo .info_content table td:last-of-type::before{
	width: 100%;
	text-align: left;
	margin-bottom: 3px;
}
.charterInfo tbody.scrollBody{
	background-color: #F7F7F7;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.charterInfo tbody.scrollBody .w100,
.charterInfo tbody.scrollBody .w110,
.charterInfo tbody.scrollBody .w115,
.charterInfo tbody.scrollBody .w200,
.charterInfo tbody.scrollBody .w369,
.charterInfo tbody.scrollBody .w380,
.charterInfo tbody.scrollBody .w764{
	width: 100%;
}
/*タブ切り替え
-------------------------------*/
.info_content .tab li{
	border: 3px solid #333;
	font-size: calc(0.75rem + ((1vw - 3.6px) * 3.2143));
	padding: 0.93vw;
}
/*ガタースライド
-----------------------*/
.charterInfo .multiSlide .slick-list {
	margin-right: -11px;
}
.charterInfo .multiSlide .slick-slide {
	margin-right: 11px;
}
.charterInfo .slideWrap {
	margin-bottom: 30px;
}
/*secMovie
--------------------------------------*/
.secMovie .innerWrap .boxMovie {
	width: 100%;
	margin-bottom: 30px;
}
iframe.twitter-timeline-rendered {
	width: 450px !important;
	margin:0 auto;
}
.secMovie .innerWrap .boxTw{
	width: 100%;
	margin-left: 0;
	overflow: hidden;
}
/*infomation secInfo
--------------------------------------*/
.secInfo .innerWrap .boxInfo {
	width: 100%;
	margin-bottom: 30px;
}
.secInfo table th {
	font-size: 12px;
	padding:8px 0;
}
.secInfo table td {
	padding: 8px 0 8px 10px;
	font-size: 12px;
}
.secInfo table td span {
	font-size: 10px;
	width: 50px;
	height: 24px;
	line-height: 24px;
}
.secInfo .innerWrap .boxInfo::-webkit-scrollbar {
	width: 5px;
}
.secInfo .innerWrap .boxInfo::-webkit-scrollbar-track {
	border-radius: 3px;
	background: #eee;
}
.secInfo .innerWrap .boxInfo::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #666;
}
/*ご登録方法 aboutApp
--------------------------------------*/
.aboutApp .innerWrap .cancel {
	top: -2px;
}
.aboutApp .section_title{
	font-size: 5.07vw;
}
.aboutApp .introWrap{
	padding: 20px 20px 50px;
}
/*システム aboutSys
--------------------------------------*/
.pcScreen section p,
.appScreen section p {
	padding: 10px;
}
.appScreen section img {
	width: 100%;
}
.appScreen section p {
	width: 100%;
}
.aboutSys .flow_box{
	padding: 10px;
}
.aboutSys .right_box {
	width: 100%;
}
.aboutSys .btn_wrap {
	margin: 0 0 80px;
	padding: 0;
}
/*Feature
--------------------------------------*/
.fea_title {
	color:#fff;
	font-size:20px;
	margin-bottom:20px;
	text-align:center;
}
.feature{
	background-color: #000000;
	overflow:auto;
}
.feature_box01 {
	border:2px solid #ee0707;
	border-radius:10px;
	padding : 20px 20px;
	overflow:auto;
	width:100%;
	clear:left;
	text-align:center;
	min-height: 352px;
	margin-bottom:10px;
}
.feature_box_blank {
	display:none;
	overflow:auto;
	width:2%;
	float:left;
}
.feature_box_s {
	background-color:#ee0707;
	color:#000;
	font-size:14px;
	font-weight:bold;
	width:30%;
	border-radius:4px;
	text-align:center;
	margin: 0 auto;
}
.fea_image {
	position:absolute;
	margin-top: -5px;
}
.feature h4{
	margin-top:15px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	line-height: 23px;
}
.feature h5 {
	color:#fff;
	font-size:14px;
	text-align:left;
	margin-top: 160px;
	line-height: 18px;
}
/*p_gui
--------------------------------------*/
.p_gui_title {
	color:#000;
	font-size:20px;
	margin-bottom:0;
	text-align:center;
}
.p_gui {
	background-color: #ffffff;
	overflow:auto;
}
.p_gui_group {
	margin-top:-10px;
}
.p_gui_col01 {
	width:100%;
	clear:left;
	padding: 0 5px 0 5px;
}
.p_gui_blank {
	display:none;
	width:2%;
	clear:left;
}
.p_gui_col02 {
	width:100%;
	clear:right;
}
.p_gui_box {
	border: 2px solid #ff0000;
	border-radius:10px;
	padding : 20px 20px;
	overflow:auto;
	margin-top:30px;
	text-align:center;
}
.p_gui_circle {
	position:absolute;
	margin-top:-15px;
	margin-left:-15px;
	width:40px;
	height:40px;
	border-radius:50px;
	background-color:#ff0000;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
}
.p_gui_line {
	width:100%;
	height:2px;
	background-color:#e4e4e4;
	margin: 10px 0 20px 0;
}
.p_gui_stxt {
	position:relative;
	width:100%;
	margin:0;
}
.p_gui_stxt01 {
	font-size:20px;
	color:#ff0000;
	text-align:center;
	font-weight:bold;
	line-height:26px;
}
.p_gui_stxt02 {
	font-size:14px;
	line-height:20px;
	text-align:center;
	margin-top:10px;
}
.p_gui_stxt2 {
	position:relative;
	width:100%;
	margin:0;
}
.p_gui_stxt03 {
	background-color:#ff0000;
	width:100%;
	color:#fff;
	font-size:12px;
	height::30px;
	line-height:30px;
	text-align:center;
	margin-top:5px;
}	
.p_gui_stxt04 {
	font-size:14px;
	line-height:20px;
	text-align:left;
	margin-top:5px;
}
.p_gui_btn_box {
	width:100%;
	text-align:center;
}
.p_gui_btn {
	border:0;
	background-color:#ff0000;
	color:#fff;
	width: 100%;
	height:50px;
	font-size:20px;
	line-height:50px;
	text-align:center;
	font-weight:bold;
	margin: 20px 0 0 0;
	border-radius:10px;
}
/*News2
--------------------------------------*/
.news2_title {
	color:#000;
	font-size:20px;
	margin-bottom:20px;
	text-align:center;
}
.news2 {
	background-color: #f7f7f7;
	overflow:auto;
}
.news2_box {
	border: 2px solid #ff0000;
	border-radius:10px;
	padding : 20px 20px;
	overflow:auto;
	margin-top:20px;
	text-align:center;
}
.news2_stxt01 {
	font-size:16px;
	color:#000;
	text-align:left;
	font-weight:bold;
	line-height:26px;
}
.news2_btn {
	border:0;
	background-color:#ff0000;
	color:#fff;
	width:100%;
	height:50px;
	font-size:18px;
	line-height:50px;
	text-align:center;
	font-weight:bold;
	margin-top:20px;
	border-radius:10px;
}
.news2_btn_pdf {
	position: relative;
	width: 100%;
	margin-top: 20px;
	font-size: 17px;
}
/*FAQ
--------------------------------------*/
.top_faq_q,
.top_faq_a {
	line-height: 1.6;
}
.top_faq_q{
	font-size: 16px;
}
.top_faq_q::before {
	top: -1px;
}
dl.top_faq dd.top_faq_a:last-of-type{
	padding: 20px 20px 0 60px
}
/*
--------------------------------------*/


/*--------------------------------------------------------------------------
下層ページ
---------------------------------------------------------------------------*/
/*下層 共通設定
---------------------------------------------------------------------------*/

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

.sp_alignL {text-align: left;}
.sp_alignR {text-align: right;}
.sp_alignCR {text-align: center;}

@media screen and (max-width: 375px){
	.top .main_visual .slider .slide_bg {
		min-height: 228vw;
	}
	.top .intro p.cmt {
		font-size: 11px;
	}
	.scrollBtn {
		bottom: 0;
	}
	.sp375{
		display: block;
	}
}
@media screen and (max-width: 360px){
	header h1 {
		margin-top: 10px;
	}
	header h1 span{
		font-size: 9px;
	}
	footer .innerWrap a .logo {
		width: 150px;
	}
}
@media screen and (max-width: 320px){
	.login_form button {
		width: 70px;
	}
/*
.top .main_visual .slider .slide_bg {
min-height: 190vw;
}
*/
.top .appIntro {
	margin-top: 5px;
}
.top .intro h2 {
	font-size: 15px;
}
.top .intro p.cmt{
	margin-bottom: 5px;
	line-height: 16px;
	font-size: 10px;
}
.top .appIntro img {
	margin-top: 0;
}
footer h5 {
	padding-left: 1%;
}
}