@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 768px) {


#contents { overflow: visible!important; }

.sub_titbox_tit { text-align: center; }
.sub_titbox .line { margin: 30px auto 50px; }


/*------------------------------------------*/
.conatct_txt { margin:0 0 60px;}

.bg_box {  
    width: 1170px;
	padding:120px;
	box-sizing:border-box;
	background:#FFFFFF;
	border:1px solid #f7f7f7;
    margin: auto;
}

.bg_box2 a {
	text-decoration:underline;
}

.readMore {
    font-weight: bold;
    line-height: 1em;
    padding-bottom: 8px;
    position: relative;
    margin: auto;
}

.com_table th {
	width:30%;
}

.com_table td {
position:relative;
}

input[type="submit"] {
background: #333333;
border: #333333 1px solid;
color: #FFF;
font-size: 1.2em;
padding: 15px 50px;
cursor: pointer;
transition: 0.5s;
}

input[type="submit"]:hover {
background: #fff;
border: #333333 1px solid;
color: #333333;
}

.submit:hover {
background: #fff;
border: #333333 1px solid;
color: #333333;
}

input[type="text"],
textarea,
select {
padding: 10px;
border: 1px solid #dddddd;
font-size: 1em;
}

.w240 { width: 240px;}
.w350 { width: 350px;}
.w540 { width: 540px;}
.w100p { width: 100%; box-sizing: border-box;}

.contact_link_btn01 a{
margin-top:30px;
margin-bottom:30px;
background: #333 none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 1rem;
padding: 10px 50px;
text-align: center;
text-decoration:none;
}

.contact_link_btn01 a:hover{
opacity:0.8;
}

.inqImg {
width: 100%;
box-sizing: border-box;
border: #b24547 5px solid;
margin: 0 auto 30px;
}

.txt {
padding: 0 20px 0 10px;
}

.h_kome {
background: #b24547 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 12px;
margin-right: 5px;
padding: 1px 10px;
}

.com_table th span {
font-size: 0.8em;
background: #b24547;
padding: 2px 10px;
color: #FFF;
line-height: normal;
display:block;
width:50px;
text-align:center;
float:right;
font-style:normal;
}

.ariTxt {
font-size: 1.2em;
}

.kome2 {
color: #999;
font-size: 12px;
}

/*----------------------------------
questionnaire
-----------------------------------*/
.fs_s { font-size:0.9em;}
.fs_s a { text-decoration: underline;}


.questionnaire_flow,
.questionnaire_flow2 {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 auto 60px;
}

.questionnaire_flow2 div {
	width:22.75%;
	padding:20px;
	box-sizing:border-box;
	position:relative;
	background:#f7f8f8;
}


.questionnaire_flow div {
	width:31.33%;
	padding:20px;
	box-sizing:border-box;
	position:relative;
	background:#f7f8f8;
}

.questionnaire_flow div .no,
.questionnaire_flow2 div .no {
	position:absolute;
	top:-10px;
	left:-10px;
	z-index:10;
	padding:10px 5px;
	font-size:1.2em;
	color:#FFF;
	background:#000;
}

.questionnaire_flow div h5,
.questionnaire_flow2 div h5 {
	padding-left:20px;
	margin-bottom:20px;
}

.questionnaire_flow div .icon_img,
.questionnaire_flow2 div .icon_img {
	width:60%;
	margin:0 auto;
}

.questionnaire_flow div .txt,
.questionnaire_flow2 div .txt {
	padding-left:20px;
	font-size:0.8em;
	line-height:1.8;
}


.bg_box2 {
	margin:0 auto 60px;
	background:#f7f8f8;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding:50px;
	box-sizing:border-box;
}

.bg_box2 div {
	width:50%;
}

.bg_box2 div h4 {
	font-size:16px;
	line-height:1.6;
	letter-spacing:3px;
	margin-bottom:10px;
}

.bg_box2 div h5 {
	font-size:16px;
	line-height:1;
	margin-bottom:20px;
}

.privacy_box {
background: #F2F2F2;
width: 100%;
height: 300px;
margin: 0 auto 40px;
overflow-y: auto;
padding: 35px;
box-sizing: border-box;
}

}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 767px) {

.sub_titbox_tit { text-align: center; }
.sub_titbox .line { margin: 30px auto; }

/*------------------------------------------*/
.conatct_txt { margin-bottom:30px;}

.bg_box {
width: 90%;
padding:25px;
box-sizing:border-box;
background:#FFFFFF;
margin: auto;
}

.bg_box2 a {
	text-decoration:underline;
}

.readMore {
    font-weight: bold;
    line-height: 1em;
    padding-bottom: 8px;
    position: relative;
    margin: auto;
}

.com_table td { position: relative; }

.com_table th span {
float: right;
font-size: 0.8em;
background: #b24547;
padding: 2px 10px;
color: #FFF;
line-height: normal;
}

input[type="submit"] {
background: #333333;
border: #333333 1px solid;
color: #FFF;
font-size: 1.2em;
padding: 15px 50px;
cursor: pointer;
transition: 0.5s;
}

input[type="submit"]:hover {
background: #fff;
border: #333333 1px solid;
color: #333333;
}

.submit:hover {
background: #fff;
border: #333333 1px solid;
color: #333333;
}

input[type="text"],
textarea,
select {
padding: 10px;
border: 1px solid #dddddd;
font-size: 1.1em;
}

.w240 { width: 90%;}
.w350 { width: 90%;}
.w540 { width: 90%;}
.w100p { width: 100%; box-sizing: border-box;}

.contact_link_btn01 a{
margin-top:30px;
margin-bottom:30px;
background: #333 none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 1rem;
padding: 10px 50px;
text-align: center;
text-decoration:none;
}

.contact_link_btn01 a:hover{
opacity:0.8;
}

.inqImg {
width: 100%;
box-sizing: border-box;
border: #b24547 5px solid;
margin: 0 auto 30px;
}

.txt {
padding: 0 20px 0 10px;
}

.h_kome {
background: #b24547 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 0.9em;
margin-right: 5px;
padding: 1px 10px;
}


.com_table th span {
font-size: 0.8em;
background: #b24547;
padding: 2px 10px;
color: #FFF;
line-height: normal;
display:block;
width:50px;
text-align:center;
float:right;
font-style:normal;
}

.ariTxt {
font-size: 1.1em;
}

.kome2 {
color: #999;
font-size: 12px;
}


/*----------------------------------
questionnaire
-----------------------------------*/
.fs_s { font-size:0.9em;}
.fs_s a { text-decoration: underline;}


.questionnaire_flow,
.questionnaire_flow2 {
	width:80%;
	margin:0 auto 30px;
}

.questionnaire_flow div,
.questionnaire_flow2 div  {
	width:100%;
	padding:20px;
	box-sizing:border-box;
	position:relative;
	background:#f7f8f8;
	margin-bottom:30px;
}

.questionnaire_flow div .no,
.questionnaire_flow2 div .no {
	position:absolute;
	top:-10px;
	left:-10px;
	z-index:10;
	padding:10px 5px;
	font-size:1.2em;
	color:#FFF;
	background:#000;
}

.questionnaire_flow div h5,
.questionnaire_flow2 div h5 {
	padding-left:20px;
	margin-bottom:20px;
}

.questionnaire_flow div .icon_img,
.questionnaire_flow2 div .icon_img {
	width:40%;
	margin:0 auto;
}

.questionnaire_flow div .txt,
.questionnaire_flow2 div .txt {
	padding-left:20px;
	font-size:0.8em;
	line-height:1.8;
}


.bg_box2 {
	margin:0 auto 30px;
	background:#f7f8f8;
	padding:20px;
	box-sizing:border-box;
}

.bg_box2 div {
	width:100%;
	margin-bottom:20px;
}

.bg_box2 div h4 {
	font-size:12px;
	line-height:1.6;
	letter-spacing:3px;
	margin-bottom:10px;
}

.bg_box2 div p {
	font-size:12px;
	line-height:1.8;
	margin-bottom:20px;
}


.privacy_box {
background: #F2F2F2;
width: 90%;
height: 200px;
margin: 0 auto 30px;
overflow-y: auto;
padding: 20px;
box-sizing: border-box;
}

}