@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
.pageTitle {
    margin-bottom: 77px;
	position: relative;
    background: url("../../img/common/icon01.png") repeat left top;
    background-size: 27px 30px; 
    height: 366px;
}
.pageTitle:before {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: url("../../img/contact/page_title_bg.jpg") no-repeat center center;
	background-size: cover;
	width: calc(50% + 332px);
	content: "";
	z-index: 1;
}
.pageTitle:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 642px;
	height: 365px;
	background: url("../../img/common/com_bg.png") no-repeat center center;
	background-size: cover;
	content: "";
	z-index: 1;
}
.pageTitle .infoBox {
	width: 1150px;
	display: flex;
	height: 100%;
	align-items: center;
	margin: 0 auto;
}
.pageTitle h2 {
	position: relative;
	z-index: 2;
}
@media all and (max-width: 896px) {
    .pageTitle {
        margin-bottom: 35px;
		height: 200px;
        background-size: 13px 15px; 
    }
	.pageTitle:before {
		width: calc(100% - 100px);
	}
	.pageTitle:after {
		display: none;
	}
    .pageTitle .infoBox {
		width: auto;
    }
    .pageTitle h2 {
		padding: 0 20px;
    }
    .pageTitle h2 img {
        width: 180px;
    }
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
    width: 660px;
    margin: 0 auto;
}
@media all and (max-width: 896px) {
    .content {
        width: auto;
        margin: 0 20px;
    }
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
    margin-bottom: 37px;
    text-align: center;
}
.headLine01 .en {
    font-size: 3.6rem;
    display: block;
    font-family: 'myriad';
	font-weight: normal;
    letter-spacing: 0.15em;
    line-height: 1.15;
}
.headLine01 .jp {
    margin-top: 5px;
    display: block;
    font-weight: 500;
    letter-spacing: 1px;
}
@media all and (max-width: 896px) {
    .headLine01 {
        margin-bottom: 20px;
    }
    .headLine01 .en {
        font-size: 2.6rem;
        letter-spacing: 1px;
    }  
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
    margin-bottom: 33px;
    font-size: 3.6rem;
    text-align: center;
}
@media all and (max-width: 896px) {
    .headLine02 {
        margin-bottom: 17px;
        font-size: 2.6rem;
    }
}
/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
	margin-bottom: 15px;
	padding: 3px 15px 6px;
	font-size: 1.57rem;
	letter-spacing: 4px;
	border: 1px solid #e9e9eb;
	background: linear-gradient(#F0F0F2, #FFF);
}
.headLine03 span {
	padding-left: 10px;
	display: inline-block;
	line-height: 0.9;
	vertical-align: middle;
	border-left: 1px solid #648574;
}
@media all and (max-width: 896px) {
    .headLine03 {
        padding: 3px 15px 6px;
        font-size: 1.37rem;
    }
}
/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
    margin-bottom: 41px;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 0.2em;
    text-align: center;
}
.headLine04 span {
    background: url("../../img/common/line01.png") repeat-x center bottom;
    background-size: 2px 13px;
}
@media all and (max-width: 896px) {
	.headLine04 {
		margin-bottom: 20px;
		font-size: 1.8rem;
		letter-spacing: 0.01em;
	}
    .headLine04 span {
        background-size: 1px 6px; 
    }
}
/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink a {
	margin: 0 auto;
    padding: 12px 10px;
    width: 400px;
    display: block;
    color: #FFF;
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    border-radius: 10px;
    background-color: #648474;
	box-sizing: border-box;
	text-align: center;
}
.comLink a:hover {
    opacity: 0.7;
}
.comLink a img {
    margin: -3px 14px 0 0;
	display: inline-block;
	vertical-align: middle;
}
@media all and (max-width: 896px) {
	.comLink a {
		padding: 12px 10px;
		width: 260px;
		font-size: 1.6rem;
		letter-spacing: 0.1em;
		border-radius: 6px;
	}
	.comLink a img {
		margin: -1px 10px 0 0;
		width: 25px;
	}
}
/*------------------------------------------------------------
	comTab
------------------------------------------------------------*/
.comTab {
    width: 100%;
    border-collapse: collapse;
	word-break: break-all;
}
.comTab th,
.comTab td {
    padding: 42px;
    width: 26%;
    font-size: 1.6rem;
    letter-spacing: 0.2em;
    text-align: right;
    vertical-align: top;
    border-top: 1px solid #C9C9CA;
    border-bottom: 1px solid #C9C9CA;
    box-sizing: border-box;
}
.comTab th {
    color: #648474;
    font-weight: bold;
}
.comTab td {
    padding: 38px 41px 37px;
    width: 74%;
    position: relative;
    font-size: 1.4rem;
    line-height: 1.75;
    letter-spacing: 0.2em;
    text-align: left;
}
.comTab td::before {
    width: 2px;
    height: calc(100% - 43px);
    position: absolute;
    left: 0;
    top: 21px;
    background-color: #e4e4e4;
    content: '';
}
@media all and (max-width: 896px) {
	.comTab th,
	.comTab td {
		padding: 13px 0 0;
		width: 100%;
		float: left;
		font-size: 1.4rem;
		letter-spacing: 0.1em;
		text-align: left;
		border-top: none;
		border-bottom: none;
		box-sizing: border-box;
	}
	.comTab td {
		padding: 7px 0 13px;
		width: 100%;
		font-size: 1.2rem;
		line-height: 1.6;
		letter-spacing: 0.1em;
		text-align: left;
		border-bottom: 1px solid #C9C9CA;
	}
	.comTab td::before {
		display: none;
	}
}
@media all and (-ms-high-contrast:none){
    .headLine03 {
        padding: 6px 15px 3px;
    }
    .headLine03 span {
        padding-top: 4px;
    }
    .comLink a {
        padding: 15px 10px 10px;
    }
	.headLine04 span {
		background-position: center bottom 10px;
	}
}