@charset "utf-8";
/*
	Description: initial setting
	Version: 1.0
	Author: idealgrow
*/
/*
===== CONTENTS ===========================================
*/
.h2Tit01 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
}
.h2Tit02 {
    font-size: 24px;
    margin-bottom: 30px;
    text-align: center;
}
.h2Tit02 a {
    text-decoration: underline;
    font-size: 14px;
}
#pageHead {
    height: 110px;
}
#pageHead img {
    height: 110px;
    width: 100%;
    object-fit: cover;
}
.baseList01 li {
    position: relative;
    padding-left: 15px;
}
.baseList01 li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: 0;
    top: 10px;
}
#affiliateForm p{
	margin-bottom: 10px !important;
	font-weight: bold;
}
#quoteForm p{
	margin-bottom: 10px !important;
	font-weight: bold;
}
#quoteForm .infoBar{
	border: dashed 2px #3671C0;
	padding: 10px;
	border-radius: 5px;
	color: #3671c0;
	text-align: center;
	font-size: 16px;
}
#quoteForm p.confirmTxt{
	font-weight: normal;
	border: solid 1px #3671C0;
	border-radius: 5px;
	padding: 15px;
}
#quoteForm p:not(:first-of-type){
	margin-top: 30px;
}
#affiliateForm ul li,#quoteForm ul li{
	margin-bottom: 15px;
}
#quoteForm .hide{
	display: none;
}
#quoteForm .airport li ul,#quoteForm .passenger li ul,#quoteForm li.sepTime ul{
	display: flex;
}
#quoteForm .airport li ul li,#quoteForm li.sepTime ul li{
	width: 48%;
	position: relative;
	margin-bottom: 0;
}
#quoteForm .passenger li ul li:first-of-type{
	width: 32%;
	margin-right: 4%;
}
#quoteForm .passenger li ul li:first-of-type fieldset .label.completed,#quoteForm .passenger.formConfirm li ul li:first-of-type fieldset .label{
    transform: scale(0.9) translateX(-5px) translateY(-10px) !important;
}
#quoteForm .passenger.formConfirm li ul li:first-of-type fieldset .label:after{
	right: 0;
}
#quoteForm .passenger li ul li{
	width: 64%;
	margin-bottom: 0;
}
#quoteForm .airport li ul li:last-of-type,#quoteForm li.sepTime ul li:last-of-type{
	margin-left: 4%;
}
#quoteForm .airport li ul li:last-of-type:before,#quoteForm li.sepTime ul li:last-of-type:before{
	content: ":";
	position: absolute;
	left: -8%;
	height: 51px;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 0;
	width: 8%;
}
#quoteForm dl{
	background: #f5f5f5;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	border-radius: 10px;
}
#quoteForm dl dt{
	width: 30%;
}
#quoteForm dl dd{
	width: 70%;
	font-weight: bold;
	color: #0068b7;
}
#quoteForm .price{
	border: solid 2px #ddd;
	padding:10px 20px;
}
#quoteForm .price ul li{
	display: flex;
	align-items: center;
	border-bottom: dotted 1px #ccc;
	padding: 10px 0;
	margin-bottom: 0 !important;
}
#quoteForm .price ul li:last-of-type{
	border-bottom: none;
}
#quoteForm .price ul li .tit{
	width: 60%;
	line-height: 1.4;
	font-size: 14px;
}
#quoteForm .price ul li p{
	width: 40%;
	text-align: right;
	margin-bottom: 0 !important;
	color: #af8313;
}
#quoteForm .price ul li:last-of-type .tit{
	font-weight: bold;
}
#quoteForm .price ul li:last-of-type p span{
	font-size: 24px;
}
#quoteForm .cancel span{
	font-weight: bold;
}
#quoteForm .cancel{
	background: #f0f0f0;
	padding: 15px;
	font-weight: normal;
	font-size: 14px;
	border-radius: 3px;
}
@media screen and (min-width: 1079px) {
    .h2Tit01 {
        font-size: 40px;
    }
    .h2Tit02 {
        font-size: 50px;
    }
    .h2Tit02 a {
        font-size: 22px;
    }
    #pageHead {
        height: 390px;
    }
    #pageHead img {
        height: 390px;
    }
    .baseList01 li:before {
        top: 14px;
    }
	#affiliateForm,#quoteForm{
		width: 400px;
		margin: 0 auto;
	}
#quoteForm dl dt{
	width: 24%;
	font-size: 18px;
}
#quoteForm dl dd{
	width: 76%;
	font-size: 18px;
}
#quoteForm .cancel{
	font-size: 16px;
}
}