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

@import url(https://fonts.googleapis.com/css?family=Chewy);



body{
	font-family: heisei-mincho-std, serif;
	color: #666666;
	width: 100%;
}


*, *:before, *:after {
padding: 0;
margin: 0;
box-sizing: border-box;
}

ol, ul {
list-style: none;
}

a {
text-decoration: none;
color: inherit;
}

.cp_cont {
height: 100vh;
	background:white;
}

.accon{
		display: none;
	}
/* menu */
.cp_offcm02 {
position: fixed;
z-index: 9999;
left: 0;
visibility: visible;
/*overflow: auto;*/
width: 100%;
height: auto;
padding-top: 0;
text-align: center;
opacity: 1;

}

.cp_offcm02 nav {
background: #FFFFFF;
	/*border-bottom: 1px solid #7E93C0;*/


}

.cp_offcm02 nav, .cp_offcm02 ul {
height: 100%;
	display: inline-block;
}

.cp_offcm02 nav{
	display: block;
	width: 100%;
}

.cp_offcm02 li {
display: inline-block;
margin-right: -6px;
border: none;
color: #666666;
border-bottom: 1px solid #CAD9F9;
}

/*.cp_offcm02 li:first-child{
	padding: 12px 45px;
	height: 100%;
}

.cp_offcm02 li:first-child img{
	display: block;
	
}*/

.cp_offcm02 a, .cp_offcm02 span {
display: block;
padding: 12px 45px;
-webkit-transition: background-color .3s ease-in;
transition: background-c#A1C3F5olor .3s ease-in;
}

.cp_offcm02 a:hover , .cp_offcm02 span:hover{
background-color: #e3ebfc;
}

.cp_offcm02 span{
	cursor: pointer;
}


/* menu toggle */
#cp_toggle02 {
display: none;
}

.cp_mobilebar {
display: none;
}



/* content */
.cp_container {
/*position: relative;*/
background: white;
top: 0px;
margin-top: 0px;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
	display: block;
padding-top: 50px;
}

.cp_content {
margin: 0 auto;
/*padding: 20px;*/
/*height: 65vh;*/
text-align: center;
display: block;
	width: 100%;
	position: relative;
}

.cp_content img{
	/*width: 900px;*/
	margin: auto;
}



/*main{
	margin-top: 60px;
}*/

#concept{
	/*margin-top: 20px;*/
	padding-top:150px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	background-image: url("../images-linodesign/line-blue.png");
	background-repeat: no-repeat;
	background-position: center top;
	width: 900px;
	
}

#concept p{
	text-align: center;
	font-size: 15px;
	line-height: 50px;
	background-image: url("../images-linodesign/line-blue2.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 150px;
}

.camp-banner-wrap{
	max-width: 650px;
	display: inline-block;
}

#campaign a {
	width: 100%;
	margin-bottom: 10px;
	display: block;
}

#campaign a img{
	max-width: 650px;
	display: block;
	width: 100%;
	border: 1px solid #7E93C0;
}

#sns1, #campaign{
	position: relative;
  overflow: hidden;
	text-align: center;
}


#sns1 h3, #campaign h3{
	text-align: center;
	margin-bottom: 30px;
	font-size: 20px;
	text-decoration: underline #7E93C0;
	letter-spacing: 0.05em;
}


/*#sns1 ul:first-of-type{
	position: relative;
  left: 50%;
  float: left;
}*/

#sns1 .banner{
	float: none;
	width: 95%;
	margin: 0 auto;
	max-width: 700px;
	text-align: center;
	left: auto;
	display: inline-block;
}

#sns1 .banner li{
	width: 50%;
	left: auto;
	margin: 0;
	
}

#sns1 .banner li a{
	display: inline-block;
	transition: .3s;
}

#sns1 .banner li img{
	display: block;
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
}

#sns1 .banner li a:hover, #campaign a img:hover{
	opacity: 0.5;
}

#sns1 .banner li:last-child, #sns1 .banner li:nth-child(3){
	width: 100%;
}

#sns1 .banner li:last-child img,#sns1 .banner li:nth-child(3) img{
	display: block;
	max-width: 650px;
	margin: 10px auto 0;
	width: 100%;
}




#sns1 li{
	position: relative;
  left: -50%;
  float: left;
	display: block;
	margin-right: 120px;
	margin-bottom:5px;
}


#sns1 .last{
	margin-right: 0px;
}

.btn-stitch {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #e3ebfc;
  color: #FFF;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 5px #e3ebfc;
  border: dashed 1px #7E93C0;
	width:100%;
}

.btn-stitch:hover {
  border: dotted 1px #7E93C0;
}

#sns1 a{
	font-size: 25px;
	color: #666666;
	text-decoration: none;
	list-style: none;
}


#sns1 a:hover{
	color: #7E93C0;
}

#sns1 span{
	color: #7E93C0;
	font-size: 30px;	
	margin-right: 4px;
}
.bar_icon{
	position: fixed;
	right: 2%;
	top: .5%;
	height: 55px;
	width: 55px;
}

/*新着情報の装飾
*/

#news{
	width: 70%;
	margin: 80px auto 30px;
	display: block;
	text-align: center;
	max-width: 767px;
}

#news h2{
	text-align: center;
	font-size: 25px;
	display: inline-block;
/*	background: #e3ebfc;
	border-radius: 10px 10px 0 0;
	padding: 10px 20px;*/
	padding-bottom: 10px;
}

.news2{
	/*border: 2px solid #7E93C0;*/
	border-radius: 10px;
	text-align: center;
	padding: 20px 10px 0;
	box-shadow: 0 0 10px #7E93C0, 0 0 20px #7E93C0;
	background: #fff;
}

.news2 div{
/*	background: url("../images-linodesign/line.png");
	background-position: bottom;
	background-repeat: repeat-x;
	background-size: 100%;*/
	padding: 15px 10px 10px;
	text-align: center;
	border-bottom: 1px dashed #888;
	width: 95%;
	margin: 0 auto;
}


.news2 dl{
	width: 100%;
	margin: 0 auto;
}

.news2 dl::after{
	content:"";
	clear: both;
	display: block;
}

.news2 dl dt{
	float:left;
	letter-spacing: 0.01em;
	width: 40%;
	text-align: left;
	font-size: 18px;
	color: #7E93C0;
	font-weight: bold;
	position: relative;

}

.heart{
	font-size: 20px;
	color: #fff;
	text-shadow: 0 0 5px #7E93C0, 0 0 5px #7E93C0, 0 0 5px #7E93C0, 0 0 5px #7E93C0, 0 0 5px #7E93C0, 0 0 10px #7E93C0, 0 0 10px #7E93C0, 0 0 10px #7E93C0, 0 0 10px #7E93C0, 0 0 10px #7E93C0, 0 0 15px #7E93C0;
}

/*.news2 dl dt:before,
.news2 dl dt:after {
     content: "";
    position: absolute;
    display: block;
}
.news2 dl dt:before{
    top: -0.4em;
    left: -0.3em;
    width: 20px;
    height: 20px;
    padding: 5px 0 0 0;
    background: #033C7A;/* リボン部分の色 
    text-align: center;
}
.news2 dl dt:after{
    top: 0.15em;
    left: -0.3em;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent #033C7A;/* リボンの切りっぱなし部分の色 
}*/

.news2 dl dd{
	float: left;
	display: inline-block;
	text-align: left;
	white-space: nowrap;
}

.news2 dl dd a{
	font-weight: bold;
}

.news2 div{
	overflow: hidden;
}

.ichiran{
	margin-top: 20px;
	border: 1.5px solid #7E93C0;
	border-radius: 10px;
	padding: 10px;
/*	box-shadow: 0 0 10px #7E93C0, 0 0 20px #7E93C0;*/
	margin-bottom: 20px;
	background: #fff;
	display: inline-block;
	font-size: 14px;
}

/*キャンペーン情報
*/

.campaign{
	width: 70%;
	max-width: 767px;
	margin: 0 auto;
	text-align: center;
}

	@media (max-width: 767px) {
		#sns1 .banner li{
			width: 100%;
			margin-bottom: 10px;
		}
		#news{
			width: 90%;
		}
		.news2 dl dt{
			width: 100%;
			margin-bottom: 5px;
		}
/* menu */
.cp_offcm02 {
position: fixed;
z-index: 99;
top: 0;
/* overflow-y: scroll; */
overflow: hidden;
height: 100%;
padding-top: 60px;
-webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in 0.3s;
transition: opacity 0.3s ease-in, visibility 0.3s ease-in 0.3s;
opacity: 0;
background-color: #FFFFFF;
	display:none;
}
.cp_offcm02 nav {
background: #FFFFFF;
}
.cp_offcm02 ul{
	width: 100%;
		}
.cp_offcm02 li {
display: block;
color: #666666;
border-bottom: 1px solid #FFFFFF;

}
.cp_offcm02 a {
padding: 1.2em;
}
.cp_offcm02 a:hover {
background-color: #e3ebfc;
}
/* menu toggle */
.cp_mobilebar {
display: block;
z-index: 9999;
position: fixed;
top: 0;
left: 0;
padding: 0 25px;
width: 100%;
height: 60px;
background-color: #FFFFFF;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	opacity:0.9;
}

.cp_menuicon {
display: block;
position: relative;
width: 25px;
height: 100%;
cursor: pointer;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
}
.cp_menuicon > span {
display: block;
position: absolute;
top: 55%;
margin-top: -0.3em;
width: 100%;
height: 0.2em;
border-radius: 1px;
background-color: #eeeeee;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
}
.cp_menuicon > span:before, .cp_menuicon > span:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 1px;
background-color: #eeeeee;
-webkit-transition: transform .3s ease;
transition: transform .3s ease;
}
.cp_menuicon > span:before {
-webkit-transform: translateY(-0.6em);
transform: translateY(-0.6em);
}
.cp_menuicon > span:after {
-webkit-transform: translateY(0.6em);
transform: translateY(0.6em);
}
#cp_toggle02:checked + .cp_mobilebar .cp_menuicon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#cp_toggle02:checked + .cp_mobilebar span:before,
#cp_toggle02:checked + .cp_mobilebar span:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#cp_toggle02:checked ~ .cp_offcm02 {
visibility: visible;
opacity: 0.8;
-webkit-transition-delay: 0s;
transition-delay: 0s;
display: block;
}
/* content */
.cp_container {
top:60px;
	margin-top: 20px;
}

.cp_content img{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
		
}
.pc,.smp,.memexplain,#contact p,#honbun,.setsub2,#seisakunagare ul li p,.setumei,.g, .available ul li p, .fixed_contact, #option .plus, #option div p,#single div p,#basic2 .explain, #basic2 .flextable>li.catch2, #pricetable h2,.merit_recommend ul li,#checkpoint #template p, #flow section ul li dl dd, #checkpoint::before, .attention, .submenu2 ul li a, #graphicmenu section p:nth-of-type(2), #graphicmenu section .templan a, #graphicmenu section .templan p, #graphicmenu section .recommend2 ul li::before, #graphicmenu section .recommend2 ul li, #tabs ul li:nth-child(2) .block, #tabs div p:not(:first-of-type), #tabs .recommend p, .submenu3 dd, #tabs #panel2>p{
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'; 
}
.smp{
	display: none;
}

.dekiruparent{
	position: relative;
}

.dekiruparent .dekiru_child{
	display: none;
	width: 172px;
	position: absolute;
	top: 40px;
	height: auto;
	border: 1px solid #CAD9F9;
	box-sizing: border-box;
}

.dekiru_child li{
	float:none;
	display: block;
	box-sizing: border-box;
	width: 170px;
	background: rgba(255,255,255,0.5);
}

.dekiru_child li a{
	padding: 12px 0;
}

@media screen and (max-width: 768px){
	.smp{
		display:block;
	}
	.pc{
		display:none;
	}
	#concept {
    width: 90%;
		margin-right: auto;
		margin-left: auto;
		margin-top: -20px;
		margin-bottom:30px;
  }
	
	#concept p{
		font-size: 12px;
		line-height: 30px;
	}  

	#sns1 li{
		margin:0px;
		margin-bottom: 20px;
		float: none;
	}
	
	#sns1 a{
		font-size: 20px;
	}
}

.shikiri{
	padding-top: 80px;
	display: block;
	width: 700px;
	margin: auto;
}

#dekirukoto{
	margin-top: 40px;
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
}

/*.h2tittle{
	background-color: #fff;	
	background-color: rgba(250,250,250,1);
	background-image:
	 radial-gradient(closest-side,
		 transparent 99.9%, rgba(236,236,236,0.8) 100%),
	 radial-gradient(closest-side,
		 transparent 99.9%, rgba(236,236,236,0.8) 100%);
	background-position: 0 0, 30px 30px;
	background-size: 60px 60px;
}*/


.available{
	width: 70%;
	margin: 0 auto;
	text-align: center;
}

.available ul {
	overflow: hidden;
	display:flex;
	 margin:0 auto;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.available ul li{
	width: 50%;
	max-width: 180px;
	margin: 10px;
	border: 2.5px solid #A1C3F5;
	border-radius: 10px;
	position: relative;
	background: #fff;
	transition: 0.4s;
}

.available ul li::before{
	width: 100%;
	padding-top: 100%;
	position: relative;
	display: block;
	content:"";
}

/*.available ul li:last-child{
	border: none;
	background: transparent;
}*/

.available ul li:hover{
	background: #A1C3F5;
}

/*.available ul li:not(:last-child):hover{
	background: #A1C3F5;
}*/

.available ul li:hover p,.available ul li:hover p i{
	color: #fff;	
}

/*.available ul li:not(:last-child):hover p,.available ul li:hover p i{
	color: #fff;	
}*/

.available ul li p i{
	color: #7E93C0;
	margin-bottom: 5px;
}

.available ul li p i.fa-line{
	font-size: 60px;
}

.available ul li p i.fa-child{
	font-size: 55px;
}
.available ul li p i.fa-clipboard{
	font-size: 50px;
}
.available ul li p i.fa-camera-retro{
	font-size: 50px;
}

.available ul li p i.fa-window-restore{
	font-size: 45px;
}

.available ul li p i.fa-images{
	font-size: 50px;
}
.available ul li p i.fa-thumbs-up{
	font-size: 50px;
}

.available ul li a{
	position: absolute;
	bottom: 0;
	top:0;
	margin: auto;
	left: 0;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	display: block;
}

.available ul li a div{
	position: relative;
	height: 100%;
}

.available ul li a div p{
	position: absolute;
	margin:auto;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 13px;
	width: 95%;
	
}

.available ul li p span.big{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.05em;
	display: block;
	margin-bottom: 5px;
}

.block{
	display: inline-block;
}

.available ul li:nth-child(5) p span.big,.available ul li:nth-child(6) p span.big{
	font-size: 14px;
}
.available ul li img{
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
}

.h2tittle{
	text-align: center;
	margin-bottom: 70px;
	font-size: 23px;
	width: 100%;
	display: inline-block;
	position: relative;
}

.h2tittle::after{
	content:"・・・・・・・";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -60px;
	color: #7E93C0;
	font-weight: bold;
	font-size: 35px;
	font-feature-settings: "palt";
}


.h2tittle span{
	background: url("../images-linodesign/pearl.png"),#e3ebfc;
	padding: 240px 70px 60px;
	background-repeat: no-repeat;
	background-size: 160px;
	background-position: top 70px center;
	display: inline-block;
	border-radius: 50%;
	border: 1px dotted #7E93C0;
	box-shadow: 0 0 2px 10px #e3ebfc;
}

 .h2tittle img{
	display: block;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	
}


.beat_heart {
    font-size: 80px;
    color: #fff;
    -webkit-animation: heart-beats .4s infinite alternate;
  animation: heart-beats .4s infinite alternate;
    transform-origin: center;
	display: block;
	text-shadow: 0 0 10px #A1C3F5, 0 0 15px #A1C3F5;
	margin-bottom: 5px;
}



/* Animation Setting */
@-webkit-keyframes heart-beats {
    to { -webkit-transform: scale(1.1); }
}
@keyframes heart-beats {
    to { transform: scale(1.1); }
}

.acordion{
	cursor: pointer;
	display: inline-block;
}

.acordion dt{
	transition: .3s;
	display: block;
	margin-bottom: 10px;
}

.acordion dt .fa-chevron-down{
	font-size: 25px;
	color: #7E93C0;
	margin: 5px 0;
}

.acordion dd{
	display: none;

}

.dekirutittle{
	font-size: 25px;
	text-align: center;
	background-color: #e3ebfc;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	line-height: 50px;
	/*margin-bottom: 50px;*/
	cursor: pointer;
	position: relative;
}

.dekirutittle:after {
	content: "";
	position: absolute;
	right: 25px;
	top: 38%;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #7E93C0;
	border-right: 2px solid #7E93C0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);

}

.dekirutittle.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}
.menusite{
	width: 900px;
	border: 2px solid #e3ebfc;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

#menusitelas{
	margin-bottom: 20px;
}


.dekirunaiyou{
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
	margin-top:50px;
}




.course{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	margin-bottom: 30px;
	border-bottom:  2px #e3ebfc solid;
	margin-top: 30px;
}


.course ul{
	text-align: center;
}


.plan{
	font-size: 20px;
	margin-bottom: 30px;
}


.course li{
	margin-left: auto;
	margin-right: auto;
	width: 280px;
	list-style: none;
	margin-bottom: 15px;
	text-align: left;
}


.setumei{
	font-size: 15px;
	
	text-align: center;
	border-bottom: 2px solid #e3ebfc;
	padding-bottom: 40px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	line-height: 25px;
}
.stamex{
	margin-top: 20px;
	padding-bottom: 20px;
	
}
#tyui{
	text-align: right;
	font-size: 15px;
	line-height: 30px;
}

#bor{
	border-bottom: none;
}

#bor2{
	border-bottom: none;
}

#bor3{
	border-bottom: none;
}

#bor4{
	border-bottom: none;
}

#bor5{
	border-bottom: none;
}


#seisakunagare{
	margin-top: 10px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}


.no1 .setsub{
	list-style: none;
	font-size: 20px;
	text-align: center;
	background-color: #e3ebfc;
	width: 90%;
	height: 50px;
	line-height: 50px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}

#no1>ul{
	width: 100%;
}

.no1 .setsub2{
	text-align: center;
	margin: 10px 0px;
	line-height: 1.5;
}
.no1 .setsub2:first-child{
	margin-top:25px;
}

.no1 .setsub2:last-child{
	margin-bottom: 25px;
}
.no1 ul li ul{
	width: 800px;

	margin: 0 auto;
	background: #fff;
} 
.no1>ul>li:nth-child(2){
	display: flex;
	max-width: 800px;
	min-width: 150px;
	width: 90%;
	margin: 0 auto 10px;
	position: relative;
	border: 2px solid #e3ebfc;
	min-height: 150px;
	background: #fff;
	justify-content: center;
	align-items: center;
}
.no1 li p{
	text-align: center;
	
	
	line-height: 1.7;
	font-size: 15px;
	padding: 20px 0;
	
}

.no1 ul li p span.center2{
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	left:0;
	right: 0;
}

#contact{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
	
}
#contact .left{
	margin-top:8px;
	
}
#contact p{
	font-size: 15px;
	line-height: 30px;
	
	width: 80%;
	margin: 0 auto;
}

/*#contact p label{
	background: url("../images-linodesign/bluestone.png");
	background-repeat: no-repeat;
	background-size: 15px;
	padding: 20px;
	background-position: left center;
}*/

#contact p label::before{
	content: "\f3a5";
	font-family: "Font Awesome 5 Free";
	color: #7E93C0;
	
	font-weight: normal;
}

.center{
	text-align: center;
}


.wpcf7{
  width:600px;
  margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	background-color:#e3ebfc;
	padding-top: 8px;
	border-radius: 20px;
}


form p {
	font-weight: 600;
}

.wpcf7 .red{
	color: #F77577;
}

input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	/*margin-top: 5px;*/
	border: 1px solid #d0d5d8;
	border-radius: 5px;
	height: 40px;
}

input:focus {
   background-color: #F5BFE7;
   border: 1px solid red;     /* 枠線 */
}

textarea.wpcf7-form-control.wpcf7-textarea {
	height: 300px;
	background: url("../images-linodesign/ring.png"),#fff;
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: right 10px bottom 10px;
}


.btn-area{
  text-align: center;
}

input.wpcf7-submit {
	width: 20%;
	height: 50px;
	background: #7E93C0;
	color: #fff;
	font-size: 18px;
	margin-bottom: 20px;
	/*border-radius: 10px;*/
	border:none;
	/*font-weight: bold;*/
	cursor: pointer;
	border-bottom: solid 4px #627295;
	transition: .3s;
}
input.wpcf7-submit:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
	opacity:0.7;
}

.conlink{
	text-decoration: underline #7E93C0;
	display: inline;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.h2tittle span{
		background-size: 130px;
		padding: 190px 40px 40px;
		background-position: top 50px center;
		font-size: 20px;
	}
	.menusite{
		width: 350px;	
	}
	
	#menusitelas{
	margin-bottom: 20px;
}

	
	.shikiri{
	padding-top: 20px;
	display: block;
	width: 300px;
	margin: auto;
}
	
 #dekirukoto {
    width: 90%;
		margin-right: auto;
		margin-left: auto;
	 margin-top: 5px;
  }
	.available{
		width: auto;
	}
	.available ul li{
		width: calc(50% - 10px);
		margin: 5px;
	}
	.h2tittle {
		margin-top: 10px;
	}
 .h2tittle img{
		width: 200px;
		margin-right: auto;
		margin-left: auto;
	 margin-bottom: 30px;
	}
	
	.dekirutittle{
		font-size: 20px;
		/*margin-bottom: 30px;*/
		width: 350px;
	}
	.stamp{
	font-size: 17px;
	margin-right:5px;
	display: inline-block;
}
	.dekirunaiyou{
		font-size: 16px;
	}
	
	.course{
		width: 288px;
	}
	
	.course .plan{
		font-size: 16px;
	}
	
	
	.course li{
		font-size: 12px;
	}
	
	.setumei{
		width: 350px;
		font-size: 12px;
	
	}
	
	#seisakunagare{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		
	}
	
	.no1 .setsub{
		font-size: 16px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.no1 li p{
		font-size: 12px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.no1 ul li ul{
		width: 90%;
	}
	
	.no1 .setsub2{
		font-size: 12px;
		margin:12px 0;
	}
	
	.no1 .setsub2:first-child{
		margin-top:20px;
	}
	
	.no1 .setsub2:last-child{
		margin-bottom: 20px;
	}
	#tyui{
		width: 350px;
		text-align: left;
		margin: auto;
		font-size: 12px;
	}
	
	#contact{
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	
	
	#contact p{
		font-size: 12px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	

.wpcf7{
  width: 90%;
  margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	background-color:#e3ebfc;


}	
	
	
form p {
	font-weight: 600;
}

.red{
	color: #F77577;
}

input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	margin-top: 5px;
	border: 1px solid #d0d5d8;
	border-radius: 5px;
	font-size: 16px;
	  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}

input:focus {
   background-color: #ffffcc; /* 背景色 */
   border: 1px solid red;     /* 枠線 */
}

textarea.wpcf7-form-control.wpcf7-textarea {
	height: 300px;
	font-size: 16px;
	display: block;

	
}
	


.btn-area{
  text-align: center;
}

input.wpcf7-submit {
	width: 20%;
	height: 50px;
	background: #FFFFFF;
	color: #666666;
	font-size: 16px;
	margin-bottom: 20px;
}
}



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

#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display: block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
}


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

input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:inline-block;
	  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:inline-block;
	width:100%;
	height:40px;
	  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

}

	








footer{
	/*margin-top: 20px;*/
	/*width: 1000px;*/
	margin-right: auto;
	margin-left: auto;
}

footer .kazari{
  display: block;
	width: 380px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}

footer #gaiyou{
	font-size: 30px;
	text-align: center;
	margin-bottom: 10px;
}

footer #honbun{
	font-size: 15px;
	line-height: 35px;
	/*width: 900px;*/
/*	margin-right: auto;
	margin-left: auto;*/
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}



footer #cop{
	margin-top: 100px;
	text-align: center;
}

.compinfo{
	margin:0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	background-color: #fff;
}


.logo img{
	margin-right: 50px;
	
}
.member{
	text-align: center;
	width: 850px;
	margin: 0 auto;
	
}



.member h2{
	font-size:30px;
	margin-bottom: 30px;
}

.member ul .memint{
	width: 100%;
	
}

.member ul li div p{
	float:left;
	width: 40%;
	text-align: left;
}

.member ul li div p:nth-child(2){
	width:60%;
}
.member ul li div{
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.memimg img{
	width: 90%;
	border-radius:50%;
	border: 5px solid #7E93C0;
	margin: 0 auto;
}

.memexplain{
	/*margin-left: 15px;*/
	line-height: 25px;
}

h3{
	margin-top: 50px;
}

.name,.katagaki{
	font-size: 22px;
	font-weight: bold;
	font-family: heisei-mincho-std, serif;
}

.katagaki{
	font-weight: bold;
}

#gaiyouwrap{
	background-color: #fff;
	border-radius: 20px;
	width: 60%;
	margin: 0 auto;
	padding-top:20px;
	
}
.narabiwrap{
	overflow:hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
}
.narabi{
	float:left;
}

.narabi:first-child{
	padding-right:15px;
}
#smps{
	display: none;
}

@media screen and (max-width: 768px){
	#smps{
		display: block;
	}
	#pcs{
		display:none;
	}
	.narabiwrap{
		display: block;
	}
	.narabi{
		margin: 0 auto;
		float: none;
	}
	.narabi:first-child{
		padding:0;
	}
	footer{
	
	/*width: 400px;*/
	margin-right: auto;
	margin-left: auto;
}

footer .kazari img{
  display: block;
	/*width: 200px;*/
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

footer #gaiyou{
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
}

footer #honbun{
	font-size: 14px;
	line-height: 25px;
	/*width: 400px;*/
/*	margin-right: auto;
	margin-left: auto;*/
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

footer #cop{
	font-size: 12px;
	margin-top: 100px;
	text-align: center;
}
	.compinfo{
	margin:0 auto;
	width:100%;
	display: block;
}
	.logo {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:20px;
}
	.member{
		width: 70%;
	}
	.member ul li div p{
		float: none;
		width: 100%;
	}
	.member ul li div p:nth-child(2){
		width:90%;
		margin-top: 10px;
	}
	.member ul li div{
		display:block;
	}
	.memexplain{
		margin: 0 auto;
	}
	.member h2{
		font-size: 28px;
		padding:0;
		white-space: nowrap;
	}
	#gaiyouwrap{
		width:90%;
	}
}


.linomem{
	/*text-decoration: underline #7E93C0;*/
	
	display: inline-block;
	padding: 15px 25px;
}

.linomem2{
	font-size: 25px;
}

.sns2{
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
}

.sns2 li{
	float:left;
	
}

	.sns2 li:nth-child(2){
		margin: 0px 10px;
	}

.sousin{
	background-color: #7E93C0;
	color: white;
}

#saigo{
		background-color: rgba(215,229,249,1.00);
	background-image:
	 radial-gradient(closest-side,
		 transparent 99.9%, rgba(99,128,173,0.3) 100%),
	 radial-gradient(closest-side,
		 transparent 99.9%, rgba(99,128,173,0.3) 100%);
	background-position: 0 0, 30px 30px;
	background-size: 60px 60px;
	padding-top:20px;
}

#saigolink{
	height:60px;
}


.slider2{
	display: block;
}
.slider2 li{
		height: 90vh;
	display: block;
	
}


.slider2 li p img{
	    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;

}
.slider2 .slick-prev, .slider2 .slick-next{
	display:none !important;
}



.topimg img{
	height: 70vh;
	display: block;
	width: auto;
	max-width: 100%;
	filter: drop-shadow(0px 0px 30px #728AC4) drop-shadow(0px 0px 40px #7E93C0);
	transform: translateZ(0);
	will-change: filter;

}

.svgwrap{
	position: absolute;
	width: 100%;
	bottom: 1%;
	left: 0;
	/*background: rgba(255,255,255,0.9);*/
	padding: 20px;
}

.svgwrap .logo_anime{
	width: 50%;
	transform: translateZ(0);

}
.lino{
	font-family: 'Pinyon Script', cursive;
	font-size: 120px;
	position: absolute;
	display: inline-block;
	bottom: -100px;
	text-shadow: 0px 0px 2px #fff;
	left: 0;
	width: 100%;
	padding: 70px 0 20px;
	line-height: 10px;
	z-index:999;
}

.lino span{
	font-size: 17px;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'; font-weight: 500;
	letter-spacing: 3px;
	display: block;
	line-height: 20px;
}
.kaigyo{
	
	line-height: initial;
}

.star {
    animation: kirakira 8s linear;
    color: white;
    display: inline-block;
    height: 1em;
    line-height: 1em;
    position: fixed;
    top: -1em;
    z-index: -1000;
	filter: drop-shadow(1px 1px 5px #AD3663);
	transform: translateZ(0);
	will-change: filter;
	text-shadow: 1px 1px 10px #AD3663,5px 5px 20px #AD3663;
	opacity: 0.8;
}

.star img{
	display: block;
	width: 50px;
	height: auto;	
}

@keyframes kirakira {
    0% {
        transform:translateY(0) rotateY(0);
    }
    100% {
        transform:translateY(calc(100vh + 1em)) rotateY(3600deg);
    }
}


@media screen and (max-width: 768px){
	.star img{
	width: 35px;
}
	.lino{
		font-size:4rem;
		line-height: 10px;
		padding-bottom: 25px;
		padding-top:55px;
	}
	.slider2 li{
		height: 80vh;
	}
	.lino span{
		font-size:15px;
		display: block;
		margin-top:50px;
		line-height: 20px;
	}
	.kaigyo{
		display: inline;
		line-height: 1px;
	}
	.svgwrap .logo_anime{
		width: 100%;
	}
	.dekiruparent .dekiru_child{
		position: static;
		border: none;
		width: 100%;
	}
	.dekiruparent .dekiru_child li {
		width: 100%;
		background: rgba(0,0,0,0.1);
	}
	
}

.wrapper{
	width: 100%;
	overflow: hidden;
}

/*WEBサイト制作下層ページの装飾
*/
.subh1{
	letter-spacing: 0.3em;
	margin: 10px auto;
	font-size: 20px;
}

.subh1 span{
	border-bottom: 1px solid #7E93C0;
}

.subh3{
	margin: 0;
	font-size: 22px;
}

.submenu{
	text-align: center;
	padding: 20px 0 0;
	margin: 20px auto 5px;
}

.submenu h2{
	margin-bottom: 5px;
}

.submenu section{
	display: inline-block;
	padding: 20px 0;
	border: 1px solid #7E93C0;
	border-radius: 5px;
	width: 95%;
	max-width: 1000px;
}

.submenu a{
	
	display: inline-block;
	border-bottom: 1px solid #aaa;
}

.submenu p span{
	margin-top: 5px;
}

/*ベーシックプラン
*/
#basic{
	width: 100%;
	padding-top: 50px;
}

#basic h3{
	margin-top: 5px;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 500;
}

#basic h3 .basic, #option h3 span{
	border-bottom: 2px solid #7E93C0;
	font-size: 22px;
	font-family: heisei-mincho-std, serif;
	line-height: 1.3;
}

#basic table{
	width: 99%;
	max-width: 1000px;
	margin: 0 auto;
	border-collapse: separate;
	
	border-spacing: 3px;
}

#basic .catch{
	line-height: 1.1;
	text-align: center;
	margin-bottom: -25px;
	letter-spacing: 0.05em;
	font-size: 14px;
}

#basic table tr td{
	padding:  20px 15px;
	vertical-align: middle;
	height: 150px;
	background: #e3ebfc;
	border-radius: 15px;
}



#basic table tr td ul li{
	margin-bottom: 7px;
	line-height: 1.2;
	overflow: hidden;
	padding-left: calc(1em + 2px);
    text-indent: calc(-1em - 2px);
	
}



#basic table tr td ul li span{
	padding-left: calc(1em + 2px);
    text-indent: calc(-1em - 2px);
}

#basic table tr td ul li:before{
	content: "\f3a5";
	font-family: "Font Awesome 5 Free";
	color: #7E93C0;
	padding-right: 2px;
}

#basic table tr td ul li i{
	float: left;

}

#basic table tr .hpplan, #basic table tr .lpplan{
	width: 37.5%;
	text-align: center;
	vertical-align: bottom;
	font-size: 20px;
	background: transparent;
	color: white;
	line-height:1.5;
	font-family: heisei-mincho-std, serif;

}

#basic table tr .hpplan div,  #basic table tr .lpplan div{
	display: inline-block;
	position: relative;
	height: 90px;
	text-align: center;
	box-sizing: border-box;
	background: #7E93C0;
	width: 80%;
	vertical-align: middle;
	border-radius: 5px ;
	border: 1px solid #fff;
}



#basic table tr .hpplan div:before, #basic table tr .lpplan div:before {/*左側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  left: -45px;
  z-index: -2;
  border: 30px solid #7E93C0;
  border-left-color: transparent;/*山形に切り抜き*/
}

#basic table tr .hpplan div:after, #basic table tr .lpplan div:after {/*右側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  right: -45px;
  z-index: -2;
  border: 30px solid #7E93C0;
  border-right-color: transparent;/*山形に切り抜き*/
}

#basic table tr .hpplan div p,#basic table tr .lpplan div p{
	position: relative;
	height: 100%;
	display: inline-block;
	line-height: 45px;
	width: 100%;
}

#basic table tr .hpplan div p:before, #basic table tr .lpplan div p:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #397eb5;/*左の折り返し部分*/
}

#basic table tr .hpplan div p:after, #basic table tr .lpplan div p:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #397eb5;/*右の折り返し部分*/
}

#basic table tr .hpplan div p span.tops, #basic table tr .lpplan div p span.tops{
	vertical-align: bottom;
	margin-bottom: -10px;
}

#basic table tr .planname{
	font-size: 20px;
	letter-spacing: 0.05em;
	
}

#basic table tr .price{
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 0.05em;
}

#basic table tr th{
	width: 25%;
	vertical-align: middle;
	border-radius: 15px;
	padding: 20px 10px;
}

#basic table tr:not(:first-child) th{
	
	font-size: 20px;
	line-height: 1.1;
	background: #CFDEFF;

}


#basic table tr:first-child th{
	padding: 30px 10px;
	background: url("../images-linodesign/glass_shoes.png");
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
}

#basic table tr:last-child td{
	padding: 30px 15px;
}

#basic table tr th p{
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.05em;
	font-weight: 500;
}


/*オプションプラン*/

#option{
	width: 95%;
	max-width: 1000px;
	padding-top: 50px;
	margin: 0 auto 70px;
	text-align: center;
}

#option .plus{
	font-size: 50px;
	font-weight: bold;
	color: #7E93C0;
	margin-bottom: 20px;
}

#option div p{
	font-size: 14px;
	letter-spacing: 0.05em;
	font-weight: 500;
	display: inline-block;
}



#option div{
	margin-bottom: 20px;
}

#option h3{
	margin: 5px 0;
}

#option ul li{
	
	margin: 10px auto;
	padding: 20px 0;
	border-radius: 20px;
	width: 95%;
	max-width: 800px;
	font-weight: bold;
	background: url("../images-linodesign/kazari2.png"),url("../images-linodesign/kazari.png"),#C5D7FF;
	background-size: 120px;
	background-repeat: no-repeat;
	background-position: left 15px center,right 15px center;
}

#option ul li .price{
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 0.05em;
}

#option ul li p{
	line-height: 1.5;
	padding: 0px 110px;
	font-family: heisei-mincho-std, serif;
	font-size: 16px;
}

.line{
	width: 100%;
	text-align: center;
}

.line img{
	display: block;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

/*シングルプラン*/

#single{
	width: 95%;
	text-align: center;
	margin: 0 auto 100px;
	padding-top: 50px;
}

#single div{
	margin-bottom: 20px;
}

#single div p{
	font-size: 14px;
	margin-bottom: 5px;
}

#single h3{
	margin: 5px 0;
}

#single h3 span{
	border-bottom: 2px solid #7E93C0;
}
#single table{
	margin: 0 auto;
	letter-spacing: 0.05em;
	border-collapse: separate;
	border-spacing: 3px;
	width: 95%;
	max-width: 730px;
	background: url("../images-linodesign/dress.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#single table th{
	background: hsla(221,100%,89%,0.7);
	border: 1px solid #C5D7FF;
	padding: 20px;
	border-radius: 10px;
	width: 50%;
	max-width: 900px;
	height: 74px;
	vertical-align: middle;
}

#single table td{
	background: hsla(221,81%,94%,0.7);
	border: 1px solid #E3EBFC;
	padding: 20px;
	border-radius: 10px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
}

#single table td span.price{
	font-size: 23px;
	
}

/*下層ページのフッター
*/

.subfooter{
	width: 100%;
	text-align: center;	
}

.subfooter p{
	width: 80%;
	max-width: 761px;
	display: block;
	margin: 0 auto;
	padding-top: 20px;
	border-top: 1px solid #CAD9F9;
}

/*フレックステーブル
*/
#basic2{
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 50px;
	
}

#basic2 .flextable>li.catch2{
	text-align: center;
	font-size: 14px;
	flex-basis: 100%;
	justify-content: center;
	min-height: auto;
	padding: 0;
}

#basic2 .flextable{
	display: flex;
	flex-wrap: wrap;
}

#basic2 .flextable>li:nth-child(2){
	background: url("../images-linodesign/glass_shoes.png");
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
	
}



#basic2 .flextable>li{
	flex-basis: calc(37.5% - 4px);
	min-height: 150px;
	vertical-align: middle;
	display: flex;
	align-items: center;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 15px;
	margin: 2px;
/*	padding: 15px;
	padding-left: 20px;*/
}

#basic2 .flextable>li p.pad{
	padding: 1em;
}

#basic2 .flextable>li.narw{
	flex-basis: calc(25% - 4px);
}

#basic2 .flextable>li.mblue{
	background: #CFDEFF;
	font-weight: bold;
	line-height: 1.1;
	font-size: 20px;
	justify-content: center;
/*	padding: 15px;*/
}

#basic2 .explain{
	background: #e3ebfc;
	
}

#basic2 .flextable .tabletitle{
	padding: 0;
	justify-content: center;
	min-height: auto;
}

#basic2 .flextable .hpplan, #basic2 .flextable  .lpplan{
	vertical-align: bottom;
	font-size: 20px;
	background: transparent;
	color: white;
	line-height:1.5;
	font-family: heisei-mincho-std, serif;
	padding-top: 3px;
	justify-content: center;
	min-height: auto;
	padding-bottom: 10px;
}

#basic2 .hpplan div div,  #basic2 .lpplan div div{
	display: inline-block;
	position: relative;
	height: 90px;
	text-align: center;
	box-sizing: border-box;
	background: #7E93C0;
	width: 80%;
	vertical-align: middle;
	border-radius: 5px ;
	border: 1px solid #fff;
}

#basic2 .hpplan>div, #basic2 .lpplan>div{
	width: 95%;
}

#basic2 .hpplan div div:before, #basic2 .lpplan div div:before {/*左側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  left: -45px;
  z-index: -2;
  border: 30px solid #7E93C0;
  border-left-color: transparent;/*山形に切り抜き*/
}

#basic2 .hpplan div div:after, #basic2 .lpplan div div:after {/*右側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  right: -45px;
  z-index: -2;
  border: 30px solid #7E93C0;
  border-right-color: transparent;/*山形に切り抜き*/
}

#basic2 .hpplan div div p,#basic2 .lpplan div div p{
	position: relative;
	height: 100%;
	display: inline-block;
	line-height: 45px;
	width: 100%;
}

#basic2 .hpplan div div p:before, #basic2 .lpplan div div p:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #397eb5;/*左の折り返し部分*/
}

#basic2 .hpplan div div p:after, #basic2 .lpplan div div p:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #397eb5;/*右の折り返し部分*/
}

#basic2 .hpplan div div p span.tops, #basic2 .lpplan div div p span.tops{
	vertical-align: bottom;
	margin-bottom: -10px;
}

#basic2 .price{
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 0.05em;
}

#basic2 h3{
	margin-top: 5px;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 500;
}

#basic2 h3 .basic{
	border-bottom: 2px solid #7E93C0;
	font-size: 22px;
	font-family: heisei-mincho-std, serif;
	line-height: 1.3;
}

#basic2 .flextable>li ul{
	padding: 1em;
}

#basic2 .flextable>li ul li{
	margin-bottom: 7px;
	line-height: 1.2;
	overflow: hidden;
	padding-left: calc(1em + 2px);
    text-indent: calc(-1em - 2px);
	
}



#basic2 .flextable>li ul li span{
	padding-left: calc(1em + 2px);
    text-indent: calc(-1em - 2px);
}

#basic2 .flextable>li ul li:before{
	content: "\f3a5";
	font-family: "Font Awesome 5 Free";
	color: #7E93C0;
	padding-right: 2px;
}

#basic2 .flextable>li:last-child ul{
/*	padding: 20px 0;
*/}

#basic2 .flextable>li.sp{
	display: none;
}

@media screen and (max-width: 768px){
	
	#basic2 .flextable>li{
		flex-basis: 100%!important;
		margin: 0;
		padding: 5px;
		border-radius: 0;
	}
	#basic2 .flextable>li.sp{
	display: block;
	}
	#basic2 .flextable>li p.pad{
		padding: 0;
	}
	#basic2 .flextable>li.mblue{
		min-height: auto;
		background: #e3ebfc;
		padding-top:30px;
		padding-bottom: 5px;
		border: 1px solid #7E93C0;
		border-top: none;
		border-bottom: none;
	}
	#basic2 .flextable>li.explain{
		min-height: auto;
/*		justify-content: center;
*/		border: 1px solid #7E93C0;
		border-top: none;
		border-bottom: none;
		padding: 10px 10px 0;
		
	}
	#basic2 .flextable>li ul{
		padding: 0;
	}
	#basic2 .flextable>li ul li{
		line-height: 1.4;
	}
	#basic2 .flextable>li.od1{
		order:1;
	}
	#basic2 .flextable>li.od2{
		order:2;
	}
	#basic2 .flextable>li.od3{
		order:3;
	}
	#basic2 .flextable>li.od5{
		order:4;
		border-radius: 15px 15px 0 0;
		border: 1px solid #7E93C0;
		border-bottom: none;
	}
	#basic2 .flextable>li.od7{
		order:5;
	}
/*	#basic2 .flextable>li.od7::before{
		content: "→";
		display:block;
		padding-right: 3px;
		font-weight: 700;
		font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'; 
	}*/
	#basic2 .flextable>li.od9{
		order:6;
	}
	#basic2 .flextable>li.od11{
		order:7;
		/*text-align: center;*/
	}
	#basic2 .flextable>li.od13{
		order:8;
	}
	#basic2 .flextable>li.od15{
		order:9;
	}
	#basic2 .flextable>li.od17{
		order:10;
	}
	#basic2 .flextable>li.od19{
		order:11;
		padding-left: 20px;
		border-radius: 0 0 15px 15px;
		border-bottom: 1px solid #7E93C0;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
	#basic2 .flextable>li.od4{
		order:12;
	}
	#basic2 .flextable>li.od6{
		order:13;
		border-radius: 15px 15px 0 0;
		border: 1px solid #7E93C0;
		border-bottom: none;
	}
	#basic2 .flextable>li.od8{
		order:14;
		/*text-align:center;*/
		line-height: 1.2;
	}
	#basic2 .flextable>li.od10{
		order:15;
	}
	#basic2 .flextable>li.od12{
		order:16;
		/*text-align: center;*/
		line-height: 1.2;
	}
	#basic2 .flextable>li.od14{
		order:17;
	}
	#basic2 .flextable>li.od16{
		order:18;
	}
	#basic2 .flextable>li.od18{
		order:19;
	}
	#basic2 .flextable>li.od20{
		order:20;
		border-radius: 0 0 15px 15px;
		border-bottom: 1px solid #7E93C0;
		padding-bottom: 15px;
	}

	#basic2 .flextable .tabletitle{
		padding: 30px 0;
		margin: 3px 0 25px;
	}
	#basic2 .flextable>li:nth-child(2){
		background-size: contain;
	}

	#basic2 .flextable>li.mblue span{
		border-bottom: 2px solid #7E93C0;
		font-size: 18px;
	}

	.sb{
		display: none;
	}

	#basic2 .flextable>li.hpplan,#basic2 .flextable>li.lpplan{
		margin-bottom:10px;
	}
	
/*	オプションページ
*/	
	#option ul li p{
		padding: 0;
		
	}
	#option ul li{
		width: 100%;
		background-position: left 5px bottom 10px,right 5px bottom 10px;
		background-size: 100px;
		padding: 15px 10px;
	}
	#option .plus{
		margin-bottom: 30px;
	}
/*	シングルプラン
*/
	#single{
		margin-bottom: 50px;
	}
	#single table th,#single table td{
		display: block;
		width: 100%;
		text-align: center;
	}
	#single table th{
		border-radius: 10px 10px 0 0 ;
		padding: 10px;
		font-size: 15px;
	}
	#single table td{
		border-radius: 0 0 10px 10px;
		padding: 10px;
	}
	.line{
		text-align: center;
	}
	.line img{
		height: 40px;
		object-fit: cover;
		font-family: 'object-fit: contain;'
	}
}


/*テンプレート制作*/

#checkpoint{
	text-align: center;
	width: 95%;
	max-width: 900px;
	margin: 100px auto 50px;
	position: relative;
	border: 7px double #7E93C0;
	border-radius: 20px;
}

#checkpoint::before{
	content: "CHECK.";
	position: absolute;
	color: #fff;
	background: #7E93C0;
	top: -48px;
	left: 20px;
	padding: 15px 15px 15px;
	border-radius: 10px 10px 0 0;
	font-weight: bold;
	letter-spacing: 0.05em;
	font-size: 18px;
}


#checkpoint #template{
	display: inline-block;
	padding: 70px 50px;
	
	
}

#checkpoint #template i{
	font-size: 60px;
	display: inline-block;
	margin-bottom: 20px;
	color: #7E93C0;
}

#checkpoint #template  h2{
	font-size: 26px;
}

#checkpoint #template p{
	text-align: left;
	margin-top: 20px;
	line-height: 1.7;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	font-weight: 500;
	padding-bottom: 10px;
}

#checkpoint #template p::after{
	content: "";
	border-bottom: 2px solid #7E93C0;
	display: block;
	width: 90%;
	height: 60px;
	margin: 0 auto;
}

/*料金比較テーブル
*/
#pricetable{
	text-align: center;
	max-width: 750px;
	margin: 0 auto 50px;
	width: 95%;
}

#pricetable h2{
	line-height: 1.3;
	margin-bottom: 70px;
}

#pricetable h2 .big{
	font-size: 24px;
	border-bottom: 5px double #7E93C0;
	
}

#pricetable h2>span span.dot{
    padding-top: .4em;
    background-position: top left -1px;
    background-repeat: repeat-x;
    background-size: 1em .4em;
	background-image: radial-gradient(.1em .1em at center center,#7E93C0,#7E93C0 100%,transparent);
}

#pricetable h2>span span.number{
	font-size: 32px;
}


#pricetable table{
	width: 100%;
	border-collapse: separate;
}

#pricetable table tr:first-child th{
	border-top: 3px solid #7E93C0;
	padding-top: 30px;
}

#pricetable table tr:first-child th:first-child{
	border-radius: 20px 0 0;
}

#pricetable table tr:first-child th:last-child{
	
	position: relative;
}

#pricetable table tr:first-child th:last-child span{
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	position: absolute;

	box-sizing: border-box;
	background: #7E93C0;
	border-radius: 20px 20px 0 0;
	padding: 40px 0 50px;
	font-size: 23px;
	font-weight: bold;
}


#pricetable table th,#pricetable table td{
	border-left: 3px solid #7E93C0;
	padding: 20px 0;
	background: #e3ebfc;
	vertical-align: middle;
}

#pricetable table tr th:last-child,#pricetable table tr td:last-child{
	background: #7E93C0;
	color: white;
	width: 50%;
	border: none;
}

#pricetable table tr:last-child th,#pricetable table tr:last-child td{
	border-bottom: 3px solid #7E93C0;
	padding-bottom: 30px;
}

#pricetable table tr td span.price{
	font-weight: bold;
}
#pricetable table tr td:first-of-type span.price{
	font-size: 20px;
}
#pricetable table tr td:last-of-type span.price{
	font-size: 35px;
}
	#pricetable table tr td span.small{
		font-size: 12px;
	}
/*メリットとおすすめ*/

.merit_recommend{
	width: 100%;
	padding: 20px 0 60px;
}

.merit_recommend1{
	position: relative;
	overflow: hidden;
}

.merit_recommend1::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #7E93C0;
	z-index: -2;
}

/*.merit_recommend1::after{
	content: "";
	position: absolute;
	left:0;
	bottom: 0;
	width: 100%;
	height: 60px;
	border-top: 60px solid transparent;  
	border-left: 50vw solid transparent;   
	border-right: 50vw solid #CFDEFF;  
	border-bottom: 60px solid #CFDEFF;  
}*/

.merit_recommend2{
	background: #CFDEFF;
	padding-top: 0;
	padding-bottom: 120px;
	position: relative;
}

.merit_recommend2::after{
  content: '';
  position: absolute;
  left:0;
  top: 0;
 
  /*四角形を傾けます*/
  transform: skewY(-5deg);
  transform-origin: bottom left;
 
  z-index: -1;
  width:100%;
  height:100%;
  background:#CFDEFF;
}


.merit_recommend>div{
	width: 95%;
	max-width: 800px;
	margin: 0 auto;
	padding: 20px 0;
}

.merit_recommend>div section{
	display: inline-block;
	background: #CFDEFF;
	padding: 30px;
	/*border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;
	box-shadow: 10px 10px 0 0px #7e93c0;*/
	border: 5px double #7E93C0;
	border-radius: 20px;
	width: 80%;
	max-width: 550px;
}


.merit_recommend h2{
	font-size: 20px;
	margin-bottom: 20px;
	letter-spacing: 0.05em;
	color: #666;
	line-height: 1.6;
}

.merit_recommend h2>span{
	border-bottom: 3px solid #7E93C0;
}
.merit_recommend2 h2>span{
	border-bottom: 3px solid #7E93C0;
	padding-right: 10px;
	dispay: block;
}

.merit_recommend h2>span::before{
	content: "\f3a5";
	font-family: "Font Awesome 5 Free";
	color: #7E93C0;
	padding-right: 2px;
	font-weight: normal;
	font-size: 25px;
}

.merit_recommend2 h2>span::before{
	color: #7E93C0;
}

.merit_recommend h2 span.number{
	font-size: 32px;
	letter-spacing: 0.05em;
}

.merit_recommend h2 span.big{
	font-size: 25px;
}

.merit_recommend ul li{
	line-height: 1.2;
	margin-bottom: 10px;
	vertical-align: middle;
	font-weight: 500;
	font-size: 17px;
	color: #666;
	text-indent: -1.1em;
	padding-left: 1.1em;
}

.merit_recommend ul li span{
	text-indent: -1.1em;
	padding-left: 1.1em;
}
.merit_recommend2 ul li{
	color: #666;
}

.merit_recommend  ul li::before{
	content: "\f14a";
 	font-family: "Font Awesome 5 Free";
	font-size: 25px;
	color: #7E93C0;
	vertical-align: middle;
	font-weight: normal;
	margin-right: 3px;
}

.merit_recommend2  ul li::before{
	color: #7E93C0;
}

.merit_recommend .merit {
	background: url("../images-linodesign/chandelier.png");
	background-repeat: no-repeat;
	background-size: 200px;
	background-position: top 10px right;
	padding:  0;
	margin: 50px auto;
}

.merit_recommend .recommend{
	overflow: hidden;
	background: url("../images-linodesign/dress2.png");
	background-repeat: no-repeat;
	background-size: 210px;
	background-position: bottom left;
	padding-bottom: 0;
}

.merit_recommend .recommend section{
	float: right;
	/*border-radius: 15px 200px 15px 185px / 240px 15px 100px 15px;
	box-shadow: 10px 10px 0 0px #7e93c0;*/
	padding: 30px;

	background: #fff;
}

.merit .chandelier{
	max-width: 200px;
	width: 95%;
	margin: 0 auto 10px;
	display: none;
}

.recommend .chinderella{
	max-width: 210px;
	
	width: 95%;
	margin: 0 auto 10px;
	display: none;
}

/*テンプレ流れ*/

#flow{
	width: 100%;
	text-align: center;
	padding-bottom: 80px;
	position: relative;
}

#flow::after{
	content: "";
	position: absolute;
	background:#e3ebfc;
	z-index: -2;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	border-top: 2px dotted #7E93C0;
}

#flow section{
	width: 95%;
	max-width: 750px;
	margin: 0 auto;
}

#flow section h2 {
	font-size: 26px;
	margin-bottom: 40px;

}

#flow section h2 span{
	border: dashed 2px #7E93C0;
	padding: 0.4em 0.5em;
	box-shadow: 0px 0px 0px 5px #fff;
	background: #fff;
	position: relative;
}

#flow section h2 span:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #CFDEFF  #CFDEFF #e3ebfc;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

#flow section ul li{
	margin-bottom: 60px;
	border: 4px solid #7E93C0;
	border-radius: 20px;
	padding: 30px 40px;
	width: 100%;
	position: relative;
	background: rgba(255,255,255,0.8);
	text-align: left;
}

#flow section ul li:not(:last-child)::after{
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	color: #7E93C0;
	display: block;
	font-weight: bold;
	position: absolute;
	bottom: -65px;
	left: 0;
	right: 0;
	font-size: 45px;
	text-align: center;
}

#flow section ul li dl dh{
	font-size: 20px;
	margin-bottom: 10px;
	display: inline-block;
	text-align: left;
	font-weight: bold;
	border-bottom: 2px solid #7E93C0;
	padding-bottom: 2px;
}

#flow section ul li dl dh::before{
	content: "\f3a5";
	font-family: "Font Awesome 5 Free";
	color: #7E93C0;
	font-weight: normal;
	display: inline-block;
	margin-right: 5px;

}


#flow section ul li dl dd{
	text-align: left;
	font-feature-settings: "palt";
	line-height: 1.5;
}

#flow section ul li dl dd a{
	display: inline-block;
	text-decoration: underline #7E93C0 ;
	font-weight: bold;
}

#flow section ul li:before{
	background: repeating-linear-gradient(-45deg, #CFDEFF, #CFDEFF 5px, #FFFFFF 0, #FFFFFF 10px); /* ストライプの色 */
	content: '';
	position: absolute;
	top: 15px;
	left: 15px;
	width: 100%;
	height: 100%;
	z-index: -1;
	border-radius: 20px
}

.toha{
	font-size: 22px;
}

@media (max-width: 767px) {
	#checkpoint{
		margin-bottom: 30px;
		margin-top: 80px;
	}
	#checkpoint #template{
		padding: 50px 10px 30px;
		font-feature-settings: "palt";
	}
	#checkpoint #template p::after{
		height: 30px;
		width: 95%;
	}
	#pricetable{
		margin-bottom: 40px;
	}
	#pricetable h2{
		line-height: 1.5;
		margin-bottom: 55px;
	}
	#pricetable h2 .block{
		margin-bottom: 5px;

	}
	#pricetable table tr:first-child th:last-child span{
		font-size: 18px;
		line-height: 1.2;
		padding: 25px 0 40px;
	}
	#pricetable table tr:first-child th{
		font-size: 14px;
		line-height: 1.2;
		padding-top: 15px;
	}
	#pricetable table tr:nth-child(2) th, #pricetable table tr:nth-child(2) td{
		padding-top: 0;
	}
	#pricetable table th, #pricetable table td{
		padding: 10px 0;
	}
	#pricetable table th{
		font-size: 14px;
	}
	#pricetable table tr:last-child th, #pricetable table tr:last-child td{
		padding-bottom: 20px;
	}
	#pricetable table tr td:first-of-type span.price{
		font-size: 20px;
	}
	#pricetable table tr td:last-of-type span.price{
		font-size: 25px;
	}
	.merit_recommend{
		padding-bottom: 60px;
	}
	
	.merit_recommend h2{
		text-align: center;
		line-height: 1.4;
	}
	.merit_recommend .recommend section{
		padding: 20px 20px;
	}
	.merit_recommend .merit{
		background: none;
		text-align: center;
	}
	.merit_recommend .recommend{
		padding-top: 40px;
		background: none;
		text-align: center;
	}
	.merit_recommend .recommend section{
		float: none;
		margin: 0 auto;
	}
	.merit_recommend>div section{
		width: 95%;
	}
	.merit .chandelier{
		display: block;
	}
	.recommend .chinderella{
		display: block;
	}
	.merit_recommend ul{
		display: inline-block;
		width: auto;
	}
	.merit_recommend ul li, .merit_recommend ul li .block{
		font-feature-settings: "palt";
		padding-left: 1.5em;
		text-indent: -1.7em;
		text-align: left;
		vertical-align: middle;
	}
	.merit_recommend ul li::before{
		margin-right: 0;
	}
	#flow section h2 span{
		font-size: 23px;
	}
	#flow section ul li dl dh{
		text-align: center;
		line-height: 1.2;
		width: 100%;
	}
	#flow section ul li{
		padding : 20px 15px;
		text-align: center;
	}
	.kaigyo2{
		display: none;
	}
	
}

/*グラフィックの装飾
*/

.submenu2{
	margin-bottom: 4px;
}

.submenu2 h2{
	margin-bottom: 10px;
}

.submenu2 ul{
	width: 95%;
	max-width: 800px;
	margin: 0 auto;
}

.submenu2 ul li{
	display: inline-block;
	margin: 0 2px 6px;
	background: #CFDEFF;
	border-radius: 10px;
	
}

.submenu2 ul li a{
	border-bottom: 0;
	padding: 5px 13px;
}

.attention{
	text-align: center;
	font-size: 13px;
}
.att2{
	margin-bottom: 20px;
}
.attention ul{
	display: inline-block;
}
.attention ul li{
	margin-bottom: 2px;
}

.menuwrap{
	width: 95%;
	max-width: 1100px;
	margin:40px auto 50px;
	position: relative;
}

#graphicmenu{
	width: 100%;
	/*display: flex;*/
	/*justify-content: center;*/
	/*flex-wrap: wrap;*/
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	 /*column-count: 3;
	 column-gap: 10px;*/
}

#graphicmenu .item{
	text-align: center;
}

#graphicmenu section, #graphicmenu .image{
	width: calc( 33.33% - 15px);
	padding: 15px;
	/*min-height: 350px;*/
	box-sizing: border-box;
	margin: 0px 5px 10px;
	background: #e3ebfc;
	box-shadow: 1px 1px 2px #aaa;
	/*-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;*/
}

#graphicmenu .image{
	background: transparent;
	box-shadow: none;
}

#graphicmenu .image img{
	display: block;
	width: 80%;
	margin: 0 auto;
}

#graphicmenu section{
	position: relative;
}
#graphicmenu section h2{
	text-align: left;
}

#graphicmenu section h2>span{
	font-size: 24px;
	display: inline-block;
	padding: 5px 15px 5px 20px;
	margin-right: 24px;
	margin-bottom: 5px;
	text-align: center;
	background: url("../images-linodesign/jewelry.png"),#CFDEFF;
	background-size: 15px;
	background-position: left 3px center;
	background-repeat: no-repeat;
	position: relative;
}

#graphicmenu section h2>span:after{
	content:"";
	display: block;
	position: absolute;
	width: 25px;
	border-bottom: 17px solid #CFDEFF;
	border-top: 17px solid #CFDEFF;
	border-right: 17px solid transparent;
	border-left: 17px solid transparent;
	right: -17px;
	top: 0;
}

#graphicmenu section h3{
	margin-top: 0;
	font-size: 17px;
	text-align: left;
	
	letter-spacing: 0.05em;
}

#graphicmenu section h3 span{
	border-bottom: 2px solid #7E93C0;
}

#graphicmenu section .price{
	font-size: 24px;
	font-weight: bold;
}

#graphicmenu section p{
	margin-top: 5px;
	line-height: 1.5;
	
}

#graphicmenu section p.explain{
	margin: 10px 0;
	text-align: left;
}

#graphicmenu section p.pricewrap{
	vertical-align: middle;
	text-align: left;
}

#graphicmenu section .recommend2{
	
	/*text-align: center;*/
	margin-top: 20px;
	text-align: left;
}

#graphicmenu section .recommend2 ul{
	margin-top: 10px;
	display: inline-block;
	width: 100%;
}

#graphicmenu section .recommend2 ul li::before{
	display: inline-block;
	content: "\f14a";
 	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	color: #7E93C0;
	font-weight: normal;
	vertical-align: middle;
	text-indent: -1.1em;
	margin-left: 5px;
}

#graphicmenu section .recommend2 ul li{
	margin-bottom: 3px;
	text-align: left;
	padding-left: 1.1em;
	line-height: 1.2;
}



#graphicmenu section .templan{
	text-align: center;
/*	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;*/
	margin-top: 20px;
	border-top: 1px dashed #7E93C0;
	padding-top: 10px;
}

#graphicmenu section .templan p{
	font-size: 14px;
}

#graphicmenu section .templan p:last-child{
	
	font-size: 12px;
}

#graphicmenu section .templan a{
	font-weight: bold;
	color: #fff;
	background: #7E93C0;
	padding: 10px 15px;
	border-radius: 10px;
	display: inline-block;
}

.active{
	
	background: #7E93C0;
	color: #fff;
}


@media (max-width: 767px) {
	#graphicmenu section {
		width: 100%;
	}
	#graphicmenu .image{
		display: none;
	}
}

.submenu3{
	margin-bottom: 5px;
}

.submenu3 ul{
	display: inline-block;
	text-align: left;
}

.submenu dl{
	line-height: 1.5;
	margin-bottom: 5px;
}

.submenu3 dd{
	font-size: 13px;
	text-indent: 1em;
}
.submenu3 dd::before{
	content:"→";
	padding-right: 2px;
}

#tabs{
	width: 100%;
	margin: 0 auto 50px;
	text-align: center;
}

#tabs ul{
	width: 98%;
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	vertical-align: middle;
	padding: 0 0 20px;
	text-align: center;
	display: flex;
	justify-content: center;
	
	
}

#tabs>ul{
	border-bottom: 1px solid #7E93C0;
}

#tabs ul li{
	display: table-cell;
	align-self: stretch;
	vertical-align: middle;
	padding-top: 60px;

}
#tabs ul li:nth-child(2){
	margin: 0 10px;
}

#tabs>ul li:nth-child(2) .block{
	font-size: 13px;
	font-weight: normal;
}


#tabs ul li h2{
	height: 100%;
	vertical-align: middle;
	line-height: 100%;
}

#tabs ul li a{
	padding: 10px 15px;
	border: 1px solid #7E93C0;
	border-radius: 10px;	
	display: flex;
	width: 100%;
	vertical-align: middle;
	height: 100%;
	align-items: center;
	justify-content: center;
}

#tabs div ul{
	margin-top: 30px;
}

#tabs div ul li{
	width: 33.33%;
	border: 2px solid #7E93C0;
	border-radius:20px;
	padding: 20px 10px 90px;
	background:url("data:image/svg+xml;charset=utf-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 50 50' preserveAspectRatio='none'%3e%3cpath fill='%23e3ebfc' d='M-25-25v100h100v-100z'/%3e%3cpath fill='%23CFDEFF' fill-rule='evenodd' d='M25 16c1 2 5 8 6 9c-1 1-5 7-6 9c-1-2-5-8-6-9c1-1 5-7 6-9zM0 -9c1 2 5 8 6 9c-1 1-5 7-6 9c-1-2-5-8-6-9c1-1 5-7 6-9zM50 -9c1 2 5 8 6 9c-1 1-5 7-6 9c-1-2-5-8-6-9c1-1 5-7 6-9zM0 41c1 2 5 8 6 9c-1 1-5 7-6 9c-1-2-5-8-6-9c1-1 5-7 6-9zM50 41c1 2 5 8 6 9c-1 1-5 7-6 9c-1-2-5-8-6-9c1-1 5-7 6-9z'/%3e%3c/svg%3e");
}

#tabs div div:not(.recommend):not(.linestamp){
	width: 95%;
	max-width: 750px;
	border: 2px solid #7E93C0;
	border-radius:20px;
	padding: 20px 10px;
	margin: 20px auto 0;
	background:url("data:image/svg+xml;charset=utf-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 50 50' preserveAspectRatio='none'%3e%3cpath fill='%23e3ebfc' d='M-25-25v100h100v-100z'/%3e%3cpath fill='%23CFDEFF' fill-rule='evenodd' d='M25 16c1 2 5 8 6 9c-1 1-5 7-6 9c-1-2-5-8-6-9c1-1 5-7 6-9zM0 -9c1 2 5 8 6 9c-1 1-5 7-6 9c-1-2-5-8-6-9c1-1 5-7 6-9zM50 -9c1 2 5 8 6 9c-1 1-5 7-6 9c-1-2-5-8-6-9c1-1 5-7 6-9zM0 41c1 2 5 8 6 9c-1 1-5 7-6 9c-1-2-5-8-6-9c1-1 5-7 6-9zM50 41c1 2 5 8 6 9c-1 1-5 7-6 9c-1-2-5-8-6-9c1-1 5-7 6-9z'/%3e%3c/svg%3e");
}

#tabs div  h3{
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 20px;
}

#tabs div  h3 span{
	border-bottom: 2px solid #7E93C0;
	
	display: inline-block;
}

#tabs div p .price{
	font-weight: bold;
}

#tabs div ul li p .price{
	font-size: 20px;
	font-weight: bold;
}



#tabs div:not(.recommend) p:first-of-type{
	margin-bottom: 10px;
	border-bottom: 2px dotted #7E93C0;
	padding-bottom: 15px
}

#tabs div  .explain{
	text-align: left;
	font-size: 15px;
	line-height: 1.5;
	padding: 10px 3px;
}

#tabs div div .explain{
	display: inline-block;
}

#tabs #panel2>p{
	display: inline-block;
	text-align: left;
	line-height: 1.5;
	border-bottom: none;
	max-width: 95%;
	padding-bottom: 0;
	margin-bottom: 0;
}

#tabs #panel2 div a{
	display: inline-block;
	margin-top: 10px;
	transition:.3s;
}

#tabs #panel2 div a:hover{
	opacity: 0.5;
}

#tabs #panel2 div a img{
	display: block;
	width: 100%;
	max-width: 650px;
}

#tabs #panel2 .small{
	font-size: 12px;
	line-height: 1;
}

#tabs #panel3 h4{
	font-size: 18px;
	margin: 15px auto 0;
}

#tabs #panel3 .recommend{
	font-size: 13px;
	line-height: 1.5;
	font-weight: 500;
}

#tabs #panel3 .recommend li{
	display: flex;
	justify-content: center;
	align-items: center;
}

#tabs #panel3 .recommend li p{
	margin: 0;
	border-bottom: 0;
	padding: 0;
}

#tabs #panel3 ul{
	margin-top: 5px;
	width: 80%;
}

#tabs #panel3 ul li{
	padding: 10px 15px;
	border-width: 1px;
	background: rgba(255,255,255,0.5);
}

#tabs #panel2 ul li, #tabs #panel1 ul li{
	position: relative;
}

#tabs #panel2 .recommend, #tabs #panel1 .recommend{
	border-bottom: none;
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	height: 80px;
	display: flex;
	flex-wrap: wrap;
	vertical-align: middle;
	align-items: center;
	justify-content: center;
}

#tabs #panel2 .recommend h4, #tabs #panel1 .recommend h4{
	width: 100%;
	vertical-align: middle;
}

#tabs #panel2 .recommend p, #tabs #panel1 .recommend p{
	border-bottom: 0;
	padding: 10px 10px;
	margin-bottom: 0;
	font-size: 13px;
	border: 1px solid #7E93C0;
	width: 90%;
	margin: 0 auto;
	border-radius: 10px;
	align-self: stretch;
	vertical-align: middle;
	min-height: 60%;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.2;
	background: rgba(255,255,255,0.5);
}

@media (max-width: 767px) {
	#tabs div ul{
		flex-wrap: wrap;
	}
	#tabs div ul li{
		width:100%;
		margin: 5px 0;
	}
	#tabs div ul li:nth-child(2){
		margin: 5px 0;
	}
	#tabs ul li a{
		font-size: 14px;
	}
	#tabs>ul li{
		width: 33.33%;
	}
	#tabs>ul li:nth-child(2){
		margin: 0 2px;
	}
}