@charset "UTF-8";



.pcimg {
	display: block;
}
.spimg {
	display: none;
}




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

header
 
---------------------------------- */

#contents {
width:768px;
margin:0 auto;
padding:0;
box-shadow:0 0 10px rgba(0,0,0,0.3);
}

#header {
padding-bottom: 40px;
}
#header h1 {
margin:0;
padding:15px 0;
font-size:24px;
font-weight:900;
line-height:100%;
text-align:center;
color:#fff;
background:#112a52;

}
.fv {
	margin-bottom: 40px;
}

#header p {
text-align: center;
font-size: 16px;
	margin: 0;
	font-weight: bold;
	margin: 5px 0 10px 0;
}

.device{
width: 80%;
margin:0 auto;
padding:0 10px;
text-align:center;
}
.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}
.btn {
width:100%;
margin:0 auto;
padding:25px 0;
display:inline-block;
font-size:140%;
font-weight:bold;
text-decoration:none;
color:#fff;
text-shadow:0 2px 0 rgba(0,0,0,0.3);
box-shadow:0 2px 5px rgba(0,0,0,0.3);
text-align:center;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
background:-moz-linear-gradient(top, #afe51f, #42ac02);
background:-webkit-linear-gradient(top, #afe51f, #42ac02);
background:linear-gradient(to bottom, #afe51f, #42ac02);
border-bottom:solid 4px #6a9700;
}
.btn:hover {
filter:brightness(105%);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}


.content02 {
	background: #f5f1ea;
	padding: 80px 40px 40px;
}
.content02 h2 {
	color:#a03272;
	font-size: 60px;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
	padding: 0;
	margin: 0;
	margin-bottom: 50px;
	text-align: center;
}
.content02 h2 span {
	font-size: 70px;
}

.reason {
	background: #a03272;
	padding: 40px;
	margin-bottom: 40px;
}
.point-nm {
	color:#fff;
text-align: center;
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	padding: 10px 15px;
	border: 2px solid #fff;
	display: inline-block;
	margin-bottom: 20px;
}

.reason h3 {
	color:#fff;
text-align: center;
	font-size: 40px;
	line-height: 1.5;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}
.reason figure {
	padding: 0;
	margin: 0;
}

.content03 {
	background: #ddd5bb;
	padding: 60px 40px;
}
.content03 h2 {
	text-align: center;
	font-size: 36px;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	font-weight: bold;
	border-bottom: 1px solid #222;
	padding-bottom: 10px;
	margin-bottom: 40px;
	display: inline-block;
}
.review {
	background: #fff;
	padding: 40px;
	margin-bottom: 30px;
}
.review h3 {
	font-size: 30px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	margin-bottom: 10px;
}
.review h4 {
	font-size: 20px;
	padding: 0;
	margin: 0;
	font-weight: normal;
	margin-bottom: 10px;
}
.review .star {
	font-size: 24px;
	color:#f1a111;
}
.review p {
	padding: 0;
	margin: 0;
}

.content04 {
	background: #f7f7f6;
}
.content04 h2 {
	background: #a03272;
	text-align: center;
	color:#fff;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 26px;
	padding: 20px;
}
.inputform {
	
}


.sankaku {
	font-size: 40px;
	color:#a03272;
	text-align: center;
	margin-top: -15px;
}


.formarea {
	padding: 40px 40px 60px 40px;
}

input[type="text"], textarea, select {
border:0;
padding:20px 10px;
font-size:120%;
border:solid 1px #ccc;
text-align:center;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
	margin-bottom: 20px;
}
input[type="text"]:focus,
textarea:focus {
box-shadow: 0 0 7px #999999;
border: 1px solid #666;
}
input[type="submit"],input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border-bottom:solid 4px #6a9700;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
  opacity:0.7;
filter:alpha(opacity=70);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.button {
width:85%;
margin:15px auto 0 auto;
padding:20px 0;
display:inline-block;
font-size:120%;
font-weight:bold;
text-decoration:none;
border-bottom:solid 4px #6a9700;
color:#fff;
text-shadow:0 2px 0 rgba(0,0,0,0.3);
text-align:center;
background:-moz-linear-gradient(top, #afe51f, #59b802);
background:-webkit-linear-gradient(top, #afe51f, #59b802);
background:linear-gradient(to bottom, #afe51f, #59b802);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
input:hover {filter:brightness(110%);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}

.footer {
	background: #212121;
	text-align: center;
	color:#fff;
	padding: 20px;
	box-sizing: border-box;
	font-size: 14px;
}
.footer a {
	color:#fff;
}
.copy {
	color:#fff;
}


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

a:hover {
	display: block;
	opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.pcimg {
	display: none;
}
.spimg {
	display: block;
}




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

header
 
---------------------------------- */

#contents {
width:auto;
margin:0 auto;
padding:0;
box-shadow:0 0 10px rgba(0,0,0,0.3);
}

#header {
padding-bottom: 40px;
}
#header h1 {
margin:0;
padding:15px 0;
font-size:18px;
font-weight:900;
line-height:100%;
text-align:center;
color:#fff;
background:#112a52;

}
.fv {
	margin-bottom: 40px;
}

#header p {
text-align: center;
font-size: 16px;
	margin: 0;
	font-weight: bold;
	margin: 5px 0 10px 0;
}

.device{
width: 80%;
margin:0 auto;
padding:0 10px;
text-align:center;
}
.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}
.btn {
width:100%;
margin:0 auto;
padding:20px 0;
display:inline-block;
font-size:20px;
font-weight:bold;
text-decoration:none;
color:#fff;
text-shadow:0 2px 0 rgba(0,0,0,0.3);
box-shadow:0 2px 5px rgba(0,0,0,0.3);
text-align:center;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
background:-moz-linear-gradient(top, #afe51f, #42ac02);
background:-webkit-linear-gradient(top, #afe51f, #42ac02);
background:linear-gradient(to bottom, #afe51f, #42ac02);
border-bottom:solid 4px #6a9700;
}
.btn:hover {
filter:brightness(105%);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}


.content02 {
	background: #f5f1ea;
	padding: 40px 15px 20px;
}
.content02 h2 {
	color:#a03272;
	font-size: 24px;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}
.content02 h2 span {
	font-size: 34px;
}

.reason {
	background: #a03272;
	padding: 15px;
	margin-bottom: 20px;
}
.point-nm {
	color:#fff;
text-align: center;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	padding: 5px 20px;
	border: 2px solid #fff;
	display: inline-block;
	margin-bottom: 10px;
}

.reason h3 {
	color:#fff;
text-align: center;
	font-size: 18px;
	line-height: 1.5;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
.reason figure {
	padding: 0;
	margin: 0;
}

.content03 {
	background: #ddd5bb;
	padding: 30px 15px;
}
.content03 h2 {
	text-align: center;
	font-size: 24px;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	font-weight: bold;
	border-bottom: 1px solid #222;
	padding-bottom: 10px;
	margin-bottom: 30px;
	display: inline-block;
}
.review {
	background: #fff;
	padding: 20px;
	margin-bottom: 10px;
}
.review h3 {
	font-size: 18px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	margin-bottom: 10px;
}
.review h4 {
	font-size: 16px;
	padding: 0;
	margin: 0;
	font-weight: normal;
	margin-bottom: 10px;
}
.review .star {
	font-size: 20px;
	color:#f1a111;
}
.review p {
	padding: 0;
	margin: 0;
}

.content04 {
	background: #f7f7f6;
}
.content04 h2 {
	background: #a03272;
	text-align: center;
	color:#fff;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 16px;
	padding: 20px 10px;
	box-sizing: border-box;
}
.inputform {
	
}


.sankaku {
	font-size: 40px;
	color:#a03272;
	text-align: center;
	margin-top: -15px;
}


.formarea {
	padding: 30px 20px 40px 20px;
}

input[type="text"], textarea, select {
border:0;
padding:20px 10px;
font-size:120%;
border:solid 1px #ccc;
text-align:center;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
	margin-bottom: 10px;
}
input[type="text"]:focus,
textarea:focus {
box-shadow: 0 0 7px #999999;
border: 1px solid #666;
}
input[type="submit"],input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border-bottom:solid 4px #6a9700;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
  opacity:0.7;
filter:alpha(opacity=70);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.button {
width:85%;
margin:15px auto 0 auto;
padding:20px 0;
display:inline-block;
font-size:18px;
font-weight:bold;
text-decoration:none;
border-bottom:solid 4px #6a9700;
color:#fff;
text-shadow:0 2px 0 rgba(0,0,0,0.3);
text-align:center;
background:-moz-linear-gradient(top, #afe51f, #59b802);
background:-webkit-linear-gradient(top, #afe51f, #59b802);
background:linear-gradient(to bottom, #afe51f, #59b802);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
input:hover {filter:brightness(110%);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}

.footer {
	background: #212121;
	text-align: center;
	color:#fff;
	padding: 20px;
	box-sizing: border-box;
	font-size: 12px;
}
.footer a {
	color:#fff;
	font-size: 12px;
}
.footer a:visited {
	color:#fff;
}
	.footer a:hover {
		
		font-size: 12px;
	color:#fff;
}
.copy {
	color:#fff;
}
	
}