@charset "utf-8";

/*--------------------------------------------------------------
/template/
--------------------------------------------------------------*/
html { height: 100%;font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-size: 62.5%;}
p {margin:0;}
#mainBg { position: fixed; background: url(../img/bg.jpg); background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%;z-index: -1; background-position: center bottom;}
#wrapper { background: #fff; color: #000; width: 100%; height: 100%; max-width: 645px; margin: 0 auto; overflow: hidden;}

@media screen and (min-width: 646px) {
#wrapper {box-shadow: 6px 0px 5px -5px #b4b4b4, -6px 0px 5px -5px #b4b4b4;}
}

#wrapper img { display:block; width: 100%; vertical-align: bottom; image-rendering: -webkit-optimize-contrast;}
body { margin: 0;}
h1 { margin: 0;}
.pc { display: block!important;}
.sp { display: none!important;}
.putArea { position: relative;}
.put { position: absolute;}
.put img { width: 100%;}
.fuwa1 { animation: fuwafuwa1 4s infinite;}
.fuwa2 { animation: fuwafuwa2 4s infinite;}
#footer { background: #eaeaea; padding: 10px; text-align: center;}
a[href*="tel:"]{ pointer-events: none;}

@media only screen and (max-width: 645px) {
h1 {margin: 0;}
.pc { display: none!important;}
.sp { display: block!important;}
a[href*="tel:"]{ pointer-events: auto;}
}

@-webkit-keyframes shiny-btn {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@keyframes fuwafuwa1 {
	0% { transform: translateY(0px);}
	50% { transform: translateY(-15px);}
	100% { transform: translateY(0px);}
}
@keyframes fuwafuwa2 {
	0% { transform: translateY(-15px);}
	50% { transform: translateY(0px);}
	100% { transform: translateY(-15px);}
}

/* 特定商取引法 位置は適宜調節
-------------------------------------------------------------- */
#tokushou {
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 13px;
}

/*==================================
	floatingBarBlock
==================================*/
.floatingBarBlock { display: none; position: fixed; bottom: 0;left: 0; right: 0; margin: auto; z-index: 700; width: 100%; max-width: 645px;}
.floatingBarBlock a { position: absolute; z-index: 100; bottom: 0; left: 0; width: 100%; height: 100%;}
.floatingBarBlock .put { width: 20.8%; position: absolute; bottom: -4%; left: 0; z-index: 10;}
.floatingBarBlock .btnArea { width: 94.4%; left: 2.5%; top: 5%; display: inline-block; position: relative; overflow: hidden; z-index: 1; border-radius: 12vw; line-height: 0;}
.floatingBarBlock .btnArea .btn { display: inline-block; position: relative; text-decoration: none; overflow: hidden;}
.floatingBarBlock .btnArea .btn:before { position: absolute; content: ''; display: inline-block; top: -180px; left: 0; width: 30px; height: 100%; background-color: #fff; animation: shiny-btn 3s ease-in-out infinite;}
.floatingBarBlock .btnArea .btn img { width: 100%;}
@media screen and (min-width: 646px) {
.floatingBarBlock .btnArea { border-radius: 70px;}
}

/*==================================
	fvBlock
==================================*/
#fvBlock .fv01 .put01 { width: 10%; right: 14%; top: 36%; margin: 0 auto; overflow: visible; opacity: 0; z-index: 1;}
#fvBlock .fv01 .put02 { width: 10%; right: 8.4%; top: 50%; margin: 0 auto; overflow: visible; opacity: 0;}
#fvBlock .fv01 .put03 { width: 10%; left: 14.5%; bottom: 22%; margin: 0 auto; overflow: visible; opacity: 0;}
/* pattern_fv01 */
#fvBlock .pattern_fv01 .put01 { width: 10%; left: 11%; top: 55%; margin: 0 auto; overflow: visible; opacity: 0; z-index: 1;}
#fvBlock .pattern_fv01 .put02 { width: 10%; left: 20.4%; top: 42%; margin: 0 auto; overflow: visible; opacity: 0;}
#fvBlock .pattern_fv01 .put03 { width: 10%; right: 14.5%; bottom: 22%; margin: 0 auto; overflow: visible; opacity: 0;}

/*==================================
	cvBlock
==================================*/
#cv01.cvBlock .btnarea { position: relative; background: url("../img/fvcv_bg.jpg") top center no-repeat; background-size: 100% auto;}
#cv02.cvBlock .btnarea { position: relative; background: url("../img/ftcv_bg.jpg") top center no-repeat; background-size: 100% auto;}
.cvBlock .btnarea .cv_btn { width: 95.73%; position: absolute; left: 2.2%; top: 0; border-radius: 12vw; overflow: hidden; z-index: 10;}
.cvBlock .btnarea .cv_btn .btn { display: block; position: relative; transition: 0.2s; line-height: 0;}
.cvBlock .btnarea .cv_btn .btn:hover { text-decoration: none; color: #fff; box-shadow: none; -webkit-transform: translateY(3px);}

.cvBlock .member_btn { width: 68%; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
.cvBlock .btnarea .cv_btn input,
.cvBlock .member_btn input { width: 100%;}

.cvBlock .btnarea .cv_btn .btn .linkSubmitNew { height: 22.8vw; background: url("../img/cv_btn01.png") no-repeat; background-size: 100% auto;text-indent: -9999px; cursor: pointer; border: none; padding: 0;}
.cvBlock .btnarea .member_btn .linkSubmitMember { height: 12vw; background: url("../img/cv_btn02.png") no-repeat; background-size: 100% auto;text-indent: -9999px; cursor: pointer; border: none; padding: 0;}

#cv01.cvBlock .btnarea .cv_btn .btn:before { position: absolute; content: ''; display: inline-block; top: -180px; left: 0; width: 30px; height: 100%; background-color: #fff; animation: shiny-btn 3s ease-in-out infinite;}
#cv02.cvBlock .btnarea .cv_btn .btn:before { position: absolute; content: ''; display: inline-block; top: -180px; left: 0; width: 30px; height: 100%; background-color: #fff; animation: shiny-btn 3s ease-in-out infinite;}

@media screen and (min-width: 646px) {
.cvBlock .btnarea .cv_btn { border-radius: 130px;}
.cvBlock .btnarea .cv_btn .btn .linkSubmitNew { height: 146px;}
.cvBlock .btnarea .member_btn .linkSubmitMember { height: 78px;}
}

/* multiバージョン */
#cv02 .multi_ftcv06 .btn01 { top: 0; left: 4.66%; width: 45.33%;}
#cv02 .multi_ftcv06 .btn02 { top: 0; right: 4.66%; width: 45.33%;}
#cv02 .multi_ftcv06 .btn03 { top: 37%; left: 4.66%; width: 45.33%;}
#cv02 .multi_ftcv06 .btn04 { top: 37%; right: 4.66%; width: 45.33%;}
#cv02 .multi_ftcv08 .btn { top: 0; left: 0; right: 0; margin: auto; width: 90.66%;}

/*==================================
	firstBlock
==================================*/
#firstBlock .first01 .put01 { top: 29%; right: 0; width: 44%;}
#firstBlock .first01 .put02 { top: 42%; left: 4%; width: 67.46%; z-index: 1;}
#firstBlock .first01 .put03 { bottom: -1%; width: 79.73%; left: 0; right: 0; margin: auto; z-index: 10;}
#firstBlock .first01 .screen { top: 8%; left: 0; right: 0; margin: auto; z-index: 5; mix-blend-mode: screen;}
#firstBlock .first03 .put01 { top: 0%; left: 0; width: 52.13%; overflow: visible;}
#firstBlock .first03 .put01 img { margin-left: -100%;}
#firstBlock .first03 .put02 { top: 0%; right: 0; width: 52%; overflow: visible;}
#firstBlock .first03 .put02 img { margin-left: 100%;}


/*==================================
	nutritionBlock
==================================*/
#nutritionBlock .nutrition02 .put { z-index: 1;}
#nutritionBlock .nutrition02 .line { position: absolute;}
#nutritionBlock .nutrition02 .line span { width: 0%; overflow: hidden;}
#nutritionBlock .nutrition02 .line01 { width: 27.86%; top: 13%; left: 62.5%;}
#nutritionBlock .nutrition02 .line01 span { background: url("../img/nutrition02_line01.png") no-repeat left top; background-size: auto 100%; padding-top: 7.17%;}
#nutritionBlock .nutrition02 .line02 { width: 81.33%; top: 25%; left: 9.5%;}
#nutritionBlock .nutrition02 .line02 span { background: url("../img/nutrition02_line02.png") no-repeat left top; background-size: auto 100%; padding-top: 2.45%;}
#nutritionBlock .nutrition02 .line03 { width: 41.73%; top: 37.5%; left: 9.5%;}
#nutritionBlock .nutrition02 .line03 span { background: url("../img/nutrition02_line03.png") no-repeat left top; background-size: auto 100%; padding-top: 4.79%;}
#nutritionBlock .nutrition02 .line04 { width: 64.53%; top: 63%; left: 26.5%;}
#nutritionBlock .nutrition02 .line04 span { background: url("../img/nutrition02_line04.png") no-repeat left top; background-size: auto 100%; padding-top: 3.09%;}
#nutritionBlock .nutrition02 .line05 { width: 19.06%; top: 76%; left: 9.5%;}
#nutritionBlock .nutrition02 .line05 span { background: url("../img/nutrition02_line05.png") no-repeat left top; background-size: auto 100%; padding-top: 10.48%;}
#nutritionBlock .nutrition03 .line { width: 76.8%; top: 73%; left: 0; right: 0; margin: auto; position: absolute;}
#nutritionBlock .nutrition03 .line span { width: 0%; overflow: hidden; background: url("../img/nutrition03_line.png") no-repeat left top; background-size: auto 100%; padding-top: 0.2%;}
#nutritionBlock .nutritionSliderArea { position: absolute; top: 0; width: 100%;}
#nutritionBlock #nutritionSlider .sp-arrows .sp-previous-arrow { left: 1.33vw; margin-top: -8vw;}
#nutritionBlock #nutritionSlider .sp-arrows .sp-previous-arrow:before { content: ""; background: url("../img/arr_left.png") no-repeat; background-size: contain; width: 6.8vw; height: 23vw; display: block;}
#nutritionBlock #nutritionSlider .sp-arrows .sp-next-arrow { right: 1.33vw; margin-top: -8vw;}
#nutritionBlock #nutritionSlider .sp-arrows .sp-next-arrow:before { content: ""; background: url("../img/arr_right.png") no-repeat; background-size: contain; width: 6.8vw; height: 23vw; display: block;}
#nutritionBlock #nutritionSlider .sp-buttons { padding-top: 15px;}
#nutritionBlock #nutritionSlider .sp-selected-button { background-color: #548773;}
#nutritionBlock #nutritionSlider .sp-button { width: 15px; height: 15px; border: 1px solid #548773; margin: 0 10px;}
@media screen and (min-width: 646px) {
#nutritionBlock #nutritionSlider .sp-arrows .sp-previous-arrow { left: 10px; margin-top: -70px;}
#nutritionBlock #nutritionSlider .sp-arrows .sp-next-arrow { right: 10px; margin-top: -70px;}
#nutritionBlock #nutritionSlider .sp-arrows .sp-previous-arrow:before,
#nutritionBlock #nutritionSlider .sp-arrows .sp-next-arrow:before { width: 51px; height: 173px;}
#nutritionBlock #nutritionSlider .sp-buttons { padding-top: 30px;}
#nutritionBlock #nutritionSlider .sp-button { width: 18px; height: 18px;}
}
/*==================================
	beautyBlock
==================================*/
#beautyBlock .beauty01 { position: relative; overflow: hidden;}
#beautyBlock .beauty01 h1 { position: relative; z-index: 1;}
#beautyBlock .beauty01 .bg { position: absolute; top: 0;}
#beautyBlock .beauty01 .bg img { width: 100%;}

#beautyBlock .beauty02 .put { z-index: 1;}
#beautyBlock .beauty02 .line { position: absolute;}
#beautyBlock .beauty02 .line span { width: 0%; overflow: hidden;}
#beautyBlock .beauty02 .line01 { width: 10.66%; top: 7%; left: 80%;}
#beautyBlock .beauty02 .line01 span { background: url("../img/beauty02_line01.png") no-repeat left top; background-size: auto 100%; padding-top: 18.75%;}
#beautyBlock .beauty02 .line02 { width: 37.33%; top: 23%; left: 9.5%;}
#beautyBlock .beauty02 .line02 span { background: url("../img/beauty02_line02.png") no-repeat left top; background-size: auto 100%; padding-top: 5.35%;}
#beautyBlock .beauty03 .line { width: 44.66%; top: 73%; left: 0; right: 0; margin: auto; position: absolute;}
#beautyBlock .beauty03 .line span { width: 0%; overflow: hidden; background: url("../img/beauty03_line.png") no-repeat left top; background-size: auto 100%; padding-top: 0.5%;}
#beautyBlock .beauty05 .put { z-index: 1;}
#beautyBlock .beauty05 .line { position: absolute;}
#beautyBlock .beauty05 .line span { width: 0%; overflow: hidden;}
#beautyBlock .beauty05 .line01 { width: 24%; top: 31%; left: 62%;}
#beautyBlock .beauty05 .line01 span { background: url("../img/beauty05_line01.png") no-repeat left top; background-size: auto 100%; padding-top: 8.33%;}
#beautyBlock .beauty05 .line02 { width: 72.66%; top: 51%; left: 13.5%;}
#beautyBlock .beauty05 .line02 span { background: url("../img/beauty05_line02.png") no-repeat left top; background-size: auto 100%; padding-top: 2.75%;}
#beautyBlock .beauty05 .line03 { width: 51.33%; top: 71%; left: 13.5%;}
#beautyBlock .beauty05 .line03 span { background: url("../img/beauty05_line03.png") no-repeat left top; background-size: auto 100%; padding-top: 3.89%;}

/*==================================
	thereforeBlock
==================================*/
#thereforeBlock .therefore01 .put01 { top: 48%; left: 0; width: 52.13%; overflow: visible;}
#thereforeBlock .therefore01 .put01 img { margin-left: -100%;}
#thereforeBlock .therefore01 .put02 { top: 48%; right: 0; width: 52%; overflow: visible;}
#thereforeBlock .therefore01 .put02 img { margin-left: 100%;}
#thereforeBlock .therefore02 .put01 { width: 10%; left: 20.5%; top: 45%; margin: 0 auto; overflow: visible; opacity: 0;}

/*==================================
	commitBlock
==================================*/
#commitBlock .commit03 .put { z-index: 1;}
#commitBlock .commit03 .line { position: absolute;}
#commitBlock .commit03 .line span { width: 0%; overflow: hidden;}
#commitBlock .commit03 .line01 { width: 41.86%; top: 18%; left: 42%;}
#commitBlock .commit03 .line01 span { background: url("../img/commit03_line01.png") no-repeat left top; background-size: auto 100%; padding-top: 4.77%;}
#commitBlock .commit03 .line02 { width: 67.2%; top: 28.5%; left: 16.5%;}
#commitBlock .commit03 .line02 span { background: url("../img/commit03_line02.png") no-repeat left top; background-size: auto 100%; padding-top: 2.97%;}
#commitBlock .commit03 .line03 { width: 23.46%; top: 39.5%; left: 16.5%;}
#commitBlock .commit03 .line03 span { background: url("../img/commit03_line03.png") no-repeat left top; background-size: auto 100%; padding-top: 8.52%;}
#commitBlock .commit03 .line04 { width: 8%; top: 73%; left: 76%;}
#commitBlock .commit03 .line04 span { background: url("../img/commit03_line04.png") no-repeat left top; background-size: auto 100%; padding-top: 25%;}
#commitBlock .commit03 .line05 { width: 64.4%; top: 84.5%; left: 16.5%;}
#commitBlock .commit03 .line05 span { background: url("../img/commit03_line05.png") no-repeat left top; background-size: auto 100%; padding-top: 3.1%;}
#commitBlock .commit06 .put { z-index: 1;}
#commitBlock .commit06 .line { position: absolute;}
#commitBlock .commit06 .line span { width: 0%; overflow: hidden;}
#commitBlock .commit06 .line01 { width: 57.6%; top: 34.5%; left: 26.5%;}
#commitBlock .commit06 .line01 span { background: url("../img/commit06_line01.png") no-repeat left top; background-size: auto 100%; padding-top: 3.47%;}
#commitBlock .commit06 .line02 { width: 68%; top: 44.5%; left: 16.5%;}
#commitBlock .commit06 .line02 span { background: url("../img/commit06_line02.png") no-repeat left top; background-size: auto 100%; padding-top: 2.94%;}
#commitBlock .commit06 .line03 { width: 68%; top: 55%; left: 16.5%;}
#commitBlock .commit06 .line03 span { background: url("../img/commit06_line03.png") no-repeat left top; background-size: auto 100%; padding-top: 2.94%;}
#commitBlock .commit06 .line04 { width: 68%; top: 66%; left: 16.5%;}
#commitBlock .commit06 .line04 span { background: url("../img/commit06_line04.png") no-repeat left top; background-size: auto 100%; padding-top: 2.94%;}
#commitBlock .commit06 .line05 { width: 12.26%; top: 76.5%; left: 16.5%;}
#commitBlock .commit06 .line05 span { background: url("../img/commit06_line05.png") no-repeat left top; background-size: auto 100%; padding-top: 16.3%;}
#commitBlock .commit08 .put { z-index: 1;}
#commitBlock .commit08 .line { position: absolute;}
#commitBlock .commit08 .line span { width: 0%; overflow: hidden;}
#commitBlock .commit08 .line01 { width: 40%; top: 58%; left: 44%;}
#commitBlock .commit08 .line01 span { background: url("../img/commit08_line01.png") no-repeat left top; background-size: auto 100%; padding-top: 5%;}
#commitBlock .commit08 .line02 { width: 68%; top: 74%; left: 16.5%;}
#commitBlock .commit08 .line02 span { background: url("../img/commit08_line02.png") no-repeat left top; background-size: auto 100%; padding-top: 2.94%;}
#commitBlock .commit08 .line03 { width: 8.26%; top: 90%; left: 16.5%;}
#commitBlock .commit08 .line03 span { background: url("../img/commit08_line03.png") no-repeat left top; background-size: auto 100%; padding-top: 24.19%;}
#commitBlock .commit10 .put { z-index: 1;}
#commitBlock .commit10 .line { position: absolute;}
#commitBlock .commit10 .line span { width: 0%; overflow: hidden;}
#commitBlock .commit10 .line01 { width: 22.8%; top: 59%; left: 61%;}
#commitBlock .commit10 .line01 span { background: url("../img/commit10_line01.png") no-repeat left top; background-size: auto 100%; padding-top: 8.77%;}
#commitBlock .commit10 .line02 { width: 68%; top: 74%; left: 16.5%;}
#commitBlock .commit10 .line02 span { background: url("../img/commit10_line02.png") no-repeat left top; background-size: auto 100%; padding-top: 2.94%;}
#commitBlock .commit10 .line03 { width: 46.8%; top: 90%; left: 16.5%;}
#commitBlock .commit10 .line03 span { background: url("../img/commit10_line03.png") no-repeat left top; background-size: auto 100%; padding-top: 4.27%;}

#commitBlock .commit09 { text-align: center;}
#commitBlock .commit09 .ph { top: 0; top: 5%; width: 89.33%; left: 0; right: 0; margin: auto;}
@media screen and (min-width: 646px) {
#commitBlock .commit09 .ph { top: 25px;}
}

/*==================================
	qualityBlock
==================================*/

/*==================================
	electedBlock
==================================*/

/*==================================
	voiceBlock
==================================*/
#voiceBlock .voiceSliderArea { position: absolute; top: 0; width: 100%;}
#voiceBlock #voiceSlider .sp-arrows .sp-previous-arrow { left: 1.33vw; margin-top: -8vw;}
#voiceBlock #voiceSlider .sp-arrows .sp-previous-arrow:before { content: ""; background: url("../img/arr_left.png") no-repeat; background-size: contain; width: 6.8vw; height: 23vw; display: block;}
#voiceBlock #voiceSlider .sp-arrows .sp-next-arrow { right: 1.33vw; margin-top: -8vw;}
#voiceBlock #voiceSlider .sp-arrows .sp-next-arrow:before { content: ""; background: url("../img/arr_right.png") no-repeat; background-size: contain; width: 6.8vw; height: 23vw; display: block;}
#voiceBlock #voiceSlider .sp-buttons { padding-top: 15px;}
#voiceBlock #voiceSlider .sp-selected-button { background-color: #548773;}
#voiceBlock #voiceSlider .sp-button { width: 15px; height: 15px; border: 1px solid #548773; margin: 0 10px;}
@media screen and (min-width: 646px) {
#voiceBlock #voiceSlider .sp-arrows .sp-previous-arrow { left: 10px; margin-top: -70px;}
#voiceBlock #voiceSlider .sp-arrows .sp-next-arrow { right: 10px; margin-top: -70px;}
#voiceBlock #voiceSlider .sp-arrows .sp-previous-arrow:before,
#voiceBlock #voiceSlider .sp-arrows .sp-next-arrow:before { width: 51px; height: 173px;}
#voiceBlock #voiceSlider .sp-buttons { padding-top: 30px;}
#voiceBlock #voiceSlider .sp-button { width: 18px; height: 18px;}
}

/*==================================
	howtoBlock
==================================*/

/*==================================
	plusBlock
==================================*/
#plusBlock .morning,
#plusBlock .night { display: none;}
#plusBlock.show_morning .morning,
#plusBlock.show_night .night { display: block;}
#plusBlock .plus02 .put01 { bottom: 30.5%; right: 7%; width: 73.6%;}
#plusBlock .plus02 .put02 { bottom: 13%; left: 4%; width: 43.46%; z-index: 1;}
#plusBlock .plus02 .put03 { bottom: 3%; right: 10%; width: 36.66%;}
#plusBlock .plus02 .screen { top: 8%; left: 0; right: 0; margin: auto; z-index: 10; mix-blend-mode: screen;}

/*==================================
	serviceBlock
==================================*/
#serviceBlock .service02 .put { width: 53.86%; top: 25%; left: 26%; z-index: 1;}
#serviceBlock .service02 .line { width: 53.86%; top: 33%; left: 26%; position: absolute;}
#serviceBlock .service02 .line span { width: 0%; overflow: hidden; background: url("../img/service02_line.png") no-repeat left top; background-size: auto 100%; padding-top: 7.6%;}
#serviceBlock .service03 .put { width: 45.2%; top: 19%; left: 26.6%; z-index: 1;}
#serviceBlock .service03 .line { width: 23.86%; top: 30%; left: 26%; position: absolute;}
#serviceBlock .service03 .line span { width: 0%; overflow: hidden; background: url("../img/service03_line.png") no-repeat left top; background-size: auto 100%; padding-top: 14.6%;}
#serviceBlock .service04 .put { width: 56.8%; top: 16%; left: 26%; z-index: 1;}
#serviceBlock .service04 .line { width: 24%; top: 25%; left: 59%; position: absolute;}
#serviceBlock .service04 .line span { width: 0%; overflow: hidden; background: url("../img/service04_line.png") no-repeat left top; background-size: auto 100%; padding-top: 15%;}
#serviceBlock .service05 .put { width: 61.06%; top: 12.8%; left: 26%; z-index: 1;}
#serviceBlock .service05 .line { width: 40%; top: 19.5%; left: 26%; position: absolute;}
#serviceBlock .service05 .line span { width: 0%; overflow: hidden; background: url("../img/service05_line.png") no-repeat left top; background-size: auto 100%; padding-top: 10%;}
/* multiバージョン */
#serviceBlock .multi_service04 .put { width: 56.8%; top: 13%; left: 26%; z-index: 1;}
#serviceBlock .multi_service04 .line { width: 24%; top: 20.5%; left: 59%; position: absolute;}
#serviceBlock .multi_service04 .line span { width: 0%; overflow: hidden; background: url("../img/service04_line.png") no-repeat left top; background-size: auto 100%; padding-top: 15%;}

/*==================================
	faqBlock
==================================*/

/*==================================
	guideBlock
==================================*/
#guideBlock { text-align: center; font-size: 3.74vw;}
#guideBlock p { margin-bottom: 4%;}
#guideBlock a { text-decoration: none; color: #333333;}
@media screen and (min-width: 646px) {
#guideBlock { font-size: 2.8rem;}
}

/*==================================
	seibunBlock
==================================*/
#seibunBlock { margin: 12% 0 10% 0; padding: 0 6.66%;}
#seibunBlock h1 { text-align: center; background: #548773; color: #fff; font-size: 4vw; padding:2.94vw 0; letter-spacing: 0.05em; border-radius: 3px 3px 0 0;}
#seibunBlock dl { width: calc(100% - 2px); display: flex; flex-wrap: wrap; border-right: solid 1px #d5d5d4; border-left: solid 1px #d5d5d4; margin: 0;}
#seibunBlock dl dt,
#seibunBlock dl dd { font-size: 3.2vw; text-align: left; border-bottom: solid 1px #d5d5d4; box-sizing: border-box; margin: 0;}
#seibunBlock dl dt { width: 34%; padding: 5.34vw 0; background: #f2f4f4; font-weight: bold; text-align: center;}
#seibunBlock dl dt .fac { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
#seibunBlock dl dd { width: 66%; padding: 5.34vw; background: #fff;}
@media screen and (min-width: 646px) {
#seibunBlock h1 { font-size: 3rem; padding:22px 0; border-radius: 5px 5px 0 0;}
#seibunBlock dl dt,
#seibunBlock dl dd { font-size: 2.4rem;}
#seibunBlock dl dt { width: 34%; padding: 40px 0;}
#seibunBlock dl dd { padding: 40px;}
}