h2, h3 {
font-family: 'M PLUS Rounded 1c', sans-serif !important;
font-weight: bold;
}

/* color */
.txt_color_nomal{color: #ee7800;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #ee7800} /* メインカラー */
.txt_color2{color: #000000} /* サブカラー */
.txt_color3{color: #567947} /* アクセントカラー1 */
.txt_color4{color: #ffffff} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #ee7800} /* メインカラー */
.bg_color2{background-color: #f7f3e9} /* サブカラー */
.bg_color3{background-color: #567947} /* アクセントカラー1 */
.bg_color4{background-color: #ffffff} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #ee7800}
.border_color2{border-color: #f7f3e9}
.border_color3{border-color: #567947}
.border_color4{border-color: #ffffff}


/* hover ---------------------------------------------------------------------------------------------*/
.hvr_txt_color_nomal:hover{color: #ee7800;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #ee7800} /* メインカラー */
.hvr_txt_color2:hover{color: #f7f3e9} /* サブカラー */
.hvr_txt_color3:hover{color: #567947} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ffffff} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #ee7800} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f7f3e9} /* サブカラー */
.hvr_bg_color3:hover{background-color: #567947} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #ffffff} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #ee7800}
.hvr_border_color2:hover{border-color: #f7f3e9}
.hvr_border_color3:hover{border-color: #567947}
.hvr_border_color4:hover{border-color: #ffffff}

.linkStyle, a {
  color: #ee7800;
}
.fas {
font-size: 25px;
}
.slick-dots li {
display: none;
}
#intro {
    margin-bottom: 140px;
    margin-top: 50px;
}
.catch {
    left: 7%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 3rem;
    color: #ee7800;
text-shadow: 
    #f7f3e9 2px 0px 0px, #f7f3e9 -2px 0px 0px,
    #f7f3e9 0px -2px 0px, #f7f3e9 0px 2px 0px,
    #f7f3e9 2px 2px 0px, #f7f3e9 -2px 2px 0px,
    #f7f3e9 2px -2px 0px, #f7f3e9 -2px -2px 0px,
    #f7f3e9 1px 2px 0px, #f7f3e9 -1px 2px 0px,
    #f7f3e9 1px -2px 0px, #f7f3e9 -1px -2px 0px,
    #f7f3e9 2px 1px 0px, #f7f3e9 -2px 1px 0px,
    #f7f3e9 2px -1px 0px, #f7f3e9 -2px -1px 0px,
    #f7f3e9 1px 1px 0px, #f7f3e9 -1px 1px 0px,
    #f7f3e9 1px -1px 0px, #f7f3e9 -1px -1px 0px;
}
.sc_nav {
    transform: translateY(-200px);
}
.sc_nav .fas {
    font-size: 20px;
}
.sc_nav .shop_link .font_14 {
    font-size: 17px;
}
.sc_nav .logo img {
    max-width: 180px;
    position: absolute;
    top: 0;
    left: 10px;
}
.cms_5-c .box_txt1 {
  color: #4b4b4b;
}
.icon2 {
  color: #4b4b4b;
}
.intro_title .font_50 {
    font-size: 40px;
}
header #header {
    justify-content: flex-end;
    padding: 10px;
}
.paso { 
display: block !important;
margin: 0 auto;
 }
.suma { display: none !important; }
#intro .font_14 {
	position: relative;
}
#intro .font_14 :after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/intro.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    top: -17%;
    right: -36%;
    width: 200px;
    height: 250px;
}
#top_contents1 {
	position: relative;
}

.qa {
    width: 40%;
}
.ansew {
    text-align: left;
    width: 40%;
    right: -50%;
}

.icon2:before {
    content: "A.";
    font-weight: bold;
    position: absolute;
    color: rgba(0,0,0,0.3);
    top: 6px;
    left: 15px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}

#top_contents2 h3::after {
  display: none;
}
#intro .intro_txt .bg_white {
    background-color: #ee7800;
   color: #ffffff;
}
#top_contents1 .contents1_txt h3 {
    position: relative;
    z-index: 2;
    transform: translateX(-80px);
    text-shadow: none;
    color: #ee7800;
    margin-left: 70px;
    width: 100%;
}
#cms_5-c .box_title1 {
    border-color: rgba(0,0,0,0);
}
#page07 .border_color2, #page08 .border_color2 {
    border-color: #ee7800;
}
#top_contents1 .font_24 {
	position: relative;
}

#top_contents1 .font_24:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/only2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    width: 50%;
    height: 200px;
    top: -71px;
    right: -25%;
    z-index: -1;
}
#top_contents1 .font_14 {
    position: relative;
    z-index: 2;
}
.catch span {
opacity: 0;
-webkit-transition: .6s ease-in-out;
transition: .6s ease-in-out;
}
.icon1 {
	position: relative;
}
.icon1:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/icon1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;
    bottom: -90px;
    left: -32px;
    width: 50px;
    height: 50px;
}
#cms_5-c .box_txt1::before {
    content: "";
    background-image: url(./Dup/img/icon2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;
    right: 4%;
    width: 50px;
    height: 50px;
    top: 126%;
}
#cms_5-c .box_txt1::before {
    content: "";
    top: 126%;
    left: 88%;
}
.shop_link .txt_color3 {
    color: #fbfbfb;
    background-color: #567947;
    padding: 5px 20px;
}
#top_contents1 { 
    margin-top: 120px !important;
    margin-bottom: 80px;
}
#intro {
    margin-bottom: 140px;
}
#top_cms {
margin-top: -60px;
}
.intro_img {
  display: none;
}
/*****************モーダルウィンドウ********************************/
.modal_bt{cursor: pointer}
.modal_bg{
     top: 0;left: 0;
     background-color: rgba(0,0,0,0.8);
     z-index: 9
}
.modal_box{
     max-height: 80%;
     overflow-y: auto;
     z-index: 10
}
.close_bt{cursor: pointer}
.m_txt {
  /*border-left: 1px solid #000000;*/
position: relative;
}
.m_txt:before {
    position: absolute;
    content: "";
    border-left: 2px solid #ee7800;
    width: 100%;
    height: 90%;
    left: -12%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.close_bt {
    cursor: pointer;
    margin-top: 20px;
}
.modal_bt {
    cursor: pointer;
    margin: 10px auto 30px;
}
/****************************************************************/
/***************トップコンテンツ*******************************/


.contents2_txt {
    position: relative;
    margin: 0;
    padding: 2em;
    height: 353px; //考える: ;
}
.contents2_txt:before,.contents2_txt:after{ 
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.contents2_txt:before{
    border-left: solid 3px #ee7800;
    border-top: solid 3px #ee7800;
    top:0;
    left: 0;
}
.contents2_txt:after{
    border-right: solid 3px #ee7800;
    border-bottom: solid 3px #ee7800;
    bottom:0;
    right: 0;
}
.box19 p {
    margin: 0; 
    padding: 0;
}



#top_contents2 .img1 {
    transform: translateY(0px);
    /*border: 3px solid #ee7800;*/
}
#top_contents2 .img2 {
    transform: translateY(0px);
    /*border: 3px solid #ee7800;*/
}
.contents2_txt h3 {
    padding-right: 0px;
    padding-left: 0px;
}
.con2img1, .con2img2, .no1, .no2, .no3, .no4 {
    width: 28% !important;
    margin: 20px;
}
.no1 {
    background-image: url(./Dup/img/no1.png);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: bottom right;
    background-position-x: 80%;
}
.no2 {
    background-image: url(./Dup/img/no2.png);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: bottom right;
    background-position-x: 80%;
}
.no3 {
    background-image: url(./Dup/img/no3.png);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: bottom right;
    background-position-x: 80%;
}
.no4 {
    background-image: url(./Dup/img/no4.png);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: bottom right;
    background-position-x: 80%;
}
#top_contents2 {
    padding-top: 50px;
    width: 95%;
    margin: 0px auto 150px;
}
/**************************************/
#cms_5-c .box_title1 {
    position: relative;
    /* padding: 0.5em 0.7em; */
    /* margin: 2em 0; */
    background: #f7e6bb;
    /* color: #5c98d4; */
    font-weight: bold;
    border-radius: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}
#cms_5-c .box_title1:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #f7e6bb;
    width: 0;
    height: 0;
}
#cms_5-c .box_txt1 {
    position: relative;
    /* margin: 2em 0; */
    background: #f7f3e9;
    /* color: #5c98d4; */
    font-weight: bold;
    padding-bottom: 15px;
    padding-right: 15px;
    border-radius: 15px;
    margin-top: 10px;
}
#cms_5-c .box_txt1:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #f7f3e9;
    width: 0;
    height: 0;
}
.box24 p {
    margin: 0; 
    padding: 0;
}

/* ---------- PC 1366px~ ---------- */
@media screen and (max-width: 1367px){
/*.contents2_txt {
    position: relative;
    margin: 2em 0;
    padding: 2em;
    height: 290px; 
}*/
#top_contents2 .img1 {
    transform: translateY(-50px);
}
#top_contents2 .img2 {
    transform: translateY(50px);
}
#top_contents2 .contents2_txt {
    width: 100%!important;
}
.no1 {
    background-image: url(./Dup/img/no1.png);
    background-repeat: no-repeat;
    background-size: 13%;
    background-position: bottom right;
    background-position-x: 90%;
}
.no2 {
    background-image: url(./Dup/img/no2.png);
    background-repeat: no-repeat;
    background-size: 13%;
    background-position: bottom right;
    background-position-x: 90%;
}
.no3 {
    background-image: url(./Dup/img/no3.png);
    background-repeat: no-repeat;
    background-size: 13%;
    background-position: bottom right;
    background-position-x: 90%;
}
.no4 {
    background-image: url(./Dup/img/no4.png);
    background-repeat: no-repeat;
    background-size: 13%;
    background-position: bottom right;
    background-position-x: 90%;
}
#top_contents2 {
    padding-top: 50px;
    width: 90%;
    margin: 0 auto 200px;
}
/*#top_contents1 .font_24:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/only1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 50%;
    height: 200px;
    top: -31px;
    left: -20%;
    z-index: -1;
}*/
#top_contents2 .contents2_txt {
    height: 263.184px !important;
}
#top_contents2 .img1, #top_contents2 .img2 {
    height: 480px;
}
.no1, .no2, .no3, .no4 {
    width: 90% !important;
    margin: 0px; 
}
.con2img1, .con2img2 {
    width: 60% !important;
    margin: 0px;
}
}
/* ---------- PC 1280px~ ---------- */
@media screen and (max-width: 1281px){
#top_contents1 .font_24:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/only1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 50%;
    height: 200px;
    top: -48px;
    left: -17%;
    z-index: -1;
}
#top_contents1 .font_24:after {
  display: none;
}
#top_contents2 .img1, #top_contents2 .img2 {
    height: 440px;
}
#top_contents1 .contents1_txt h3 {
    margin-left: 0px;
    width: 100%;
}
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#intro .font_14 :after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/intro.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    top: -12%;
    right: -52%;
    width: 200px;
    height: 200px;
}
.contents2_txt {
    position: relative;
    margin: 2em 0;
    padding: 2em;
    height: 257px; //考える: ;
}
.no3, .no2, .no1, .no4 {
    background-size: 16%;
}
    .paso { display: none !important; }
    .suma { 
display: block !important;
margin: 0 auto;
 }
.modal_bt {
    width: 85%;
}
#page10 .d_block {
    padding: 10px 0;
    font-size: 12px;
    margin-bottom: 0px;
}
#top_contents1 .contents1_txt h3 {
    position: relative;
    z-index: 2;
    transform: translateX(-80px);
    text-shadow: none;
    color: #ee7800;
    width: 530px;
}
.catch {
    left: 18%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 42%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 2rem;
}
#top_contents2 .img1, #top_contents2 .img2 {
    height: 360px;
}
#top_contents1 .font_24:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/only1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 53%;
    height: 230px;
    top: -48px;
    left: -31%;
    z-index: -1;
}
#cms_5-c .box_txt1::before {
    content: "";
    top: 107%;
    left: 86%;
}
.page6_f {
    padding: 40px 10px 10px;
}
#top_contents2 .grid_4 {
    width: 100% !important;
    margin: 0px; 
}
.fas {
    font-size: 20px;
}
.shop_link .txt_color3 {
    color: #fbfbfb;
    background-color: #567947;
    padding: 8px 20px 10px;
    font-size: 18px;
    position: relative;
    top: -40px;
}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#intro .font_14 :after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/intro.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    top: -11%;
    right: -3%;
    width: 95px;
    height: 130px;
}
.qa {
    width: 70%;
}
.ansew {
    text-align: left;
    width: 70%;
    right: -23%;
}
.modal_box .width_40per {
    width: 100%!important;
}
.m_txt {
    margin-top: 30px;
}
.modal_bt {
    width: 90%;
    padding: 10px 0;
}
#cms_5-c .box_title1::before {
    top: 4px;
    left: 5px;
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
}
#cms_5-c .box_txt1::before {
    top: 9px;
    left: 5px;
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
}
#page07 .box .grid_4 {
    width: 35%!important;
    text-align: center;
    margin: 10px auto;
}
#page07 .box .grid_7 {
    width: 80%!important;
    text-align: center;
    margin: -5px auto 0;
    border-bottom: 2px solid #ee7800;
}
#top_contents1 .contents1_txt h3 {
    transform: translateX(0px);
    width: 350px;
}
.no3, .no2, .no1, .no4 {
    background-size: 34%;
}
.contents2_txt {
    position: relative;
    margin: 2em 0;
    padding: 2em;
    height: 360px;  //考える: ;
}
#top_contents2 {
    padding-top: 50px;
    width: 90%;
    margin: 0 auto 160px;
}
.catch {
    left: 10%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 42%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 25px;
}
.page6_wrap {
    padding-left: 20px;
    padding-right: 40px;
}
#top_contents2 .img1, #top_contents2 .img2 {
    height: 220px;
}
#top_contents1 .font_24:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/only1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 53%;
    height: 160px;
    top: -32px;
    left: -20%;
    z-index: -1;
}
#top_contents2 .contents2_txt {
    height: 338.184px !important;
}
.no3 {
    background-size: 28%;
}
#cms_5-c .box_txt1::before {
    content: "";
    top: 112%;
    left: 80%;
}
#cms_5-c .box_txt1::before {
    width: 40px;
    height: 40px;

}
.icon1:before {
    bottom: -72px;
    left: -24px;
    width: 40px;
    height: 40px;
}
.font_12_sp {
font-size: 14px;
}
.catch {
    left: 7%;
    width: 330px;
}
#intro h3 {
    font-size: 26px;
    margin-bottom: 40px;
}
.icon2:before {
    content: "A.";
    font-weight: bold;
    position: absolute;
    color: rgba(0,0,0,0.3);
    top: 5px;
    left: 5px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}
.slick {
    width: 100%!important;
}
.shop_link .txt_color3 {
    color: #fbfbfb;
    background-color: #567947;
    padding: 8px 20px 10px;
    font-size: 16px;
    position: relative;
    top: -55px;
}
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {

}