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


/*HEAD  VISUAL*/
.head_visual .sect_title:after{
	content: "Contact";
}
.privacy_contents .sect_title:after{
	content: "Privacy policy";
}
.sub_visual .sect_title{
	background-image: url( "../images/main_bg04.jpg");
}
/*MAIN CONTENTS
--------------------------------------------------*/
/*CONTACT*/
.form_list div p{
	width: 100%;
}
.form_list div p:nth-child(1){
	color: #333;
	font-weight: 500;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.form_list div p:nth-child(1):after{
	content: "\0274a";
	color: red;
	font-size: 0.85em;
	vertical-align: top;
}
.form_list div:nth-child(3) p:nth-child(1):after,
.form_list div:last-child p:nth-child(1):after{
	display: none;
}
.form_list div .flexbox span{
	display: inline-block;
	color: #888;
	box-sizing: border-box;
	padding-right: 5px;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	align-items: center;
}
.form_list div:nth-child(3) .flexbox{
	margin-bottom: 10px;
}
.select_form{
	display: inline-block;
	position: relative;
	width: 100%;
}
.select_form:after{
	display: inline-block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 4px;
	height: 4px;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
	transform: rotate(45deg) translate(0,-50%);
	pointer-events: none;
}
.form_list div p input,
.form_list div p select,
.form_list div p textarea{
	outline: none;
}
.form_list div p input[type="text"],
.form_list div p select,
.form_list div p textarea{
	-moz-appearance: none;
	-webkit-appearance: none;
	display: block;
	border: 1px #ccc solid;
	border-radius: 0;
	color: #404040;
	font-size: 1rem;
	padding: 7px;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
}
.form_list div .flexbox input[type="text"]{
	width: 28%;
}
/*FORM BTN*/
form .btn{
	text-align: center;
}
form .btn input[type="reset"],
form .btn input[type="submit"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	display: inline-block;
	box-sizing: border-box;
	color: #fff;
	font-weight: 500;
	border: 1px solid;
	cursor: pointer;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
form .btn input[type="reset"]{
	border-color: #404040;
	background: #404040;
}
form .btn input[type="submit"]{
	border-color: #e84653;
	background: #e84653;
}
form .btn input[type="reset"]:hover{
	color: #404040;
	background: #fff;
}
form .btn input[type="submit"]:hover{
	color: #e84653;
	background: #fff;
}
/*PRIVACY POLICY*/
.privacy_contents ul li{
	position: relative;
}
.privacy_contents ul li .ac_trg{
	display: block;
	color: #666;
	font-weight: normal;
	cursor: pointer;
    background: -webkit-linear-gradient(left, #fffcb0 70%, transparent 70%);
    background: -moz-linear-gradient(left, #fffcb0 70%, transparent 70%);
    background: linear-gradient(left, #fffcb0 70%, transparent 70%);
    background-repeat: no-repeat;
    background-size: 200% .8em; 
    background-position: 140% .9em;
    -webkit-transition: 1.2s ease-out;
    -moz-transition: 1.2s ease-out;
    -ms-transition:l 1.2s ease-out;
    -o-transition: 1.2s ease-out;
    transition: 1.2s ease-out;
	border-bottom: 1px #ccc solid;
}
.privacy_contents ul li .ac_trg:hover{
	background-position: 0% .9em;
}
.privacy_contents ul li .text span:nth-child(2){
	display: block;
	margin-top: 6px;
}
.privacy_contents ul li .text{
    line-height: 1.6;
	height: 0;
	visibility: hidden;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}
.privacy_contents ul li.active .text{
	height: auto;
	visibility: visible;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
/*MEDIA QUERIES
--------------------------------------------------*/
/*smartphone*/
@media (max-width: 640px) {
    /*CONTACT*/
	.contact_contents .wrapper{
		padding: 0 15px;
	}
    .form_list{
        padding: 15px 0 10px 0;
    }
    .form_list div{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .form_list div .flexbox input[type="text"]{
        width: 40%;
    }
    /*FORM BTN*/
    form .btn input[type="reset"],
    form .btn input[type="submit"]{
        width: calc(50% - 20px);
        padding: 10px;
		margin: 5px;
        margin-bottom: 35px;
		font-size: 14px;
    }
    /*PRIVACY POLICY*/
    .privacy_contents .wrapper{
        padding-top: 5px;
        padding-bottom: 20px;
    }
	.privacy_contents ul li{
		margin: 5px 0 10px 0;
	}
	.privacy_contents ul li .ac_trg{
		font-size: 16px;
		padding: 10px 0 10px 10px;
		font-size: 14px;
	}
	.privacy_contents ul li .text{
		padding-top: 8px;
		padding-left: 10px;
		font-size: 13px;
	}
}
/*tablet*/
@media (min-width: 641px) and (max-width: 893px) {
    /*CONTACT*/
	.contact_contents .wrapper{
		padding: 0 30px;
	}
    .form_list{
        padding: 30px 0 25px 0;
    }
    .form_list div{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /*FORM BTN*/
    form .btn input[type="reset"],
    form .btn input[type="submit"]{
        width: 240px;
        padding: 10px;
        margin: 0 30px;
        margin-bottom: 35px;
		font-size: 15px;
    }
    /*PRIVACY POLICY*/
    .privacy_contents .wrapper{
        padding-top: 30px;
        padding-bottom: 30px;
    }
	.privacy_contents ul li{
		margin: 10px 0 15px 0;
	}
	.privacy_contents ul li .ac_trg{
		font-size: 16px;
		padding: 10px 0 10px 10px;
	}
	.privacy_contents ul li .text{
		padding-top: 8px;
		padding-left: 10px;
	}
}
/*PC*/
@media (min-width: 894px) {
    /*CONTACT*/
    .form_list{
        padding: 35px 0;
    }
    .form_list div{
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
    }
    /*FORM BTN*/
    form .btn input[type="reset"],
    form .btn input[type="submit"]{
        width: 240px;
        padding: 10px;
        margin: 0 35px;
        margin-bottom: 70px;
		font-size: 15px;
    }
    /*PRIVACY POLICY*/
    .privacy_contents .wrapper{
        padding-top: 35px;
        padding-bottom: 35px;
    }
	.privacy_contents ul li{
		margin: 10px 0 25px 0;
	}
	.privacy_contents ul li .ac_trg{
		font-size: 16px;
		padding: 10px 0 10px 10px;
	}
	.privacy_contents ul li .text{
		padding-top: 8px;
		padding-left: 10px;
	}
}