@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/	
.menuBox .naviLink03 li:nth-of-type(1) {
	opacity: 0.3;
}
#gFooter .list13 a {
	opacity: 0.3 !important;
}
#main .comFlexTxtBox .lBox {
	width: 28.2%;
}
#main .comFlexTxtBox .lBox .txt {
	margin-bottom: 10px;
	font-weight: 400;
	letter-spacing: 0.05em;
}
#main .comFlexTxtBox .lBox .jp {
	font-size: 1.1rem;
}
#main .comFlexTxtBox {
	margin-bottom: 49px;
}
#main .ouCheckBox h3 {
	margin-bottom: 11px;
	font-weight: 400;
	font-size: 1.5rem;
	letter-spacing: 0.06em;
}
#main .ouCheckBox h3 .jp {
	font-size: 1.2rem;
	margin-left: 18px;
}
#main .ouCheckBox .checkList > li {
	padding: 36px 0 12px;
	display: flex;
	border-top: 1px solid rgba(82,82,82,0.6);
}
#main .ouCheckBox .checkList .lBox {
	width: 28.3%;
}
#main .ouCheckBox .checkList .rBox {
	flex: 1;
}
#main .ouCheckBox .checkList .ttl {
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 0.05em;
}
#main .ouCheckBox .checkList .errorTxt {
    display: none;
    margin-top: 15px;
}
#main .ouCheckBox .checkList .errorTxt .error {
    letter-spacing: 0.04em;
}
#main .ouCheckBox .checkList .ttl .jp {
	font-size: 1.2rem;
}
#main .ouCheckBox .inputList li .error {
    display: none;
}
#main .ouCheckBox .inputList input {
	display: none;
}
#main .ouCheckBox .inputList input {
	display: none;
}
#main .ouCheckBox .inputList label > span {
	padding: 0 0 0 31px;
	display: inline-block;
	line-height: 1.3;
	letter-spacing: 0.05em;
	font-size: 1.3rem;
	font-weight: 400;
	background: url('/img/common/check01.png') no-repeat left top / 20px auto;
}
#main .ouCheckBox .inputList input:checked + span {
	background-image: url('/img/common/check02.png');
}
#main .ouCheckBox .inputList label .en {
	display: inline-block;
	margin-bottom: 4px;
}
#main .ouCheckBox .inputList label .jp {
	font-size: 1.2rem;
}
#main .ouCheckBox .inputList {
	display: flex;
	flex-wrap: wrap;
}
#main .ouCheckBox .inputList li {
	width: calc((100% / 3) - 13px);
	margin-bottom: 24px;
}
#main .ouCheckBox .inputList01 {
	display: flex;
	flex-wrap: wrap;
}
#main .ouCheckBox .inputList01 li .error {
    display: none !important;
}
#main .ouCheckBox .inputList01 .lTxt {
	width: 33.2%;
	display: inline-block;
	line-height: 1.3;
	letter-spacing: 0.05em;
	font-size: 1.3rem;
	font-weight: 400;
} 
#main .ouCheckBox .inputList01 .lTxt .en {
	display: inline-block;
	margin-bottom: 4px;
}
#main .ouCheckBox .inputList01 .lTxt .jp {
	font-size: 1.2rem;
}
#main .ouCheckBox .inputList01 li {
	margin-bottom: 24px;
	display: flex;
	width: calc((100% / 3) - 13px);
}
#main .ouCheckBox .inputList01 li .subRBox {
	flex: 1;
	font-weight: 400;
	font-size: 1.3rem;
	letter-spacing: 0.05em;
	font-family: 'Roboto', sans-serif;
}
#main .ouCheckBox .inputList01 input {
	margin: 4px 10px 0 0;
	padding: 4px;
	max-width: 120px;
	height: 30px;
	width: 100%;
	display: block;
	-webkit-appearance:none;
    appearance:none;
    box-shadow: none;
	border: none;
	border-radius: 0;
	font-size: 1.2rem;
	box-sizing: border-box;
	background-color: #F0F0F0;
}
#main .ouCheckBox {
	margin-bottom: 91px;
}
#main .contentBox {
	margin-bottom: 85px;
	display: flex;
}
#main .contentBox .lBox {
	width: 17.9%;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 0.05em;
}
#main .contentBox .lBox .jp {
	font-size: 1.2rem;
}
#main .contentBox .rBox {
	margin-top: 2px;
	flex: 1;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.7;
}
#main .contentBox  textarea {
	padding: 4px;
	font-size: 1.2rem;
	width: 100%;
	height: 190px;
	display: block;
	-webkit-appearance:none;
    appearance:none;
    box-shadow: none;
	border: none;
	border-radius: 0;
	resize: vertical;
	box-sizing: border-box;  
	background-color: #F0F0F0;
}
.comFormCheck {
	position: relative;
	top: -11px;
}
.comFormCheck .comContactDl {
	margin-bottom: -11px;
}
#main .comFormCheck  .ouCheckBox .checkList > li {
	padding: 13px 0 5px;
}
#main .comFormCheck .ouCheckBox .checkList .ttl {
	line-height: 1.4;
}
#main .comFormCheck .ouCheckBox .inputList label > span {
	padding-left: 0;
	background-image: none;
	line-height: 1.2;
}
#main .comFormCheck .ouCheckBox .inputList li {
	margin-bottom: 10px;
}
#main .comFormCheck .ouCheckBox {
    margin-bottom: 11px;
} 
#main .comFormCheck .contentBox .lBox {
	width: 28.3%;
}
@media all and (-ms-high-contrast:none){
	
}
@media all and (min-width: 768px) {
	#main {
		margin-top: -31px;
	}
	.comContactTxt .innTxtBox01 {
		margin-bottom: 83px;
	}
	.comFlexTxtBox .rBox {
		margin-top: -1px;
	}
	.comTopLinkBox01 h2 {
		left: calc(((100% -75px) * 0.072) + (((100% -75px) * 0.856) * 0.282) + 269px);
	}
	.comTopLinkBox01 .rBox {
	}
	.comContactDl dd {
		margin-bottom: 18px;
	}
	.comContactTxt .comAgree {
		margin-bottom: 79px;
	}
	.comContactTxt .innTxtBox01 {
		line-height: 2.34;
	}
	.comContactTxt .innTxtBox01 .jp {
		line-height: 2.3;
		margin-top: -3px;
	}
}
@media all and (min-width: 768px) and (max-width: 1000px) {
	.comTopLinkBox01 .rBox {
		margin-right: 107px;
	}
	.comTopLinkBox01 h2 {
		left: calc((100% - 68px) / 2);
	}
	#main .ouCheckBox .inputList01 li {
		width: 30%;
		margin-right: 27px;
	}
	#main .ouCheckBox .inputList01 li:nth-of-type(3) {
		margin-right: 0;
	}
	#main .ouCheckBox .inputList01 .lTxt {
		width: 44.2%;
	} 
}
@media all and (max-width: 767px) {
	#main {
		margin-top: 20px;
	}
	#main .comFlexTxtBox .lBox {
		margin-bottom: 38px;
		width: auto;
	}
	.comFlexTxtBox .rBox {
		margin-right: 11px;
	}
	.comContactDl dd {
		margin-bottom: 17px;
	}
	#main .comFlexTxtBox {
		margin-bottom: 69px;
	}
	#main .ouCheckBox h3 {
		letter-spacing: 0.05em;
	}
	#main .ouCheckBox .checkList > li {
		padding: 41px 71px 31px 0;
		display: block;
	}
	#main .ouCheckBox .checkList .lBox {
		width: auto;
	}
	#main .ouCheckBox .checkList {
		margin-right: -71px;
	}
	#main .ouCheckBox .inputList li {
		margin-bottom: 18px;
		width: 100%;
	}
	#main .ouCheckBox .checkList .ttl {
		margin-bottom: 29px;
	}
    #main .ouCheckBox .checkList .errorTxt {
        margin: -14px 0 29px;
    }
	#main .ouCheckBox .clown {
		justify-content: space-between;
	}
	#main .ouCheckBox .clown li {
		width: 44.4%;
	}
	#main .ouCheckBox .checkList > li.liStyle {
		padding: 27px 71px 20px 0;
		border-top: none;
	}
	#main .ouCheckBox .checkList > li.liStyle .ttl {
		padding-bottom: 12px;
		margin-bottom: 41px;
		margin-right: -71px;
		font-size: 1.5rem;
		border-bottom: 1px solid rgba(82,82,82,0.6);
	}
	#main .ouCheckBox .inputList01 li {
		margin-bottom: 23px;
		width: 100%;
	}
	#main .ouCheckBox .inputList01 .lTxt {
		width: 29.8%;
	}
	#main .ouCheckBox .inputList01 input {
		margin: -3px 10px 0 0;
		max-width: 100%;
	}
	#main .ouCheckBox {
		margin-bottom: 22px;
	}
	#main .contentBox {
		margin-bottom: 53px;
		display: block;
	}
	#main .contentBox .lBox {
		width: auto;
	}
	#main .contentBox .ttl {
		margin-bottom: 26px;
	}
	#main .contentBox textarea {
		height: 255px;
	}
	.comFormCheck {
		top: -22px;
	}
	.comFormCheck .comFlexTxtBox .rBox {
		margin-right: 0;
	}
	.comFormCheck .comFlexTxtBox {
		margin-bottom: 47px !important;
	}
	#main .comFormCheck .ouCheckBox h3 {
		margin-bottom: 5px;
		font-weight: 400;
	}
	#main .comFormCheck .ouCheckBox .checkList > li {
		padding: 9px 0 12px;
	}
	#main .comFormCheck .ouCheckBox .checkList .ttl {
		margin-bottom: 2px;
		font-weight: 400;
	}
	#main .comFormCheck .ouCheckBox .inputList label .en {
		margin-bottom: 0;
	}
	#main .comFormCheck  .ouCheckBox .checkList > li.liStyle .ttl {
		padding: 0 0 5px;
		margin-bottom: 6px;
	}
	#main .comFormCheck .ouCheckBox .inputList li {
		margin-bottom: 1px;
	}
	#main .comFormCheck .ouCheckBox .checkList > li.liStyle {
		padding: 19px 0 0;
	}
	#main .comFormCheck .ouCheckBox .inputList01 li {
		margin-bottom: 0;
	}
	#main .comFormCheck .ouCheckBox .inputList01 .lTxt {
		width: 32.8%;
	}
	#main .comFormCheck .contentBox .lBox {
		width: auto;
		font-weight: 400;
	}
	#main .comFormCheck .contentBox {
		margin: 28px 0 53px;
	}
	#main .comFormCheck .contentBox .ttl {
		margin-bottom: 3px;
	}
	#main .ouCheckBox h3 .jp {
		margin-left: 0;
	}
	#main .ouCheckBox .inputList label > span {
		min-height: 20px;
	}
}
.contactstep01,
.comFormCheck .contactconfirm {
    display: block;
}
.contactconfirm,
.comFormCheck .contactstep01 {
    display: none;
}