@charset "UTF-8";
/* CSS Document */
/* 共通（スマホ＆PC）設定 Start */
/* セレクタ設定 Start */
*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	max-width: 750px;
}
html
{
   margin: 0 auto;
   font-size: 62.5%;
}
body
{
    background: url("") no-repeat top/cover;
    background-attachment: fixed;
    font-family: campaign-serif, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, 游明朝体, "Yu Mincho", YuMincho, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #333333;
	line-height: 1.7;
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
}
main
{
	background-color: #fff;
}
/* セレクタ設定 End */

/* 共通カラー設定 Start */
.pink
{
	background-image: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
/*	color: #f72ca6;*/
}
/* 共通カラー設定 End */

/* 小タイトル設定 Start */
.sub_title
{
	font-family: 'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
	letter-spacing: 0.1rem;
	display: inline-block;
	font-weight: 100;
	font-size: 2rem;
}
/* 小タイトル設定 End */
p
{
	font-size: 1.5rem;
	text-align: justify;
}
/* header設定 Start */
header
{
    background: url("../images/header_back.jpg") 0 0 no-repeat;
}
.img-wrap
{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

/* ハンバーガーメニュー設定 Start */
#navigation
{
	max-width: 750px;
    width: 100%;
	position: fixed;
	top:0;
	left:0;
	z-index: 100;
	font-family: 'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
	font-weight: 200;
}
#menuToggle
{
  display: block;
  position: relative;
  top: 50px;
  left: 50px;
  z-index: 1;
  width: 87%;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


/* ハンバーガーメニュー設定 End */
/* header設定 End */
/* content1設定 Start */
#content1
{
	background-color: #f5d7dc;
	position: relative;
	overflow: hidden;
}
#content1 .txt_box
{
	text-align: center;
}

#content1 .txt_box p
{
	text-align: center;
}

#catch_copy
{
	position: absolute;
    top: 3%;
    left: 20%;
    width: 60%;
    transform: rotate(-5deg);
}
#flower
{
	position: absolute;
    bottom: 0px;
    right: -5%;
    width: 25%;
    transform: rotate(-5deg);
}
.txt_box
{
	width: 84%;
	margin: 0 auto;
	text-align: center;
}
.btn_area
{
	text-align: center;
	height: 15rem;
	padding: 5rem 0;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.btn_area p
{
	display: inline-block;
}
.btn_area .button-052 {
    display: flex;
    align-items: center;
    position: relative;
    width: 86%;
    margin: 1rem auto 5rem;
    padding: 1em;
    border: none;
    border-radius: 35px;
    background-image: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);
    font-weight: 300;
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
}

.btn_area .button-052 span:first-child {
    margin: 0 1em;
    padding: .2em 1em;
    border-radius: 15px;
    background-color: #fff;
    color: #ff7eb3;
    font-size: .8em;
}

.btn_area .button-052 span:last-child {
    color: #fff;
    font-size: 1em;
}

.btn_area .button-052::after {
    position: absolute;
    right: 1.5em;
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

.btn_area .button-052:hover {
    background-color: #ef6ea3;
}

#content2
{
	background: url("../images/.jpg") 0 0 no-repeat;
}
#content2 .book
{
	display: flex;
	justify-content: space-around;
}
#content2 .book img
{
	padding: 0 20px;
	min-width: 0;
}
#content2 .txt_box .contents_txt
{
	text-align: justify;
}
#content2 .txt_box ul li 
{
    font-size: 1.6rem;
    text-indent: -1.5rem;
    padding-left: 0.5rem;
    text-align: justify;
}
.subtxt_box
{
	background-color: #fff;
	border-radius: 25px;
	margin: 0 auto;
	box-shadow: 0 0 6px 0 
    rgba(0, 0, 0, 0.2);
}
.subtxt_box img
{
	width:100%;
}
.subtxt_box h2
{
	position: relative;
	text-align: center;
}
/*
.subtxt_box h2::before
{
	content: "";
	background-image: url("../images/icon-100.jpg");
	position: absolute;
}
*/
.subtxt_box li
{
	background-color: #f3d5da;
	border-radius: 25px;
	margin: 0 auto;
}
#content2 #problem_txt
{
	text-align: justify;
	width: 90%;
	margin: auto;
}
/* アコーディオン設定 Start */
.readmore
{
    position: relative;
    box-sizing: border-box;
    /*以下お好み*/
    /* ボーダーを付ける場合 */
    padding: 10px;
	margin-bottom: 10px;
}
.readmore-content
{
    position: relative;
    overflow: hidden;
    /*以下お好み*/
    /*高さの初期値*/
    height: 100px;
	text-align: justify;
}
.readmore-content::before 
{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(247,223,227,0) 0%, rgba(247,223,227,0.5) 50%, rgba(247,223,227,0.5) 50%, #f7dfe3 100%);
    background: linear-gradient(top, rgba(247,223,227,0) 0%, rgba(247,223,227,0.5) 50%, rgba(247,223,227,0.5) 50%, #f7dfe3 100%);
}
/* 続きを読むボタン */
.readmore-label
{
    display: table;
    bottom: 8px;
    position: absolute;
    left: 50%;
	width: 200px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
    padding: 10px;
    background-color: #fff;
    border: solid 1px #ff7eb3;
    border-radius: 50px;
	text-align: center;
	background-image: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.readmore-label:before
{
    content: 'Read more';
}

.readmore-check
{
    display: none;
}
/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label
{
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
    /* display: none; */
}
.readmore-check:checked ~ .readmore-label:before
{
    content: 'close';
}
/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content
{
    height: auto;
}
/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before 
{
    display: none;
}
/* アコーディオン設定 End */

/* content3設定 Start */
#content3
{
	background: url("../images/sp_back.jpg") 0 0 no-repeat;
}
#content3 .txt_box .contents_txt
{
	text-align: justify;
}
h2 .threemonth
{
	display: inline-block;
	background-color: #444;
	border-radius: 25px;
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
    padding: 2px 0;
	width: 60%;
	margin-bottom: 5px;
}
#content3 #step
{
	width: 86%;
	margin: 0 auto;
}
#content3 #step li
{
	margin-bottom: 50px;
}
#content3 #step h4
{
	text-align: left;
	font-size: 2rem;
	padding: 10px 0;
}
#content3 #step img
{
	display: block;
	width: 100%;
	margin-top: 20px;
	padding: 0px 20px;
}
#content3 #step ol
{
	font-size: 1.6rem;
}
#content3 #step ol li
{
	margin-bottom: 5px;
	text-indent: -2.5rem;
    padding-left: 2.5rem;
}
/* content3設定 End */

/* content4設定 Start */
#content4 .readmore-content
{
	width: 100%;
	margin-bottom: 3rem;
}
.content_wrapper
{
	width: 86%;
	margin: auto;
}
#content4 .content_wrapper
{
	width: 90%;
	margin: auto;
}
#content4 #ic_mika
{
	width: 40%;	
}
#content4 .readmore-content::before 
{
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.5) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.5) 50%, #fff 100%);
}
#content4 .readmore {
    padding: 10px 0 40px;
	margin-bottom: 10px;
}
.txt_box_pink
{
	background-color: rgb(243, 213, 218);
    border-radius: 25px;
	margin: auto;
	width: 650px;
	padding: 4rem;
	text-align: justify;
}
.txt_box_pink img
{
	width: 8%;
	vertical-align:text-bottom;
}
.txt_box_pink h4
{
	display: inline;
}
#content4 .content_wrapper .txt_box_pink .small_ttl
{
	text-align: center;
}
#license li
{
	font-size: 1.4rem;
}
#name
{
	font-size: 2rem;
}
#content4 .story {
    color:  #ff7eb3;
    font-weight: 300;
	font-size: 2rem;
    display: block;
    padding: 0px 1rem;
    margin: 2rem 0px 0.5rem;
	border-bottom: 1px solid #ff7eb3;
}
/* content4設定 End */

/* content5設定 Start */
#content5
{
	background-color: rgb(243, 213, 218);
	position: relative;
	text-align: center;
}
#content5 img
{
	width: 18%;
	position: absolute;
	top:10%;
	right: 5%;
	transform: rotate(-5deg);
}
#price_box
{
	background-color: #fff;
	border-radius: 50px;
	text-align: center;
	margin: auto;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 600;
}
#price_box p
{
	font-weight: 300;
	text-align: center;
}
/* よくあるご質問のアコーディオン　Start */
#content5 .AcordionMenu
{
    margin-left: auto;
    margin-right: auto;
    width: 65%;
}
#content5 .Menu-Item
{
    margin: 0 auto 5px;
	border-radius: 25px;
	padding-bottom: 1rem;
}

#content5 .Menu-Item-Label
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
	border: solid 1px rgb(255, 117, 140);
    cursor: pointer;
	position: relative;
}

#content5 .Menu-Item__Inner
{
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: all 0.5s;
	text-align: justify;
}

#content5 .Menu-Item-Content
{
    width: 87%;
    padding: 20px;
    line-height: 2;
    padding-left:1em;
	color: #222222;
	margin: 0 auto;
	line-height: 1.5;
	font-size: 1.5rem;
	text-align: justify;
}
#content5 .Menu-Item-Content th
{
	color: rgb(255, 126, 179);
    font-weight: 300;
    font-size: 1.5rem;
    display: block;
    margin: 2rem 0px 0.5rem;
    border-bottom: 1px solid rgb(255, 126, 179);
}
.Menu-Item-Content a
{
	text-decoration: underline;
}
/* よくあるご質問のアコーディオン　End */

/* アコーディオンの開閉トグル設定　Start */
#content5 .toggle
{
	display: none;
}
#content5 .Label
{
	display: block;
	text-align: center;
	letter-spacing: -0.4;
	font-size: 2rem;
    padding: 1rem 0;
	border-radius: 25px;
}
#content5 .Label::before
{
	content:"";
	width: 10px;
    height: 10px;
    border-top: 1.5px solid rgb(255, 126, 179);
    border-right: 1.5px solid rgb(255, 126, 179);
	transform: rotate(135deg);
	position: absolute;
	top:calc(45% - 3px);
    left: 93%;
}
#content5.Label,#content5.Content
{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
#content5 .toggle:checked + .Label + .content 
{
	height: auto;
	padding:20px ;
	transition: all .3s;
}
#content5 .toggle:checked + .Label::before 
{
	transform: rotate(-45deg) !important;
}
/* アコーディオンの開閉トグル設定　End */

#content5 small
{
	font-size:1.2rem;
	font-weight: 300;
	display: block;
    line-height: 1.4;
}
/* content5設定 End */

/* content6設定 Start */
#content6
{
	text-align: center;
}
#content6 .voice
{
	background-color: rgb(243, 213, 218);
	width: 86%;
	position: relative;
	margin: auto;
}
#content6 .voice .ic_voice
{
	position: absolute;
	top: -5%;
	left: 45%;
	width: 10%;
}
#content6 .voice h6
{
	font-size: 2rem;
	width:75%;
}
#content6 .voice p
{
	text-align: left;
}
#content6 .voice .name
{
	text-align: right;
}
#content6 .voice .txt_voice
{
	margin: auto;
	width: 73%;
	text-align: justify;
}
/* content6設定 End */

/* content7設定 Start */
#content7
{
	background: url(../images/sp_back.jpg) 0px 0px no-repeat;
	background-size: cover;
}
#content7 h2
{
	text-align: center;
	font-size: 2.5rem;
}
#content7 .book
{
	text-align: center;
}
#content7 .txt_box
{
	padding: 2rem 0 7rem;
}
#content7 img
{
	padding: 0px 20px;
}
#content7 p
{
	text-align: justify;
}
#content7 .txt_box ul li
{
	font-size: 1.6rem;
	text-indent: -1.5rem;
	padding-left: 0.5rem;
	text-align: justify;
}

/* content7設定 End */

/* よくあるご質問のアコーディオン　Start */
#content8 .AcordionMenu
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 800px;
}

#content8 .Menu
{
    width: 100%;
    background-color: #fff;
	padding-bottom: 2rem;
}

#content8 .Menu-Item
{
    margin: 0 auto 5px;
    width: 87%;
    background-color: #fff;
}

#content8 .Menu-Item-Label
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #515457;
	border: solid 1px rgb(255, 117, 140);
    cursor: pointer;
	position: relative;
}

#content8 .Menu-Item__Inner
{
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: all 0.5s;
	text-align: justify;
}

#content8 .Menu-Item-Content
{
    width: 87%;
    padding: 20px;
    background-color: #fff;
    line-height: 2;
    padding-left:1em;
	text-indent:-1em;
	color: #333333;
	margin: 0 auto;
	line-height: 1.5;
}

.Menu-Item-Content a
{
	text-decoration: underline;
}
/* よくあるご質問のアコーディオン　End */

/* アコーディオンの開閉トグル設定　Start */
#content8 .toggle
{
	display: none;
}
#content8 .Label
{
	display: block;
	color: #515457;
	text-align: justify;
	letter-spacing: -0.4;
}
#content8 .Label::before
{
	content:"";
	width: 10px;
    height: 10px;
    border-top: 1.5px solid rgb(255, 117, 140);
    border-right: 1.5px solid rgb(255, 117, 140);
	transform: rotate(135deg);
	position: absolute;
	top:calc(45% - 3px);
    left: 93%;
}
#content8.Label,#content8.Content
{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
#content8 .toggle:checked + .Label + .content 
{
	height: auto;
	padding:20px ;
	transition: all .3s;
}
#content8 .toggle:checked + .Label::before 
{
	transform: rotate(-45deg) !important;
}
/* アコーディオンの開閉トグル設定　End */

#content8 h2 
{
    text-align: center;
}
.bottom_btn{
	margin-bottom: 5rem;
}
@media screen and (max-width:949px)
{
 #all
{
	width: 100%;
	overflow: hidden;
}
img
{
	width: 100%;	
}
header
{
	background-size: cover;
}
.img-wrap
{
	padding: 9rem 0 18rem;
	width: 84%;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  right: 10%;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  margin-left: 82%;
  background: #cdcdcd;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #555555;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 220px;
  margin: -100px 0 0 145px;
  padding: 50px;
  padding-top: 125px;
  background: linear-gradient(rgba(255,117,140,0.8),rgba(255,126,179,0.8));
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(120%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 18px;
  color: #fff;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}

#menu .instagram_ic
{
	width: 5rem;
	height: 5rem;
	margin-top: 2rem ;
}
/* ハンバーガーメニュー設定　End */	
#content1
{
	background-size: contain;
	background-color: #f5d7dc;
	position: relative;
}
#content1 h2
{
	font-size: 2rem;
	padding-top: 6.5rem;
}
/* SP版全content共通 Start */
h2
{
	padding-top: 6rem;
	line-height: 1.2;
	margin-bottom: 4rem;
}
.sub_title
{
	letter-spacing: 0.1rem;
	font-size: 2rem;
	margin-bottom: 5px;
}
.txt_box img
{
	margin-bottom: 2rem;
}
/* SP版全content共通 End */
	
#content1 .txt_box p
{
	font-size: 1.6rem;
	padding-bottom: 4rem;
}
	
/* content2 Start */
#content2
{
	padding-bottom: 2rem;
}
#content2 h2
{
	font-size: 2.3rem;
}
#content2 .txt_box p
{
	font-size: 1.6rem;
	padding-bottom: 3.5rem;
}
.subtxt_box
{
	width: 86%;
	padding: 0 20px;
}
#content2 .subtxt_box .subtxt_box_ttl
{
	width: 28rem;	
	margin-bottom: 5px;
	font-size: 2rem;
}
/*
#content2 .subtxt_box .subtxt_box_ttl::before
{
	width: 2.8rem;
	height: 2.7rem;
	left: 1rem;
	background-size: contain;
 	vertical-align: middle;
}
*/
/* content2 End */
.subtxt_box .reason_txt
{
	width: 50%;
}
.subtxt_box ul
{
	padding: 20px 0;
}	
.subtxt_box li
{
	margin-bottom: 15px;
}
.subtxt_box h3
{
	color: rgb(247, 44, 166);
	font-size: 2rem;
	padding: 12px 15px 8px;
	border-bottom:2px solid #fff;
	text-align: center;
}
#content2 #problem_txt
{
	padding: 4rem 0;
	margin: auto;
}
#content2 #problem_txt span
{
	font-weight: 600;
}
.readmore {
    padding: 20px 15px 40px;
	font-size: 1.5rem;
}
.readmore-label
{
	width: 200px;
    margin: 0 auto;
    padding: 5px;
}
/* content3 Start */
#content3 h2
{
	font-size: 2.5rem;
}
h2 .threemonth 
{
    width: 90%;
	font-size: 1.4rem;
	letter-spacing: 0rem;
}
#content3 h4
{
	font-size: 2rem;
	margin-bottom: 2rem;
}
#content3 .txt_box p
{
	font-size: 1.6rem;
	padding-bottom: 3.5rem;
}
/* content3 End */

/* content4 Start */	
#content4 h2 
{
    font-size: 2.5rem;
}
#content4 .txt_box_pink {
    width: 100%;
	padding: 3rem;
	margin: 4rem auto;
}
#content4 .content_wrapper .txt_box_pink .small_ttl 
{
    margin: 1rem 0 3rem;
	font-size: 2rem;
}
#license
{
	margin: 3rem 0;	
}
.txt_wrapper
{
	text-align: center;	
}
.txt_box_pink li 
{
    margin-bottom: 4rem;
}
.txt_wrapper p
{
	text-align: left;
	text-align: justify;
}
.txt_box_pink img 
{
    width: 12%;
}
.txt_box_pink .txt_wrapper img
{
    width: 45%;
	margin: 1rem;
}
.txt_box_pink h4 
{
    font-size: 2.1rem;
	margin-left: 1rem;
}
/* content4 End */

/* content5 Start */
#content5 h2 
{
    font-size: 2.2rem;
}
#price_box 
	{
    border-radius: 25px;
    height: 27rem;
    padding-top: 3rem;
	margin-bottom: 1.5rem;
}
#price_h2
{
	padding-top: 2rem;
	margin: auto;
	font-weight: 600;
    width: 85%;
}
#price_box h5 
	{
    font-size: 2.8rem;
    padding: 0.5rem 0 1rem;
}
#price_box p 
{
    font-size: 1.4rem;
}
#content5 .AcordionMenu 
	{
    width: 80%;
}
#content5 
	{
    padding-bottom: 3rem;
}
#content5 .Label 
	{
    font-size: 1.5rem;
}
/* content5 End */

/* content6 Start */
#content6 
{
    padding-bottom: 7rem;
}
#content6 h2 
{
    font-size: 2.5rem;
}
#content6 .voice 
	{
    padding: 2rem 0;
    margin-top: 5rem;
}
#content6 .voice .ic_voice
	{
    top: -5%;
    left: 43%;
	width: 15%;
}
#content6 .voice h6 
	{
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    margin: 2.5rem auto 1.5rem;
}
#content6 .voice .ic_face 
	{
    margin-bottom: 1rem;
    width: 40%;
}
#content6 .voice .txt_voice
	{
    margin: auto;
    width: 80%;
    text-align: justify;
}

/* content6 End */
	
/* content6 Start */
#content7 .book
{
	width:87%;
	margin: auto;
}
/* content8設定 Start */
#content8 h2 
{
    font-size: 2.5rem;
}
#content8 .Label
	{
    font-size: 1.6rem;
    padding: 0.5rem 4rem 0.5rem 1rem;
	letter-spacing: -0.1rem;
}
}
@media screen and (min-width:600px)
{
.img-wrap
{
	padding: 16rem 0 21rem;
	width: 84%;
}
/* ハンバーガーメニュー設定 Start */
#navigation
{
	max-width: 834px;
}
#menuToggle
{
  display: block;
  position: relative;
  top: 50px;
  left: 130px;
  z-index: 1;
  width: 87%;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}
#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  right: 10%;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  margin-left: 82%;
  background: #cdcdcd;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #555555;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 220px;
  margin: -100px 0 0 425px;
  padding: 50px;
  padding-top: 125px;
  background: linear-gradient(rgba(255,117,140,0.8),rgba(255,126,179,0.8));
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(120%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 18px;
  color: #fff;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}

#menu .instagram_ic
{
	width: 5rem;
	height: 5rem;
	margin-top: 2rem ;
}
/* ハンバーガーメニュー設定　End */	
#content1 {
    height: 650px;
}
}
/* content8設定 End */
@media screen and (min-width:950px)
{
body
{
	background-image: url("../images/pc_mv_bk.png");
	background-size: cover;
	width: 750px;
	margin:0 auto;
}
#all
{
    margin: 0 auto;
	width: 750px;
}
header
{
	height: 895px;
	width: 750px;
}
/* ハンバーガーメニュー設定　Start */
#navigation {
    max-width: 100%;
}
#menu
{
  position: absolute;
  width: 220px;
  margin: -100px 0 0 -15rem;
  padding: 50px;
  padding-top: 125px;
  background: linear-gradient(rgba(255,117,140,0.8),rgba(255,126,179,0.8));
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
}
#menuToggle
{
  display: block;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  width: 87%;
  -webkit-user-select: none;
  user-select: none;
}
#menuToggle span
{
	display: none;
}
#menu li
{
  padding: 10px 0;
  font-size: 18px;
  color: #fff;
}

#menu .instagram_ic
{
	width: 5rem;
	height: 5rem;
	margin-top: 2rem ;
}
/* ハンバーガーメニュー設定　End */
#content1
{
	height: 650px;
}
/* PC版全content共通 Start */	
h2
{
	font-size: 3rem;
    padding-top: 6rem;
    margin-bottom: 6rem;
}
.sub_title
{
	letter-spacing: 0.2rem;
	font-size: 2.5rem;
}
.txt_box img
{
	margin-bottom: 4rem;
}
/* PC版全content共通 End */
.img-wrap
{
	padding-top:16rem;	
}
#content1 .txt_box p
{
	font-size: 1.6rem;
}
#content1 h2
{
	padding-top: 9rem;	
}
/* content2 Start */
#content2
{
	padding-bottom: 4rem;
}
#content2 .txt_box p
{
	font-size:1.6rem;
	padding-bottom: 7rem;
}
.subtxt_box
{
	width: 650px;
}
.subtxt_box h2
{
	margin-bottom: 10px;
}
/*
.subtxt_box h2::before
{
	width: 5.7rem;
	height: 5.4rem;
	left: 2.7rem;
}
*/
.subtxt_box ul
{
	padding: 20px 0;
}	
.subtxt_box li
{
	width: 600px;
	margin-bottom: 20px;
}
.subtxt_box h3
{
	font-size: 2rem;
	padding: 30px 30px 0;
	border-bottom: 1px solid rgb(255, 255, 255);
}
#content2 #problem_txt
{
	padding: 4rem 0;
}
.readmore 
{
    padding: 20px 30px 50px;
	font-size: 1.6rem;
}
.readmore-label
{
	width: 200px;
    margin: 0 auto;
    padding: 5px;
}
/* content2 End */
	
/* content3 Start */
.txt_box h4
{
	font-size: 2rem;
	margin-bottom: 30px;
}
#content3 h2
{
	margin-bottom: 3rem;
}
#content3 #step {
    margin-top: 40px ;
}
/* content4 Start */
.txt_box_pink
{
	width: 650px;
	padding: 4rem;
	margin: 4rem 0;
}
#content4 #ic_mika
{
	margin-bottom: 2rem;
}
#content4 .readmore 
{
    padding: 20px 0 50px;
	font-size: 1.6rem;
}
#content4 #license
{
	padding: 2rem;	
}
#content4 .content_wrapper .txt_box_pink .small_ttl
{
	font-size: 2rem;
	margin-bottom: 2rem;
}
.txt_box_pink h4
{
	font-size: 2rem;
	margin-left: 10px;
}
.txt_box_pink li
{
	margin-bottom: 2rem;
}
#content4 .txt_wrapper
{
	display: flex;
}
#content4 .txt_wrapper img
{
	width: 30%;
	padding: 20px;
}
#content4 .txt_wrapper p
{
	padding: 20px 0;
}
/* content4 End */
#content5
{
	padding-bottom: 6rem;	
}
#price_box
{
	border-radius: 50px;
	width:50rem;
	height: 35rem;
	text-align: center;
}
#price_box h5
{
	font-size: 5rem;
	padding: 1rem 0 ;
}
#price_box .privilege
{
	padding-top: 4rem;
	font-weight: 400;
}
#price_h2
{
	margin-bottom: 0rem;
	padding-top: 0.5rem;
	padding-top: 1.5rem;
    line-height: 1.2;
}
}
#price_h2 .threemonth
{
	margin: 0rem 0 1rem 0;
}
#price_box span 
{
	display: inline-block;
	margin: 5rem 0 1.5rem 0;
	line-height: 3.5rem;
	width: 70%;
}
#content5 .AcordionMenu
{
	margin-top: 4rem;
}
#content6 .voice
{
	padding: 2rem;
	margin-top: 10rem;
}
#content6 .voice h6
{
	font-size: 2.5rem;
	margin-bottom: 1rem;
	margin: 5rem auto 3rem;
}
	#content6 .voice .ic_face
{
	margin-bottom: 2rem;
	width: 40%;
}
#content6 .voice .name
{
	padding-top: 2rem;
}
#content8 .Menu-Item-Label 
{
	font-size: 1.6rem;
	padding: 1rem;
}
}