*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	outline:none;
}
html{
	font-size:16px;
}
@media screen and (max-width: 768px){
	html{
		font-size:15px;
	}
}
@media screen and (max-width: 480px){
	html{
		font-size:14px;
	}
}
body{
	position:relative;
	background-color: #FFF;
	word-break:break-all;
}
body, button, input, textarea{
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
#main{
	width:100%;
}




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


p strong{
	color:#FF4447;
}

p em{
	font-style:normal;
	font-size:1.3rem !important;
}

.white{
	color:#FFF !important;
}



/*--------------------------------------------------------------
# Main Header
--------------------------------------------------------------*/

#main-header{
	background-color:#353535;
}
#main-header > div{
	width: 100%;	
	height:60px;
	max-width: 980px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
#logo{
	max-width:180px;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
}
#logo img{
	display:block;
	width:100%;
}
#advisory{
	max-width:240px;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;	
}
#advisory img{
	display:block;
	width:100%;
}
@media screen and (max-width: 480px) {
	#logo{
		max-width:140px;
	}
	#advisory{
		max-width:140px;
	}
}


/*--------------------------------------------------------------
# Main Footer
--------------------------------------------------------------*/

#main-footer{
	padding:20px 10px 40px;
	background-color:#353535;
}
#main-footer > div{
	width: 100%;
	max-width: 980px;
	margin:0 auto;
}

#footer-navigation{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	list-style-type:none;
}
#footer-navigation li{
	font-size:10px;
}
#footer-navigation li + li:before{
	margin: 0 3px;
	content: "｜";
	color:#FFF;
}
#footer-navigation li a{
	color:#FFF;
	text-decoration:none;
	transition:0.3s ease-in-out;
}
#footer-navigation li a:hover{
	color:#FFA820;
}
#main-footer #copyright{
	font-size:12px;
	text-align:center;
	color:#FFF;
}





/*--------------------------------------------------------------
# Headline
--------------------------------------------------------------*/

#headline{
	margin-bottom:30px;
}




/*--------------------------------------------------------------
. Button
--------------------------------------------------------------*/


.button{
	display:block;
	width:100%;
	max-width:980px;
	padding:15px;
	background-color:#f7931e;
	box-shadow:0 20px 0 #f37411;
	transition:0.3s ease-in-out;
	margin:0 auto 50px;
	cursor:pointer;
	border-radius:10px;
}
.button:hover{
	box-shadow:0 5px 0 #f37411;
	transform:translate(0, 15px);
}
.button img{
	display:block;
	width:100%;
	margin:0 auto;
}
@media screen and (max-width: 480px){
	.button{
		box-shadow:0 10px 0 #f37411;
	}
	.button:hover{
		box-shadow:0 5px 0 #f37411;
		transform:translate(0, 5px);
	}	
}


/*--------------------------------------------------------------
. Shake Button
--------------------------------------------------------------*/


.shake-button-wrapper{
	animation:	shake 3s;
	animation-iteration-count: infinite;
}

@keyframes shake { 0% { transform: translate(0px, 0px) rotate(0deg); }
  1% { transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
  2% { transform: translate(-2.5px, -1.5px) rotate(0.5deg); }
  3% { transform: translate(1.5px, 1.5px) rotate(-1.5deg); }
  4% { transform: translate(-1.5px, -2.5px) rotate(0.5deg); }
  5% { transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
  6% { transform: translate(-1.5px, 1.5px) rotate(-1.5deg); }
  7% { transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
  8% { transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
  9% { transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
  10% { transform: translate(0px, 0px) rotate(0deg); }
  100% { transform: translate(0px, 0px) rotate(0deg); } 
}



/*--------------------------------------------------------------
. Section
--------------------------------------------------------------*/

.section{
	width: 100%;
	padding:80px 10px 50px;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
@media screen and (max-width: 480px){
	.section{
		padding:40px 10px;
	}
}
.section:nth-child(even){
	background-color:#FCFCFC;
}
.section > div{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.section > div img{
	display:block;
	width:100%;
}
.section p{
	color:#323232;
	line-height:2;
	text-indent:1em;	
	text-align:justify;	
	margin:0 auto 2em;
}
.section > div > p{
}
@media screen and (max-width: 768px){
	.section p{
		line-height:1.8;
	}
}
@media screen and (max-width: 480px){
	.section p{
		line-height:1.7;
	}
}



.transparent{
	background-color:transparent;
}

.section-image{
	position:relative;
	width:100%;
	max-width:none;
	padding: 0;
	padding-top:30%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.fixed-bg{
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	z-index:1;
}

.section-image .section-image-content{	
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;	
	width:100%;
	height:100%;
	top:0;
	left:0;
}


.section-image-half{
	width:50%;
	padding:25% 0 0;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}


.section-image-athird{
	width:33.333%;
	padding:25% 0 0;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}




/*--------------------------------------------------------------
. Section Content
--------------------------------------------------------------*/

.section-content{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.section-content.reverse{
	flex-direction:row-reverse;
}
.section-content > div{
	margin-bottom:30px;
}

.section-content p{
	line-height:1.8;
}
.section-content-half{
	width:48%;
}
.section-content-athird,
.section-content-33{
	width:31%;
}
.section-content-40{
	width:38%;
}
.section-content-60{
	width:58%;
}
.section-content-30{
	width:28%;
}
.section-content-70{
	width:68%;
}
.section-content-20{
	width:18%;
}
.section-content-80{
	width:78%;
}
.section-half{
	width:50%;
	margin-bottom:0 !important;
}
.section-33, .section-athird{
	width:33.333%;
	margin-bottom:0 !important;
}
@media screen and (max-width: 480px){
	.section-content-half,
	.section-content-athird,
	.section-content-40,
	.section-content-60,
	.section-content-33,
	.section-content-30,
	.section-content-70,
	.section-content-20,
	.section-content-80,
	.section-half,
	.section-athird,
	.section-33{
		width:100%;
	}
}



/*--------------------------------------------------------------
. Section Content Title
--------------------------------------------------------------*/

.section-content-title{
	font-size:1.7em;
	text-align:center;
	font-weight:normal;
	color:#656565;
	margin-bottom:1.2em;
}
@media screen and (max-width: 768px){
	.section-content-title{
		font-size:1.4em;
	}
}
@media screen and (max-width: 480px){
	.section-content-title{
		font-size:1.15em;
	}
}


/*--------------------------------------------------------------
. Section Icon
--------------------------------------------------------------*/

.small-icon{
	display:block;
	width:50px !important;
	height:auto;
	margin:0 auto 20px;
}
.middle-icon{
	display:block;
	width:70px !important;
	height:auto;
	margin:0 auto 20px;
}

.large-icon{
	display:block;
	width:100% !important;
	min-width:70px;
	max-width:240px;
	height:auto;
	margin:0 auto 20px;
}



/*--------------------------------------------------------------
. Subhead
--------------------------------------------------------------*/

.subhead{
	font-weight:normal;
	font-size:2.4rem;
	color:#565656;
	text-align:center;
	margin-bottom:1em;
}
.subhead br.break{
	display:none;
}
@media screen and (max-width: 768px){
	.subhead{
		font-size:2.0rem;
	}
}
@media screen and (max-width: 480px){
	.subhead{
		font-size:1.6rem;
	}
	.subhead br.break{
		display:inline;
	}
}

.serif{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


/*--------------------------------------------------------------
. Testimonial
--------------------------------------------------------------*/

article.testimonial{
	padding:80px 60px;
	border:solid 1px #DADADA;
	border-top:solid 10px #DADADA;
	border-radius:5px;
	background-color:#FFF;
	margin:0 auto 30px;
	max-width:800px;
}
article.testimonial .testimonial-header{
	border-bottom:solid 1px #DADADA;
	padding-bottom:15px;
	margin-bottom:30px;
}
article.testimonial .testimonial-title{
	font-size:1.4rem;
	color:#353535;
}
article.testimonial .testimonial-content{
}
article.testimonial .testimonial-username{
	display:block;
	text-align:right;
	font-size:0.9rem;
	color:#434343;
}

article.testimonial .testimonial-username:after{
	content:"個人の感想であり、成果や成功を保証するものではありません。";
	display:block;
	text-align:right;
	margin-top:10px;
	font-size:10px;
	color:#AAAAAA;
}
@media screen and (max-width: 768px){
	article.testimonial{
		padding:60px 30px;
	}
}
@media screen and (max-width: 480px){
	article.testimonial{
		padding:40px 20px;
	}
}










/*--------------------------------------------------------------
. Testimonial Balloon
--------------------------------------------------------------*/


.testimonial-balloon{
	background-color:#F3F3F3;
	border:solid 1px #DADADA;
	border-radius:10px;
	padding:20px;
	display:flex;
	justify-content: space-between;	
	margin-bottom:30px;
}

.testimonial-balloon .avatar{
	width:20%;
	display:flex;
	justify-content: space-between;
	align-items:center;
}
.testimonial-balloon .avatar img{
	display:block;
	width:80%;
}
.testimonial-balloon .triangle{
	position:relative;
	width:16%;
	height:80px;
	background-repeat:no-repeat;
	background-image:url('data:image/svg+xml;utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30px" height="80.2px" viewBox="0 0 30 80.2" style="enable-background:new 0 0 30 80.2;" xml:space="preserve"><polygon style="fill:#FFFFFF;" points="30,80.2 0,40.1 30,0 "/></svg>');
	background-position:right center;
}

.testimonial-balloon .balloon{
	width:80%;
	padding:30px 40px;
	background-color:#FFF;
	border-radius:10px;
}
.testimonial-balloon .testimoial-header{
	margin-bottom:15px;
}
.testimonial-balloon .testimonial-title{
	font-size:18px;
	color:#111;
}
.testimonial-balloon .testimoial-footer{
}
.testimonial-balloon .testimonial-content p{
	font-size:14px;
	line-height:1.7;
	margin-bottom:1.7em;
	color:#333;
}
.testimonial-balloon .testimonial-username{
	text-align:right;
	font-size:14px;
	font-weight:normal;
	color:#333;
}
.testimonial-balloon .testimonial-username:after{
	content:"個人の感想であり、成果や成功を保証するものではありません。";
	display:block;
	text-align:right;
	margin-top:10px;
	font-size:10px;
	color:#ACACAC;
}
.testimonial-balloon:nth-child(even),  .testimonial-balloon:nth-child(even) .avatar{
	flex-direction: row-reverse !important;
}
.testimonial-balloon:nth-child(even) .triangle{
	background-repeat:no-repeat;
	background-image:url('data:image/svg+xml;utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="80.2px" viewBox="0 0 30 80.2" style="enable-background:new 0 0 30 80.2;" xml:space="preserve"><polygon style="fill:#FFFFFF;" points="0,0 30,40.1 0,80.2 "/></svg>');
}

@media screen and (max-width: 480px){
	.testimonial-balloon{
		flex-wrap:wrap;
		padding:10px;
	}
	.testimonial-balloon .testimonial-title{
		font-size:16px;
		color:#111;
	}
	.testimonial-balloon .testimonial-content p{
		font-size:13px;
	}	
	.testimonial-balloon .avatar{
		width:100%;
		flex-flow: row wrap;		
	}
	.testimonial-balloon .avatar img{
		width:100px;
		margin:0 auto 10px;
	}
	.testimonial-balloon .triangle{
		width:100%;
	}
	.testimonial-balloon .balloon{
		width:100%;
		padding:20px 15px;
	}
	.testimonial-balloon:nth-child(even) .triangle, .testimonial-balloon .triangle{
		width:100%;
		height:30px;
		margin-bottom:-1px;
		background-size:20%;
		background-position:center bottom;
		background-repeat:no-repeat;
		background-image:url('data:image/svg+xml;utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="30px" viewBox="0 0 80 30" style="enable-background:new 0 0 80 30;" xml:space="preserve"><polygon style="fill:#FFFFFF;" points="0,30 40,0 80,30 "/></svg>');
	}
}






/*--------------------------------------------------------------
. faq
--------------------------------------------------------------*/


.faq{
	padding:30px;
	border:solid 1px #DADADA;
	border-radius:5px;
	width:100%;
	margin:0 auto 30px;
	background-color:#FFF;
}
.faq .faq-header{
	margin-bottom:20px;
}
.faq .faq-question{
	padding-top:15px;
	font-size:20px;
	color:#111;
	padding-left:70px;
	background-size:50px;
	min-height:80px;
	background-repeat:no-repeat;
	background-image:url('../admin/images/question-icon.svg');
}
.faq .faq-answer{
	font-size:16px;
	line-height:1.7;
	color:#333;
	padding-left:70px;
	background-repeat:no-repeat;
	background-image:url('../admin/images/answer-icon.svg');
	background-size:50px;
	min-height:80px;	
}
@media screen and (max-width: 480px) {
	.faq{
		padding:10px;
	}
	.faq .faq-question{
		font-size:15px;
	}
	.faq .faq-answer{
		font-size:14px;
	}
}







/*--------------------------------------------------------------
. Item
--------------------------------------------------------------*/

article.item{
	border:solid 1px #DADADA;
	background-color:#FFF;
	border-radius:5px;
	margin:0 auto 30px;
}
article.item .item-header{
	margin-bottom:35px;
	border-radius:5px 5px 0 0;
	padding:20px 40px;
	background-color:#353535;
}
article.item .item-title{
	font-size:1.4em;
	color:#FFF;
}
article.item .item-content{
	padding:40px;
}
@media screen and (max-width: 480px){
	article.item .item-header{
		padding:20px 15px;
	}
	article.item .item-content{
		padding:20px 10px;
	}
}


article.item .service-title{
	font-weight:normal;
	color:#353535;
	font-size:1.3em;
	line-height:1.7;
	margin-bottom:1em;
}
@media screen and (max-width: 480px){
	article.item .service-title{
		font-size:1.2em;
	}
}





/*--------------------------------------------------------------
. Benefit
--------------------------------------------------------------*/

article.benefit{
	border:solid 1px #DADADA;
	background-color:#FFF;
	border-radius:5px;
	margin:0 auto 30px;
}
article.benefit .benefit-header{
	margin-bottom:35px;
	border-radius:5px 5px 0 0;
	padding:20px 40px;
	background-color:#353535;
	background-repeat:no-repeat;
	background-image:url('data:image/svg+xml;utf8, <svg style="fill:#F7D66D;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="81.8px" height="81.8px" viewBox="0 0 81.8 81.8" xml:space="preserve"><path class="st0" d="M0,40.9c31,5.5,35.4,9.9,40.9,40.9c5.5-31,9.9-35.4,40.9-40.9C50.8,35.4,46.4,31,40.9,0C35.4,31,31,35.4,0,40.9	z"/></svg>');
	background-size:40px 40px;
	background-position:15px center;
}
article.benefit .benefit-title{
	font-size:1.4em;
	color:#FFF;
	padding-left:40px;
}
article.benefit .benefit-content{
	padding:40px;
}
@media screen and (max-width: 480px){
	article.benefit .benefit-title{
		font-size:1.2em;
		color:#FFF;
		padding-left:40px;
	}
	article.benefit .benefit-header{
		padding:20px 15px;
		background-size:30px 30px;
	}
	article.benefit .benefit-content{
		padding:20px 10px;
	}
}



/*--------------------------------------------------------------
. Youtube Container
--------------------------------------------------------------*/

.youtube-container{
	position:relative;
	padding-top: 56.25%;
	width:100%;
	margin-bottom:20px;
}
.youtube-container  iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important
}
.youtube-container .youtube-barrier{
	display:block;
	position:absolute;
	top:0;
	content:"";
	z-index:99;
	width:100%;
	height:100%;
}




/*--------------------------------------------------------------
. Nav Link
--------------------------------------------------------------*/
.nav-link{
	width:100%;
	margin-bottom:30px;
}
.nav-link:after {
  content: "";
  clear: both;
  display: block;
}
.nav-link a{
	display:block;
	width:48%;
	text-decoration:none;
	color:#353535;
	word-break:break-all;
	transition:0.3s ease-in-out;
	font-weight:bold;
}
.nav-link a:hover{
	color:#f7931e;
}
.nav-link .previous-link{	
	float:left;
	padding-left:30px;
	text-align:left;
	background-repeat:no-repeat;
	background-position:center left;
	background-image:url(admin/images/nav-previous.svg);
}
.nav-link .next-link{
	float:right;
	padding-right:30px;
	text-align:right;
	background-repeat:no-repeat;
	background-position:center right;
	background-image:url(admin/images/nav-next.svg);
}




/*--------------------------------------------------------------
.Privilege
--------------------------------------------------------------*/

section.privilege{
	border:solid 1px #DADADA;
	background-color:#FFF;
	border-radius:5px;
	margin:0 auto 30px;
}
section.privilege .privilege-header{
	padding:20px;
	margin-bottom:35px;
	border-radius:5px 5px 0 0;
	padding-left:60px;
	background-color:#353535;
}
section.privilege .privilege-title{
	font-size:1.4em;
	color:#FFF;
}
section.privilege .privilege-content{
	padding:40px;
}
@media screen and (max-width: 480px){
	section.privilege .privilege-content{
		padding:30px 20px;
	}
}


section.item .service-title{
	font-weight:normal;
	color:#353535;
	font-size:1.3em;
	line-height:1.7;
	margin-bottom:1em;
}
@media screen and (max-width: 480px){
	section.item .service-title{
		font-size:1.2em;
	}
}









/*--------------------------------------------------------------
. Bullet List
--------------------------------------------------------------*/

.bullet-list{
	width:100%;
	max-width:700px;
	margin:0 auto 30px;
	list-style-type:none;
	padding:20px 0;
}

.bullet-list li{
	min-height:30px;
	font-size:1.4rem;
	margin-bottom:1em;
	padding-left:2.4em;
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url(admin/images/list-marker-orange.svg);
}

@media screen and (max-width: 480px){
	.bullet-list li{
		font-size:1.1rem !important;
		background-size:24px 24px !important;
		padding-left:2em !important;
	}
}

/*--------------------------------------------------------------
. Summary Bullet List
--------------------------------------------------------------*/

.summary-bullet-list{
	width:100%;
	max-width:700px;
	margin:0 auto 30px;
	list-style-type:none;
	padding:20px 0;
}

.summary-bullet-list li{
	min-height:25px;
	font-size:1.4rem;
	margin-bottom:20px;
	padding-left:2.1em;
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url('data:image/svg+xml;utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"	 x="0px" y="0px" width="72px" height="84.9px" viewBox="0 0 72 84.9" style="enable-background:new 0 0 72 84.9;" xml:space="preserve"><g><polygon style="fill:none;stroke:#231F20;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="2.2,1 1.6,42.5 71,43.5 "/><polygon style="fill:#231F20;stroke:#231F20;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="71,43.5 1.6,42.5 1,83.9"/></g></svg>');
}





/*--------------------------------------------------------------
. Bullet List Check
--------------------------------------------------------------*/

.bullet-list-check{
	width:100%;
	max-width:700px;
	margin:0 auto 30px;
	list-style-type:none;
	padding:20px 0;
}

.bullet-list-check li{
	min-height:30px;
	font-size:1.2rem;
	margin-bottom:2em;
	padding-left:2.4em;
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url('data:image/svg+xml;utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="50px" height="60px" viewBox="0 0 60 50" style="enable-background:new 0 0 20 20;" xml:space="preserve"><polygon style="fill:#E6272D;" points="11.5,17.4 0,27.9 26.3,50.9 61.7,0 24.9,29.4 "/></svg>');
}






/*--------------------------------------------------------------
. Bullet List Check
--------------------------------------------------------------*/

.bullet-list-check-green li{
	min-height:30px;
	font-size:1.2rem;
	margin-bottom:2em;
	padding-left:2.4em;
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url('data:image/svg+xml;utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve"><circle style="fill:#56C900;" cx="20" cy="20" r="20"/><path style="fill:#FFFFFF;" d="M10,16l-4.5,9.4c0,0,10.8,8.2,12.1,7.9c1.3-0.3,18.6-18.8,18.6-18.8l-6.4-7L17.9,23.3L10,16z"/></svg>');
}










/*--------------------------------------------------------------
. Bullet List Bomb
--------------------------------------------------------------*/


.bullet-list li-bomb{
	min-height:25px;
	font-size:1.4rem;
	margin-bottom:20px;
	padding-left:2.1em;
	background-size:auto 30px;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url('data:image/svg+xml;utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"	 x="0px" y="0px" width="35.8px" height="50px" viewBox="0 0 35.8 50" style="enable-background:new 0 0 35.8 50;"	 xml:space="preserve"><g><path style="fill-rule:evenodd;clip-rule:evenodd;" d="M25.8,20.4c0-0.1,0.3-0.6,0.5-1.1c-1.5-0.8-3-1.6-4.5-2.4c-1,1.7-1,1.7-2.3,1.4c-9.8-2.1-19,4.9-19.5,15		C-0.3,39.8,3.5,46,9.5,48.6c6.1,2.7,13.2,1.4,17.9-3.3c4.7-4.7,6.2-11.8,3.3-17.8C29.4,25,27.5,22.9,25.8,20.4z"/><path  style="fill-rule:evenodd;clip-rule:evenodd;" d="M33.2,2.1c0.1-0.4,0.3-0.7,0.5-1.2c-0.6,0.2-1,0.4-1.4,0.5C32.1,1,32,0.7,31.8,0c-0.3,0.7-0.4,1.1-0.6,1.4	c-0.5-0.2-0.8-0.3-1.7-0.6C30.8,2.2,30,2.5,28.8,3C31,2.8,30,3.9,29.9,5c1.2-1.3,1.5-0.5,1.7,0c0.5-0.2,1-0.6,1.4-0.5	c1.8,0.3,2.4,1.9,1.5,3.7c-0.9,1.7-2.4,2.6-4.3,3c-2.9,0.6-4.7,2.4-5.8,5c-0.2,0.4-0.1,0.9-0.1,1.3c0.2,0,0.3,0.1,0.5,0.1		c1.2-3.4,3.5-5.2,7-6c2.3-0.5,3.8-2.3,4.2-4.8C36,5.5,34.5,2.9,33.2,2.1z"/></g></svg>');
}






/*--------------------------------------------------------------
.Ordered List
--------------------------------------------------------------*/

.ordered-list{
	width:100%;
	max-width:700px;
	margin:0 auto 30px;
	padding:20px 0;
	padding-left:2em;
}

.ordered-list li{
	min-height:30px;
	font-size:1.2rem;
	margin-bottom:2em;
	padding-left:0.3em;
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:top left;
}




/*--------------------------------------------------------------
.Contents List
--------------------------------------------------------------*/

.contents-list{
	width:100%;
	max-width:700px;
	margin:0 auto 30px;
	padding:20px 0;
	padding-left:2em;
}

.contents-list li{
	min-height:20px;
	font-size:1rem;
	margin-bottom:0.5em;
}



/*--------------------------------------------------------------
.Pricing Table
--------------------------------------------------------------*/


.pricing-table{
	width:100%;
	border-collapse:collapse;
	background-color:#FFF;
}
.pricing-table th,
.pricing-table td{
	border:solid 1px #000;
	padding:15px;	
}
.pricing-table th{
	background-color:#DADADA;
}
.pricing-table td:first-child{
	width:50%;
}
.pricing-table td:nth-child(2){
	width:30%;
	text-align:right;
}
.pricing-table td:nth-child(3){
	width:20%;
	text-align:right;
}
@media screen and (max-width: 480px){
	.pricing-table th,
	.pricing-table td{
		padding:15px 8px;
		font-size:11px;
	}
}





/*--------------------------------------------------------------
.Offer Table
--------------------------------------------------------------*/


.offer-table{
	width:100%;
	border-collapse:collapse;
	background-color:#FFF;
}
.offer-table th,
.offer-table td{
	border:solid 1px #000;
	padding:15px;	
}
.offer-table th{
	background-color:#DADADA;
}
.offer-table td:first-child{
	width:50%;
}
.offer-table td:nth-child(2){
	width:20%;
	text-align:right;
}
.offer-table td:nth-child(3){
	width:30%;
	text-align:right;
}
@media screen and (max-width: 480px){
	.offer-table th,
	.offer-table td{
		padding:15px 8px;
		font-size:11px;
	}
}









/*--------------------------------------------------------------
. Item
--------------------------------------------------------------*/

.item{
	border:solid 1px #DADADA;
	background-color:#FFF;
	border-radius:5px;
	margin:0 auto 30px;
}
.item .item-header{
	padding:20px;
	margin-bottom:20px;
	border-radius:5px 5px 0 0;
	padding-left:60px;
	background-color:#353535;	
}
.item .item-title{
	font-size:1.4em;
	color:#FFF;
}
.item .item-content{
	padding:40px;
}
@media screen and (max-width: 480px){
	.item .item-content{
		padding:30px 20px;
	}
}




/*--------------------------------------------------------------
. Bonus
--------------------------------------------------------------*/

.bonus{
	border:solid 1px #DADADA;
	background-color:#FFF;
	border-radius:5px;
	margin:0 auto 30px;
}
.bonus .bonus-header{
	padding:20px;
	margin-bottom:20px;
	border-radius:5px 5px 0 0;
	padding-left:60px;
	background-color:#353535;	
}
.bonus .bonus-title{
	font-size:1.4em;
	color:#FFF;
}
.bonus .bonus-content{
	padding:40px;
}
@media screen and (max-width: 480px){
	.bonus .bonus-content{
		padding:30px 20px;
	}
}









/*--------------------------------------------------------------
. Step
--------------------------------------------------------------*/


.step:first-child{
	counter-reset: step;
}
.step .step-title:before{
	counter-increment:step;
	content:"STEP"counter(step) ;
	padding:10px;
	border-radius:5px;
	background-color:#FFF;
	margin-right:15px;
	color:#0C5D90;
}
.step{
	border:solid 3px #0C5D90;
	background-color:#FFF;
	border-radius:5px;
	max-width:740px;
	margin:0 auto 30px;
}
.step-header{
	background-color:#0C5D90;
	padding:20px;
}
.step-title{
	color:#FFF;
}
.step-content{
	padding:35px 30px 20px;
}





/*--------------------------------------------------------------
. Table of Contents
--------------------------------------------------------------*/

.toc{
	max-width:800px;
	padding:20px 30px 40px;
	background-color:#FFF;
	border-radius:5px;
	margin:0 auto;
}
.toc li{
	width:100%;
	display:flex;
	justify-content:space-between;
	list-style-type:none;
	margin-bottom:0.6em;
	line-height:1.3;
	background-image: linear-gradient( to right, rgba(0,0,0,1) 0%, transparent 25%, transparent 75%, rgba(0,0,0,1) 100% );
	background-size: 4px 2px;
	background-repeat:repeat-x;
	background-position:left center;
	align-items: center;
	font-size:0.9rem;
}
.toc li b{
	max-width:80%;
	background-color:#FFF;
	padding-right:5px;
	font-weight:normal;
}
.toc li em{
	text-align:right;
	background-color:#FFF;
	padding-left:5px;
}
@media screen and (max-width: 768px) {
	.toc li{
		font-size:12px;
	}
}
@media screen and (max-width: 480px) {
	.toc{
		padding:20px 10px 30px;
	}
}





/*--------------------------------------------------------------
. Playlist
--------------------------------------------------------------*/

.playlist-title{
	font-size:1rem;
	font-weight:bold;
	color:#434343;
	margin-bottom:1.2em;
}
@media screen and (max-width: 480px){
	.playlist-title{
		font-size:1.5em;
	}
}



.playlist{
	list-style-type:none;
}

.playlist li{
	font-size:0.9rem;
	margin-bottom:0.2em;
	padding-left:1.4em;
	background-size:1em;
	background-repeat:no-repeat;
	background-position:10px left;
	background-image:url('data:image/svg+xml;utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="34.6px" height="40px" viewBox="0 0 34.6 40" style="enable-background:new 0 0 34.6 40;" xml:space="preserve"><polygon style="fill:#FBB03B;" points="34.6,20 0,40 0,0 "/></svg>');
}




/*--------------------------------------------------------------
. Table
--------------------------------------------------------------*/

.table{
	border-collapse:collapse;
	margin-bottom:30px;
	width:100%;	
}
.table th, .table td{
	border:solid 1px #656565;
	padding:20px;
}
.table th{
	background-color:#F6F6F6;
}

.table td:nth-child(2n){
	text-align:right;
}
@media screen and (max-width: 480px){
	.table{
		
	}
}



/*--------------------------------------------------------------
. Speech Balloon
--------------------------------------------------------------*/


.speech-balloon{
	width:100%;
	max-width:700px;
	position:relative;
	padding:50px 40px 20px;
	background-color:#F9F9F9;
	color:#454545;
	border-radius:10px;
	font-size:1.1rem;
	font-weight:bold;
	margin:0 auto 70px  !important;
}
.speech-balloon:after{
	content:"";
	position:absolute;
	display:block;
	width:60px;
	height:40px;
	background:url(admin/images/needle.svg) no-repeat;
	background-size:cover;
	bottom:-40px;
	left:0;
}
@media screen and (max-width: 480px){
	.speech-balloon{
		padding:40px 20px 10px;
	}
}

.impressions{
	font-size:0.8rem;
	color:#656565;
	text-align:right !important
}



/*--------------------------------------------------------------
. Product Table
--------------------------------------------------------------*/

.product-table{
	display:flex;
	justify-content:space-between;
	background-color:#FFF;
}
.product-table > div{
}
.product-table .product-header{
	padding:10px;
	background-color:#353535;
}
.product-table .product-content{
	padding:20px 10px;
}
.product-table .product-content p{
	font-size:13px;
	line-height:1.7;
	color:#656565;
	margin-bottom:1em;
}
.product-image{
	border-radius:5px 0 0 5px;
	width:30%;
	overflow:hidden;
	border-top:solid 1px #D0D0D0;
	border-bottom:solid 1px #D0D0D0;
	border-left:solid 1px #D0D0D0;
}
.product-detail{
	width:40%;
	border:solid 1px #D0D0D0;
}
.product-price{
	border-radius:0 5px 5px 0;
	width:30%;
	overflow:hidden;
	border-top:solid 1px #D0D0D0;
	border-bottom:solid 1px #D0D0D0;
	border-right:solid 1px #D0D0D0;
}
.product-image-content{
	width:100%;
	height:85%;
	display:flex;	
	padding:10px;
	align-items:center;
	justify-content:space-between;
}
.product-image-content img{
	display:block;
	width:100%;
	margin:0 auto;
}
.product-table .product-detail-content{
	padding:20px;
}
.product-detail-title,
.product-image-title,
.product-price-title{
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	text-align:center;
}
.product-price-content{
	width:100%;
	height:95%;
	display:flex;	
	padding:10px;
	align-items:center;
	justify-content:space-between;
}
.price-container{
	width:100%;
	margin:0 auto;
}
.price-container .price{
	text-align:center;
	font-size:16px;
	color:#656565;
}
.price-container .price .tax{
	font-size:10px;
	color:#858585;
}

@media screen and (max-width: 768px){
	.product-table{
		display:block;
	}
	.product-image{
		width:100%;
		margin-bottom:20px;
		border-radius:5px;
		border:solid 1px #D0D0D0;
	}
	.product-detail{
		width:100%;
		margin-bottom:20px;
		border-radius:5px;
		border:solid 1px #D0D0D0;
	}
	.product-price{
		width:100%;
		margin-bottom:20px;
		border-radius:5px;
		border:solid 1px #D0D0D0;
	}
}




/*--------------------------------------------------------------
. Topic Path
--------------------------------------------------------------*/

.topic-path{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	list-style-type:none;
}
.topic-path li{
	font-size:10px;
}
.topic-path li + li:before{
	margin: 0 3px;
	content: "｜";
	color:#FFF;
}
.topic-path li a{
	color:#FFF;
	text-decoration:none;
	transition:0.3s ease-in-out;
}
.topic-path li a:hover{
	color:#FFA820;
}