@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*　★　★　★　★　★　共通　★　★　★　★　★　*/
body {
	width			: 100%;
	min-width		: 1040px;
	margin          	: 0 auto;
	padding         	: 0;
	background-image	: url("../images/kabe.jpg");
   	font-family		: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}

a {
	text-decoration		: none;
}
a:link {
	color			: white;
}
a:visited {
	color			: white;
}
a:hover {
	color			: #3e8879;
}
a:active {
	color			: #601D20;
}

img {
	margin			: 0;
	padding			: 0;
	border-style		: none; 
	font-size		: 0;
	vertical-align		: bottom;
}
a img:hover{
	filter			: alpha(opacity=80);
	opacity			: 0.8;
}

ul{
	margin			: 0;
	padding			: 0;
}
ul li{
	display			: block;
}

section, article, aside, nav, header, main, footer, address {
	display			: block;
	font-style		: normal;
}


/*　★　★　★　header　★　★　★　*/
header {
	width			: 100%;
	min-width		: 1000px;
	height			: 540px;
	margin			: 0;
	padding			: 0;
	border-top		: 8px solid #387e82;
	border-bottom		: 8px solid #387e82;
	background-image	: url("../images/bg19.jpg");
	background-position	: center bottom;
background-size: 100% auto;
}

header .title{
	float			: left;
	width			: 580px;
}

header .title h1{
	width			: 100%;
	margin			: 0;
	padding			: 10px 0 10px 10px;
	color			: white;
	font-size		: 34px;
	font-weight		: 600;
    text-shadow: 0px 0px 25px black;
}

header .title p{
	margin			: 0;
	padding			: 0 0 0 15px;
	color			: white;
	font-size		: 14px;
    text-shadow: 0px 0px 25px black;
}

header nav{
	float			: right;
	width			: 550px;
	margin			: 0;
	padding			: 10px 1% 10px 0;
}

header nav ul{
	float			: right;
	display			: flex;
}

header nav ul li{
	font-size: 17px;
	margin			: 0 10px 0 14px;
}

header .catchphrase{
	clear			: both;
	margin			: 0;
	padding			: 50px;

}
header .catchphrase h2{
	margin			: 0;
	padding			: 0;
	text-align		: center;
	font-size		: 50px;
	color			: white;
    text-shadow: 0px 0px 25px black;
}
header .catchphrase p{
	clear			: both;
	margin			: 0;
	padding			: 0;
	text-align		: center;
	font-size		: 18px;
	color			: white;
    text-shadow: 0px 0px 25px black;
}


header .catchphrase .rightnow{
	position		: relative;
	width			: 150px;
	margin			: 38px auto;
	padding			: 42px;
	background-color	: #5eceb8;
}
header .catchphrase .rightnow a{
	position		: absolute;
	top			: 0;
	left			: 0;
	width			: 100%;
	height			: 100%;
	font-size		: 21px;
	line-height		: 2;
	color			: white;
	text-align		: center;
	transition		: background-color 0.3s ease 0s;
}

header .catchphrase .rightnow a:hover{
	background-color	: #3e8879;
}



/*　★　★　★　main　★　★　★　*/

main .text{
	width			: 100%;
	margin			: 0 auto;
	padding			: 0;
}
main .text h2{
	text-align		: center;
	font-size		: 36px;
	font-weight		: normal;
}

main .aori h2{
	text-align		: center;
	font-size		: 23px;
	font-weight		: normal;
}

main .aori h3{
	text-align		: center;
	font-size		: 32px;
	font-weight		: bold;
}

main .aori p{
	text-align		: center;
	font-size		: 19px;
	font-weight		: normal;
}

main .aori p span{
background: linear-gradient(transparent 50%, #fcff5a 50%);
font-weight: bold;
}

main .price p span{
background: linear-gradient(transparent 90%, #ff5a5a 50%);
	font-size		: 17px;
}

main .text .left{
	float			: left;
	width			: 400px;
	margin			: 0;
	padding			: 0;
}
main .text .left p{
	margin			: 0;
	padding			: 0;
	text-align		: center;
	font-size		: 36px;
}

main .text .left p span{
	font-size		: 180px;
}
main .text .right{
	float			: right;
	width			: 560px;
	margin			: 280px 20px 0 0;
	padding			: 0;
}

main .reason{
	clear			: both;
	background-color	: #33b8e8;
}
main .reason .width{
	overflow		: hidden;
	width			: 100%;
	margin			: 0 auto;
}

main .reason h2{
	padding			: 50px;
	text-align		: center;
	font-size		: 36px;
	font-weight		: normal;
	color			: white;
}
main .reason h2 span{
	color			: gray;
}

main .reason .left{
	float			: left;
	width			: 450px;
	margin			: 0;
	padding			: 0;
}
main .reason .right{
	float			: right;
	width			: 450px;
	margin			: 0;
	padding			: 0;
}

main .reason .left h3, main .reason .right h3{
	margin			: 50px 0 10px;
	padding			: 0;
	font-size		: 24px;
}
main .reason .left p, main .reason .right p{
	margin			: 0;
	padding			: 0;
	text-align		: center;
	font-size		: 18px;
}

main .detail{
	width			: 100%;
	max-width		: 1040px;
	margin			: 0 auto;
}
main .detail h2{
	padding			: 50px 0 0 0;
	text-align		: center;
	font-size		: 36px;
	font-weight		: normal;
}
main .detail .lefter, main .detail .center{
	clear			: right;
	background-color	: white;
	border			: 1px solid #903d3d;
	float			: left;
	width			: 332px;
	margin			: 20px 15px 20px 0;
	padding			: 0;
}
main .detail .right{
	background-color	: white;
	border			: 1px solid #903d3d;
	float			: right;
	width			: 334px;
	margin			: 20px 0;
	padding			: 0;
}


main .detail .lefter p{
	padding			: 0 6px 0;
}

main .detail .lefter img{
	padding			: 0px 125px 10px;
}

main .detail .lefter h3{
	padding			: 11px;
text-align: center;
}

main .detail .center p{
	padding			: 0 6px 0;
}

main .detail .center img{
	padding			: 0px 125px 10px;
}

main .detail .center h3{
	padding			: 11px;
text-align: center;
}

main .detail .right p{
	padding			: 0 6px 0;
}

main .detail .right img{
	padding			: 0px 125px 10px;
}

main .detail .right h3{
	padding			: 11px;
text-align: center;
}

main .price{
	clear			: both;
	background-color	: white;
}
main .price .width{
	width			: 100%;
	margin			: 0 auto;
	padding			: 0 0 30px;
}

main .price h2{
	padding			: 50px 0 0 0;
	text-align		: center;
	font-size		: 36px;
	font-weight		: normal;
}
main .price p{
	width			: 75%;
	margin			: 0 auto;
	padding			: 40px 0;
	border			: lightgray 1px solid;
	font-size		: 24px;
	text-align		: center;
	background-color	: #F1F1F1;
	
}

main .text1{
	max-width		: 1040px;
	margin			: 0 auto;
	padding			: 10px;
}
main .case{
	clear			: both;
	width			: 100%;
	margin			: 0 auto;
	padding			: 0 0 50px;
	text-align		: center;
}

main .case h2{
	padding			: 50px 0 0 0;
	text-align		: center;
	font-size		: 36px;
	font-weight		: normal;
}


main .case table, main .case table th, main .case table td{
	margin			: 0;
	padding			: 0;
	border			: 1px solid #E1E1E1;
	border-collapse		: separate;
	font-size		: 21px;
}
main .case table{
	width			: 50%;
	margin			: 20px auto 0;
	border			: 1px solid #E1E1E1;
	background-color	: white;
}
main .case table th{
	width			: 200px;
	padding			: 6px;
	text-align		: center;
	color			: white;
	background-color	: #258f98;
}

main .case table td{
	width			: 350px;
	padding			: 6px;
	text-align		: center;
	background-color	: #FAFAFA;
}
.lineheight{
line-height:3;
}
main .case .p{
width:50%;
margin: 0 auto;
text-align:right;
}
#th, #th1, #th2, #th3, #th4{
background-color:#bccfaf;
}
main .case table td span{
font-size:smaller;
}
main .case p, main .case h3{
	text-align		: center;
}

main .case p a{
	color			: #942B2F;
}

main .case p a:hover{
	color			:#601D20;
}


main .qa{
	clear			: both;
	width			: 65%;
	margin			: 0 auto;
	padding			: 0 0 50px;
	text-align		: left;
}





main .faq{
	background-color	: #FDFDFD;
}
main .faq .width{
	width			: 990px;
	margin			: 0 auto;
	padding			: 0 0 1200px;
}


main .faq h2{
	padding			: 50px 0 0 0;
	text-align		: center;
	font-size		: 36px;
	font-weight		: normal;
}
main .faq .left{
	float			: left;
    height: 350px;
	width			: 490px;
	margin			: 0 10px 0 0;
	padding			: 0;
}
main .faq .right{
	float			: right;
    height: 350px;
	width			: 490px;
	margin			: 0;
	padding			: 0;
}

main .faq .a{
	position		: relative;
	margin			: 20px auto;
	padding			: 0px 0;
	font-size		: 18px;
	line-height		: 4;
	color			: white;
	text-align		: center;
	background-color	: #942B2F;
}




main .colum{
	background-color	: #FDFDFD;
}
main .colum .width{
	width			: 990px;
	margin			: 0 auto;
	padding			: 0 0 1155px;
}


main .colum h2{
	padding			: 50px 0 0 0;
	text-align		: center;
	font-size		: 36px;
	font-weight		: normal;
}
main .colum .left{
	float			: left;
	width			: 490px;
	margin			: 0 10px 0 0;
	padding			: 0;
}
main .colum .right{
	float			: right;
	width			: 490px;
	margin			: 0;
	padding			: 0;
}

main .colum .a{
	position		: relative;
	margin			: 20px auto;
	padding			: 36px 0;
	background-color	: #5eceb8;
}

main .colum .a a{
	position		: absolute;
	top			: 0;
	left			: 0;
	width			: 100%;
	height			: 100%;
	font-size		: 18px;
	line-height		: 4;
	color			: white;
	text-align		: center;
	transition		: background-color 0.3s ease 0s;
}

main .colum .a a:hover{
	background-color	: #3e8879;
}




main .contact{
	clear			: both;
	background-image	: url("../images/bg181.jpg");

	padding			: 0 0 50px;
margin-bottom: 70px;
}
main .contact .width{
	width			: 100%;
	margin			: 0 auto;
	padding			: 0 0 100px;
}
main .contact h2{
	padding			: 50px 0 0 0;
	text-align		: center;
	font-size		: 36px;
	font-weight		: normal;
	color			: white;
}

main .contact .rightnow{
	position		: relative;
	width			: 150px;
	margin			: 38px auto;
	padding			: 42px;
	background-color	: #5eceb8;
}
main .contact .rightnow a{
	position		: absolute;
	top			: 0;
	left			: 0;
	width			: 100%;
	height			: 100%;
	font-size		: 21px;
	line-height		: 2;
	color			: white;
	text-align		: center;
	transition		: background-color 0.3s ease 0s;
}

main .contact .rightnow a:hover{
	background-color	: #3e8879;
}

main .news{
	background-color	: #FEFEFE;
	padding			: 0 0 50px;
}
main .news .width{
	width			: 100%;
	margin			: 0 auto;
	padding			: 20px 0 40px;
}
main .news h3{
	display			: inline;
	font-size		: 24px;
}

main .news h4{
	display			: inline;
	margin			: 0 0 0 10px;
	font-weight		: normal;
	
}

main .news a{
	color			: #942B2F;
}


main .news a:hover{
	color			: #3e8879;
}
main .news .left{
	float			: left;
	width			: 200px;
	margin			: 20px 0 40px;
	padding			: 0;
}
main .news .left img{
	width			: 200px;
}
main .news .right{
	float			: right;
	width			: 760px;
	margin			: 0 20px 0;
	padding			: 0;
}
main .news .clear{
	clear			: both;
}

.clear{
	clear			: both;
}

/*　★　★　★　mailform　★　★　★　*/

blockquote{
	width			: 600px;
	margin			: 0px 0px 0px 330px;
	padding			: 65px;
}


/*　★　★　★　footer　★　★　★　*/

footer{
	clear			: both;
	padding			: 10px 0 0 0;
	background-color	: #222222;
}
footer .width{
	width			: 100%;
	margin			: 0 auto;
}
footer address{
	float			: left;
	width			: 400px;
	margin			: 0;
	padding			: 0 0 20px;
	font-size		: 18px;
	color			: darkgray;
}
.footer_right{
	float			: right;
	width			: 640px;
}
footer ul{
display:flex;
}

footer ul li{
display:inline-block;
	padding			: 10px;
}

footer p {
	clear			: both;
	margin			: 10px 0 0 0;
	padding			: 0 0 10px 0;
	font-size		: 14px;
	text-align		: center;
}