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

@import url("https://fonts.googleapis.com/earlyaccess/mplus1p.css" rel="stylesheet");
@import url("https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet");

body {
  color: #29303E;
  font-family: -apple-system, "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  letter-spacing: .075em;
  font-weight:bold;
  font-size:1.1rem;
  }
	
.serif {
  font-family: "KozMinPro-Bold", "Kozuka Mincho Pro B", "Kozuka Mincho Std B", "小塚明朝 Pro B", "小塚明朝 Std B", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  letter-spacing: .1em; }

	
.wd50 {
	width:50%;
	margin-left: auto;
	margin-right: auto;
	}
	
h1 {
	font-size:1.8rem;	
	}
	
h2 {
	font-size:1.8rem;
	text-align:center;
	/*color:rgba(12,106,90,1);*/
	color:#226250;
	margin:1em 0;
	}
	
.h2 {
	background: url(../img/bg.gif) no-repeat center top;
	font-size:1.4rem;
	font-weight:bold;
	color:rgba(12,106,90,1);
	text-align:center;
	padding-bottom:2rem;
	padding-top:1rem;
	}

h3 {
	font-size:1.4rem;
	font-weight:bold;
	/*border-left:10px solid rgba(12,106,90,1);*/
	border-left:10px solid #226250;
	padding-left:1.8rem;
	margin:2em 0 1em;	
	}
	
h4 {
	font-size:1.4rem;
	font-weight:bold;
	color:#8D6188;
	text-align:center;
	}
	
.txt-bg {
	padding:0.25rem;
	background:#FFFF33;
	}
	
.font-gr {
	color:rgba(12,106,90,1);
	}
	
header{
	padding:0.5rem 0;
	border-bottom:5px solid #000;
	}
	
	
.entry a{
	display:block;
	max-width:460px;
	margin:2rem auto;
	background:#51C2A3;
	color:#fff;
	text-align:center;
	font-size:1.8rem;
	padding:1rem 3rem;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 5px 5px 10px #666;
    -webkit-box-shadow: 5px 5px 10px #666;
    -moz-box-shadow: 5px 5px 10px #666;
　　behavior: url(http://www.sample.com/PIE/PIE.htc); /* IE用 */ 
	}
	

/* online */

ul.worry{
	border:3px solid rgba(141,97,136,1);
	/*color:rgba(235,84,2,1);*/
	color:#8D6188;
	font-size:1.25rem;
	padding:1rem 1rem 2rem;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
　　behavior: url(http://www.sample.com/PIE/PIE.htc); /* IE用 */ 
	}

	
ul.worry li {
	background:url(../img/check.png) no-repeat left center;
	background-size:auto;
	padding:1.5rem 0 0.5rem 5rem;
	}
	
#app {
	text-align:center;
	}
	
.app{
	border:3px solid rgba(141,97,136,1);
	/*color:rgba(235,84,2,1);*/
	color:#8D6188;
	font-size:1.25rem;
	padding:0.5rem 1rem 1rem;
	margin:1rem 0.5rem;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
　　behavior: url(http://www.sample.com/PIE/PIE.htc); /* IE用 */ 
	}
	
.device li{
	display:inline-block;
	/*background:rgba(141,97,136,0.2);*/
	font-size:0.9rem;
	}
	
.btn a {
	display:block;
	padding:0.5rem 2rem;
	background:rgba(141,97,136,0.2);
	border:2px solid rgba(141,97,136,1);
	color:rgba(141,97,136,1);
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
　　behavior: url(http://www.sample.com/PIE/PIE.htc); /* IE用 */
　　text-align:center;
	margin-top:1rem;
	}
	
.btn a:after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color:rgba(141,97,136,1);
	padding-left:10px;
}

ol.flow {
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	-webkit-justify-content: space-between; /* Safari */	
	}
	
	
ol.flow li {
	width:49%;
	padding:1rem;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	　　behavior: url(http://www.sample.com/PIE/PIE.htc); /* IE用 */
	}
	
ol.flow img {
	display:block;
	margin:0 auto 1rem;
	width:50%;
	}
	
.bg_img{
	background:url(../img/bg3.jpg) no-repeat 0 0;
	background-size:cover;
	padding:2rem 0;
}
	
	
#entry li {
	margin:20px;
	}
	
	
#entry a {
	display: block;
	/*border:3px solid rgba(235,84,2,0.6);*/
	border:3px solid rgba(141,97,136,1);
	background:rgba(255,255,255,1);
	padding:2rem;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
　　behavior: url(http://www.sample.com/PIE/PIE.htc); /* IE用 */ 
	}
	
#entry a:hover {
	background:#E7D8E8;
	/*background:rgba(141,97,136,0.2);	*/
	border:3px solid #8D6188;
	}
	
#entry img {
	display:block;
	margin:0 auto 1rem;
	}


/* form */

.fm-header {
	position: static;
	margin: 0 auto;
	text-align: center;
	padding: 1.25rem 0;
	border-bottom: 1px solid #CCCCCC;
	background:#8D6188;
	color:#FFFFFF;
	}


#form {
	font-weight:normal;
	color:#000;
	}

.fm-h2 {
	font-size: 1.8rem;
	border-left: 0.26em solid #8D6188;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding-left: 10px;
	margin: 2em 0;
	text-align: left;
	font-weight:normal;
	color:#000;
}

.form {
	margin:0px auto 2rem;
	border: 1px solid #ccc;
	border-bottom:0px;
	}
	
.form dl {
	border-bottom: 1px solid #ccc;
	}
	
.form dl dt {
	padding:1rem;
	text-align:left;
	background:rgba(0,0,0,0.1)
	}
	
.form dl dd {
	padding:1rem;
	}	
	
.ess {
	display:inline-block;
	font-size:0.7rem;
	/*padding:3px;*/
	border:1px solid #F30C5C;
	color:#F30C5C;
	margin-right:5px;
	}
	
.map a {
	display:block;
	background:rgba(70,173,195,0.2);
	font-size:0.7rem;
	/*padding:3px;*/
	border:1px solid #46adc3;
	color:#46adc3;
	margin-right:5px;
	text-align:center;
	}
	
.map a:hover {
	background:rgba(255,255,255,1);
	}

input,
select{
	padding:0.5em 1rem;
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #F2ECF3;
	margin-bottom: 5px;
	}
	
input[type="checkbox"] {
	border:none;
	margin:5px;
	}

textarea {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:6rem;
	padding:10px;
	border:1px solid #ccc;
	background-color: #F2ECF3;
	}
	
.textarea {
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:1rem;
	}

input[name="A144_address2"] {
	width: 70%;
}

textarea[name="A190_question"] {
	width: 70%;
}

	
.cap {
	font-weight:bold;
	padding:0.2em 1em;
	color: #FFFFFF;
	background-color: #666600;
	vertical-align: middle;
	margin-top: 0.7em;
	}
	
.kanryo {
	font-size: 2rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:normal;
	margin: 5rem 0;
	text-align: center;
	line-height:1.5;
	}	
	
	
#contents p.tjr {
	margin: 30px 0 50px 60px;
    }

#contents p.tjr a {
	background-color:#499996;
	color:#FFFFFF;
	padding: 7px 70px;
	text-align:center;
    }

#contents p.tjr a:hover {
	background:#FFFFFF;
	color:#499996;
	border: 2px solid #499996;
	}
	
/*formボタン*/

#entry2 {
	margin:3rem auto;
	text-align:center;
	}
	
.next,
.back,
.end{
	display:inline-block;
	}

.next a {
	margin: 1rem 0;
    background-color:#C79ECC;
	color:#FFFFFF;
	border: 2px solid #C79ECC;
	padding: 10px 20px;
	text-align:center;
    }

.next a:hover {
	background:#FFFFFF;
	color:#C79ECC;
	}
	
.next a:after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left:10px;
	}

.back a,
.end a {
	margin: 20px 5px;
    background-color:#FFFFFF;
	color:#C79ECC;
	border: 2px solid #C79ECC;
	padding: 10px 20px;
	text-align:center;
    }
	

.back a:hover,
.end a:hover{
	background:#C79ECC;
	color:#FFFFFF;
	}
	
.back a:before {
	content: "\f053";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right:10px;
	}
	
.end a:before {
	content: "\f00d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right:10px;
	}




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

h1 {
	font-size:2.2rem;	
	}

h2 {
	font-size:2.2rem;
	text-align:center;
	/*color:rgba(12,106,90,1);*/
	color:#226250;
	margin:1em 0;
	}
	
.h2 {
	background: url(../img/bg.gif) no-repeat center top;
	font-size:1.8rem;
	font-weight:bold;
	color:rgba(12,106,90,1);
	text-align:center;
	padding-bottom:2rem;
	padding-top:1rem;
	}

h3 {
	font-size:1.8rem;
	font-weight:bold;
	/*border-left:10px solid rgba(12,106,90,1);*/
	border-left:10px solid #226250;
	padding-left:1.8rem;
	margin:2em 0 1em;	
	}
	
h4 {
	font-size:1.8rem;
	font-weight:bold;
	color:#8D6188;
	text-align:center;
	}


/* online */

ul.worry{
	padding:2rem 4rem;
	}
	
.bg_img{
	height:auto;
}


#entry li{
	width:30%;
	}
	


	
/* shop */
#shop {
	background:#FFFFFF url(../img/shopmap.gif) no-repeat top center;
	padding:2em 4em;
	position:relative;
	height:500px;
	}
	
#tohoku,
#kanto,
#shuto,
#koshin,
#tokai,
#shikoku,
#kyusyu,
#okinawa,
#kinki {
	/*width:25%;*/
	position:absolute;
}
	
	
#tohoku {
	right:0;
	top:40px;
	}
	
#kanto {
	right:0;
	top:160px;
	}
	
#kinki {
	left:150px;
	top:280px;
}
	
#shuto {
	left:670px;
	top:280px;
	}
	
#koshin {
	left:400px;
	top:160px;
	}
	
#tokai {
	left:670px;
	top:400px;
	}
	

#shikoku {
	left:300px;
	top:400px;
	}
	
#kyusyu {
	left:0px;
	top:400px;
	}
	
#okinawa {
	left:0px;
	top:520px;
	}
	
/* form */



#form dl {
	display:flex;
	flex-wrap: wrap;
	}
	
#form dl dt {
	width:25%;
	}
	
#form dl dd {
	width:65%;
	}


	
}

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

textarea {
	max-width:320px;
	}
	
}