/* all page */
/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Parisienne&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
/*.font_en, .date, a[href^="tel:"], a[href^="mailto:"] {*/
/*    font-family: 'Zen Kaku Gothic New', 'Outfit', 'Zen Kaku Gothic New', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
/*}*/
.font_en, .date, a[href^="tel:"], a[href^="mailto:"], #main_menu ul li a, .cate_title, .sub_cate_title, .box_title, .box_title1 {
    font-family: 'Zen Maru Gothic', 'Outfit', 'Zen Kaku Gothic New', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #160a0a;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.txt_color1, .hvr_txt_color1:hover{color: #5F3B13;} /* メインカラー */
.txt_color2, .hvr_txt_color2:hover{color: #e6e6e6} /* サブカラー */
.txt_color3, .hvr_txt_color3:hover{color: #e00003;} /* アクセントカラー1 */
.txt_color4, .hvr_txt_color4:hover{color: #c9baa9} /* アクセントカラー2 */

/* background-color */
.bg_color1, .hvr_bg_color1:hover{background-color: #f58c4f;} /* メインカラー */
.bg_color2, .hvr_bg_color2:hover{background-color: #e6e6e6} /* サブカラー */
.bg_color3, .hvr_bg_color3:hover{background-color: #e00003;} /* アクセントカラー1 */
.bg_color4, .hvr_bg_color4:hover{background-color: #f5f0e3;} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1, .hvr_border_color1:hover{border-color: #5F3B13;}
.border_color2, .hvr_border_color2:hover{border-color: #e6e6e6}
.border_color3, .hvr_border_color3:hover{border-color: #e00003;}
.border_color4, .hvr_border_color4:hover{border-color: #c9baa9}

/*.hamburger__icon, .hamburger__icon:after, .hamburger__icon:before {background-color: #92aac9!important;}*/
/*.hamburger.active .hamburger__icon {background-color: transparent!important;}*/
.button:hover::after {box-shadow: inset 0 0 0 15em #5F3B13;}
#main_menu ul li a::before {background-color: #e00003;}
#body{overflow: hidden;}
.button2:hover {box-shadow: none;}

/* header */
#main_menu ul li a {font-weight: bold;}
header #logo {max-width: 220px;}

/* top ----------------*/

/* main img */
#main_img {
    max-height: none;
    min-height: auto;
    padding-top: 1%;
}
#main_img .flexslider{
    width: 95%;
}
.scroll_bt{display: none;}
#main_img img {
    max-height: none;
    min-height: auto;
}
#main_img .flexslider .slides li{
	-webkit-mask-image: url("../Dup/img/mask.svg");
    mask-image: url("../Dup/img/mask.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top;
    mask-position: top;
    -webkit-mask-size: 80%;
    mask-size: 80%;
    /*margin: 0 auto;*/
}
.catch{
    z-index: 3;
    top: 8%;
    left: 4%;
    max-width: 400px;
    width: 30%;
}
.banner{
    z-index: 3;
    bottom: 20%;
    right: 2%;
    width: 30%;
}
.banner_t{
    z-index: -1;
    top: 0;
    right: 20px;
    max-width: 130px;
    opacity: 0;
    transition: all 0.3s;
}
.banner:hover .banner_t{
    top: -99%;
    opacity: 1;
    transition: all 0.3s;
}
.main_1{
    right: -10%;
    top: -10%;
    width: 32%;
    height: 40%;
}
.main_1 img{
    width: auto;
    height: 100%;
}
.main_1b{
    left: -10%;
    bottom: 10%;
    width: 20%;
}
.main_2{
    right: 5%;
    top: 10%;
    max-width: 280px;
    width: 20%;
    z-index: 3;
    animation:katakata 4s steps(2,start) infinite;
}
.main_3{
    left: 3%;
    bottom: 16%;
    max-width: 250px;
    width: 15%;
    z-index: 3;
    animation:katakata 5s steps(2,start) infinite;
}
@keyframes katakata{
0%{transform:rotate(-10deg);}
50%{transform:rotate(0deg);}
100%{transform:rotate(-10deg);}
}

/* main */

/* intro */
/*#contents1 {padding: 0 100px 10%;}*/
#contents1 {background-color: rgba(224,0,3,0.6);backdrop-filter: blur(3px);}
#contents1 .con_no{padding: 0;}
#contents1 .con_no::before, #contents2 .con_no::before, #contents3 .con_no::before{display: none;}
#contents1 .con_no, #contents1 .txt2, #contents1 .txt3{color: #fff;}
#attach {
    height: auto;
}

/* contents */
#contents2 {padding: 100px 10% 250px;}
#contents2 .d_flex > div{z-index: 1;}
#contents2 .img5{
    position: absolute;
    top: -50px;
    right: 10px;
    height: 100%;
    width: auto;
}
#contents2 .con_no, #contents3 .con_no{
    background-color: #e00003;
    color: #fff;
    padding: 3px 20px;
    border-radius: 30px;
    margin-bottom: 10px;
}

/* topcms */
#top_cms{padding: 100px 0;}
#top_cms .top_cms_box .cms_title{
    padding-top: 80px;
    background-image: url('./Dup/img/topcms.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100px;
}
#top_cms .top_cms_box:nth-of-type(4) .cms_title{
    background-image: url('./Dup/img/topcms1.png');
}

/* footer */
footer .logo img{max-width: 140px;}


/* under page */
#page_title .pagetitle_img{
    height: 60vh;
}
#page_title .pagetitle_img .right_bg{
    right: -8%;
    top: -8%;
    width: 50%;
    height: calc(100% + 110px);
    z-index: -1;
}
#page_title .pagetitle_img .left_bg{
    left: -5%;
    top: -10%;
    width: 40%;
    height: calc(100% + 100px);
    z-index: -1;
}
#page_title .pagetitle_img .right_bg img, #page_title .pagetitle_img .left_bg img{
    width: auto;
    height: 100%;
}
#page_title .pagetitle_img .right{
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
}
#page_title .pagetitle_img .left{
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
}
#page_title .pagetitle_img .right img, #page_title .pagetitle_img .left img{
    width: auto;
    height: 100%;
}
#page_title .pagetitle_img .center{
    bottom: 0;
    left: 48%;
    transform: translateX(-50%);
    max-width: 500px;
}
#page_title .page_box {padding: 20px 0 0;}
#page_title .page_box h2{
    font-size: 30px;
    font-weight: bold;
}
#page_title .page_box p{
    font-size: 24px;
    margin-top: 5px;
    border-bottom: 3px solid;
}

/* cms1 */

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */

/* page7 */

/* page8 */

/* page9 */

/* page10 */


/* ---------- 1280px ---------- */
@media screen and (max-width: 1280px){
#page_title .pagetitle_img {height: 55vh;}
#page_title .pagetitle_img .right img, #page_title .pagetitle_img .left img {
    width: 100%;
    height: auto;
}
#page_title .pagetitle_img .right, #page_title .pagetitle_img .left {
    width: 50%;
    height: auto;
}
#page_title .pagetitle_img .center {max-width: 430px;}

}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.hamburger {
    top: 35px;
    right: 30px;
}
.head_box #logo{max-width: 90px;}
.main_box {padding-top: 110px;}
.banner {bottom: 5%;}
.banner_t {
    top: -100%;
    opacity: 1;
}
#contents2 {padding: 270px 10% 100px;}
#contents2 .img5 {
    top: -70px;
    height: auto;
    width: 100%;
}
#page_title .pagetitle_img {height: 30vh;}
#page_title .pagetitle_img .center {max-width: 270px;}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.hamburger {
    top: 20px;
    right: 10px;
}
#body header {padding-bottom: 5px;padding-top: 5px;}
.head_box #logo{max-width: 75px;}
footer .logo{text-align: center;}
.main_box {padding-top: 80px;}
#main_img {
    padding-top: 5%;
    padding-bottom: 5%;
}
.banner {width: 80%;}
.banner_t {
    right: 10px;
    max-width: 70px;
}
.catch {
    top: 5%;
    left: 2%;
    width: 37%;
}
.main_1 {height: 50%;}
.main_1b {width: 32%;}
.main_2 {width: 23%;}
.main_3 {width: 25%;}
#contents2 {padding: 150px 10% 100px;}
#contents2 .img5 {top: -20px;}
#page_title .pagetitle_img {height: 27vh;}
#page_title .page_box h2 {font-size: 24px;}
#page_title .page_box p {font-size: 18px;}
#page_title .pagetitle_img .center {max-width: 170px;bottom: -15px;}

}

/*20221018修正*/
.fat-nav li a {
    font-size: 17px;
}