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

@media screen and (max-width: 766px) { /*ウィンドウ幅が767px以上の場合に適用*/


	
	h1 {
		widht:100%;
		background-color: aqua;
		margin:0 auto;
		padding:0.5em;
		text-align: center;
		font-size: 12px;
		font-weight: 300;
	}
	
	section {
		margin-bottom:5em;
	}
	
	header {
		width:100%;
	}
	header .tag p {
		color: #FFFFFF;
		background-color: #EA2428;
		padding:5px;
		text-align: center;
	}
	body {
		width:100%;
		background-color:#000000;
		color:#000000;
	}
	
	.WrapAll {
		width:92%;
		padding:0 4%;
	}

	
	.sp_top {
		width:100%;
		text-align: center;
		margin: 5px 0;
	}	
	.first_view {
		width:100%;
		background-image:url(../images/bg.jpg);
		background-repeat: no-repeat;
		text-align: center;
	}	
	
	.rogo {
		width:70%;
		margin:0.5em auto;
		
	}
/* price */	
/* price */	
/* price */	


	.wrap-price {
		width:100%;
		padding:10px 0;
		background-color: #FF3E42;
	}
	.wrap-price p {
		width:90%;
		margin: 0 auto;
		padding:10px 0;
		color: #FFFFFF;
		text-align: center;
	}

/* price */	
/* price */	
/* price */	
	
/* etc */
/* etc */
/* etc */
	
	.wrap-max {
		width:100%;
		background-color: antiquewhite;
	}
	.wrap-max p {
		width:90%;
		margin: 0 auto;
		padding:10px 0;
		text-align: center;
	}
	
/* etc */
/* etc */
/* etc */
	
	
	.wrap-white {
		width:100%;
		background-color: #FFFFFF;
	}
	.wrap-white p {
		width:90%;
		margin: 0 auto;
		padding:10px 0;
		text-align: center;
	}	
	
/* 店舗紹介 */
/* 店舗紹介 */
/* 店舗紹介 */
	
	.p2 {
		color:#FFF;
		width:92%;
		margin:0 auto;;
		margin-bottom:2em;
		padding:1em 4% ;
		font-size: 1em;
		border-bottom: solid #FFFFFF 1px;	
		background-color: #73A4FF;
	}

	
/* ━━━━━━━━━━━━━━　About記述 ━━━━━━━━━━━━━━ */	

	.title_x {
		font-size:1.5em;
		color: fuchsia;
		margin:30px 0;
	}

	.text_a {
		font-size: 18px;
		color:aliceblue;
		text-align: center;
		margin-bottom:36px;
	}
	
/* ━━━━━━━━━━━━━━　About記述 ━━━━━━━━━━━━━━ */		
	
	
	
	
	.shop_int {
	}

	.wrap-cont-map {
		width:92%;
		background-color: #FFFFFF;
		margin:1em auto;
		padding:2em 4%;
		border-radius:1em;
	}
	.wrap-cont-map a {
		color:#000000;
	}

	
	.ShopName {
		text-align: center;
		font-size: 1.2em;
		font-weight: bold;
		color:#000000;
		max-resolution: 1em;
	}
	.map {
		width:100%;
		padding:10px 0;
	}
	.way {
		margin:1em 0;
	}
	.profile {
		width:100%;
		text-align: center;
		color:#000000;
	}
	.address {
		margin-bottom: 8px;
	}
	.googlemap {
		margin: 2em;
	}
	.map_float {
		overflow: hidden;
		width:100%;
		margin:0 auto;
	}
	.map_float p {
		float:left;
		width:49%;
	}
	.map_float p:last-child {
		margin-left:2%;
	}	
/* 店舗紹介 */
/* 店舗紹介 */
/* 店舗紹介 */	

/* よくあるご質問 */
/* よくあるご質問 */
/* よくあるご質問 */

	.question_area{
		width:100%;
		background-color: antiquewhite;
		padding:30px 0;
	}
	
	.question-title{
		margin:0px auto 30px auto;
		padding-top:10px;
		width:90%;
		background-color: #F25148;
		border-radius:10px;
		text-align: center;
	}
	.question-wrap {
		width:90%;
		margin:0 auto;
	}


	.question ul{
		width:100%;
	}
	
	.line {
		border-bottom: solid 2px #F25148;
		margin: 0 0 10px 0;
		padding-bottom: 10px;
	}
	
	.answer {
		margin-bottom:20px;
		padding:10px;
		background-color:#FFFFFF;
		border-radius: 10px;	
	}

/* よくあるご質問 */
/* よくあるご質問 */
/* よくあるご質問 */






	
	
/* ━━━━━━━━━━━━━━　申し込み記述 ━━━━━━━━━━━━━━ */
	
	
	.rect {
		margin-bottom:3em;
	}
	.rect li {
		color:#FFFFFF;
		margin:0 auto;
		margin-bottom:1em;
		overflow: hidden;
		width:100%;
	}
	
	.num {
    	display: flex;
   		align-items: center;		
		width:15%;
		height:100px;
		background-color:turquoise;
		float:left;
		color:#FFFFFF;
		border-radius: 10px 0 0 10px;
	}
	

	
	.text {
		width:77%;
		height:100px;
		background-color:#FFF;
		float:left;
		font-size: 0.8em;
		border-radius:0 10px 10px 0;		
		display: table;
		color: #000000;
		padding:0 2%;
	}
	
	.text p {
		display: table-cell;
		vertical-align: middle;		
	}
	

	.select {
		overflow: hidden;
		width:100%;
		margin:0 auto;
	}
	.select li {
		float:left;
		width:45%;
		padding:1em 0;
		margin:1em auto;
		border: solid #FFFFFF 2px;
		text-align: center;
		background-color: turquoise;
		border-radius: 6px;
		font-size:1em;
		color:aliceblue;
	}
	.select li:last-child {
		margin-left:2%;
	}
	.title_a {
		font-size: 1.7em;
		color:gold;
		text-align: center;
		margin-bottom:1em;
	}
	.text_a {
		font-size: 1em;
		color:aliceblue;
		text-align: center;
		margin-bottom:36px;
	}
	.text_b {
		font-size: 1em;
		color:aliceblue;
		text-align: center;
		margin-bottom:2em;
	}
	
/* ━━━━━━━━━━━━━━　申し込み記述 ━━━━━━━━━━━━━━ */	



	
	
/* ━━━━━━━━━━━━━━　コンテンツ記述 ━━━━━━━━━━━━━━ */	
	
	.wrap-cont-lp {
		overflow: hidden;
	}
	
	.main_custum_block{
		width:94%;
		margin:1em auto;
		padding:1em 3%;
		background-color: #FFFFFF;
		color: #000000;
		border-radius: 1em;
	}
	
	.main_custum_block:first-of-type {
		margin-left:0px;
	}
	
	.main_custum_block:last-of-type {
		margin-right:0px;
	}
	
	.price {
		text-align: right;
		margin-top: auto;
	}
	
	.pricedown {
		color:#FF0004;
		font-size: 2em;
		font-weight: bold;
	}
	
	.sub_custum_block{
		width:94%;
		margin:1em auto;
		padding:1em 3%;
		background-color: #FFFFFF;
		color: #000000;
		border-radius: 1em;
	}

	.sub_custum_block dt{
		font-size:1.3em;
		text-align: center;
		margin-bottom:0.8em;
	}	
/* ━━━━━━━━━━━━━━　コンテンツ記述 ━━━━━━━━━━━━━━ */		
	

	
	
/* ━━━━━━━━━━━━━━　GoodPoint ━━━━━━━━━━━━━━ */	
	
	.GoodPoint {
		width:100%;
		float:left;
		margin:0;
		padding:0;
	}
	
	.GoodPoint h3 {
		color: aliceblue;
		font-size:1.5em;
		text-align: center;
		margin-bottom:5px;
	}
	
	.GoodPoint p {
		color: aliceblue;
		text-align-last: center;
		margin-bottom:10px;
	}
	
	.circle {
		width:50%;
		margin:0 auto;
	}
	
	.circle img {
  		width: 100%;
  		height: 100%;
		margin:0 auto;
		padding:10px;
}

	.pink {
		color: deeppink;
	}
	
	.green {
		color:lightseagreen;
	}
	
	.blue {
		color:deepskyblue;
	}
	
	.yellow {
		color:khaki;
	}
	
	.orange {
		color:darkorange;
	}
	
	.red {
		color:red;
	}
	
/* ━━━━━━━━━━━━━━　GoodPoint ━━━━━━━━━━━━━━ */
	
.qa-7 {
    max-width: 500px;
    margin-bottom: 10px;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
    background-color: #fff;
}

.qa-7 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa-7 summary::before,
.qa-7 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-7 summary::before {
    color: #75bbff;
    content: "Q";
}

.qa-7 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-7[open] summary::after {
    transform: rotate(225deg);
}

.qa-7 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-7[open] p {
    transform: none;
    opacity: 1;
}

.qa-7 p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}
	
	
	
	
/*--------------------------------------
コンバージョンアップボタン 緑色（中央寄せ）
--------------------------------------*/
    .button1,
    a.button1,
    button.button1 {
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 1.5;
      position: relative;
      display: inline-block;
      padding: 1rem 4rem;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      text-align: center;
      vertical-align: middle;
      text-decoration: none;
      letter-spacing: 0.1em;
      color: #212529;
      border-radius: 0.5rem;
    }

    .button1-wrap {
      margin: 30px 0;
      text-align: center; 
    }

    a.button1-c {
        font-size: 1.15rem;
        width: 80%;
        position: relative;
        padding: 0.25rem 2rem 0.5rem 2rem;
        color: #fff;
        background: #32b16c;
        -webkit-box-shadow: 0 5px 0 #2c9d60;
        box-shadow: 0 5px 0 #2c9d60;
    }

    a.button1-c span {
      font-size: 0.8rem;

      position: absolute;
      top: -10px;
      left: calc(50% - 150px);

      display: block;

      width: 300px;
      padding: 0.2rem 0;

      color: #32b16c;
      border: 2px solid #32b16c;
      border-radius: 0.5rem;
      background: #fff;
      -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    }

    a.button1-c:hover {
      -webkit-transform: translate(0, 3px);
      transform: translate(0, 3px);

      color: #fff;
      background: #30a967;
      -webkit-box-shadow: 0 2px 0 #2c9d60;
      box-shadow: 0 2px 0 #2c9d60;
    }

    a.button1-c:hover:before {
      left: 2rem;
    }

	
	
	
	
	
	/* ━━━━━━━━━━━━━━　gra記述 ━━━━━━━━━━━━━━ */	
	
	.gr_anime {
		display: flex;
		align-items: center;
		margin: 2em auto;
		width:100%;
		font-size:1em;
	}
	
	.gr_anime span{
		background: -webkit-linear-gradient( 60deg,#12d6df, #f70fff,#faea3d, #fd644f);
		background-size:400%;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		animation: textAnime 15s infinite;
		font-size: 1.5em;
	}
	
	@keyframes textAnime{
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}
	
	.gr_anime:before, .gr_anime:after {
		content: "";
		flex-grow: 1;
		height: 1px;
		display: block;
	}
	
	.gr_anime:before {
		margin-right: .4em;
		background: linear-gradient(-90deg, #e6b422, transparent);
	}
	
	.gr_anime:after {
		margin-left: .4em;
		background: linear-gradient(90deg, #e6b422, transparent);
	}

/* ━━━━━━━━━━━━━━　gra記述 ━━━━━━━━━━━━━━ */
	
	
	/*メニューをページ下部に固定*/
    #sp-fixed-menu{
       position: fixed;
       width: 100%;
       bottom: 0px;
       font-size: 0;
       opacity: 0.9;
       z-index: 99;
    }

    /*メニューを横並びにする*/
    #sp-fixed-menu ul{
       display: flex;
       list-style: none;
       width:100%;
    }

    #sp-fixed-menu li{
       justify-content: center;
       align-items: center;
       width: 50%;
    }

    #sp-fixed-menu .tel {
       justify-content: center;
       align-items: center;
       width: 25%;
    }

/* ━━━━━━━━━━━━━━　固定メニュー ━━━━━━━━━━━━━━ */

	#sp-fixed-menu li a{
       display:block;
       width: 100%;
    }

    #sp-fixed-menu{
       position: fixed;
       width: 100%;
       bottom: 0px;
       font-size: 0;
       opacity: 0.9;
       z-index: 99;
    }

    /*メニューを横並びにする*/
    #sp-fixed-menu ul{
       display: flex;
       list-style: none;
       width:100%;
    }

    #sp-fixed-menu li{
       justify-content: center;
       align-items: center;
       width: 50%;
    }



    /*ボタンを調整*/
    #sp-fixed-menu li a{
       display:block;
       width: 100%;
    }	
	
	

	}