@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 //カラー正式指定の解除,
*/

/*全体の設定
---------------------------------------------------------------------------*/
html {
	font-size:100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0;
	padding: 0;
	font:inherit;
}

body {
	color: #333;
	font-size:16px;
	margin: 0 auto;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic ProN',Meiryo,Arial,Helvetica,'MS PGothic', Sans-serif;
	line-height: 1.8;
	min-width: 1200px;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
}

ol,ul li{
	list-style: outside none none;
}

img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
}

table {
	border-collapse:collapse;
	border-spacing: 0;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
button {
	cursor: pointer;
	outline: none;
}
address{
	font-style: normal
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	text-decoration:none;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
	outline: none;
	overflow: hidden;
	color:#08C;
}
a:hover {
	opacity:0.8;
	text-decoration: none;
}
/*フォント設定
---------------------------------------------------------------------------*/
/*ボタン設定
---------------------------------------------------------------------------*/
.btn {
	border-radius: 2px;
	-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.1) 0 1px 2px;
	-moz-box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.1) 0 1px 2px;
	box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.1) 0 1px 2px;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(128, 128, 128, 0.1)));
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(128, 128, 128, 0.1));
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(128, 128, 128, 0.1));
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(128, 128, 128, 0.1));
	background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(128, 128, 128, 0.1));
	background-color: white;
	border-color: whitesmoke whitesmoke #cfcfcf;
	border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
	color: #111;
	font-size: 14px;
	line-height: 22px;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.2);
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 0;
	padding: 2px 12px;
	text-align: center;
	vertical-align: middle;
	outline: none;
}
.btn:hover {
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-ms-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
	opacity: 1;
}
.btn:active,.btn_red:active {
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	outline: 0;
}
.btn_blue{
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(33, 169, 236, 0)), color-stop(100%, rgba(1, 9, 13, 0.1)));
	background-image: -webkit-linear-gradient(rgba(33, 169, 236, 0), rgba(1, 9, 13, 0.1));
	background-image: -moz-linear-gradient(rgba(33, 169, 236, 0), rgba(1, 9, 13, 0.1));
	background-image: -o-linear-gradient(rgba(33, 169, 236, 0), rgba(1, 9, 13, 0.1));
	background-image: linear-gradient(rgba(33, 169, 236, 0), rgba(1, 9, 13, 0.1));
	background-color: #21a9ec;
	border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
	color: white;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
}
.btn_blue:hover{
	background-color: #1399dc;
	color: #FFF;
}
.btn01 {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.btn01::before,
.btn01::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn01,
.btn01::before,
.btn01::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
/*見出し設定
---------------------------------------------------------------------------*/
/*共通コンテンツ・部品
---------------------------------------------------------------------------*/
.innerWrap{
	width: 980px;
	margin: 0 auto;
}
.innerWrap2{
	width: 980px;
}
/*table関連
----------------------------------------*/
select {
	color: #111;
	background-color: #fff;
	outline: none;
	font-size: 14px;
	height: 24px;
}
.table_type01 {
	width: 100%;
	font-size: 15px;
	margin-bottom: 20px;
	background: #FFF;
	border: 1px solid #e9e9e9;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.table_type01 th, .table_type01 td {
	padding: 12px 15px;
	border: 1px solid #ddd;
}
.table_type01 th {
	background-color: #fcfcfc;
	width: 22%;
	text-align: left;
}
/*アラート 関連
----------------------------------------*/
.alert_area {
	padding: 8px 20px 8px;
	margin: 20px 0 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	border-radius: 2px;
}
/*アップロード
---------------------------------------*/
#typefileBtn01, #typefileBtn02 {
	margin: 10px 0 8px;
}
#filename01, #filename02 {
	border: none!important;
	background-color: #fbfbfb!important;
	vertical-align: middle;
	width: 50%;
	pointer-events: none;
}
/*カラム設定
---------------------------------------------------------------------------*/
.flexCols {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap : wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex_AlignC{
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex_AlignEnd{
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.flex_CC { 
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex_Sbet{ 
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
.flex_SbetC{ 
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
/*Header
---------------------------------------------------------------------------*/
/*TOP
--------------------------------------*/
header .innerWrap{
	position: relative;
}
.top header h1 {
	font-family: "Mplus 1p";
	font-size: 20px;
	font-weight: 500;
	color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 24px;
	z-index: 99;
}
.top header h1 span{
	font-size: 11px;
	display: block;
	line-height: 10px;
	margin-bottom: 4px;
}
header h1 a{
	color: #FFF;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
header nav{
	position: absolute;
	z-index: 99;
	right: 0;
	margin-top: 55px;
	letter-spacing:-.4em;
}
header nav ul li{
	display: inline-block;
	letter-spacing:normal;
}
header nav ul li a{
	display: block;
	color: #FFF;
	padding: 0 15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*スマホ用メニュー
--------------------------------------*/
.sp_menuBtn{
	display: none;
}
/*ANIMATION
---------------------------------------------------------------------------*/
/*アニメーション ロゴ
---------------------------------------*/
@-webkit-keyframes RightToLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(800px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@keyframes RightToLeft {
	0% {
		opacity: 0;
		transform: translateX(800px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.top_title_Logo img {
	-webkit-animation-duration: 1.5s;
	-webkit-animation-name: RightToLeft;
	-webkit-animation-iteration-count: 1;
	animation-duration: 1.5s;
	animation-name: RightToLeft;
	animation-iteration-count: 1;
	margin-left: 2px;
}
/*アニメーション スクロールボタン
---------------------------------------*/
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
.scrollBtn {
	width: 30px;
	color: #FFF;
	position: absolute;
	bottom: 0;
	left: calc(50% - 30px);
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	padding-top: 60px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.scrollBtn span.sbIcon {
	position: absolute;
	top: 0;
	left: 50%;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 2px solid #fff;
	border-radius: 50px;
	box-sizing: border-box;
}
.scrollBtn span.sbIcon::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
}
/*ローディング画像
---------------------------------------------------------------------------*/
#loader_bg {
	background: #000;
	width: 100vw;
	height: 100vh;
	position: relative;
}
#loader {
	margin: 0 auto;
	width: 300px;
	text-align: center;
	font-size: 25px;
	color: #f5f5f5;
	position: relative;
	top: 45%;
}
#bar {
	width: 300px;
	height: 2px;
	border:1px solid #efefef;
	padding: 1px;
	margin-top: 10px;
	font-size: 1px;
}
#bar span {
	display: block;
	width: 0;
	height: 2px;
	background: #efefef;
}
/*ログインフォーム
--------------------------------------*/
.login_form{
	width: 360px;
	height: 220px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 3px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px 2px rgba(0,0,0,0.1);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
}
.login_form .box {
	padding: 0 15px;
}
.login_form h4 {
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	text-shadow: 0 1px 0 #fff;
	filter: dropshadow(color=#fff, offx=0, offy=1);
	line-height: 45px;
	margin-bottom: 24px;
	background-color: #F7F7F7;
	border-bottom: 1px solid #C1C1C1;
}
.login_form input[type="text"],
.login_form input[type="password"] {
	box-shadow: 0 0 0 4px #f2f5f7;
	width: 100%;
	height: 33px;
	padding: 0 10px 0 10px;
	margin: 0 auto 20px;
	color: #aeaeae;
	border: 1px solid #bec2c4;
	outline: none;
	display: block;
	font-size: 16px;
}
.login_form input[type="text"]:focus,
.login_form input[type="password"]:focus {
	box-shadow: 0 0 0 4px #e0f1fc;
	border: 1px solid #7dc6dd;
}
.login_form label {
	float: left;
	font-size: 13px;
}
.login_form button {
	position: relative;
	background-color: #9ce2e8;
	color: #fff;
	width: 100px;
	height: 32px;
	font-size: 13px;
	line-height: 30px;
	font-weight: 700;
	cursor: pointer;
	outline: none;
	border: none;
	float: right;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 1px 0 #7fd5dc;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.login_form button:hover {
	background-color: #54ced8;
	box-shadow: 0 1px 0 #54ced8;
}
.login_form button:active {
	top: 1px;
	box-shadow: none;
}
/*Overlay
---------------------------------------------------------------------------*/
.fixBody{
	position: fixed;
	width: 100%;
	height: 100%;
}
.overlay{
	display: none;
	width: 100%;
	height:100%;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: rgba(0,0,0,0.8);
}
.close {
	width: 100%;
	height: 32px;
	cursor: pointer;
	margin: auto;
	display: block;
	position: absolute;
	background: #F8F8F9;
	line-height: 32px;
	margin-top: 58px;
}
/*Main Visual
---------------------------------------------------------------------------*/
.top .main_visual{
	width: 100%;
	position: relative;
}
.top .main_visual .innerWrap2 {
	margin: 100px auto 0;
}
.top .main_visual .slider .slide_bg{
	filter: brightness(70%);
	/*height: 100vh;*/
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	-webkit-transition: -webkit-transform 8s linear,opacity 5000ms ease 0s!important;
	transition: transform 8s linear,opacity 5000ms ease 0s!important;
}
@media screen  and (min-width: 501px){
	.top .main_visual .slider .slide_bg{
		min-height: 690px;
	}
}
@media screen  and (max-width: 500px){
	.top .main_visual .slider .slide_bg{
		min-height: 700px;
	}
}
.top .main_visual .slider .slick-current{
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.top .main_visual .slider .slide_bg1{
	background-image: url(../images/top/slide/slide_bg1.jpg);
}
.top .main_visual .slider .slide_bg2{
	background-image: url(../images/top/slide/slide_bg2.jpg);
}
.top .main_visual .slider .slide_bg3{
	background-image: url(../images/top/slide/slide_bg3.jpg);
}
.top .intro{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top .intro .topInfo{
	background-color: #FFF;
	border: 1px solid #e60000;
	border-radius: 2px;
	color: #e60000;
	display: inline-block;
	font-size: 12px;
	padding: 2px 5px;
	margin-bottom: 5px;
}
/*
@media screen  and (max-height:716px) and (min-width:1000px){
	.top .intro .topInfo{
		margin-top:30px;
	}
}
*/
.top .intro .topInfo i{
	font-size: 14px;
	margin-right: 3px;
}
.top .intro h2 {
	color: #FFF;
	font-size: 40px;
	font-family: "Rounded Mplus 1c", sans-serif;
	font-weight: 500;
	line-height: 58px;
	text-shadow: 0 0 6px #333;
	margin-bottom: 15px;
}
.top .intro p.typistWrap {
	display: inline-block;
	width: 370px;
	text-align: center;
	background-color: rgba(34,34,34,0.6);
	border: 3px solid #ffbe00;
	text-shadow: 0 0 6px #333;
	color: #FFF;
	margin-right: 10px;
	font-family: "Rounded Mplus 1c", serif;
}
.top .intro h4 {
	color: #FFF;
	font-weight: 500;
	font-size: 21px;
	font-family: "Rounded Mplus 1c", sans-serif;
	margin-bottom: 16px;
	text-shadow: 0 0 6px #333;
}
.top .intro p.cmt {
	color: #FFF;
	font-size: 14px;
	font-family: "Rounded Mplus 1c", sans-serif;
	font-weight: 500;
	text-shadow: 0 0 6px #333;
	margin-bottom: 20px;
}
/*仕事カウンター info_area
-------------------------*/
.top .main_visual .info_area{

}
.top .main_visual .info_area .box{
	width: 110px;
	height: 92px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 2px;
	text-align: center;
	margin: 0 0 0 10px;
	position: relative;
	border: 1px solid #C3B07A;
}
.top .main_visual .info_area .box:first-of-type{
	margin-left: 0; 
}
.top .main_visual .info_area .box p{
	font-size: 24px;
	padding-top: 8px;
	letter-spacing: 0;
	font-weight: 400;
}
.top .main_visual .info_area .box h6{
	color: #444;
	font-weight: 400;
	margin-top: 0;
	font-size: 15px;
	letter-spacing: 0.8px;
}
.top .main_visual .info_area .boxImg{
	margin-left:10px;
}
/*アプリ紹介 appIntro
-------------------------*/
.top .appIntro{
	margin-top:10px;
}
.top .appIntro p.cmt{
	margin-bottom: 0;
}
.top .appIntro img{
	margin-top: 10px;
	margin-right: 10px;
}
/*Main
---------------------------------------------------------------------------*/
/*Catch
---------------------------------------*/
.catch {
	/*background: #7f8c8d url(../images/top/bg.png) no-repeat center/cover;*/
	background-color: #111;
	color: #ffffff;
	line-height: 2;
	text-align: center;
	font-size: 24px;
	padding: 48px 24px 24px;
	overflow:auto;
}
.catch_inner {
	color: #ffffff;
	position: relative;
	z-index: 1;
}
.catch_txtInner {
	display: inline-block;
}
.catch_bold {
	display: block;
	font-size: 54px;
	letter-spacing: 2px;
}
.catch_bold span{
	font-size:30px;
}
.catch_inner .gui {
	width:1100px;
	margin:0 auto;
}
.catch_inner .gui_box {
	margin:40px 0;
	border:2px solid #ffa002;
	border-radius:10px;
	padding : 20px 15px;
	overflow:auto;
	width:32%;
	float:left;
	text-align:center;
}
.catch_inner .gui_box .t1{
	color:#fff;
	font-size:34px;
	font-weight:bold;
}
_::-webkit-full-page-media, _:future, :root .catch_inner .gui_box .t1 {
	letter-spacing: -1px;
}

.catch_inner .gui_box .t12{
	color:#fff;
	font-size:24px;
	font-weight:bold;
}
.catch_inner .gui_box .t2{
	color:#fff;
	font-size:22px;
	line-height:30px;
}
.catch_inner .gui_box .pic{
	margin: 25px 0 25px 0;
}
.catch_inner .gui_box_blank {
	overflow:auto;
	width:2%;
	float:left;
}
.catch_inner .gui_box .email {
	text-align:right;
	line-height:28px;
	vertical-align:middle;
	margin-bottom:0px;
}
.catch_inner .gui_box .email_txt{
	color:#ffa002;
	font-size:0.6em;
	font-weight:bold;
}
/*Section 共通
---------------------------------------*/
.top_section {
	padding: 40px 40px 60px;
}
.top_section_quote {
	background-color: #fafafa;
	padding: 40px 0 40px;
}
.top_section_quote2 {
	background-color: #fff;
	padding: 40px 0 40px;
}
.top_section_comparison{
	background-color: #111;
	color: #ffffff;
	text-align: center;
	clear:right;
}
.top_sectionTitle_step,
.top_sectionTitle-chart,
.top_sectionTitle-faq,
.top_sectionTitle-impression{
	color: #333;
}
.top_sectionTitle {
	font-size: 40px;
	text-align: center;
}
.top_sectionTitleInner {
	display: inline-block;
}
/*top_section_quote
---------------------------------------*/
.top_section_quoteTtl{
	font-size: 24px;
	text-align: center;
	margin-bottom: 15px;
}
.top_quote {
	margin: 0 auto 30px;
	max-width: 900px;
	text-align: center;
}
.top_quote2 {
	margin: 0 auto 30px;
	max-width: 1000px;
	text-align: center;
}
.top_location {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.top_locationHead {
	color: #e74c3c;
	font-size: 35px;
	line-height: 2;
	width: 50px;
	position: relative;
}
.top_locationSet {
	flex-grow: 1;
}
.top_locationSet p{
	text-align: left;
	margin-bottom: 3px;
	padding-left: 10px;
}
.top_locationInput {
	background-color: #ffffff;
	font-size: 18px;
	padding: 8px 10px;
	width: 100%;
}
.top_quote_Inner + .top_quote_Inner {
	margin-top: 20px;
}
.top_quoteSubmit {
	text-align: center;
}
.top_quote_submitBtn {
	background-color: #00a0e9;
	box-shadow: 0 5px 0 #0078af;
	border: none;
	color: #fff;
	font-size: 24px;
	width: 220px;
	letter-spacing: 1px;
	line-height: 81px;
	padding: 8px 10px;
	margin-left: 20px;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	position: relative;
	top: -3px;
}
.top_quote_submitBtn:active {
	top: 5px;
	box-shadow: none;
}
/*
.top_quoteSubmit {
	letter-spacing: -.4em;
	text-align: center;
	margin: 30px 0;
}
.top_quote_submitBtn {
	background-color: #00a0e9;
	border: none;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 10px;
	width: 240px;
	letter-spacing: 1px;
}
.top_quoteSubmit .top_quote_submitBtn:last-of-type{
	background-color: #989898;
	margin-left: 20px;
}
.top_quote_submitBtn:hover {
	opacity: 0.8;
}
*/
.fa-stack {
	position: absolute;
	width: 30px;
	height: 38px;
	bottom: 1px;
	right: 6px;
}
.fa-stack-1x,
.fa-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}
.fa-stack-1x {
	line-height: 32px;
	color: #FFF;
	font-size: 20px;
}
.fa-stack-2x {
	font-size: 38px;
}
/*mapWrap
---------------------------------------*/
.mapWrap{
	background-color: #fafafa;
}
.mapWrap2{
	background-color: #fafafa;
	width:50%;
	min-height:1189px;
	float:left;
}
#map_area {
	width: 100%;
	height: 1189px;
}
#map_area2 {
	width: 100%;
	height: 1189px;
}
/*offer_wrap
--------------------*/
.offer_wrap{
	margin-bottom: 30px;
}
.offer_wrap2{
	background-color:#fff;
	padding-left: 50px;
	width:50%;
	min-height:800px;
	float:right;
}
#basic_charge_area {
	background: #FFF;
	padding: 12px 10px;
	min-width: 220px;
	font-size: 30px;
	border: 2px solid #333;
	line-height: 45px;
	font-weight:700;
	height: 102px;
	margin-left: 20px;
	text-align: right;
}
#basic_charge_area h5{
	font-size: 24px;
	line-height: 34px;
	font-weight: 400;
	text-align: left;
}
#shipping_base_fare{
	display: inline;
	padding-left: 22px;
}
.offer_wrap #result {
	background: #008241;
	color: #ffffff;
	padding: 15px 20px;
	font-size: 20px;
	text-align: left;
	min-width: 220px;
	height: 102px;
}
.offer_wrap > .flexCols + .ctm {
	font-size: 15px;
	color: #ff0000;
	text-align: center;
	margin-top: 5px;
}
.divisionWrap {
	text-align: center;
}
.process_orange {
	border: 2px solid #fea000;
	border-radius:10px;
	padding : 22px 38px;
	overflow:auto;
}
.process_box1 {
	width:40%;
	text-align:center;
	padding-top:15px;
	float:left;
	font-size:20px;
	color:#ffa002;
	font-weight:bold;
}
.process_box2 {
	width:60%;
	font-size:20px;
	text-align:left;
	float:left;
}
.process_box3 {
	width:100%;
	text-align:left;
	font-size:14px;
	padding-top:5px;
	clear:left;
}
.process_circle {
	position:absolute;
	margin-top:-15px;
	margin-left:-15px;
	width:40px;
	height:40px;
	border-radius:50px;
	background-color:#ffa002;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
}
.process_arrow {
	width:100%;
	height:28px;
	text-align:center;
}
.process_arrow img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align:top;
}
.process_txt01 {
	text-align:left;
	font-size:20px;
	color:#ffa002;
	font-weight:bold;
}
.process_txt02 {
	text-align:left;
	color:#111111;
	font-size:14px;
}
.process_red {
	color:#ff0000;
	font-size:14px;
}
.process_input {
	border:1px solid #111111;
	background-color: #ffffff;
	font-size: 18px;
	margin-top:5px;
	padding: 8px 10px;
	width: 100%;
}
.process_orange_btn {
	border-radius:10px;
	background-color:#fea000;
	color:#fff;
	text-align:center;
	width:100%;
	border:0px;
	height:80px;
	font-size:24px;
	font-weight:bold;
}
.process_gray {
	border-radius:10px;
	background-color:#e5e5e5;
	margin-top:28px;
	width:100%;
	height:190px;
	border:0px;
	padding:30px 45px 30px 45px;
}
.process_gray_box01 {
	width:50%;
	text-align:left;
	float:left;
	height:50px;
	font-size:20px;
	color:#111111;
	font-weight:bold;
}
.process_gray_box02 {
	width:50%;
	text-align:right;
	float:left;
	height:50px;
	font-size:20px;
	color:#111111;
	font-weight:bold;
}
.process_blacksolid_btn {
	margin-top:28px;
	border-radius:10px;
	color:#111111;
	text-align:center;
	width:100%;
	border:1px solid #111111;;
	height:60px;
	font-size:20px;
	font-weight:bold;
}
.process_redsolid_btn {
	margin-top:28px;
	margin-bottom:50px;
	border-radius:10px;
	color:#f30a0a;
	text-align:center;
	width:100%;
	border:2px solid #f30a0a;;
	height:60px;
	font-size:20px;
	font-weight:bold;
}
.divisionWrap .prepa{
	margin-left: 3px;
	font-size:12px;
}
.offer_wrap > .divisionWrap:last-of-type form {
	display: inline-block;
}
.offer_wrap > .divisionWrap:last-of-type dd {
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
}
.offer_wrap > .divisionWrap:last-of-type dd img {
	vertical-align: top;
	margin-left: 5px;
	padding-top: 3px;
	cursor: pointer;
}
.offer_wrap > .divisionWrap dd .cmt{
	font-size: 12px;
	line-height: 18px;
	margin-top: 2px;
}
#datepicker01 {
	font-size: 16px;
	padding: 3px 5px;
	width: 108px;
}
.offer_btnWrap{
	margin-left: 20px;
}
.offer_btn {
	position: relative;
	background-color: #ffbe00;
	color: #fff;
	display: block;
	line-height: 26px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #c79d23;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	border: none;
	font-size: 18px;
	padding: 10px 15px;
	width: 100%;
	letter-spacing: 1px;
}
.offer_btn:hover {
	opacity: 0.8;
}
.offer_btn:active {
	top: 3px;
	box-shadow: none!important;
}
button.offer_btn:first-of-type{
	background-color: #00a0e9;
	box-shadow: 0 3px 0 #0078af;
	margin-bottom: 10px;
}
.offer_btn:disabled {
	background: #ccc;
	box-shadow: none;
}
.offer_btn:first-of-type:disabled {
	background: #ccc;
	box-shadow: none;
}
.offer_btn:disabled:hover {
	opacity: 1;
}
/*Map
--------------------*/
/*
.map_wrap{
	position: relative;
	max-width: 1200px;
	min-width: 1185px;
	margin:45px auto 30px;
}
#map_area {
	width: 880px;
	height: 500px;
	float: left;
}
*/
/*
.map_wrap #result {
	position: absolute;
	left: 10px;
	top: 10px;
	background: #008241;
	color: #ffffff;
	padding: 10px 20px;
	font-size: 20px;
	text-align: left;
}
.map_side {
	width: 300px;
	height: 500px;
	float: right;
	background-color: #FFF;
	overflow: hidden;
	padding: 10px 7px;
}
#route-result {
	overflow: auto;
	height: 446px;
}
*/

/*sell
---------------------------------------*/
.sell {
	color: #2c3e50;
}
.sell_Item {
	padding: 30px 30px 40px;
	background-color: #FFF;
}
.sell_Main {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	width: 900px;
}
.sell_Head {
	align-self: center;
	color: #ffbe00;
	font-size: 84px;
	font-weight: bold;
	text-align: center;
	flex-basis: 30%;
	min-width: 340px;
}
.sell_Desc {
	flex-basis: 70%;
}
.sell_SummaryOuter {
	font-size: 20px;
	line-height: 1.7;
}
.sell_Content + .sell_Content {
	margin-top: 24px;
}
.sell_AccelSentence {
	display: inline-block;
}
.timeDataOuter {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.timeData {
	max-width: 300px;
}
.timeData + .timeData {
	margin-left: 16px;
}
.timeData_Head {
	background-color: #ffbe00;
	border-radius: 5px;
	color: #2c3e50;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 15px;
	position: relative;
	text-align: center;
}
.timeData_Head:after {
	border-color: transparent;
	border-style: solid;
	border-top-color: #ffbe00;
	border-width: 10px 7px 0 7px;
	bottom: -10px;
	content: "";
	height: 0;
	left: 50%;
	margin-left: -7px;
	position: absolute;
	width: 0;
}
.sell_Desc-even .timeData_Head {
	background-color: #FFF;
}
.sell_Desc-even .timeData_Head:after {
	border-top-color: #FFF;
}
.timeData_Value {
	font-size: 40px;
	font-weight: bold;
	margin-top: 16px;
	text-align: center;
}
.timeData_Num {
	color: #ffbe00;
	font-size: 60px;
}
em {
	font-style: normal;
}
.timeDate_attention {
	font-size: 14px;
	margin-top: 10px;
	text-align: left;
}
.timeDate_attention_Inner::before {
	content: "※";
}
/*二段目
-----------------------*/
.sell_Main-even {
	flex-direction: row-reverse;
}
.sell_Item-even {
	background-color: #111;
	color: #ffbe00;
}
.sell_Head-even {
	color: #ffbe00;
	padding-left: 0;
}
.timeData_Num-even {
	color: #ffbe00;
}
/*三段目
-----------------------*/
.serviceImg {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.serviceImg_Image {
	height: auto;
	max-width: 100%;
}
.serviceImg_Caption {
	line-height: 1.7;
	margin-top: 10px;
	font-weight: 700;
}
.serviceImg_Item + .serviceImg_Item {
	margin-left: 30px;
}
.sell_Item.choice .timeData{
	min-width: 233px;
}
.sell_Item.choice .timeDataOuter:nth-of-type(1){
	margin-bottom: 20px;
}
/*comparison
---------------------------------------*/
.comparisonOuter {
	background-color: rgba(255, 255, 255, 0.15);
	display: inline-block;
	margin-top: 40px;
	padding: 20px 40px;
}
.comparison {
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 900px;
	text-align: left;
}
.comparison, .comparison_Header {
	border-bottom: solid 2px rgba(255, 255, 255, 0.3);
}
.comparison_Inner + .comparison_Inner {
	border-top: solid 2px rgba(255, 255, 255, 0.3);
}
.comparison_Header .comparison_Head {
	padding-bottom: 4px;
	font-size: 20px;
	letter-spacing: 3px;
}
.comparison_Head-item {
	width: 200px;
}
.comparison_Head-service {
	width: 350px;
}
.comparison_Body .comparison_Head {
	padding: 30px 20px;
}
.comparison_Head {
	font-size: 20px;
	letter-spacing: 3px;
	font-weight: 400;
}
.comparison_Cell {
	padding: 15px 0;
}
.comparison_CommentWrap {
	align-items: center;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.comparison_Evaluation {
	max-width: 50px;
	min-width: 50px;
	font-size: 50px;
	line-height: 1;
}
.comparison_Evaluation-good {
	color: #ffbe00;
}
.comparison_Comment {
	padding-left: 20px;
}
.comparison_Evaluation-bad::before, .comparison_Evaluation-bad::after {
	border-top: solid 3px #ffffff;
	content: "";
	display: block;
	position: absolute;
	width: 50px;
}
.comparison_Evaluation-bad::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.comparison_Evaluation-bad::after {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
/*top_section_step
---------------------------------------*/
.top_section_step {
	padding-left: 0;
	padding-right: 0;
}
.top_step {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 30px;
}
.top_step_Inner {
	margin: 0 20px;
	max-width: 240px;
	padding-bottom: 20px;
}
.top_step_HeadOuter {
	align-items: center;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.top_step_Marker {
	background-color: #ffbe00;
	border-radius: 50px;
	color: #ffffff;
	height: 80px;
	line-height: 1;
	max-width: 80px;
	min-width: 80px;
	padding-top: 14px;
	text-align: center;
}
.top_step_MarkerText, .top_step_MarkerNum {
	display: block;
}
.top_step_MarkerNum {
	font-size: 28px;
	margin-top: 6px;
}
.top_step_Head {
	color: #34495e;
	font-size: 24px;
	font-weight: bold;
	padding-left: 16px;
}
.top_step_Image {
	color: #333;
	font-size: 7em;
	height: 131px;
	line-height: 1;
	text-align: center;
	margin-top: 10px;
}
.top_step_Image-phone {
	font-size: 6em;
}
.top_step_Image-phone i{
	vertical-align: middle;
}
.top_step_Image-delivery {
	font-size: 5em;
	padding-top: 20px;
}
.top_step_Image-payment {
	font-size: 5em;
	padding-top: 20px;
}
/*use_case
---------------------------------------*/
.top_section_useCase {
	background-color: #111;
	color: #ffffff;
	clear:right;
}
.use_case {
	padding:30px;
	margin-top: 40px;
	background-color: #ffffff;
	color: #2c3e50;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}
.use_case_Head {
	font-size: 32px;
	color: #ffbe00;
	font-weight: bold;
	text-align: center;
}
.use_case_SummaryOuter {
	line-height: 1.7;
	margin-top: 15px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 18px;
}
.use_case_Sentence {
	display: block;
}
.top_checkPoint {
	margin-top: 30px;
	text-align: center;
}
.top_pointList {
	display: inline-block;
	font-weight: bold;
	text-align: left;
	font-size: 20px;
}
.top_pointList_Icon {
	color: #f39c12;
}
.top_pointList_Inner + .top_pointList_Inner {
	margin-top: 5px;
}
.top_delivery_size{
	background: #fff3de;
	padding: 40px 0;
}
.top_delivery_size .box{
	width: 62.1447%;
	margin: 0 auto;
	position: relative;
}
.top_delivery_size .box .car_size_img{
	position: relative;
	z-index: 2;
}
.top_delivery_size .box .slideWrap{
	width: 256px;
	position: absolute;
	right: 0;
	top:24px;
	z-index: 1;
}
.top_delivery_size .box p{
	font-size: 22px;
	font-weight: 700;
}
.top_delivery_size .box .o_ttl{
	color: #333;
	margin-bottom: 30px;
	text-align:center;
}
/*ガタースライド
-----------------------*/
.top_delivery_size .slideWrap {
	overflow: hidden;
}
.top_delivery_size .verticalSlide {
	display: none;
	position: relative;
}
.top_delivery_size .verticalSlide.slick-initialized {
	display:block;
}
/*top_faq
---------------------------------------*/
.top_faq {
	color: #2c3e50;
	margin-top: 30px;
}
.top_faq_q {
	background-color: #111;
	border-bottom: 1px solid #333;
	color: #FFF;
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 50px 10px 60px;
	position: relative;
}
.top_faq_q::before {
	color: #ffbe00;
	content: "Q";
	font-size: 30px;
	font-weight: normal;
	left: 15px;
	position: absolute;
	top: 3px;
}
.top_faq_q span::before,
.top_faq_q span::after {
	content: '';
	display: block;
	width: 20px;
	height: 4px;
	border-radius: 4px;
	background: #FFF;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.top_faq_q span::after {
	background: #FFF;
	transform: translateY(-50%) rotate(90deg);
	transition: 0.5s;
}
.top_faq_q span.active::after {
	transform: translateY(-50%) rotate(0);
	transition: 0.5s;
}
.top_faq_a {
	padding: 20px 20px 22px 60px;
	position: relative;
	display: none;
}
.top_faq_a::before {
	color: #ffbe00;
	content: "A";
	font-size: 30px;
	left: 15px;
	position: absolute;
	top: 10px;
}
.top_faq_insurance {
	margin-left: 20px;
	margin-top: 5px;
}
.top_faq_insurance_Inner {
	list-style: disc;
}
/*infomation secInfo
--------------------------------------*/
.top_section.secInfo{
	padding: 0 40px 60px;
}
.secInfo .section_title{
	font-size: 24px;
	text-align: center;
	margin-bottom: 40px;
}
.secInfo .innerWrap {
	max-height: 300px;
	overflow: auto;
}
.secInfo table th {
	font-weight: 400;
	font-size: 15px;
	text-align: left;
	padding: 14px 0;
	vertical-align: top;
}
.secInfo table td {
	padding: 14px 0 14px 30px;
	font-size: 15px;
	text-shadow: 0 0 20px #FFF;
	vertical-align: top;
}
.secInfo table td span {
	font-size: 12px;
	font-weight:700;
	color: #FFF;
	width: 120px;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	text-align: center;
}
.label_info {
	background-color: #ffbe00;
}
/*top_act
---------------------------------------*/
.top_act {
	background-color: rgba(255, 255, 255, 0.7);
	bottom: 0;
	padding: 10px;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 10;
}
.top_act_List {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}
.top_act_Inner {
	-webkit-align-content: stretch;
	align-content: stretch;
	display: -webkit-flex;
	display: flex;
	width: 50%;
}
.top_act_Inner + .top_act_Inner {
	margin-left: 20px;
}
.top_act_Link {
	-webkit-align-items: center;
	align-items: center;
	color: #ffffff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	font-size: 16px;
	font-weight: bold;
	-webkit-justify-content: center;
	justify-content: center;
	max-width: 300px;
	padding: 12px 10px;
	transition: all 0.3s;
	width: 100%;
}
.top_act_Link-business {
	background-color: #ffbe00;
	margin-left: auto;
}
.top_act_Link-driver {
	background-color: #111;
}
/*top_contact
---------------------------------------*/
.top_contact {
	background-color: #111;
	color: #ffffff;
	font-style: normal;
	padding: 20px;
	text-align: center;
}
.top_contact_Head {
	font-size: 20px;
}
.top_contact_Tel {
	font-size: 48px;
	font-weight: bold;
	line-height: 1;
	padding: 10px;
}
.top_contact_Link {
	color: #ffffff;
}
.top_contact_Icon {
	font-size: 54px;
	padding-right: 12px;
}
/*top_section_general
---------------------------------------*/
.top_section_general {
	background-color: #ffbe00;
	color: #FFF;
	padding: 40px;
}
.top_section_general .cmt{
	font-size: 18px;
	text-align: center;
}
/*ガタースライド
-----------------------*/
/*.top_section_general .slideWrap {
	width: 100%;
	overflow: hidden;
	margin-top: 35px;
}
.top_section_general .multiSlide {
	display: none;
	position: relative;
}
.top_section_general .multiSlide.slick-initialized {
	display:block;
}
.top_section_general .multiSlide .slick-list {
	margin-right: -14px;
}
.top_section_general .multiSlide .slick-slide {
	margin-right: 14px;
	}*/
/*モーダルウインドウ
----------------------------------------*/
/*.fixed_b {
	position: fixed;
	width: 100%;
	height: 100%;
}
.ov01,.ov02{
	cursor:pointer;
}
.overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: rgba(0,0,0,0.8);
}
.cancel {
	cursor: pointer;
	padding: 5px;
	position: absolute;
	top: 4px;
	right: 1px;
}
.cancel span{
	display: inline-block;
	position: relative;
	margin: 0 9px 0 9px;
	padding: 0;
	width: 4px;
	height: 20px;
	background: #111;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
}
.cancel span:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -8px;
	width: 20px;
	height: 4px;
	margin-top: -2px;
	background: #111;
}
.over_wrap {
	width: 1000px;
	height: 530px;
	background-color: #FFF;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.over_inner {
	width: 1000px;
	height: 410px;
	overflow: auto;
	padding: 10px 5px 20px 20px;
}
.over_wrap h4 {
	font-size: 24px;
	margin-bottom: 12px;
	padding: 6px 20px 2px 20px;
	border-bottom: 2px solid;
	}*/
/*ページアップ
---------------------------------------------------------------------------*/
#page_top {
	right: 20px;
	bottom: 10px;
	position: fixed;
	width: 50px;
	height: 50px;
	z-index: 99;
	display: block;
	text-align: center;
	line-height: 50px;
	color: #000;
	border: 1px solid #000;
	background-color: rgba(0, 0, 0,0.2);
}
#page_top:hover{
	color: #ffbe00;
	border: 1px solid #ffbe00;
	background-color: rgba(255, 190, 0,0.2);
}
/*FOOTER
---------------------------------------------------------------------------*/
.footer {
	background-color: #ffffff;
	padding: 20px 40px 80px;
	text-align: center;
}
.footer nav{
	text-align: right;
}
.footer nav ul li {
	display: inline-block;
	border-left: 1px solid #FFF;
	padding: 0 10px;
	line-height: 16px;
	font-size: 14px;
}
.footer nav ul li:first-of-type {
	border-left: none;
}
.footer nav ul li a{
	color: #FFF;
}
.top .footer nav ul li a{
	color: #333;
}
.top .footer nav ul li {
	border-left: 1px solid #333;
}
.top .footer nav ul li:first-of-type {
	border-left: none;
}
small {
	font-size: 80%;
}
.lower_layer .footer {
	padding: 20px 40px 30px;
	background-color: #000;
	color: #FFF;
}
.copyright a {
	color: #333;
}
/*当日宅配便 index2
---------------------------------------------------------------------------*/
.top.index2 .intro p.typistWrap{border:3px solid #ec4343;}
.index2 .catch_inner .gui_box {border: 2px solid #e80000;}
.index2 .catch_inner .gui_box .email_txt{color:#e80000;}
.index2 .process_circle{background-color:#e80000;}
.index2 .process_orange{border:2px solid #e80000;}
.index2 .process_box1{color:#e80000;}
.index2 .process_txt01{color:#e80000;}
.index2 .process_orange_btn{background-color:#e80000;}
.index2 .comparison_Evaluation-good{color:#e80000;}
.index2 .top_step_Marker{background-color:#e80000;}
.index2 .top_delivery_size {background: #ffdede;}
.index2 .top_faq_q::before{color:#e80000;}
.index2 .top_faq_a::before{color:#e80000;}
.index2 .label_info{background-color:#e80000;}
.index2 .top_section_general{background-color:#e80000;}
.index2 .top_act_Link-business{background-color:#e80000;}
.index2 .mapWrap2{min-height:1010px;}
.index2 #map_area{height:1010px;}
.index2 #page_top {color: #ff6666;border: 1px solid #ff6666;background-color: rgba(255, 102, 102, 0.2);}
.index2 #page_top:hover {color: #e65959;border: 1px solid #e65959;background-color: rgba(230, 89, 89, 0.2);}
.index2 .top_delivery_size .box{
	width: 100%;
	text-align: center;
	letter-spacing: -.4em;
}
.index2 .top_delivery_size .box img:nth-of-type(2){
	margin-left: 20px;
}
/*下層ページ 共通ヘッダー
---------------------------------------------------------------------------*/
.lower_layer{
	background-color: #fafafa;
}
.low_Header {
	background-color: #FFFFFF;
	/*border-bottom: solid 5px #ffbe00;*/
	border-bottom: solid 5px #d6333A;
	padding: 8px 20px;
}
.low_Header h1 span {
	font-size: 11px;
	display: block;
	line-height: 11px;
	margin-bottom: 4px;
}
.low_Header_Title, .low_Header_Item {
	float: left;
}
.low_Header_Title {
	margin: 4px 0 0;
	font-size: 20px;
}
.low_Header_TitleLink {
	display: block;
}
.low_Header_Action {
	float: right;
	line-height: 1;
	margin-top: 5px;
}
.low_Header_Btn {
	background-color: #FFFFFF;
	border: solid 1px #333;
	color: #333333;
	display: block;
	font-size: 14px;
	line-height: 1;
	outline: 0;
	padding: 6px 8px 6px 27px;
	position: relative;
	transition: background-color 0.3s, color 0.3s;
}
.low_Header_Btn:hover {
	background-color: #008241;
	border-color: #008241;
	color: #FFFFFF;
}
.hdr-Icon:before {
	color: #333;
	font-family: "fontawesome";
	padding-right: 3px;
}
.hdr-Icon:hover:before {
	color: #FFF;
}
.hdr-Icon {
	padding: 6px 8px;
}
.low_Header_Item + .low_Header_Item {
	margin-left: 10px;
}
/*Main
--------------------------------------*/
.lower_layer #wrapper{
	background-color: #000;
}
/*footer
--------------------------------------*/
.lower_layer .footer{
	background-color: #FFF;
	color: #333;
}
.lower_layer .footer nav ul li a {
	color: #333;
}
.lower_layer .footer nav ul li {
	border-left: 1px solid #333;
}
.lower_layer .footer nav ul li:first-of-type {
	border-left: none;
}
/*ログインページ
---------------------------------------------------------------------------*/
.login_main {
	margin: 0 auto;
	max-width: 400px;
	padding: 50px 10px;
}
.login_section {
	background-color: #ffffff;
	padding: 20px;
}
.login_Title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.login_List {
	margin: 15px 0 0;
}
.login_List_Head {
	color: #95a5a6;
	font-size: 14px;
	font-weight: normal;
}
.login_List_Inner {
	font-size: 16px;
	margin-top: 2px;
}
.login_Input {
	border: solid 1px #cccccc;
	line-height: 1.5;
	padding: 10px;
	width: 100%;
}
.login_List_Head ~ .login_List_Head {
	margin-top: 10px;
}
.login_DummyPass {
	height: 0;
	position: absolute;
	visibility: hidden;
}
.login_Save {
	font-size: 14px;
	line-height: 1;
	margin-top: 15px;
}
.login_Submit {
	margin-top: 20px;
	text-align: center;
}
.login_Submit_Btn {
	background-color: #00a0e9;
	border: 0;
	color: #ffffff;
	cursor: default;
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%;
	cursor: pointer;
}
.login_Submit_Btn:hover {
	opacity: 0.8;
}
.login_Footer {
	margin-top: 30px;
}
.login_ForgetTitle {
	color: #34495e;
	font-weight: bold;
}
.login_ForgetTitle, .login_ForgetMessage {
	font-size: 14px;
}
.login_ForgetMessage {
	text-align: left;
}
.login_ForgetTel {
	font-size: 16px;
	font-weight: bold;
}
.login_ForgetTel_Icon {
	color: #111;
	font-size: 26px;
	vertical-align: sub;
	margin-right: 5px;
}
/*荷主アカウント登録 ドライバーアカウント登録 共通
---------------------------------------------------------------------------*/
.consentArea {
	margin-top: 20px;
}
.consentArea .consentCheck {
	text-align: center;
	margin-top: 10px;
}
/*荷主アカウント登録 signup_shipper
---------------------------------------------------------------------------*/
.shipper_main {
	margin: 0 auto;
	max-width: 600px;
	padding: 50px 10px;
}
.shipper_Section {
	background-color: #ffffff;
	padding: 20px;
}
.shipper_Title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.shipper_Notice {
	margin-top: 20px;
	color: #e74c3c;
	font-size: 16px;
	text-decoration: underline;
}
.shipper_List {
	margin-top: 15px;
}
.shipper_List_Head {
	color: #666666;
	font-size: 14px;
	margin-bottom:8px;
}
.shipper_RequiredMark {
	background-color: #e60000;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	margin-right: 10px;
	padding: 0 8px;
	vertical-align: baseline;
}
.shipper_List_Inner {
	line-height: 1;
	margin-top: 2px;
}
.shipper_Input, .shipper_Select {
	background-color: #ffffff;
	border: solid 1px #cccccc;
	display: block;
	font-size: 16px;
	padding: 10px;
	width: 100%;
}
.shipper_Input {
	line-height: 1.5;
}
.shipper_Select {
	height: 40px;
}
.shipper_List_Head ~ .shipper_List_Head {
	margin-top: 20px;
	margin-bottom: 8px;
}
.shipper_List_Row {
	display: flex;
	display: -ms-flex;
	display: -webkit-flex;
}
.shipper_List_RowInner + .shipper_List_RowInner {
	margin-left: 10px;
}
.shipper_Note {
	color: #7f8c8d;
	font-size: 14px;
	margin-top: 10px;
}
.shipper_Note_Msg + .shipper_Note_Msg {
	margin-top: 5px;
}
.shipper_Note_Msg-strong {
	color: #e74c3c;
}
.shipper_Footer {
	margin-top: 20px;
	text-align: center;
}
.sgu_Btn-back, .sgu_Btn-next {
	border: 0;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	height: 34px;
	width: 100%;
}
.sgu_Btn-next {
	background-color: #00a0e9;
}
.sgu_Btn-next:hover, .sgu_Btn-back:hover, .sgu_Btn-login:hover {
	opacity: 0.8;
}
/*佐川急便テナント便契約者登録 signup_contract_shipper
---------------------------------------------------------------------------*/
.lower_layer.tenantSignup #wrapper{
	background-color: #fff;
}
.tenantSignup .shipper_Section {
	border: 1px solid #ddd;
	box-shadow: 0px 2px 10px #eee;
	border-radius: 4px;
}
/*ドライバーアカウント登録 signup_driver.php
---------------------------------------------------------------------------*/
.driver_form {
	width: 100%;
}
.driver_form .driver_form_inner {
	width: 1160px;
	margin: 0 auto;
	padding: 30px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
/*	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: stretch;
	align-content: stretch;*/
}
.driver_form .driver_form_inner .info {
	background: #FFFFFF;
	width: 560px;
	padding: 30px;
}
.signup .title h2 {
	margin-bottom: 20px;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}
.driver_form .driver_form_inner .info .driver_form_imgWrap{
	text-align: center;
}
.driver_form .driver_form_inner .info .feature {
	background: #fafafa;
	padding: 20px;
	margin: 30px 0;
}
.driver_form .driver_form_inner .info .feature h3 {
	text-align: center;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.driver_form .driver_form_inner .info .feature h3 img {
	margin-right: 10px;
}
.driver_form .driver_form_inner .info .feature ul {
	vertical-align: middle;
	display: block;
}
.driver_form .driver_form_inner .info .feature ul li {
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: bold;
	background-size: 30px;
	padding: 10px 0;
}
.driver_form .driver_form_inner .info .feature ul li:before {
	color: #ffbe00;
	font-family: "fontawesome";
	padding-right: 10px;
}
.driver_form .driver_form_inner .info .driver_AppBox {
	width: 100%;
	margin: auto;
}
.driver_form .driver_form_inner .info .driver_AppBox .app {
	font-size: 15px;
	font-size: 0.9375rem;
	text-align: center;
}
.driver_form .driver_form_inner .info .driver_AppBox h3 {
	margin-bottom: 15px;
	text-align: center;
	font-weight: bold;
}
.driver_form .driver_form_inner .info .driver_AppBox h3:before {
	content: "＼";
	margin-right: 5px;
}
.driver_form .driver_form_inner .info .driver_AppBox h3:after {
	content: "／";
	margin-left: 5px;
}
.driver_form .driver_form_inner .info .driver_AppBox .app a {
	margin: 0 5px;
}
.driver_form .driver_form_inner .info .driver_AppBox .app a img:nth-of-type(1){
	margin-right: 5px;
}
.driver_form .driver_form_inner .info .tel {
	background: #fafafa;
	text-align: center;
	font-size: 15px;
	font-size: 0.9375rem;
	margin-top: 20px;
	padding: 20px;
}
.driver_form .driver_form_inner .info .tel .btnContact {
	background-color: #000;
	color: #FFF;
	font-size: 22px;
	margin: 10px 0 0;
	display: inline-block;
	padding: 3px 14px;
}
.driver_form .driver_form_inner .info .tel .number:before {
	font-family: "fontawesome";
	vertical-align: initial;
	margin-right: 10px;
	font-size: 40px;
}
.driver_form .driver_form_inner .info .app_qr {
	background: #AD1B23;
	text-align: center;
	font-size: 15px;
	font-size: 0.9375rem;
	margin-top: 20px;
	padding: 20px;
}
.driver_form .driver_form_inner .info .app_qr p{
	color: #FFF;
	margin-bottom: 16px;
}
.driver1_form_imgWrap p{
	width: 49%;
	height: auto;
}
.driver1_form_imgWrap p:nth-of-type(2){
	margin-left: auto;
}
/*右側フォーム
---------------------------------------*/
.driver_Title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.driver_Notice .driver_Notice_Inner img{
	vertical-align: text-bottom;
}
.driver_form .driver_form_inner .form {
	background: #FFFFFF;
	width: 560px;
	padding: 30px;
}
.driver_form .driver_form_inner div.form .inner{
	background-color: #AD1B23;
	color: #FFF;
	text-align: center;
	padding: 60px 80px 10px;
	margin-top: 20px;
}
.driver_form .driver_form_inner div.form .inner .ttl{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 40px;
}
.driver_form .driver_form_inner div.form .inner img{
	margin-bottom: 30px;
}
.driver_form .driver_form_inner div.form .inner .memo{
	font-size: 15px;
	margin-bottom: 60px;
}
.signup.driver1 .driver_form .driver_form_inner #d_form {
	display: none;
}
.driver_form .driver_form_inner .form .form_box .input_items {
	margin-bottom: 10px;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: bold;
	margin-top: 25px;
}
.driver_form .driver_form_inner .form .form_box .input_items .must {
	background: #e60000;
	color: #FFF;
	padding: 4px 8px;
	margin: 0 5px;
	font-size: 12px;
	font-size: 0.75rem;
}
.driver_form .driver_form_inner .form .form_box .input_items .must.any {
	background-color:#ffbe00; 
}
.driver_form .driver_form_inner .form .form_box .form_area:not(.checkboxArea) {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	vertical-align: middle;
	line-height: 1.2;
}
.driver_form .driver_form_inner .form .form_box .form_area input {
	padding: 10px;
	border: 1px solid #BFBFBF;
	font-size: 15px;
	font-size: 0.9375rem;
	color: #333333;
}
.area {
	display: block;
	height: 40px;
	font-size: 16px;
	width: 100%;
	border: 1px solid #BFBFBF;
	background-color: #FFF;
}
.checkboxArea label,.checkboxArea input[type="checkbox"]{
	cursor: pointer;
}
.driver_form .driver_form_inner .form .form_box .form_area input[type="file"] {
	margin-left: 15px;
	margin-top: 10px;
	outline: none;
}
.driver_form .driver_form_inner .form .form_box .form_area .w1 {
	width: 100%;
}
.driver_form .driver_form_inner .form .form_box .form_area .w2 {
	width: 48%;
}
.driver_form .driver_form_inner .form .form_box .form_area .w3 {
	width: 28%;
}
/*
.driver_form .driver_form_inner .form #car_model,
.driver_form .driver_form_inner .form #car_number,
.driver_form .driver_form_inner .form #reg_number{
	display: none;
}
*/
.driver_form .driver_form_inner .form .button {
	width: 100%;
	height: 80px;
	position: relative;
	margin-top: 20px;
}
.driver_form .driver_form_inner .form .button .button_inner {
	width: 100%;
	position: absolute;
}
.driver_form .driver_form_inner .form .button .button_inner .button_driver {
	padding: 10px;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold;
	position: relative;
}
.button_driver {
	cursor: pointer;
	width: 100%;
	background: #00a0e9;
	display: block;
	font-weight: bold;
	color: #FFF ;
	text-align: center;
	border: none;
}
.button_driver:hover  {
	opacity: 0.8
}
/*荷主アカウント登録 ドライバーアカウント登録 確認フォーム check_from
---------------------------------------------------------------------------*/
.signup .alert_area{
	margin: 20px 0;
}
.signup .check_main{
	margin: 0 auto;
	max-width: 600px;
	padding: 50px 10px;
}
.signup .check_mainInner{
	background-color: #ffffff;
	padding: 20px;
}
.signup .check_main h2 {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}
.signup .check_main p.cmt:last-of-type {
	margin-bottom: 5px;
}
.signup .check_from table{
	width: 100%;
	margin-bottom: 15px;
}
.signup .check_from table th {
	background-color: #f9f9f9;
	font-size: 15px;
	text-align: left;
	width: 130px;
}
.signup .check_from  table th,
.signup .check_from table td {
	padding: 10px;
	border: 1px solid #ccc;
}
.signup .check_from form[name="edit"]{
	margin-bottom: 10px;
}
/*法人ユーザー登録完了画面 .comp-reg
---------------------------------------------------------------------------*/
.comp-reg_main {
	margin: 0 auto;
	max-width: 580px;
	padding: 50px 10px;
}
.comp-reg_Section {
	background-color: #ffffff;
	padding: 20px 20px 15px;
}
.comp-reg_Section .title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.comp-reg_Section .content_box{
	margin-bottom: 30px;
}
.comp-reg_Section .form_area {
	margin-top: 20px;
}
.comp-reg_Section input:not(.btn){
	font-size: 16px;
	padding: 5px;
}
.comp-reg_Section .app-info {
	background-color: #AD1B23;
	color: #FFF;
	text-align: center;
	padding: 60px 30px 5px;
	margin-top: 20px;
	margin-bottom: 40px;
}
.comp-reg_Section .app-info h4{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px;
}
.comp-reg_Section .app-info img{
	margin-bottom: 30px;
}
.comp-reg_Section .app-info p.memo {
	font-size: 15px;
	margin-bottom: 60px;
}
/*会社概要
---------------------------------------------------------------------------*/
.company_main {
	margin: 0 auto;
	max-width: 800px;
	padding: 50px 10px;
}
.company_Section {
	background-color: #ffffff;
	padding: 20px 20px 15px;
}
.company_Section .title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
/*お問い合わせ
---------------------------------------------------------------------------*/
.contact_main {
	margin: 0 auto;
	max-width: 800px;
	padding: 50px 10px;
}
.contact_Section {
	background-color: #ffffff;
	padding: 20px 20px 15px;
}
.contact_Section .title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.contact_note{
	text-align: center;
	margin-bottom: 20px;
}
.contact .table_type01 caption {
	font-size: 17px;
	line-height: 22px;
	text-align: left;
	margin-bottom: 5px;
}
.contact .table_type01 caption span.cmt{
	font-size: 12px;
}
.contact .table_type01 th {
	width: 29%;
}
.contact table th span {
	padding: 3px 6px 2px;
	margin-top: 1px;
	background-color: #e60000;
	color: #fff;
	font-size: 70%;
	float: right;
}
.contact .table_type01 td span.cmt {
	font-size: 12px;
}
.contact input[type="text"],
.contact input[type="email"],
.contact input[type="tel"],
.contact input[type="number"],
.contact textarea{
	background-color: #ffffff;
	border: solid 1px #cccccc;
	font-size: 16px;
	padding: 10px;
	width: 100%;
}
.submit{
	text-align: center;
	margin-top: 28px;
}
.submit .btnsub{
	border: 0;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	background-color: #00a0e9;
	cursor: pointer;
	padding:8px 10px;
	outline: none;
}
.submit .btnsub:hover{
	opacity: 0.8;
}
.submit .btnsub.back{
	background-color: #d60000;
}
.submit span{
	display: block;
	margin-top: 20px;
}
/*お問い合わせ用FAQ
--------------------------------------*/
.contact_faq {
	color: #2c3e50;
	margin-bottom: 30px;
}
.contact_faq_q {
	background-color: #111;
	border-bottom: 1px solid #333;
	color: #FFF;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	padding: 12px 50px 12px 60px;
	position: relative;
	line-height: 1.6;
}
.contact_faq_q::before {
	color: #FFF;
	content: "Q";
	font-size: 30px;
	font-weight: normal;
	left: 15px;
	position: absolute;
	top: 2px;
}
.contact_faq_q span::before,
.contact_faq_q span::after {
	content: '';
	display: block;
	width: 20px;
	height: 4px;
	border-radius: 4px;
	background: #FFF;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.contact_faq_q span::after {
	background: #FFF;
	transform: translateY(-50%) rotate(90deg);
	transition: 0.5s;
}
.contact_faq_q span.active::after {
	transform: translateY(-50%) rotate(0);
	transition: 0.5s;
}
.contact_faq_a {
	padding: 12px 20px 12px 60px;
	position: relative;
	display: none;
	background-color: #FFF;
	color: #111;
	border-left: 2px solid #111;
	border-right: 2px solid #111;
}
.contact_faq_a:last-of-type{
	border-bottom: 2px solid #111;
}
.contact_faq_a::before {
	color: #C01D24;
	content: "A";
	font-size: 30px;
	left: 15px;
	position: absolute;
	top: 0;
}
/*プライバシーポリシー 利用規約
---------------------------------------------------------------------------*/
.privacy_main,
.contract_main {
	margin: 0 auto;
	max-width: 800px;
	padding: 50px 10px;
}
.privacy_Section,
.contract_Section {
	background-color: #ffffff;
	padding: 20px 20px 15px;
}
.privacy .title,
.contract .title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.privacy .list_wrap,
.contract .list_wrap {
	background-color: #FFF;
	padding: 20px;
	border: 1px solid #e9e9e9;
	line-height: 1.6;
}
.privacy .list_wrap h4,
.contract .list_wrap h4 {
	font-size: 18px;
	margin-bottom: 18px;
	font-weight: 700;
}
.privacy .list_wrap p,
.contract .list_wrap p {
	margin-bottom: 20px;
}
.privacy .list_wrap ul,
.contract .list_wrap ul {
	margin: 20px 0 20px 30px;
}
.privacy .list_wrap ul li,
.contract .list_wrap ul li {
	list-style: outside decimal;
	margin: 10px 0 0 0;
}
.privacy .list_wrap ul li ul li,
.contract .list_wrap ul li ul li {
	list-style: outside none;
	text-indent: -2.6em;
}
.privacy .list_wrap .child li,
.contract .list_wrap .child li {
	list-style: outside none;
	text-indent: -2.7em;
}
/*ect
---------------------------------------------------------------------------*/
.f_l{float: left;}
.f_r{float: right;}
.alignL {text-align: left;}
.alignR {text-align: right;}
.alignCR {text-align: center;}

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

.hidden{display: none;}
.w_itl{width: initial!important;}
.red{color: #e60000;}

.w100{width: 100px;}
.w110{width: 110px;}
.w200{width: 200px;}
.w369{width: 369px;}

#launcher{z-index: 99!important;}