/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');
body,.font_bar{
        font-family: 'Montserrat',"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
        font-weight: 500;
}
/*html, body{overflow: auto}
.pp-section{position: static}
.sample{top: 63%;}*/
.linkStyle{color: #333;border-bottom: 1px solid;}
.custom_box {
    background-repeat: repeat-x;
    background-position: 0 0;
    background-size: auto 100%;
    animation: main_loop 90s linear infinite;
}
#custom .txt_a{font-size: 40px;line-height: 1;    text-shadow: 2px 3px 0px #545454;}
#custom .catch {
    z-index: 5;
    background-color: #fff1c9;
    padding: 30px;
    width: 600px;
    font-size: calc(1rem + 10px);
    border-radius: 20px;
    font-family: 'RocknRoll One', sans-serif;
    color: #222222;
    border: 3px solid;
}
.catch span {
    display: inline-block;
    transition: all 0.5s;
    opacity: 0;
}
#custom .catch::before,#custom .catch::after{
    content: "";
    display: block;
    position: absolute;
    width: 150px;
    height: 150px;
    top: -100px;
    right: -30px;
    background-image: url(Dup/img/hukidashi01.png);
    background-size: contain;
    background-repeat: no-repeat;
}
#custom .catch::after{
    right: inherit;
    left: -30px;
    background-image: url(Dup/img/hukidashi02.png);
}
#custom .midashi{z-index: 5;top: 38%;}
#contents .con_box1,#contents .con_box2{
    background-color: #ffffff;
    color: #333;
    padding: 50px;
    border-radius: 20px;
        border: 3px solid;
}
@keyframes main_loop{
    0%{background-position: 0 0;}
    100%{background-position: -2400px 0;}
}
.font1,#intro h2,#contents h2,.cate_title{font-family: 'RocknRoll One', sans-serif;color: #ffa808;}
#logo img{max-width: 400px;}
#logo2{max-width: 400px;width: 300px;}
#pp-nav.right{
    background-color: #fff;
    border-radius: 20px;
}
#intro.trans .intro_left{background-color: #ffe4b5;background-image: url(Dup/img/bg01.png);}
#intro .intro_wrap{
    background-color: #fff;
    padding: 50px;
    border-radius: 20px;
    border: 3px solid;
}
#intro h2 span,#contents h2 span,.cate_title span{
    position: relative;
    display: inline;
    background-image: linear-gradient(rgba(0,0,0,0) 70%, #ffebb2 70%);
}
#intro h2 span:before,#intro h2 span:after,#contents h2 span:before,#contents h2 span:after{
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 34px;
    top: 5px;
    left: -30px;
    background-image: url(Dup/img/item01.png);
    background-size: contain;
}
#intro h2 span:after,#contents h2 span:after{
    left: inherit;
    right: -30px;
    transform: scale(-1,1);
}
#contents h2 span:before,#contents h2 span:after{top: 0;}
#intro .item{
    width: 100%;
    text-align: center;
    transform: translateY(-20px);
}
#intro .item img{max-width: 300px;}
#contents .con_no img{max-width: 150px;}
#contents .con_box1::before{content: none;}
#contents .pop img{
    opacity: 0;
    transition: 0.3s;
    transform: scale(0.9);
    transition-property: transform;
    transition-timing-function: cubic-bezier(.53,.18,.49,1.35);;
}
#contents .pop.trans img{
    opacity: 1;
    transform: none
}
#contents .con_bg{background-image: url(Dup/img/bg01.png);}
#contents .con_no,#contents h2{text-align: center;}
#contents .con_box1, #contents .con_box2{
background-image: url(Dup/img/dec1.png),url(Dup/img/dec2.png);
    background-repeat: no-repeat;
    background-position: top 10px left 10px,right 10px top 10px;
}


#top_cms .cms_box:nth-of-type(2),#top_cms .cms_box:nth-of-type(5) {
    background-color: #fffaf2;
}
#top_cms .cms_box {
    padding-top: 0;
    padding-bottom: 100px;
    margin-bottom: 0;
}
#top_cms .cms_title h3{
    font-size: 30px;
    color: #ff8137;
   /* text-shadow: 2px 3px 10px rgba(0,0,0,0.1);*/
}
#top_cms .cms_title p {
/*    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;*/
    /*border-bottom: solid 5px #ffa500;*/
    line-height: 1.5;
    margin-top: 10px;
        position: absolute;
    color: #ffd592;
    opacity: 0.2;
    font-size: 150px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
footer .tel_bt a span{color: #ffa808;}
footer .footer_bg{background-color: #fff6db;}
.banner {
    position: fixed;
    bottom: 10px;
    z-index: 6;
    width: 80%;
    max-width: 400px;
    right: 60px;
}
.banner:hover{transform: scale(1.03);opacity: 1;}
.all .banner {
    right: 120px;
}
.cms_5-c .box_title1::before,.cms_5-c .box_txt1::before{content: none;}


.qa_type3 .cate_box .box_txt1{background-color: #fff1c9;}
.qa_type3 .con_no{
	left: 20px;
	top: 15px
}
.qa_type3 .cate_box .box_title1, .qa_type3 .cate_box .box_txt1{
	min-height: 1.5em
}
.qa_type3 .box_q{
	background-image: url(./Dup/img/icon_q.png);
	background-repeat: no-repeat;
	background-position: top 2px left;
	background-size: 60px
}
.qa_type3 .box_a{
	background-image: url(./Dup/img/icon_a.png);
	background-repeat: no-repeat;
	background-position: top 2px right;
	background-size: 60px
}
.qa_type3 .box_q, .qa_type3 .box_a{
	padding: 0 90px
}
.qa_type3 .box_q .box_title1::before, .qa_type3 .box_a .box_txt1::before{
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(0, 0, 0, 0);
}
.qa_type3 .box_q .box_title1::before{
    border-top-width: 7px;
    border-bottom-width: 7px;
    border-left-width: 10px;
    border-right-width: 15px;
    margin-top: -10px;
    border-right-color: #ffbb44;
    right: 100%;
    top: 34px;
    left: inherit;
}
.qa_type3 .box_a .box_txt1::before{
    border-top-width: 7px;
    border-bottom-width: 7px;
    border-left-width: 15px;
    border-right-width: 10px;
    margin-top: -10px;
    border-left-color: #fff1c9;
    left: 100%;
    top: 35px;
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.qa_type3 .box_q{
	padding-right: 0
}
.qa_type3 .box_a{
	padding-left: 0
}
.qa_type3 .con_no{
    top: 13px;
}
}


.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}





.slide2 {
  animation: slide2 3s infinite ease-in-out .8s alternate;
  display: inline-block;
  transition: 2s ease-in-out;
}
 
@keyframes slide2 {
  0% {
    transform:translate(0, 5px);
  }
  100% {
    transform:translate(0, -5px);
  }
}



/*===========================================================*/
/* 下層 */
/*===========================================================*/
.cate_title {
    background-color: transparent;
    padding: 20px 0 0;
    margin: 0;
    display: block;
    border: none;
    width: 100%!important;
    font-size: 24px;
    text-align: center;
    padding-bottom: 30px!important;
    margin-bottom: 50px;
    color: #ffa808;
    position: relative;
    font-weight: normal;
}
.cate_title::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    left: 50%;
    bottom: 0;
    background-color: #ffa808;
    transform: translatex(-50%);
}
.cate_list{
    background-color: #f7f7f7;
    padding: 20px;
}
#page_title .title_wrap:before{
   content: "";
    display: block;
    position: absolute;
    width: 119px;
    height: 86px;
    top: -80px;
    left: -80px;
    background-image: url(Dup/img/page_dec1.png);
    background-size: contain;
}
.privacy_box p{border-color: #d1d1d1;}
/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
#custom .catch {
    width: 80%;
}
.all .banner {
    right: 60px;
}
#top_cms .cms_title p{font-size: 130px;}
#intro .intro_left{
        background-color: #ffe4b5;
    background-image: url(Dup/img/bg01.png);
}
#page_title .title_wrap:before{
    top: -90px;
    left: -40px;
}

}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
#custom .catch {
    font-size: -webkit-calc(1rem + 6px);
    font-size: calc(1rem + 6px);
    letter-spacing: 1px;
    line-height: 2;
}
#custom .catch::before, #custom .catch::after{right: 0;}
#contents .con_box1, #contents .con_box2{padding: 20px;}
.font1, #intro h2, #contents h2, .cate_title{font-size: 20px;}
#intro .intro_wrap{padding: 10px;margin-bottom: 30px;}
#intro h2{font-size: 25px;}
#intro .item{transform: none;}
#contents h2{text-align: center;}
footer .width_1280-max {
    padding-top: 60px;padding-bottom: 130px;
}
#logo2{width: 300px;}
#contents .con_no{text-align: center;}
#contents .pop img{opacity: 1;}
#top_cms .cms_title p {
    font-size: 70px;
}
#top_cms .cms_title{margin-bottom: 50px;}
#contents .con_box1, #contents .con_box2{background-size: 80px;}
#intro h2 span:after,#intro h2 span:before{content: none;}
#custom .catch::before, #custom .catch::after{
    width: 90px;top: -70px;
}
#custom .catch::after{left: -10px;top: -60px;}
#page_title .title_wrap:before{
    top: -60px;
    left: 10px;
    width: 80px;
    background-repeat: no-repeat;
}
#page_title .title_wrap:after{
   content: "";
    display: block;
    position: absolute;
    width: 80px;
    height: 86px;
    top: -60px;
    right: 10px;
    background-image: url(Dup/img/page_dec2.png);
    background-size: contain;
    background-repeat: no-repeat;
}
#logo img{width: 300px;}
#custom .txt_a{line-height: 1.2;}
#custom .midashi {
    top: 35%;
}
.copyright{margin-bottom: 30px;}

}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
#intro .more{margin: 0!important;}
#page09 a{padding-top: 0!important;}

}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}