@charset "utf-8";

@media screen and (max-width: 700px) {

	.pc{display: none;}
	.mobile {display:inherit;}
	img{width: 100%;}


.inner {
	width: 94%;
}
h3.ttl_small {
	font-size: 26px;
	text-align: center;
}

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

header 

-------------- */ 
.title {
	width: 100%;
    float: none;
	margin: 10px 0;
}
.header_right {
	float: none;
	overflow:hidden;
}
ul li.header_tel {
	width: 49%;
	float: left;
	padding: 1% 2% 1% 0 !important;
	box-sizing:border-box;
}
ul li.header_contact {
	width: 49%;
	float: right;
	padding: 0 0 0 1%;
	box-sizing: border-box;
}

.header_right .header_tel {
	padding: 0;
}

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

main 

-------------- */ 
.main {
	padding: 100px 10px;
}

.tocontact a{
	padding: 10px 0;
}
/* --------------

warapper

-------------- */ 
div.nayami h3.ttl_small {
	line-height: 1.5em;
}
div.nayami h3.ttl_small span {
	display: block;
}
div.nayami ul {
	margin: 45px 0 0 0;
}
div.nayami ul li{
	width: 100%;
	font-size: 16px;
	line-height:1.7em;
	border: solid 1px #fff;
	text-align: center;
	margin:0 auto 10px;
	padding:50px 10px;
	box-sizing:border-box;
	height: auto;
}

div.nayami ul li, div.nayami ul li:last-child span {
	display:block;
}

div.nayami ul li.line2 {
	padding:50px 10px;
}
div.nayami ul li.line1 {
	padding:60px 10px;
}
div.point {
	padding: 50px 0 100px;
}
div.point h3.ttl_small{
	margin: 0 0 50px 0;
}
div.point div.point_content p{
	width: 100%;
	float: none;
	margin: 0 0 10px 0;
}
div.point_yasuda {
	padding: 20px 10px;
	margin: 10px 0;
	width: 94%;
}
div.point_yasuda p.yasuda {
	text-align: center;
	margin: 0 0 5px 0;
}
div.point_yasuda p.yasuda_info {
	text-align: center;
}
div.point_yasuda p.yasuda_info span {
	display: block;
}

div.jiseki ul li {
	width: 94%;
	margin:20px auto;
	float: none;
	text-align:center;
}
div.jiseki ul li:nth-child(3),div.jiseki ul li:nth-child(6){
	margin: 20px auto;
}
div.precontact {
	padding: 50px 0;
}
div.precontact_text span {
	display:block;
}
div.flow {
	margin: 45px 0;
}
div.flow p.flow_text {
	font-size: 16px;
	line-height: 1.7em;
	margin: 0 0 30px 0;
}
div.step dl dt {
	width: 30%;
	margin:5px 0;
	float: none;
}
div.step dl dd {
	font-size: 20px;
	color: #fff;
	background: url(../images/step_square.png) center left 15px no-repeat;
	background-color: #000;
	padding: 15px 0 15px 50px;
	box-sizing: border-box;
	width: 100%;
	float: none;
	margin: 0 0 15px 0;
}
/*
div.step dl {
	width: 94%;
}

div.step dl dt {
	margin: 5px 0;
	width: 20%;
}
div.step dl dd {
	font-size: 17px;
	padding: 10px 0 10px 45px;
	margin: 5px 0;
	width: 66%;
}

*/
.FAQ {
	padding: 50px 0 45px 0;
}
.ttl_en {
	font-size: 16px;
	padding: 20px 0;
}
p.FAQ_text {
	font-size: 16px;
	padding: 0 0 30px 0;
}
p.FAQ_text span {
	display:block;
}
div.qa_content div h4 {
	font-size: 16px;
	background: url(../images/img_q.png) center left 15px no-repeat;
	background-color: #fff;
	background-size: 10%;
	padding: 20px 5px 20px 60px;
	margin: 0 0 20px 0;
}
div.qa_content div p {
	font-size: 15px;
	line-height:1.6em;
	text-align: left;
	background: url(../images/img_a.png) top 25px left 15px no-repeat;
	background-color: #F2E2DB;
	background-size: 10%;
	padding: 20px 10px 20px 60px;
	margin: 0 0 40px 0;
}

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

CONTACT

-------------- */ 
div#contact {
	padding: 70px 0 90px;
}
div#contact p.contact_text span{
	display:block;
}
div#contact p.contact_tel {
	margin: 0 0 40px 0;
}
div#contact h4.contact_ttl {
	font-size: 20px;
	margin: 0 0 60px 0;
}
div#contact h4.contact_ttl span {
	display: block;
}
div.form table th {
	width: 100%;
	display:block;
	font-size: 15px;
	padding: 0 0 0 2%;
	box-sizing:border-box;
	margin: 0 0 5px 0;
}

div.form table td {
	width: 100%;
	display:block;
	padding: 0 0 20px 0;
}
div.form table td label{
	margin-right: 0;
	font-size:15px;
}
div.form table td span {
	display:block;
}
div.form table input[type="text"],
div.form table textarea {
	width: 90%;
	margin: 0 2%;
}
/* --------------

footer

-------------- */ 
footer ul li.ft_square {
	border: solid 1px #000;
	width: 49%;
	display: block;
	text-align: center;
	padding: 5px 0;
	color: #000;
	margin: 0 0 0 25%;
}
footer ul li {
	float: none;
	padding: 0 0 0 0;
	text-align:center;
}
footer ul li.ft_tel {
	width: 40%;
	margin: 0 0 0 30%;
}
footer p {
	font-size: 10px;
	text-align:center;
}
}