@charset "UTF-8";

html,
body {
	height: 100%;
    background-color: #fff;
    font-size: 62.5%;
    font-family: YakuHanJP, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-style: normal;
    font-feature-settings: 'palt';
    background-color: #ffffff;
    color: #353535;
    -webkit-font-feature-settings: 'pkna';
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    box-sizing: border-box;
}




ul{
    padding-left:0px;
    list-style: none;
}


/*横幅1081px以上からのcss*/
.pc {
    display: block !important;
}

.tab {
    display: none;
}

.sp {
    display: none;
}

/*横幅1080pxまでのcss*/
@media screen and (max-width: 1080px) {
    .pc {
        display: none !important;
    }

    .tab {
        display: block !important;
    }

    .sp {
        display: none;
    }
}

/*横幅768pxまでのcss*/
@media screen and (max-width: 768px) {
    .pc {
        display: none !important;
    }

    .tab {
        display: block !important;
    }

    .sp {
        display: none;
    }
}

/*横幅640pxまでのcss*/
@media screen and (max-width: 640px) {
    .pc {
        display: none !important;
    }

    .tab {
        display: none !important;
    }

    .sp {
        display: block !important;
    }
}



a {
    text-decoration: none;
    color:#353535;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

::selection {
    background: #dd5510;
}

::-moz-selection {
    background: #dd5510;
}

a {
    cursor: pointer;
}

.header {
    max-width: 1080px;
    margin: 0 auto;
    background-color: #dd5510;
    height: 80px;
    margin-bottom: 50px;
}

.header__hl {
    font-size: 2rem;
    color: #fff;
    margin-bottom: 50px;
}


/* 210409_PCここから */
/* header */
.fv{
    background-image: url(../img/FV-background_02.png);/* FVの背景 */
    background-size:cover;
}
.fv-content{
	max-width: 1150px;
	margin:0 auto;
	position: relative;
}
.fv_img{

    /* 210615 コメントアウト
	position:relative; */
}
.fv_btn {
    width: 25%;
    position: absolute;
    left: 10%;
    top: 40%;
}
.logo{
    width:261px;
    position:absolute;
    top:3%;
    right:8%;

}

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

    /* header */
    .logo{
        width:26%;
        top:1%;
        right:4%;

    }
    .fv_img_sp{
        margin:0 auto;



        position:relative;
    }

}

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

    /* header */
    .logo{
        width:26%;
        top:1%;
        right:4%;

    }

   .sp .fv_img{
       margin:0 auto;
       position:relative;
   }
	.fv_btn {
    width: 40%;
    position: absolute;
    left: 7%;
    top: 45%;
}

}


/* section1 */
.sec_1{
    margin:45px 0 0 0;
}
.text-center{
    text-align: center;
}

.open{
    max-width: 713px;
    margin:0 auto;
}

.open-txt{
    text-align: left;
    margin:45px auto 35px;
    font-size:2.6rem;
    line-height: 200%;
    font-weight: lighter;
    max-width: 900px;
}
.btn{
    max-width:741px;
    margin:0 auto;
}
.btn:hover {
    opacity: 0.5;

}
    .contact_btn_text{
        margin-bottom: 40px;
    }
    .contact_btn{
        text-align: center;
		margin: 0px auto 0px;
        max-width: 1150px;
		padding-top: 30px;
    }
    @media screen and (max-width: 1080px) {

    .contact_btn{

		padding-top: 0px;
    }
    }


    .contact_btn a{
        display: inline-block;
        width: 48%;
        vertical-align: bottom;
        margin-right: 2%;
		line-height: 3;
    }

    .contact_btn a:last-child{
        margin-right: 0;
		margin-bottom: 0;
	}
@media screen and (max-width: 1080px) {
	header{
		background:#dd5510;
		position: fixed;
		width: 100%;
		margin-bottom: 5%;
		z-index: 10;
	}
	header .splogo{
		width: 15%;
		padding: 2% 0 2% 2%
	}
	.fv{
		padding-top: 10%;
	}
    .sec_1_text{
        margin-bottom: 30px;
    }
	.contact_btn a{
        display:inline;
    }
    .sec_10 .contact_btn{
        margin-bottom: 30px;
        /*margin-bottom: 80px;*/
    }

    #form {
    margin-bottom: 6rem;
}


/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: absolute;
  z-index : 3;
  right : 3%;
  top   : 2vw;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 40px;
  height  : 2px ;
  left    : 6px;
  background : #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenuSp {
  position: absolute;
  height: 100vh;
  display: none;
  z-index : 2;
  top  : 100%;
  left : 0;
  color: #fff;
  background: #dd5510;
  text-align: left;
  width: 100%;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
  padding-bottom: 5%;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  opacity: 0.5;
}

nav.globalMenuSp ul li a {
  line-height: 8vh;
  display: block;
  color: #fff;
  padding: 0 0 0 5%;
  text-decoration :none;
  font-size: 5vw;
  letter-spacing:0.2rem;
  font-weight: bold;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  opacity: 100;
  display: inline;

}
}
@media screen and (max-width: 768px) {
	.hamburger {
		top: 15%;
	}
	nav.globalMenuSp ul li a {
        font-size: 5.5vw;
    }
}

@media screen and (max-width: 700px) {
    header{
		width: 100%;
		margin-bottom: 5%;
		z-index: 10;
	}
	header .splogo{
		width: 30%;
		padding: 3% 0 3% 3%
	}
	.fv{
		padding-top: 15%;
	}
	.hamburger {
        right : 3%;
        top   : 15%;
        width : 42px;
        height: 42px;
      }
	.hamburger span {
        width   : 30px;
        height  : 2px ;
	}
	nav.globalMenuSp{
		padding-bottom: 0;
	}
}
@media screen and (max-width: 420px) {
	.hamburger {
        top: 10%;
    }
	nav.globalMenuSp ul li a {
        font-size: 7vw;
    }


}

@media screen and (max-width: 361px){
    .btn{
    max-width:741px;
    margin:0 auto 5px;
}


}

@media screen and (max-width: 320px) {
	.hamburger {
        top: 5%;
    }
	nav.globalMenuSp ul li a {
        font-size: 7.5vw;
    }
}
.experience{
	text-align: center;
	width: 90%;
	margin: 0 auto;
}
.experience-img{
    width: 94px;
    margin: 0 auto 30px;
}
.experience_h2{
	text-align: center;
    color: #353535;
    font-size: 5.0rem;
    font-weight: bold;
    margin-bottom: 45px;
}
.experience-item{
	display: inline-block;
	width: 48%;
}

@media screen and (max-width: 1080px) {
    .sec_1{
    margin:30px 0 0 0;
}

    .open{
        width:80%;
    }

    .btn{
        max-width:80%;
        margin:0 auto 15px;
    }
    .open-txt{
        margin:15px auto 10px;
        font-size:2.0rem;
        font-weight: lighter;
        width: 80%;
    }

}
@media screen and (max-width: 700px){
    .sec_1{
        margin:20px  0;
    }
    .btn{
        max-width:90%;
        margin: 0 auto 5px;
    }
    .open-txt{
        font-size:1.4rem;

    }


}

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

   /* section1 */

   .open{
       max-width: 80%;
       margin:0 auto;
   }

   .open-txt{
       font-size:1.4rem;
   }

	.experience-img{
      max-width: 34px;
      margin: 0 auto 5px;
	}
	.experience_h2 {
    font-size: 3.3rem;
    margin-bottom: 15px;
    line-height: 130%;
}
}


/* section_25分間の全身ストレッチの流れ */

.sec_1-1{
    max-width:1440px;
    margin:120px auto 0;
}


.img-25min{
    max-width:94px;
    margin:0 auto 30px;
}

.box_25min{
    background-size:1150px;
    margin:0 auto;
}

.bg_25min{
    max-width: 1150px;
    margin: -35px auto 0;
    background-image: url(../img/25min_bg.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px 20px 30px;

}
.bg_training{
    max-width: 1150px;
    margin: -35px auto 0;
    background-image: url(../img/training_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px 20px 30px;

}



.ttl-25min{
    text-align: center;
    color:#020202;
    font-size: 5.0rem;
    font-weight: bold;
    margin:-20px 0 0;
}
.strech_25min{
    max-width:1000px;
    /* padding:100px 54px; */
    margin:0 auto 45px;

}

.ul_25min .item_25min{
	position: relative;
	/* アニメーションに関数プロパティ */
	opacity: 0; 	/* フェードインしたいので最初は非表示 */
	bottom: -15px; 	/* 下から上に移動したいので最初はマイナス値 */
	transition: 1.0s; /* 1秒かけてアニメーション */

}

/* スクロールした時に追加されるclass */
.ul_25min .item_25min.fadein {
	opacity: 1;
	bottom: 0;
}



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

    .img-25min {
        max-width: 68px;
        margin: 0 auto 10px;
    }

    .box_25min{
        background-size:90%;
        margin:0 auto;
    }


    .bg_25min{
        width: 100%;
        margin: -32px auto 0;
        background-image: url(../img/25min_bg_sp.jpg);
        background-size: 95%;
        background-repeat: no-repeat;
        background-position: center;
        padding:50px 0 10px;
    }
    .bg_training{
        width: 100%;
        margin: -32px auto 0;
        background-image: url(../img/training_bg_sp.jpg);
        background-size: 95%;
        background-repeat: no-repeat;
        background-position: center;
        padding:50px 0 10px;
    }

    .strech_25min{
        width:60%;
        /* padding:50px 20px; */
        margin:0 auto 45px;

    }

    .ttl-25min{
        margin:0;
    }


}

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

    .sec_1-1{
        margin-top:50px;
    }

.ttl-25min{
    font-size: 3.3rem;
    margin-bottom:15px;
    line-height: 130%;
}
.strech_25min {
    width: 90%;
    /* padding: 40px 10px 30px; */
     margin:0 auto 20px;
}

.bg_25min{
  padding:30px 0 5px;
}
.bg_training{
    padding:30px 0 5px;
  }

}




/* section_ストレッチによるカラダの変化 */

.change_bg{
    background-image: url(../img/change_bg.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;

}

.ttl-change{
    text-align: center;
    color:#fff;
    font-size: 5.0rem;
    font-weight: bold;
    margin:-20px 0 0;
}

.change_img{
    width:64px;
    margin:60px auto 30px;
    padding-top:120px;
}




.change-ul .change_item{
	position: relative;
	/* アニメーションに関数プロパティ */
	opacity: 0; 	/* フェードインしたいので最初は非表示 */
	bottom: -15px; 	/* 下から上に移動したいので最初はマイナス値 */
	transition: 1.0s; /* 1秒かけてアニメーション */

}

/* スクロールした時に追加されるclass */
.change-ul .change_item.fadein {
	opacity: 1;
	bottom: 0;
}

.change01{
    width:1150px;
    margin:0 auto 50px;
}


.change02{
    width:1150px;
    margin:0 auto;
    padding-bottom:85px;
}







@media screen and (max-width: 1080px) {
    .change01{
        width:90%;
        margin:0 auto 15px;
    }
    .change02{
        width:90%;
        margin:0 auto;
        padding-bottom:50px;
    }

    .change_bg_sp{
        background-image: url(../img/change_bg_sp.jpg);
        background-size:cover;
        background-repeat: no-repeat;
        background-position: inherit;
        padding-top: 50px;
    }

}

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

    .sec_1-2{
        margin-top:30px;
    }

    .change_img {
        width: 40px;
        margin: 0 auto 30px;
        padding-top: 42px;
    }





    .ttl-change{
        font-size: 3.3rem;
        margin-bottom:15px;
        line-height: 130%;
    }
    }







/* section2 */
.sec_2{
    margin:40px 0 0 0;
}
.worry{
    background-image: url(../img/worry-background.png);/* こんなお悩みありませんか？ */
    background-size: 1200px;
    background-repeat: no-repeat;
    background-position: center;
}
.flex-first{
    display: flex;
    margin:10px 0 20px;
    align-items: flex-start;

}
.flex{
    display: flex;
    margin-bottom:20px;
    align-items: flex-start;


}

.check-ul{
    padding:240px 0 240px 20px;
    width: 708px;
    margin:0 auto;
}
.check{
    width:30px;
    margin-right:15px;
}
.check-txt{
    font-size:2.6rem;

}

.worry_bottom{
    width:274px;
    height: auto;
    margin: 0 auto;

}
.worry_txt{
    margin-top:30px;
    text-align: center;
    font-size:5.0rem;
    font-weight: 600;

}
.worry_txt_orange1{
    padding:0 8px;
    color:#fff;
    background-color:#dd5510;
    border-radius: 8px;
    margin-right:2px;

}
.worry_txt_orange2{
    padding:0 0 0 8px;
    color:#fff;
    background-color:#dd5510;
    border-radius: 8px;
}

.check-ul .check_item{
	position: relative;
	/* アニメーションに関数プロパティ */
	opacity: 0; 	/* フェードインしたいので最初は非表示 */
	bottom: -15px; 	/* 下から上に移動したいので最初はマイナス値 */
	transition: 1s; /* 1秒かけてアニメーション */

}

/* スクロールした時に追加されるclass */
.check-ul .check_item.fadein {
	opacity: 1;
	bottom: 0;
}


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


    .worry{
        background-image: url(../img/worry-background.png);/* こんなお悩みありませんか？ */
        background-size: 90%;
        background-repeat: no-repeat;
        background-position: center;

    }
    .sec_2{
        margin:0;
    }
    .check-ul{
        padding:180px 0 160px 80px;
        line-height:400%;
    }





}

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

    /* section2 */

    .sec_2{
        margin:0;

    }
    .check-ul{
        padding: 170px 20px 160px 85px;
        width: 60%;
        margin:60px auto 0;
        line-height: 280%;
    }

    .check{
        width:25px;
    }
    .check-txt{
        font-size:2.3rem;

    }

}
@media screen and (max-width: 1000px){
    .check-txt{
        font-size:2.0rem;

    }

}
@media screen and (max-width: 800px){
    .worry{
        background-image: url(../img/worry-background_sp.png);/* こんなお悩みありませんか？ */
        background-size: 85%;
        background-repeat: no-repeat;
        background-position: center;

    }
    .check-ul{
        line-height: 420%;
        padding: 200px 20px 120px 85px
    }
    .check-txt{
        font-size:2.0rem;
        line-height: 140%;

    }


}
@media screen and (max-width: 700px){
    .check-ul {
        line-height: 370%;
        padding: 200px 20px 160px 85px;
    }
    .check-txt{
        font-size:2.0rem;

    }
    .check{
        width:20px;
    }
    .worry_bottom{
        margin: 0 auto 0;

    }



}


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

   /* section2 */

   .worry{
       background-image: url(../img/worry-background_sp.png);/* こんなお悩みありませんか？ */
       background-size: 90%;
       background-repeat: no-repeat;
       background-position: center;
       margin-top:-80px;
   }
   .check-ul {
    padding: 250px 20px 200px 90px;
    width: 60%;
    margin: 60px auto 0;
    line-height: 300%;
}

   .worry_bottom{
    margin: -40px auto 0;
    padding-left: 20px;
}
    .worry_txt{
        margin-top:16px;
        font-size:2.5rem;

    }
    .worry_bottom{
        width:50%;

    }
    .flex-first{
        display: flex;
        margin:10px 0 15px;

    }
    .flex{
        display: flex;
        margin-bottom:15px;

    }

}
@media screen and (max-width: 545px){
    .check-ul {
        padding: 200px 20px 150px 43px;
        width: 70%;
        margin: 60px auto 0;
        line-height: 200%;
    }
    .check-txt {
        font-size: 1.5rem;
    }

}
@media screen and (max-width: 400px){
    .check-ul {
        padding: 160px 20px 130px 47px;
        width: 68%;
        margin: 30px auto 0;
        line-height: 200%;
    }
    .check-txt {
        font-size: 1.3rem;
    }
    .flex-first {
        margin: 10px 0;
    }
    .flex {
        margin-bottom: 10px;
    }

}

@media screen and (max-width: 281px){
    .check-ul {
        padding: 110px 20px 90px 37px;
        width: 70%;
        margin: 60px auto 0;
        line-height: 200%;
    }
    .check-txt {
        font-size: 1.0rem;
    }

}



/* section3 */
.sec_3{
    margin-top:60px;
}
.effect_bg{
    background-image: url(../img/effect-bg.jpg);/* ストレッチで得られる５つの効果 */
    background-size:cover;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top:60px;

}
.effect-img{
    width:94px;
    margin:0 auto 30px;

}
.effect-ttl{
    text-align: center;
    color:#fff;
    font-size: 5.0rem;
    font-weight: bold;
    margin-bottom:45px;
}
.effect-txt{
    color:#fff;
    text-align: center;
    font-size:2.6rem;
    line-height: 200%;
    font-weight: bold;
    max-width: 586px;
    margin:0 auto 50px;

}

.effect_list_box{
    text-align: center;
}

.effect-img{
    max-width: 68px;

}

.effect_list_img{
    margin:0;
    max-width:210px;
}

.effect_list_img01,.effect_list_img02,.effect_list_img04{
    margin:0 40px 0 0;
    max-width:210px;
}


ol{
    list-style-type: none;

}
.effect_list01 .effectlist_item{
	position: relative;
	/* アニメーションに関数プロパティ */
	opacity: 0; 	/* フェードインしたいので最初は非表示 */
	bottom: -15px; 	/* 下から上に移動したいので最初はマイナス値 */
	transition: 1s; /* 1秒かけてアニメーション */

}
.effect_list02 .effectlist_item{
	position: relative;
	/* アニメーションに関数プロパティ */
	opacity: 0; 	/* フェードインしたいので最初は非表示 */
	bottom: -15px; 	/* 下から上に移動したいので最初はマイナス値 */
	transition: 1s; /* 1秒かけてアニメーション */

}

/* スクロールした時に追加されるclass */
.effect_list01 .effectlist_item.fadein {
	opacity: 1;
	bottom: 0;
}
/* スクロールした時に追加されるclass */
.effect_list02 .effectlist_item.fadein {
	opacity: 1;
	bottom: 0;
}


.effect_list01{
    text-align: center;
    margin-bottom:10px;
}

.effect_list02{
    text-align: center;
    padding-bottom:140px;
}

.effect_list01 li{
    display: inline-block;
}
.effect_list02 li{
    display: inline-block;
}

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

    /* section3 */
    .effect_list_img{
        max-width:180px;
    }

    .effect_list_img01,.effect_list_img02,.effect_list_img04{
        max-width:180px;
        margin:0 12px 0 0;
    }
    .effect_bg{
        padding:60px 20px 0 20px;
    }



}

@media screen and (max-width: 640px) {
   /* sectio3 */
   .effect_bg{
    background-image: url(../img/effect-bg-sp.jpg);/* ストレッチで得られる５つの効果 */
    background-size:cover;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top:60px;
   }
   .sec_3{
    margin-top:30px;
}
    .effect_bg{
        padding:30px 10px 50px 10px;
    }
    .effect-img {
        max-width: 34px;
        margin: 0 auto 5px;
    }
    .effect-ttl{
        font-size: 3.3rem;
        margin-bottom:15px;
        line-height: 130%;
    }
    .effect_list_img{
        max-width:100px;
    }

   .effect_list_img01,.effect_list_img02,.effect_list_img04{
    max-width:100px;
    margin:0 5px 0 0;
}
    .effect-txt {
        font-size: 1.5rem;
        line-height: 180%;
        max-width: 85%;
        margin: 0 auto 20px;
    }

    .effect_list02{
        padding-bottom:30px;
    }
}
@media screen and (max-width: 415px) {
.effect_bg {
    padding: 30px 10px 103px 10px;
}
}

@media screen and (max-width: 322px) {
    .effect_bg {
        padding: 30px 10px 50px 10px;
    }
    }





/* section4 */
.effect02_bg{
    background-image: url(../img/effect-bg2.jpg);/* ストレッチでカラダ、変わる */
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top:60px;

}

.effect02-txt {
    width:800px;
    margin:0 auto;
    padding-bottom: 80px;
}

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

    /* section4 */
    .effect02_bg{
        padding:0;
    }
    .effect02-txt {
        width: 60%;
        margin: 0 auto;
        padding: 20px 0 50px 0;
    }

}


@media screen and (max-width: 640px) {
   /* section4 */

   .effect02_bg{
    background-image: url(../img/effect-bg2-sp.jpg);/* ストレッチでカラダ、変わる */
}


}


/* section5 */
.sec_5{
    padding:160px 0 150px 0;
}
.youtube {
    width: 766px;
    margin:0 auto;
    aspect-ratio: 16 / 9;
    height: 430px;
  }
  .youtube iframe {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    z-index: 2;
    background-color: transparent; /*背景色・透明*/
    /* padding: 10px; 枠線の太さ */
    -webkit-box-shadow: 6px 6px 0 0 #dd5510; /*シャドウの設定*/
    -moz-box-shadow: 6px 6px 0 0 #dd5510; /*シャドウの設定*/
    box-shadow: 6px 6px 0 0 #dd5510;
    /*シャドウの設定*/
    border-radius: 5px;

  }

.webcm{
    text-align: center;
}



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

    /* section5 */
    iframe {
        width:648px;
        height:361px;
    }

    .sec_5{
        padding:88px 20px 90px 20px;
    }

    .youtube {
        width:70%;
        height: 350px;
    }
}
@media screen and (max-width: 800px) {
    .youtube {
        width: 70%;
        height: 280px;
    }
}

@media screen and (max-width: 700px) {
   /* section4 */

   .sec_5{
    padding:44px 20px 80px 20px;
}
    .youtube {
        width: 80%;
        height: 60%;
    }
   iframe {
    width:560px;
    height:300px;
}
.effect02-txt {
    width: 80%;
    margin: 0 auto;
}

    .youtube iframe {
        -webkit-box-shadow: 6px 6px 0 0 #dd5510; /*シャドウの設定*/
        -moz-box-shadow: 6px 6px 0 0 #dd5510; /*シャドウの設定*/
        box-shadow: 6px 6px 0 0 #dd5510;
        /*シャドウの設定*/
        border-radius: 5px;
    }
}


/* section6 */
.fascination_bg{
    background-image: url(../img/fascination-background.jpg);/* ストレッチアップの３つの魅力 */
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    padding:97px 0 170px;
}
.facination-img{
    width:62px;
    margin:0 auto;
}

.facination-ttl{
    width:507px;
    margin:56px auto 80px;
}


.fascination_box .fascination_item{
	position: relative;
	/* アニメーションに関数プロパティ */
	opacity: 0; 	/* フェードインしたいので最初は非表示 */
	bottom: -15px; 	/* 下から上に移動したいので最初はマイナス値 */
	transition: 1s; /* 1秒かけてアニメーション */
    width: 30%;
    margin-bottom:30px;
}


/* スクロールした時に追加されるclass */
.fascination_box .fascination_item.fadein {
	opacity: 1;
	bottom: 0;
}

.fascination_box {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    gap:20px;
}
.fascination_box li{
    display: inline-block;
}


.fascination_list_img{
    width:395px;
    margin: 0 auto;
}
.fascination_list_txt{
    font-size: 3.0rem;
    font-weight:bold;
    color:#fff;
}
.training_txt{
    font-size: 2.8rem;
}
.fascination_list01{
    margin-right:28px;
}
.fascination_list02{
    margin-right:31px;
}

@media screen and (max-width: 1300px){
    .fascination_list_txt {
        font-size: 2.6rem;
    }
    .training_txt{
        font-size: 2.4rem;
    }
    .fascination_box {
        width: 80%;
    }
    .fascination_list_img {
        width: 80%;
    }

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

    /* section6 */
    .fascination_bg {
        padding: 97px 0 30px;
    }
    .fascination_list_txt {
        font-size: 2.2rem;
    }
    .training_txt{
        font-size: 2rem;
    }
    .fascination_box {
        width: 90%;
    }
    .fascination_list_img {
        width: 90%;
    }


    .facination-ttl{
        width:611px;

    }

    .fascination_box li{
        margin-bottom:68px;
    }

}
@media screen and (max-width: 800px){
    /* section6 */
    .fascination_list_txt {
        font-size: 1.9rem;
    }
    .training_txt{
        font-size: 1.9rem;
    }
    .fascination_box .fascination_item{
        width: 100%;
    }

}

@media screen and (max-width: 700px) {
   /* section6 */
   .fascination_bg {
    padding: 60px 0 40px;
}
   .fascination_box {

    display: block;

}


   .facination-img{
    width:34px;
}

   .facination-ttl{
    width:75%;
    margin:10px auto 40px;
}
.fascination_box li {
    margin-bottom: 33px;
}
.fascination_list_img{
    width:70%;
    margin:0 auto;
}
.fascination_list01{
    margin:0;
}
.fascination_list_txt{
    font-size: 2.1rem;
}
.training_txt{
    font-size: 2.1rem;
}
.fascination_list02 {
    margin:0;
}
}
@media screen and (max-width: 640px){

    .fascination_bg {
        background-image: url(../img/fascination-background_sp.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding: 87px 40px 40px;
    }
}


/* section7 */
.sec_7{
   padding:125px 0 115px 0;
}
.safety-ttl{
    width:788px;
    margin:0 auto;
}

.safety-txt{
    width:530px;
    margin:40px auto;
}

.safety-box{
    max-width:1200px;
    margin:0 auto;
    border-radius: 8px;
    box-shadow: 15px 15px 0 0 rgba(0,0,0,0.2);
}
.safty-top{
    background-color: #dd5510;
    text-align: center;
    color: #fff;
    padding:28px 0;
    border-radius: 8px 8px 0 0;
}

.safty-top_ttl{
    font-size: 4.0rem;
    font-weight: bold;
}

.safety-inner{
    background-color: #fffcf0;
    padding:1px 50px 58px 50px;
    border-radius: 0 0 8px 8px;
}



.safety-list .safety_item{
	position: relative;
	/* アニメーションに関数プロパティ */
	opacity: 0; 	/* フェードインしたいので最初は非表示 */
	bottom: -15px; 	/* 下から上に移動したいので最初はマイナス値 */
	transition: 1s; /* 1秒かけてアニメーション */

}



/* スクロールした時に追加されるclass */
.safety-list .safety_item.fadein {
	opacity: 1;
	bottom: 0;
}

.safety01{
    margin:0 auto;
    display:block;

}

.safety01_img{
    width:105px;
    margin:28px 42px 27px 44px;
}

.safety01_txt{
    width:623px;
    margin:28px 0 27px 0;
    font-size: 2.6rem;
}
.safety02{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin:0 0 20px 0;
}

.safety02_img{
    width:105px;
    margin:28px 42px 27px 44px;
}

.safety02_txt{
    width:623px;
    margin:28px 0 27px 0;
    font-size: 2.6rem;
}

.safety03{
    margin:0 auto;
    display: block;
}

.safety03_img{
    width:110px;
    margin:58px 38px 27px 40px;

}

.safety03_txt{
    width:623px;
    margin:28px 0 27px 0;
    font-size: 2.6rem;
}

.safety03_txt_sub{
    font-size:2.0rem;
}

.safety_bottom_txt{
    /* width:840px; */
    font-size: 2.8rem;
    font-weight: bold;
    margin:50px 0 0 5px;
    color: #dd5510;
    text-align: center;
}
.safetybox_bottom01{
    /* width:928px; */
    font-size:4.0rem;
    font-weight: bold;
    color: #dd5510;
    text-align: center;
    margin-top:50px;
}

.safetybox_bottom02{
    /* width:928px; */
    font-size:3.4rem;
    color: #dd5510;
    text-align: center;
    margin-top:20px;
}



.safety04{

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom:20px;

}

.safety04_img{
    width:105px;
    margin:28px 42px 27px 44px;
}

.safety04_txt{
    width:623px;
    margin:28px 0 27px 0;
    font-size: 2.6rem;
}



.safety05{
    margin:0 auto;
    display: block;

}

.safety05_img{
    width:105px;
    margin:28px 42px 27px 44px;
}

.safety05_txt{
    width:623px;
    margin:28px 0 27px 0;
    font-size: 2.6rem;
}

.safety06{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* ---21/08/02 newdesign--- */

.safety-item_box{
    display:flex;
}

.safety-subttl_bg{
    margin:40px auto 45px;
    background-color: #dd5510;
    max-width: 1100px;
    border-radius: 10px;
}

.safety-subttl{
    color: #fff;
    font-size: 4.0rem;
    font-weight: bold;
    padding:20px 0;
    text-align: center;
}

.safety-itemimg{
    width:344px;
    margin-bottom: 20px;
}

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

    .safety-itemimg{
        width:324px;
        margin-bottom: 20px;
    }

}

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

    .safety-itemimg{
        width:300px;
        margin-bottom: 20px;
    }

}

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

    .safety-itemimg{
        width:95%;
        margin:0 auto 10px;
    }

}

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

    .safety-itemimg{
        width:100%;
        margin:0 auto 10px;
    }

}





.safety_itemtxt{
    font-size:22px;
    font-weight: bold;
    text-align: center;
}
/*
.safety-itembox{

    margin-right: 30px;
} */

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

    .safety_itemtxt{
        width: 95%;
        font-size: 2.0rem;
        text-align: center;
        margin: 0 auto 10px;
    }


}

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

    .safety_itemtxt{
        width: 98%;
        font-size: 1.8rem;

}
}

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

    .safety_itemtxt{
        width: 98%;
        font-size: 1.1rem;

    }


}









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

    /* section7 */
    .sec_7{
        padding:70px 20px 80px 20px;
     }
    .safety-ttl{
        width:80%;
        margin:0 auto;
    }
    .safety-txt{
        width:50%;
        margin:40px auto;
    }
    .safty-top_ttl {
        font-size: 3.0rem;
        font-weight: bold;
    }
    .safetybox_bottom01 {
        /* width: 928px; */
        font-size: 3.0rem;
    }

    .safety-box{
        width:90%;
        margin:0 auto;
        border-radius: 8px;
        box-shadow: 10px 10px 0 0 rgba(0,0,0,0.2);
    }
    .safety-inner{
        background-color: #fffcf0;
        padding: 20px 20px 40px 20px;
    }
    .safety01_img{
        width:65px;
        margin:14px 21px 13px 22px;
    }
    .safety01{
        border-radius: 8px;
        margin:0 auto 20px;
        display: block;
    }
    .safety01_txt{

        margin:30px 0 0 0;
        font-size: 1.4rem;
    }
    .safety02_img{
        width:65px;
        margin:14px 21px 13px 22px;
    }
    .safety02{
        /* border-radius: 8px; */
        margin-bottom:15px;
        /* display: flex; */
    }
    .safety02_txt{

        margin:30px 0 0 0;
        font-size: 1.4rem;
    }
    .safetybox_bottom02 {
        font-size: 3.0rem;
        margin-top: 0;
    }
    .safety03_img{
        width:65px;
        margin:25px 21px 13px 22px;
    }
    .safety03{
        border-radius: 8px;
        margin-bottom:20px;
    }
    .safety03_txt{
        margin:25px 0 0 0;
        font-size: 1.4rem;
    }
    .safety03_txt_sub{
        font-size:1.0rem;
    }
    .safety04_img{
        width:65px;
        margin:14px 21px 13px 22px;
    }
    .safety04{
        border-radius: 8px;
        margin-bottom:15px;
    }
    .safety04_txt{

        margin:30px 0 0 0;
        font-size: 1.4rem;
    }

    .safety05_img{
        width:65px;
        margin:14px 21px 13px 22px;
    }
    .safety05{
        border-radius: 8px;
        margin-bottom:20px;
    }
    .safety05_txt{

        margin:30px 0 0 0;
        font-size: 1.4rem;
    }

    .safety06{
        /* border-radius: 8px; */
        margin-bottom:15px;
    }
    .safety_bottom_txt{
       width:70%;
        font-size: 2.5rem;
        margin:50px auto 0;
    }




    .safety-subttl{

        font-size: 2.7rem;
        padding: 10px 0;

    }

    .safety-subttl_bg{
        width:100%;
        margin:20 auto 0;

    }




    .safety-itembox{
        margin-right: 10px;
    }








}

@media screen and (max-width: 800px){
.safety_bottom_txt{
    width:80%;
     font-size: 2.5rem;
     margin:50px auto 0;
 }
}

@media screen and (max-width: 700px) {
   /* section7 */
   .safety-box{
        width:90%;
        box-shadow: 6px 6px 0 0 rgba(0,0,0,0.2);

    }
    .sec_7{
        padding:80px 0 40px;
     }
     .safety-txt{
        width:70%;
        margin:20px auto;
    }
    .safety-ttl{
        width:90%;
        margin:0 auto;
    }
    .safety-subttl_bg{
        border-radius: 8px;
    }


    .safety-subttl{

        font-size: 1.7rem;
        padding: 3px 0;

    }
    .safty-top {
        padding: 14px 0;
        border-radius: 6px 6px 0 0;
    }
    .safty-top_ttl {
        font-size: 1.7rem;
        font-weight: bold;
    }

    .safety-inner{
        background-color: #fffcf0;
        padding:1px 20px 28px 20px;
    }
    .safety01_img{
        width:50px;
        margin:18px 15px 13px 15px;
    }
    .safety01{
        border-radius: 8px;
        margin-bottom:15px;
        padding-right: 0;
    }
    .safety01_txt{
        width:335px;
        margin:12px 15px 12px 0;
        font-size: 1.3rem;
        line-height: 150%;
    }

    .safety02_img{
        width:50px;
        margin:20px 15px 13px 15px;
    }
    .safety02{
        /* border-radius: 8px; */
        margin-bottom:15px;
    }

    .safety02_txt{
        width:335px;
        margin:12px 15px 12px 0;
        font-size: 1.3rem;
        line-height: 150%;
    }
    .safety03_img{
        width:50px;
        margin:45px 15px 13px 15px;
    }
    .safety03{
        border-radius: 8px;
        margin-bottom:15px;
        padding-right: 0;
        margin-top:-10px;
    }
    .safety03_txt{
        width:335px;
        margin:12px 15px 12px 0;
        font-size: 1.3rem;
        line-height: 150%;
    }
    .safety03_txt_sub{
        font-size:1.0rem;
        line-height: 100%;

    }
    .safety04_img{
        width:50px;
        margin:18px 15px 13px 15px;
    }
    .safety04{
        border-radius: 8px;
        margin-bottom:15px;
        padding-right: 0;
    }
    .safety04_txt{
        width:335px;
        margin:12px 15px 12px 0;
        font-size: 1.3rem;
        line-height: 150%;
    }
    .safety05_img{
        width:50px;
        margin:18px 15px 13px 15px;
    }
    .safety05{
        border-radius: 8px;
        margin-bottom:15px;
        padding-right: 0;
        margin-top:-10px;
    }
    .safety05_txt{
        width:335px;
        margin:12px 15px 12px 0;
        font-size: 1.3rem;
        line-height: 150%;
    }
    .safety_bottom_txt{
        width:98%;
        font-size: 1.3rem;
        margin:10px 0 0 5px;
    }
    .safetybox_bottom01 {
        width: 90%;
        font-size: 1.4rem;
        font-weight: bold;
        color: #dd5510;
        text-align: center;
        margin: 25px auto 0;
    }
    .safetybox_bottom02 {
        font-size: 1.4rem;
        color: #dd5510;
        text-align: center;
        margin: 0 auto;


    }
    .safety06{
        /* border-radius: 8px; */
        margin-bottom:15px;
        padding-right: 0;
    }



}

@media screen and (max-width: 300px){
    .safty-top_ttl {
        font-size: 1.5rem;
        font-weight: bold;
    }

    .safety-subttl{

        font-size: 1.5rem;


    }

}



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

    .safety-inner {
        padding: 1px 10px 28px 10px;
    }


    .safety_bottom_txt{
        width:98%;
        font-size: 1.2rem;
        margin:10px auto 0;
    }

    .safetybox_bottom01{
        font-size: 1.2rem;

    }

}


/* section7.5 */
.tariff_bg{
    background: #fffcf0;/* tariff */
    background-size: cover;
    background-repeat: no-repeat;
    padding:0 0 170px 0;

}
.tariff-ttl{
    width:50%;
    margin:0 auto;
}
.tariff-img{
    width:75px;
    margin:0 auto;
}

.tariff_h2{
    font-size: 5.0rem;
    color:#353535;
    text-align: center;
    font-weight: bold;
    margin:20px 0 50px 0;
}
  .tariff-content{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}

@media screen and (max-width: 1500px){
    .tariff-ttl{
        width:60%;
        margin:0 auto;
    }
}
@media screen and (max-width: 1080px){
    .tariff_bg{
          padding: 0 0 100px 0;
    }
    .tariff-ttl{
        width:80%;
        margin:0 auto;
    }
}
@media screen and (max-width: 700px){
      .tariff_bg{
          padding: 0 30px 40px;
    }
    .tariff_h2{
        font-size: 3.3rem;
        margin:10px 0 20px 0;
    }
    .tariff-img{
        width:30px;
    }

}
@media screen and (max-width: 640px){
    .tariff_bg {
        padding: 0 0px 40px;
    }
}
/* section8 */
.uservoice_bg{
    background-image: url(../img/uservoice-background.jpg);/* uservoice */
    background-size: cover;
    background-repeat: no-repeat;
    padding:0 0 170px 0;

}
.uservoice-ttl{
    width:50%;
    margin:0 auto;
}
.uservoice-img{
    width:75px;
    margin:0 auto;
}

.uservoice_h2{
    font-size: 5.0rem;
    color:#fff;
    text-align: center;
    font-weight: bold;
    margin:20px 0 50px 0;
}

.voice-box{
    background-color: #fff;
    border-radius: 15px;
    padding:54px 0px 60px 0px;
    margin:150px 100px 0 100px;
    position:relative;
    box-shadow: 0 0 8px #7f3503;

}

.voice-box_img{
    width:380px;
    height: auto;
    position:absolute;
    margin-top:-150px;



    /* margin:20px 20px 32px 0; */
}

.flex_voice{
    display: flex;
    justify-content: center;
}
.voice-txt_top{
    font-size: 3.0rem;
    font-weight: bold;
    margin:25px 0;
}
.voice-box_ttl{
    width:366px;
    height:48px;
    background-color:#dd5510;
    padding:10px 65px;
    text-align: center;
    font-size: 3.0rem;
    font-weight: bold;
    color:#fff;
    line-height: 260%;
}
.voice-box_age{
    text-align: right;
    font-size: 2.8rem;
    font-weight: lighter;
    padding:5px 0 15px;

}

.voice-box_line{
    margin:0 auto 30px;
    width:100%;
}
.voice-box_center{

    bottom:0;

    margin:220px auto 0;
    width:80%;
}

.voice-box_txt{
    margin-bottom: auto;
    font-size: 2.6rem;

}
/* slide */
.prev-arrow {
    left: 19%;

}

.next-arrow {
    right: 19%;
    z-index: 999;
}
.slide-nav {
    position: absolute;
    z-index: 1;
    width: 50px;
    top: 45%;
    cursor: pointer;
}
.slide-nav:hover {
    opacity: 0.5;

}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: white;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li button::before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: white;
    -webkit-font-smoothing: antialiased;
}
.slick-dots li button:before {
    color: #ffffff !important;
}
.slick-dots li.slick-active button:before{
    color: #ffffff !important;
}
/* .slick-slider {
    width: 650px;
    margin: 0 auto;

} */
@media screen and (max-width: 1500px){

    .uservoice-ttl{
        width:60%;
        margin:0 auto;
    }
    .voice-box{
        margin:150px 20px 0px 20px;
        padding:0px 20px 20px 20px;

    }

    .voice-box_ttl{
        padding:10px 30px;
        font-size: 2.5rem;
        margin-bottom:10px;
    }
    .voice-txt_top{
        font-size: 2.5rem;
        font-weight: bold;
        margin:25px 0;
    }
    .voice-box_age{
        font-size: 2.5rem;
        font-weight: lighter;
    }
    .voice-box_line{
        width:100%;
    }

    .voice-box_txt {
        font-size: 2.5rem;

    }
}
@media screen and (max-width: 1160px){
    .voice-box_center {
        width: 95%;
    }

}

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



    .uservoice_bg {
        background-image: url(../img/uservoice-background.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 0 0 100px 0;
    }
    .uservoice-ttl{
        width:80%;
        margin:0 auto;
    }
    .voice-box_ttl {
        padding: 10px;
        font-size: 2.0rem;
    }


    .voice-txt_top{
        font-size: 2.3rem;
        font-weight: bold;
        margin:25px 0;
    }
    .voice-box_age{
        font-size: 2.3rem;
        font-weight: lighter;
    }
    .voice-box_txt {
        font-size: 2.3rem;

    }
    .voice-box_center {
        margin: 260px auto 0;
    }


}

@media screen and (max-width: 1025px){
    .voice-box_center {
        margin: 215px auto 0;

    }


}

@media screen and (max-width: 900px){
    .uservoice_bg {
        padding: 0 0 120px 0;
    }
    .voice-box_img{
        width:80%;
    }

    .voice-box_ttl {
        padding: 10px 30px;
        font-size: 2.0rem;
    }

    .voice-box_txt {
        font-size: 2.0rem;

    }

    .voice-txt_top{
        font-size: 2.0rem;
    }
    .voice-box_age{
        font-size: 2.0rem;
    }
    .voice-box_line{
        width:100%;
    }
    .slide-nav {
        width: 20px;
    }
    .prev-arrow {
        left: 19%;
    }
    .next-arrow {
        right: 19%;
    }
}@media screen and (max-width: 850px){

    .voice-box_img{
        width:60%;
    }

    .voice-box_center {
        margin: 253px auto 0;
    }


    .prev-arrow {
        left: 9%;
    }
    .next-arrow {
        right: 9%;
    }


}

@media screen and (max-width: 769px){
    .voice-box_center {
        margin: 182px auto 0;
        width:90%;
    }


}



@media screen and (max-width: 700px){
    .uservoice_bg{
        background-image: url(../img/uservoice-background_sp.jpg);/* uservoice */
        background-size: cover;
        background-repeat: no-repeat;
        padding: 0 30px 40px;

    }
    .uservoice_h2{
        font-size: 3.3rem;
        margin:10px 0 20px 0;
    }

    .voice-box {
        margin:130px 20px 0;
        padding: 20px;

    }

    .voice-box_ttl {
    padding: 0px 10px;
    font-size: 1.4rem;
    }
    .voice-txt_top {
        font-size: 1.4rem;
    }
    .voice-box_age {
        font-size: 1.4rem;
    }
    .voice-box_line{
        margin:10px auto 15px;
    }
    .voice-box_txt {
        font-size: 1.4rem;
    }
    .voice-box_center {
        margin: 90px auto 0;
        width:90%;
    }
    .slide-nav {
        width: 20px;
    }
    .prev-arrow {
        left: 9%;
    }
    .next-arrow {
        right: 9%;
    }
}
@media screen and (max-width: 640px){
    .uservoice_bg {
        background-image: url(../img/uservoice-background_sp.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 0 0px 40px;
    }
    .prev-arrow {
        left: 3%;
    }
    .next-arrow {
        right: 3%;
    }

}

@media screen and (max-width: 541px){
    .voice-box_center {
        margin: 130px auto 0;
        width:90%;
    }


}

@media screen and (max-width: 415px){
    .voice-box_center {
        margin: 110px auto 0;
        width:90%;
    }

    .voice-box_img{
        margin-top:-110px;
    }


}

@media screen and (max-width: 376px){
    .voice-box_center {
        margin: 100px auto 0;
        width:90%;
    }
    .voice-box{
        margin:100px 20px 0;
        padding:0 10px 10px 10px;
    }
    .voice-box_img {
        margin-top: -90px;
    }


}

@media screen and (max-width: 320px){
    .voice-box{
        margin:85px 20px 0;
        padding:0 10px 10px 10px;
    }

    .voice-box_img {
        margin-top: -80px;
    }


    .voice-box_center {
        margin: 75px auto 0;
        width:90%;
    }


}

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

    .voice-box_img{
        margin-top:-60px;
    }

    .voice-box{
        margin:85px 20px 0;
        padding:0 10px 10px 10px;
    }


}

/* section9 */

.QA_bg{
    background-color: #fffcf0;
    padding:107px 0 130px 0;

}
.QA_img{
    width:90px;
    margin:0 auto;
}
.QA_ttl{
    font-size: 5.0rem;
    font-weight: bold;
    text-align: center;
    margin-bottom:78px;
}



.qa-block dl {
    padding: 20px 15px 15px;
    border-radius: 5px;
    background: #fff;
    margin: 0 auto 30px;
    width: 1200px;
    box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
}


.flex_qa{
    display: flex;

    background-image: url(../img/plus.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 50px;
    padding-bottom:20px;
    align-items: flex-start;

}
.qa-block dd{
    display:flex;
}

.flex_qa_a{
    display: flex;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 50px;
    align-items: flex-start;
    padding-bottom: 20px;

}
.qa-answer{
    display:none;
}

.active-qa {
    background-image: url(../img/minus.png);
    border-radius: 10px 10px 0 0;
    transition: .5s;
  }


.question{
    width:41px;
    padding-top: 8px;
}
.question-txt{
   font-size: 3.0rem;
   font-weight: bold;
   margin:15px 0 0 30px;


}

.plus{
    width:41px;
}
.minus{
    width:45px;

}

.answer{
    width:41px;
}
.answer-txt{
    width:80%;
    font-size: 2.6rem;
    font-weight: lighter;
    margin:0 0 0 30px;
 }
 @media screen and (max-width: 1350px){
    .qa-block dl {
        padding: 20px 20px 20px;
        width: 85%;
        box-shadow: 4px 4px 0 0 rgb(0 0 0 / 20%);
    }

 }

 @media screen and (max-width: 1080px){
    .QA_bg {
        padding: 107px 0 90px 0;
    }
    .qa-block dl {
        padding: 20px 20px 20px;
        width: 85%;
        box-shadow: 4px 4px 0 0 rgb(0 0 0 / 20%);
    }
    .question{
        width:30px;
        margin-top:10px;
    }
    .answer{
        width:30px;
    }
    .plus{

        width:30px;
    }
    .minus{

        width:35px;
    }
    .question-txt {
        font-size: 2.6rem;
        font-weight: bold;
        margin: 15px 0 0 30px;
        width: 80%;
    }

 }

 @media screen and (max-width: 700px){
    .QA_bg{
        padding: 20px 0 50px 0;

    }
    .QA_img{
        width:60px;
        margin:0 auto 10px;
    }
    .QA_ttl {
        font-size: 3.3rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 30px;
    }
    .qa-block dl {
        padding:10px 20px 1px 20px;
        width: 80%;
        box-shadow: 4px 4px 0 0 rgb(0 0 0 / 20%);
        margin: 0 auto 20px;
    }

    .question-txt {
        font-size: 1.5rem;
        margin: 13px 30px 0px;
        width: 70%;
    }
     .flex_qa_a{
        background-size: 30px;

    }
     .question{
        width:20px;
        margin-top:0;
    }
    .active-qa {
        background-size: 30px;
      }
    .flex_qa{
        background-size: 30px;
        padding-bottom: 10px;


    }
    .answer{
        width: 20px;
        height: 40px;
        align-items: flex-start;
    }
    .minus{

        width:25px;
    }
    .plus{

        width:20px;
    }
    .answer-txt{
        width:70%;
        font-size: 1.5rem;
        font-weight: bold;
        margin: 0 10px 20px 30px;

     }

}
@media screen and (max-width: 500px){
    .question-txt {
        font-size: 1.5rem;
        margin: 8px 20px 0px;
        width: 70%;
    }
    .answer-txt{
        width:70%;
        font-size: 1.5rem;
        font-weight: bold;
        margin: 0 10px 20px 20px;

     }

}

/* section10 */
.sec_10{
    /*padding:130px 0 160px 0;*/
    padding:60px 0 160px 0;
}
.reservation-box{
    margin:50px 0;
}
.reservation-img{
    width:84px;
    margin:0 auto;
}

.reservation-ttl{
    font-size:5.0rem;
    font-weight: bold;
    color: #353535;
    letter-spacing: 4px;
    text-align: center;
    padding:5px 0 0 0;
}

.reservation-txt{
    font-size:3.0rem;
    text-align: center;
    letter-spacing: 4px;
    color:#595757;
    padding:5px 0 0 0;

}

@media screen and (max-width: 700px){
    .reservation-box{
        margin:40px 0;
    }


    .reservation-img{
        width:42px;
        margin:0 auto;
    }

    .reservation-ttl{
        font-size:3.4rem;
    }

    .reservation-txt{
        font-size:2.0rem;
        letter-spacing: 2px;
    }






}


.shop-info{
    padding-top:195px;
    display: flex;
    justify-content: center;
}
.info-space01{
    margin-right:75px;
}
.info-space02{
    margin-right:62px;
}

.info-space03{
    margin-right:17px;
}
.map{
    width:578px;
    margin-top:17px;
}
.map_txt{
    font-size: 1.6rem;
    text-decoration-line: underline;
    font-family: 'Noto Sans JP';

}
.map_txt:hover {
    opacity: 0.5;

}
    .fujisawa_logo {
		background:#e95504;
        width:560px;
		padding: 15px 0 ;
    }
	.fujisawa_logo img{
		width: 80%;
		margin: 0 auto;
	}

.shop-address{
    font-size: 2.6rem;
    font-weight: bold;
    margin-top:10px;
}
.shop-info_txt{
    font-size: 2.6rem;
    width:520px;
    font-family: 'Noto Sans JP';
}
.shop-info_right{
    margin-left:60px;
}

/*FORM*/

#form{
    margin-top: 60px;
}

@media screen and (max-width: 1250px){
    .shop-info {
        /*padding: 195px 30px 0;*/
        padding: 130px 30px 0;
        align-items: flex-end;

    }
    .fujisawa_logo {
		background:#e95504;
        width: 100%;
		padding: 15px 0 ;
    }
	.fujisawa_logo img{
		width: 60%;
		margin: 0 auto;
	}
    .map{
        width:100%;
    }
    .info-space02{
        margin-right:62px;
    }

}
    .footer-group {
		display: none;
    }
@media screen and (max-width: 1080px){
    .sec_10{
        padding: 60px 0 90px 0;
    }
    .shop-info{
        padding-top:0;


    }
    .info-space01 {
        margin-right: 52px;
    }
    .info-space02 {
        margin-right: 42px;
    }
    .info-space03 {
        margin-right: 7px;
    }
    .shop-info_right {
        margin-left: 0;
		width: 100%;
    }

    .fujisawa_logo{
        margin-top:0;
    }
    .map {
        width: 80%;
        margin: 70px 0 0 40px;
    }
    .map_txt{
        margin-left:40px;
    }

    .shop-address{
        width:90%;
        font-size: 2.0rem;
    }
    .shop-info_txt {
        font-size: 2.0rem;
        width:90%;
        margin-top: 10px;
    }
    .btn02 {
        margin-bottom: 90px;
    }
    .btn02:hover {
        opacity: 0.5;

    }
	.footer-group ul {
        display: flex;
		justify-content: center;
		padding: 0 5px;
    }
	.footer-group ul li {
        padding: 10px 1%;
    }
    .footer-group {
		display: inline;
        width: 100%;
        position: fixed;
        background: #353535;
		background-color: rgba(53, 53, 53,.8);
        bottom: 0%;
        z-index: 999;
	}


}
@media screen and (max-width: 800px){
    .map {
        width: 80%;
        margin: 0;
    }
    .map_txt{

        font-size: 1.4rem;
        text-decoration-line: underline;
        font-family: 'Noto Sans JP';
        margin:0;
    }
    .shop-address {
        font-size: 1.8rem;
        margin-top: 0px;
    }
    .shop-info_txt {
        font-size: 1.8rem;
        margin-top: 0px;
    }
    .info-space03 {
        margin-right: 12px;
    }

}
@media screen and (max-width: 700px){
    .sec_10 {
        /*padding: 40px 0 60px;*/
        padding: 10px 0 60px;
    }
    .btn02{
        margin-bottom:70px;
    }
    .fujisawa_logo{
        margin:0 auto;
    }
    .fujisawa_logo img{
		width: 90%;
		margin: 0 auto;
	}
    .map{
        width:80%;
        margin:20px auto 0;
    }
    .map_txt{
        text-align: right;

    }
    .shop-address {
        font-size: 1.6rem;
        width: 80%;
        font-weight: bold;
        margin: 10px auto 0;
    }

    .shop-info_txt {
		width: 80%;
        font-size: 1.6rem;
        margin-top: 10px;
		margin: 10px auto 0;
    }
    .info-space02 {
        margin-right: 45px;
    }
    .info-space01 {
        margin-right: 53px;
    }
    .info-space03 {
        margin-right: 17px;
    }
}

/* footer */

.footer{
    background-color: #595757;
    padding:37px 0 37px 0;
}

.copyright{
    font-size:1.8rem;
    color:#fff;
    text-align: center;

}
@media screen and (max-width: 1080px){
	.footer{
        padding:20px 0 18vw;
    }
}
@media screen and (max-width: 900px){
		.footer{
        padding:20px 0 22vw;
    }
}
@media screen and (max-width: 700px){
    .footer{
        padding:20px 0 20vw;
    }
    .copyright {
        font-size: 1.0rem;
        margin-bottom: 30px;
    }

}






.sec__1 {
    max-width: 1080px;
    margin: 0 auto;
}

.sec__1 img {
    width: 100%;
}

.sec__1__text {
    font-size: 1.4rem;
}

.sec__1__hl {
    margin-bottom: 50px;
    font-size: 1.6rem;
}

.sec__1__hl__sub {
    font-size: 2rem;
}

.sec__1__list {
    font-size: 1.4rem;
    margin-left: 20px;
}



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



.sec__2 {
    max-width: 1080px;
    margin: 0 auto;
}

.sec__2 a {
    font-size: 1.4rem;
}

.sec__2__hl {
    font-size: 3rem;
}

.sec__2__text {
    font-size: 1.4rem;
}

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


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