@charset "utf-8";

/**
 *
 *  総合トップページ
 *
 */

/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/

#Main{
	margin-top: min(3vw, 30px);
}


/*--------------------------------------------------------------------------
   mv
---------------------------------------------------------------------------*/

#Main div.mv{
	position:relative;
	width:756px;
	margin:25px 0 25px;
	background:url(../images/index/mv_bg_rp.jpg) repeat-y 0 0;
}
#Main div.mv div.mv-inline{
	width:756px;
	min-height:325px;
	_height:325px;
	background:url(../images/index/mv_bg.jpg) no-repeat 0 0;
}
#Main div.mv div.lead{
	float:right;
	width:368px;
	margin:35px 20px 0 0;
	padding-bottom: 40px;
	text-align:center;
}
#Main div.mv div.lead h2 {
	display: block;
	box-sizing: border-box;
	width: 368px;
	height: 148px;
	line-height: 148px;
	padding: 0;
	margin: 0;
	background: url(../images/index/bg_mv_ttl.png)no-repeat center center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 48px;
	text-align: center;
	font-weight: 100;
	color: #fe6845;
}
#Main div.mv div.lead h2 .sp_01 {
	font-size: 27px;
}
#Main div.mv div.lead p{
	font-size:92%;
	line-height:1.9;
	color:#333;
}
#Main div.mv p.btn{
	position:absolute;
	bottom:10px;
	right:10px;
}

/* hover */
#Main div.mv.hover{
	background:url(../images/index/mv_bg_on_rp.jpg) repeat-y 0 0;
}
#Main div.mv.hover div.mv-inline{
	background:url(../images/index/mv_bg_on.jpg) no-repeat 0 0;
}


/*--------------------------------------------------------------------------
   howto
---------------------------------------------------------------------------*/

.howto{
	margin-bottom:17px;
}

.howto div.chach{
	width:227px;
	float:left;
	margin:30px 27px 0 0;
	background:url(../images/index/howto_chach_rp.png) repeat-y 0 0;
}
.howto div.chach-inline{
	background:url(../images/index/howto_chach_bt.png) no-repeat 0 100%;
	padding:0 0 42px;
}
.howto div.chach-inline h2 {
	display: block;
	box-sizing: border-box;
	width: 227px;
	height: 155px;
	background: url(../images/index/bg_howto_chach_tp.png)no-repeat left top;
	margin: 0;
	padding: 52px 0 0 0;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: 100;
	font-size: 30px;
	color: #60473b;
	letter-spacing: 0.1em;
	line-height: 1.2;
}
.howto div.chach-inline h2 .sp_01 {
	font-size: 20px;
}
.howto div.chach p{
	text-align:center;
	padding:0 10px;
	font-size:84%;
}
.howto .list-wrap{
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  gap: 10px;
}
.howto .list-wrap>div{
  width: 32%;
  box-sizing: border-box;
}
.howto .list-wrap p {
    padding: 5px 0px 0px;
    margin: 0 10px 1em;
}
.howto .list-wrap .how_img{
  text-align: center;
}
.howto .list-wrap .how_img .imgleft{
  float: none;
  width: 150px;
  height: 126px;
  object-fit: contain;
}
.bgpink{/* margin: 0px 5px 15px 5px; */border: solid 2px #ED7C96;background:url(../images/howto/index/laser_bg.jpg);padding:5px 5px 0 5px;
background-size:cover;}

.greenbdr{border: solid 1px #6ECC93;}
.greenbdd{border: dotted 1px #6ECC93 !important; }
.greenbbd{border-bottom: dotted 1px #6ECC93 !important; }

.bgorange2{/* margin: 0px 5px 15px 5px; */border: solid 2px #F4AA8E;background:url(../images/howto/index/acupuncture_bg.jpg);padding:5px 5px 0 5px;
background-size:cover;}
.orangebdr{ border: solid 1px #F4AA8E; }
.orangebdd{ border: dotted 1px #F4AA8E !important; }
.orangebbd{ border-bottom: dotted 1px #F4AA8E !important; }

.bgwater{/* margin: 0px 5px 15px 5px; */border: solid 2px #75C6D5;background:url(../images/howto/index/frequency_bg.jpg);padding:5px 5px 0 5px;
background-size:cover;}
.waterbdr{ border: solid 1px #75C6D5; }
.waterbdd{ border: dotted 1px #75C6D5 !important; }
.waterbbd{ border-bottom: dotted 1px #75C6D5 !important; }

.bgyerrow {
    /* margin: 0px 5px 15px 5px; */
    border: solid 2px #e0ac1a;
    padding: 5px 5px 0 5px;
    background: #fff4d6;
}
p.bgyb {
    color: #a07601;
    text-align: center;
    font-weight: bold;
    font-family: serif;
    font-size: 24px;
    line-height: 1;
    margin: 0 0 10px 0;
}
.bgyb span {
    font-size: 14px;
    color: #4f3209;
    font-weight: bold;
}
.btn9 a {
    display: block;
    margin: 0.5em 1em 1em;
    padding: 10px 40px 10px 3px;
    background: url(../sp/img/sp-btn-bg.png) #e0ac1a no-repeat right center;
    -moz-background-size: 40px 100px;
    background-size: 40px 100px;
    -webkit-box-shadow: 0px 5px 0px #edcb6d;
    -moz-box-shadow: 0px 5px 0px #edcb6d;
    -ms-box-shadow: 0px 5px 0px #edcb6d;
    box-shadow: 0px 5px 0px #edcb6d;
    color: #fff;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
}

.contents-area .h2type {
    font-size: 18px;
    color: #E76D92;
    margin: 10px;
    font-weight: bold;
}
.contents-area .h3komi {
    color: #7d5031;
    font-size: 14px;
    margin: 10px 10px 0;
    padding: 0;
}



.bgpink h3 {
    text-align: center;
    color: #ed718f;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
    letter-spacing: -1px;
    font-weight: bold;
}
.bggreen h3 {
    text-align: center;
    color: #58bf81;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
    letter-spacing: -1px;
    font-weight: bold;
}
.bgorange2 h3 {
    text-align: center;
    color: #ec8d6a;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
    letter-spacing: -1px;
    font-weight: bold;
}
.bgwater h3 {
    text-align: center;
    color: #5DBCCD;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
    letter-spacing: -1px;
    font-weight: bold;
}
.bgyerrow h3 {
    text-align: center;
    color: #e0ac1a;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
        letter-spacing: -1px;
    font-weight: bold;
}
@media screen and (max-width: 500px) {
.howto .list-wrap{
    flex-direction: column;
    gap:0;
}
.howto .list-wrap>div{
    width: 95%;
    margin: 0 auto 15px auto;
}
.howto .list-wrap .how_img .imgleft {
    float: left;
    width: 30%;
    height: auto;
    object-fit: inherit;
}

.howto .list-wrap .how_img {
    text-align: left;
}
}

/*--------------------------------------------------------------------------
   ranking
---------------------------------------------------------------------------*/

.ranking{
	position:relative;
	background:url(../images/index/ranking_bg_repeat.png) repeat-y 0  290px;
}
.ranking .ranking-inline{
	background:url(../images/index/ranking_bg_top.png) no-repeat 0 0;
}
.ranking .ranking-outline{
	padding-bottom:28px;
	background:url(../images/index/ranking_bg_bottom.png) no-repeat 0 0;
}
.ranking .ranking-top{
	width:494px;
	text-align:center;
	padding: 60px 0 25px 25px;
	/* line-height: 1; */
}
.ranking .ranking-top h2{
	display: block;
	box-sizing: border-box;
	width: 500px;
	height: 78px;
	margin:0 0 15px;
	background: url(../images/index/bg_ranking_ttl.png)no-repeat left top;
	font-size: 30px;
	padding-top: 30px;
	text-align: center;
	color: #ee4d51;
	font-weight: bold;
	text-shadow: 1px 1px 0px #fff;
	line-height: 1;
}
.ranking .ranking-top .txt-lead{
	font-size: 14px;
	padding: 0 20px;
}

/* general
-----------------------------------------------------------------*/
.ranking .general{
	width:720px;
	margin:0 auto;
}
.ranking .general-outline{
	border: solid 1px #DDCACB;
	background: url(../img/sp-bgc.png) #FBFBFB;
	margin-top: -40px;
}

.ranking .general-inline{
	padding: 20px 0 6px;
}
.ranking .general .list-wrap{
	margin-bottom:17px;
	padding:0 5px;
}
.ranking .general .list{
	padding:20px 28px 21px 17px;
	background:url(../images/index/ranking_bg_line.png) repeat-x 0 100%;
}
.ranking .general .list .img{
	position:relative;
	float:left;
	width:193px;
	padding-right:18px;
}
/*.ranking .general .list .theory_img:after{
  content: "［PR］";
  display: block;
  color: #ccc;
  font-size: 12px;
  position: absolute;
  right: 18px;
  bottom: -25px;
}
*/

.ranking .general .list .img > img{
	border:1px solid #E8E7E1;
}
.ranking .general .list .img span.ico{
	position:absolute;
	top:-10px;
	left:-5px;
	float:left;
}
.ranking .general .list .txt-box{
	overflow:hidden;
}
.ranking .general .list .txt-box p.title{
	margin-bottom:10px;
}
.ranking .general .list .txt-box p.title a{
	color:#8E462C;
	font-size:117%;
	font-weight:bold;
}
.ranking .general .hover .txt-box p.title a{
	text-decoration:none;
}
.ranking .general .hover .txt-box p.txt{
	color:#999;
}
.ranking .general .list .txt-box p.btn-link{
	margin-top:16px;
	text-align:right;
}
.ranking .general .rankmore a{
	display: block;
	width: 504px;
	height: 42px;
	background: url(../images/index/bg_btn_rank.png)no-repeat 0 0;
	margin: 10px auto 0;
	padding-bottom:5px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size: 14px;
	line-height: 42px;
	color: #5f4a39;
	text-align: center;
	text-decoration: none;
}
.ranking .general .rankmore a:hover {
	opacity:0.5;
	filter: alpha(opacity=50); 
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	 transition: all 0.7s ease;
}
.ranking .general h3{
 position: relative;
 margin: 30px auto;
 text-align: center;
 font-size: 1.4rem;
 font-weight: bold;
 width: 70%;
}

.ranking .general h3:before,
.ranking .general h3:after {
  position: absolute;
  z-index: 0;
  bottom: -10px;
  display: block;
  content: '';
  border: 1em solid #e73b3f;
}

.ranking .general h3:before {
  left: -28px;
  border-left-width: 15px;
  border-left-color: transparent;
}

.ranking .general h3:after {
  right: -28px;
  border-right-width: 15px;
  border-right-color: transparent;
}
.ranking .general h3 .ribon {
  position: relative;
  z-index: 1;
  display: block;
  padding: 0.5rem 1rem;
  color: #fff;
  background: #ee4d51;
}

.ranking .general h3 .ribon:before,
.ranking .general h3 .ribon:after {
  position: absolute;
  bottom: -10px;
  display: block;
  width: 0px;
  height: 0px;
  content: '';
  border-style: solid;
  border-color: transparent #b70505 transparent transparent;
}

.ranking .general h3 .ribon:before {
  left: 0;
  border-width: 0 10px 10px 0;
}

.ranking .general h3 .ribon:after {
  right: 0;
  border-width: 10px 10px 0 0;
}

@media screen and (max-width: 500px) {
.ranking .ranking-outline {
    /* border-top: solid 2px #F18788; */
}
.ranking .ranking-inline {
    background: none;
}
  .ranking .ranking-top {
    width: 95%;
    text-align: left;
    padding:0;
    margin: 0 auto;
    padding: 30px 0 0 0;
  }
  .ranking .ranking-top h2:before{
  display: block;
  content: "";
  border: 1px solid #ee4d51;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  }
  .ranking .ranking-top h2:after{
  display: block;
  content: "";
  border: 1px solid #ee4d51;
  position: absolute;
  bottom:0;
  left:0;
  width: 100%;
  }
  
  .ranking .ranking-top h2 {
    width: 95%;
    height: auto;
    font-size: 22px;
    padding: 15px;
    text-align: center;
    line-height: 1.3;
    position: relative;
    margin: 0 auto 20px auto;
    background: #fffcfc;
}
.ranking .general {
    width: 95%;
    margin: 0 auto;
}
.ranking .general .list {
    padding: 40px 0 30px 0;
    margin: 0 auto;
    width: 90%;
}

.ranking .general .list .img {
    float: none;
    margin: 0 auto 10px auto;
    padding-right: 0;
    padding-top: 40px;
}
.ranking .general .list .theory_img:after{
  right: -35px;
  bottom: 0;
}

.ranking .general .list .img span.ico {
    top: 5px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}
.ranking .general .list .txt-box p.btn-link{
  display: none;
  }
  .ranking .general .list .txt-box p.title a {
    display: block;
    margin: 0.5em 1em 1em;
    padding: 10px 40px 10px 3px;
    background: url("../images/sp-btn-bg.png") #8AABEE no-repeat right center;
    -moz-background-size: 40px 100px;
    background-size: 40px 100px;
    -webkit-box-shadow: 0px 5px 0px #cad8f6;
    -moz-box-shadow: 0px 5px 0px #cad8f6;
    -ms-box-shadow: 0px 5px 0px #cad8f6;
    box-shadow: 0px 5px 0px #cad8f6;
    color: #fff;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
}
}


/* other-rank
-----------------------------------------------------------------*/
.ranking .other-rank{
	position:relative;
	width:720px;
	margin:0 auto;
	z-index:100;
}
.ranking .other-rank h3{
 position: relative;
 margin: 10px 30px 0 30px;
 text-align: center;
 font-size: 1.2rem;
 font-weight: bold;
 line-height: 1;
 letter-spacing: -0.5px;
}

.ranking .other-rank h3:before,
.ranking .other-rank h3:after {
  position: absolute;
  z-index: 0;
  bottom: -10px;
  display: block;
  content: '';
  border: 1em solid #6b85bb;
}

.ranking .other-rank h3:before {
  left: -25px;
  border-left-width: 15px;
  border-left-color: transparent;
}

.ranking .other-rank h3:after {
  right: -25px;
  border-right-width: 15px;
  border-right-color: transparent;
}
.ranking .other-rank h3 .ribon {
  position: relative;
  z-index: 1;
  display: block;
  padding: 0.75rem;
  color: #fff;
  background: #7896d4;
}

.ranking .other-rank h3 .ribon:before,
.ranking .other-rank h3 .ribon:after {
  position: absolute;
  bottom: -10px;
  display: block;
  width: 0px;
  height: 0px;
  content: '';
  border-style: solid;
  border-color: transparent #4c618c transparent transparent;
}

.ranking .other-rank h3 .ribon:before {
  left: 0;
  border-width: 0 10px 10px 0;
}

.ranking .other-rank h3 .ribon:after {
  right: 0;
  border-width: 10px 10px 0 0;
}
.ranking .other-rank .rank-box{
	width:352px;
	margin-top:13px;
	/* min-height: 700px; */
	/* padding-top: 40px; */
}
.ranking .other-rank .rank-box-outline{
	padding-bottom:12px;
	background: url(../img/sp-bgc.png) #FBFBFB;
	border: solid 1px #DDCACB;
	min-height: 628px;
	padding-top: 20px;
	margin-top: -10px;
}
.ranking .other-rank .rank-box-inline{
	/* background:url(../images/index/ranking_box_bg_repeat.png) repeat-y 0 0; */
}
.ranking .other-rank .rank-box .list-wrap{
	padding-top:12px;
	padding: 12px;
}
.ranking .other-rank .rank-box .list{
	overflow:hidden;
	padding: 12px 15px 10px;
	border-bottom: 1px dotted #D3C7BE;
	/* min-height: 196px; */
}
.ranking .other-rank .rank-box .list .img{
	position:relative;
	float:left;
	width:115px;
	padding-right:15px;
	/* margin-bottom: 15px; */
}
.ranking .other-rank .rank-box .list .img span.ico{
	position:absolute;
	top:-5px;
	left:-5px;
}
.ranking .other-rank .rank-box .list .img > img{
	border:1px solid #E8E7E1;
}
.ranking .other-rank .rank-box .hover .txt-box .txt{
	color:#999;
}
.ranking .other-rank .rank-box .rankmore{
	padding:10px 0;
	text-align:center;
}
.ranking .other-rank .rank-box .list .btn{
  clear: both;

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

.ranking .other-rank .rank-box .list .img {
    float: none;
    width: 193px;
    margin: 0 auto 10px auto;
    padding-right: 0;
}
.ranking .other-rank .rank-box .list .img img {
    width: 100%;
}	
.ranking .other-rank h3 .small {
    font-size: 1rem;
}
}
/* img-rank */
.ranking .img-rank{
	position:absolute;
	right:2px;
	bottom:2px;
	z-index:10;
}

/* comment-box */
.ranking .other-rank .comment-box{
	position:relative;
	/* height:518px; */
	margin-top:0;
	background:url(../images/index/comment_bg.png) no-repeat 0 0;
	padding: 30px 0 0 0;
	background-size: contain;
	width: 100%;
}
.ranking .other-rank .comment-box h3:before,
.ranking .other-rank .comment-box h3:after{
  content:none;
  }

.ranking .other-rank .comment-box .img{
	position:absolute;
	top: 60px;
	right: 20px;
	width: 18%;
}
.ranking .other-rank .comment-box .lead{
	width: 70%;
	margin: 10px 0 40px 20px;
}

.ranking .other-rank .comment-box h3{
    font-size: 16px;
    color: #7d5031;
    margin-left: 0;
    font-weight: bold;
}

.ranking .other-rank .comment-box .lead p{
	color:#5F4639;
	line-height: 1.7;
	line-height:1.6;
}
@media screen and (max-width: 500px) {
.ranking .other-rank {
    width: 95%;
}
.ranking .other-rank .rank-box{
	width:100%;
}
.ranking .other-rank .comment-box .lead{
	width: 75%;
	margin: 10px;
}
.ranking .other-rank .comment-box .img {
    right: 0;
    top: 70px;
}
.ranking .other-rank .rank-box-outline{
min-height: inherit;
}
}

/*--------------------------------------------------------------------------
   investigate
---------------------------------------------------------------------------*/

.investigate{
	margin-top:30px;
	background:url(../images/index/investigate_bg_repeat.png) repeat-y 0 0;
}
.investigate .investigate-outline{
	background:url(../images/index/investigate_bg_top.png) no-repeat 0 0;
}
.investigate .investigate-inline{
	padding:46px 0 24px;
	background:url(../images/index/investigate_bg_bottom.png) no-repeat 0 100%;
}
.investigate h2{
	display: block;
	box-sizing: border-box;
	width: 653px;
	height: 91px;
	margin: 0 auto;
	background: url(../images/index/bg_investigate_ttl.png)no-repeat left top;
	padding: 10px 0 0 0;
	font-weight: bold;
	font-size: 30px;
	text-align:center;
	color: #4c2b19;
}
.investigate h2 .sp_01 {
	color: #ee666b;
}
.investigate .cont{
	width:717px;
	margin: 0 auto 20px auto;
}

.investigate .wrap-top{
	display: flex;
	flex-wrap: wrap;
}
.investigate .wrap-center{
	background:url(../images/index/investigate_list_bg_line.png) no-repeat 0 100%;
}
.investigate .box-wrap a{
  display: flex;
  text-decoration: none;
  transition: all 0.7s ease;
  width: calc(717px / 4);
   box-sizing: border-box;
}
.investigate .box-wrap a:hover{
    opacity: 0.8;
  }

.investigate .box-wrap .box{
  padding: 18px 15px 12px;
  /*font-size: 92%;*/
  background: #fff;
  border: 1px solid #D2B5AB;
}
.investigate .box-wrap .hover p{
	color:#999;
}
.investigate .box-wrap .box .img{
	margin-bottom:17px;
	margin-right: 10px;
}
.investigate .box-wrap .box img{
  height: 60px;
  object-fit: contain;
  }

@media screen and (max-width: 500px) {
.investigate .box-wrap a{
  width: 50%;
  }
.investigate h2 {
    width: 95%;
    height: inherit;
    padding: 15px;
    font-size: 22px;
    margin: 0 auto 24px auto;
    background: none;
    position: relative;
}
  .investigate h2:before{
  display: block;
  content: "";
  border: 1px solid #ee4d51;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  }
  .investigate h2:after{
  display: block;
  content: "";
  border: 1px solid #ee4d51;
  position: absolute;
  bottom:0;
  left:0;
  width: 100%;
  }
  
.investigate .investigate-inline {
    padding: 20px 0 15px;
}
.investigate .cont {
  width: 95%;
  margin: 0 auto 15px auto;
  /* border: 1px solid #D2B5AB; */
  /* background: none; */
}
.investigate .cont-inline{
	 /* padding:0; */
}
.investigate .box-wrap .box {
    width: 100%;
    padding: 4px 8px;
    /*font-size: 92%;*/
    background: #fff;
    background: url(../images/sp-listya.png) no-repeat right 10px #fff;
    background-size: 15px 30px;
}
}

/*--------------------------------------------------------------------------
   pickup
---------------------------------------------------------------------------*/

.pickup{
	width:50%;
	margin-top:32px;
}


.pickup .list .ttl{
	text-align:center;
	margin:0 0 12px;
}
.pickup .list h2{
	display: block;
	box-sizing: border-box;
	width: 319px;
	height: 48px;
	margin:0 0 12px;
	padding: 15px 0 0 0;
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 22px;
	font-weight: 100;
	letter-spacing: 0.1em;
}
.pickup .list h2 a {
	text-decoration: none;
}
.pickup .list h2#h2_list01 {
	background: url(../images/index/bg_pickup01_txt01.png)no-repeat left top;
	color: #ad2e31;
}
.pickup .list h2#h2_list01 a {
	color: #ad2e31;
}
.pickup .list h2#h2_list02 {
	background: url(../images/index/bg_pickup02_txt01.png)no-repeat left top;
	color: #3a4f83;
}
.pickup .list h2#h2_list02 a {
	color: #3a4f83;
}
.pickup .list .txt{
	width:178px;
	margin:12px 0 0;
	font-size:84%;
	line-height:1.9;
}
.pickup .list .img{
	position:absolute;
	right:0;
	bottom:0;
}
.pickup .style01 .list-inline{
	position:relative;
	padding:23px 18px;
	border:3px solid #F18788;
	background:#FBDFDF url(../images/index/pickup01_bg.png) no-repeat 0 0;
}
.pickup .style02 .list-inline{
	position:relative;
	padding:23px 18px;
	border:3px solid #8CC2F3;
	background:#E2EFFC url(../images/index/pickup02_bg.png) no-repeat 0 0;
}

.pickup .style01.hover .list-inline{
	border:3px solid #FFF;
	background:#F9CDD5 url(../images/index/pickup01_bg_on.png) no-repeat 0 0;
}
.pickup .style02.hover .list-inline{
	border:3px solid #FFF;
	background:#D0ECF9 url(../images/index/pickup02_bg_on.png) no-repeat 0 0;
}

/*column list*/
.column2 {
	box-sizing: border-box;
	width: 758px;
	height: 120px;
    margin: 10px auto 20px;
    padding: 12px;
    background: url(../images/index/bg_column2.png) no-repeat right bottom;
    border: 3px solid #bde3af;
}
.column2 ul {
	margin: 0;
}
.column2 ul li a {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size: 16px;
	color: #336920;
	text-decoration: none;
	float:left;
	width: 50%;
	margin-bottom: 0.5em;
}
.column2 ul li a:hover {
	text-shadow: 1px 1px 2px #ccc;
}

.column2 ul li a:after {
	content: '>>';
	font-size: 10px;
	vertical-align: middle;
	margin-left: 0.5em;
}
  .pickup p {
    padding: 5px 0px 0px;
    margin: 0 10px 1em;
}
.bgred{/* margin: 0px 5px 15px 5px; */border: solid 2px #F18788;background:url(../images/index/pickup01_bg.png);padding:5px;}

.pickup .bgred h2 {
    text-align: center;
    color: #ed718f;
    font-size: clamp(20px, 2vw, 30px);
    margin: 5px 0 0 0;
    padding: 0;
    font-weight: bold;
}
.pickup .imgright {
    vertical-align: top;
    float: right;
    margin: 2px 0 2px 5px!important;
    display: inline;
    width: 30%;
}
@media screen and (max-width: 500px) {
  .pickup {
    width: 95%;
    margin: 32px auto 0 auto;
}

}


/*--------------------------------------------------------------------------
   laser
---------------------------------------------------------------------------*/

.laser{
	position:relative;
	width:756px;
	margin-top:63px;
	background:url(../images/index/laser_bg_repeat.png) repeat-y 0 0;
	padding-bottom: 15px;
	margin-bottom: 40px;
}
.laser .laser-outline{
	background:url(../images/index/laser_bg_top.png) no-repeat 0 0;
}
.laser .laser-inline{
	padding:0 0 12px;
	background:url(../images/index/laser_bg_bottom.png) no-repeat 0 100%;
}
.laser h2{
	display: block;
	box-sizing: border-box;
	width: 500px;
	height: 93px;
	margin: 0 auto;
	padding: 50px 0 0 0;
	position:absolute;
	top:-25px;
	left:140px;
	font-weight: bold;
	font-size: 30px;
	font-weight: bold;
	color: #d87d27;
	text-align: center;
	background: url(../images/index/bg_laser_ttl.png)no-repeat left top;
}
.laser .txt01{
	padding-top: 106px;
	text-align:center;
	line-height:1;
}
.laser .txt02{
	width:540px;
	margin:0 auto;
	padding:12px 0 24px;
	line-height:1.6;
}
.laser .list-wrap{
	width:736px;
	margin:0 auto;
	padding: 24px 0;
	border:1px solid #F2D0B7;
	background:#fff url(../images/index/laser_bg_flower.png) no-repeat 100% 100%;
}
.laser .list-wrap .list-inner{
	padding: 0 30px;
	display: flex;
	flex-wrap: wrap;
}
.laser .list-wrap .list{
	overflow:hidden;
	width: calc(50% - 17px);
	padding: 21px 16px 20px 0;
	border-bottom: 1px dotted #F2D0B7;
	border-right: 1px dotted #F2D0B7;
	display: flex;
	flex-direction: column;
}
.laser .list-wrap .list:nth-child(even){
	border-right: none;
	padding-left: px;
	padding: 21px 0 20px 16px;
	margin-left: px;
}
.laser .list-wrap .list:last-child{
	border-bottom: none;
}

.laser .list-wrap .list .img{
	padding-right:16px;
	padding-left: 16px;
	text-align: center;
	border: #F2D0B7 1px solid;
	margin: 10px auto;
}
.laser .list-wrap .list .txt-box{
	margin-bottom: 15px;
}
.laser .list-wrap .list .txt-box .name{
	margin-bottom:8px;
	font-size:108%;
}
.laser .list-wrap .list .txt-box .name a{
	color:#666;
	font-weight:bold;
}
.laser .list-wrap .hover .txt-box .name a{
	text-decoration:none;
}
.laser .list-wrap .list .txt-box .leadtxt{
	margin-bottom: 5px;
	/* font-size:93%; */
	font-weight:bold;
}
.laser .list-wrap .list .txt-box .txt{
	/* font-size:93%; */
	flex-grow: 1;
}
.laser .list-wrap .hover .txt-box .txt{
	color:#999;
}
.laser .list-wrap .list .txt-box .btn-link{
	margin-top:12px;
	text-align:right;
}
.laser .list-wrap .list .btn2 {
    margin-top: auto;
}
@media screen and (max-width: 500px) {
.laser .list-wrap .list {
  width:100%;
  border-right: none;
  padding: 20px;
}
.laser .list-wrap .list-inner{
	padding:0;
}
.laser .list-wrap .list:nth-child(even) {
    padding: 20px;
}

.laser .list-wrap .list .txt-box {
    padding-right: 16px;
    padding-left: 16px;
}	
}
h2#h2_method{
	color: #ad2e31;
	display: block;
    box-sizing: border-box;
    width: 319px;
    height: 48px;
    margin: 0 0 12px;
    padding: 15px 0 0 0;
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 22px;
    font-weight: 100;
    letter-spacing: 0.1em;
}
h2#h2_method a{
	color: #397d21;
	text-decoration: none;
}
.m_h {
	height: 230px;
}
#Main div.mv div.mv-inline{
	margin-top: 25px
}
h2 span {
    line-height: 0.5;
}
.chach2 {
    width: 760px;
    background: url(../images/howto/index/bg_howto_repeat.jpg);
    margin-bottom: 30px;

}
.chach2-inline {
    background: url(../images/howto/index/bg_howto_head.jpg)no-repeat;
}
.chach2 h2 {
    display: block;
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: 100;
    font-size: 30px;
    color: #60473b;
    padding: 20px 0 40px 0;
    letter-spacing: 0.1em;
    background: url(../images/howto/index/bg_flower.png) no-repeat center 60px;
    line-height: 1.2;
}
.chach2 .chach2-inline p {
    text-align: center;
    background: url(../images/howto/index/bg_howto_bottom.jpg)no-repeat bottom;
    margin: 0px 0 0 0;
    padding: 0 0 20px;
}
  .chach2 .h2img{
    display: none;
    }

@media screen and (max-width: 500px) {
.chach2 {
    background: none;
    width: 100%;
}
.chach2-inline{
display: none;
}
.chach2 .h2img {
    display: inherit;
    margin: 0 auto;
    background: url(../images/sp-hometop.png) no-repeat;
    background-size: cover;
    width: 95%;
    height: auto;
    box-sizing: border-box;
    position: relative;
}
.chach2 .h2img:before {
    content: "";
    display: block;
    padding-top: 70%;
}
.chach2 .h2img p{
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80%;
    margin: 0 auto;
}
.chach2 .h2img img{
    width:100%;
    }
}
.laser {
    width: 100%;
}
.laser h2 {
    width: 100%;
    height: inherit;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    background: url(../images/index/bg_laser_ttl.png) no-repeat center top;
    font-size: 22px;
}
.laser .laser-inline {
    width: 95%;
    margin: 0 auto;
}
.laser .txt02 {
   width: 95%;
}
.laser .list-wrap {
    width: 100%;
    padding: 10px 0;
}
}
/* top_type
-----------------------------------------------------------------*/

.top_type a:link {
    color: #397d21;
    text-decoration: none;
}
.top_type {
box-sizing: border-box;
margin: 25px 3px 0 0;
padding: 25px 45px;
background: url(../images/index/bg_column2.png);
border: 3px solid #bde3af;
}
.top_type h2 {
    font-size: 22px;
    text-align: center;
    text-decoration: none;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.top_type h3 {
    font-size: 17px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 10px 0 5px 0;
}
.top_type a:hover {
    opacity: 0.5;
}
.bgpurple h3 {
    text-align: center;
    color: #775FAF;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
}
.bgpink h3 {
    text-align: center;
    color: #ed718fF;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
}
.bggreen h3 {
    text-align: center;
    color: #58bf81;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
}
.bgorange2 h3 {
    text-align: center;
    color: #ec8d6a;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
}
.bgwater h3 {
    text-align: center;
    color: #5DBCCD;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
}
.bgyerrow h3 {
    text-align: center;
    color: #e0ac1a;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
}
p.howc {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: #7d5031;
}
.bgblue h2 {
    text-align: center;
    color: #8AABEE;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
}
.bgorange h2 {
    text-align: center;
    color: #ec8d6a;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
}
.bgred h2 {
    text-align: center;
    color: #ed718f;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
}
.contents-area .toph {
    font-size: 18px;
    color: #7d5031;
    text-align: center;
    margin: 10px 0 5px 0;
}
/* 2025.03.26 
-----------------------------------------------------------------*/
.menu_toggle {
    display: none;
}

.menu_toggle:checked+.Label+.content {
    height: auto;
    padding: 20px;
    transition: all .3s
}

.menu_toggle:checked+.Label::before {
    transform: rotate(-45deg)!important
}

.Label {
padding: 5px;
    display: block;
    color: #8C462C;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all .3s;
    border: solid 1px #F18788;
    border-radius: 10px;
    text-align: center;
    margin-top: 20px;
  }

.Label::before {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #8C462C;
    border-right: 2px solid #8C462C;
    position: absolute;
    top: calc(50% - 3px);
    right: 20px;
    transform: rotate(135deg)
}

.content {
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all .3s;
    height: 0;
    margin-bottom: 10px;
    padding: 0 20px;
    overflow: hidden;
    text-align: left
}