@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
/*html, body{overflow: auto}*/
/*.pp-section{position: static}*/

body {
    background-color: #fffef7;
    background-image: url("Dup/img/back-pattern.png");
    overflow: hidden;
}
#video #sns_links {
    z-index: 7;
    top: 50%;
    position: fixed;
    background: #ffac33;
    width: 49px;
    border-radius: 0 10px 10px 0;
    padding: 16px 0;
    transform: translateY(-50%);
    margin-top: 0;
    border: 1px solid #f8c25a;
    border-left: 0;
    /*display: none;*/
}
#video .sns_title {
    display: none;
}
#pc_nav li a {
    position: relative;
    text-align: left;
}
#pc_nav li a:before {
    background-image: url(Dup/img/arrow.png);
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    right: 0;
    top: 50%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -5px;
}
#pc_nav li.tel_bt a:before {
    display: none;
}
header .nav_bg.trans {
    background-image: url("Dup/img/blizzard.png");
    background-size: 17px;
}
#intro {
  background-color: #fffef7;
    background-image: url("Dup/img/back-pattern.png");
}
h2.con_title, .intro_right {
    position: relative;
}
.con_no {
    font-family: 'Homemade Apple', cursive;
}
.cms_title h3, .intro_wrap .font_bar {
   font-family: 'Patrick Hand', cursive;
   letter-spacing: 3px;
       font-family: 'Potta One', cursive;
}
.qa_type3 .cate_box .box_title1, #pc_nav li, .cate_title, .intro_title, h2.con_title, h3, .footer_right {
    font-family: 'Kiwi Maru', serif;
    font-weight: normal;
}
.tel_bt, #page_title .title_wrap span, .more a {
    font-family: 'Potta One', cursive;
    font-weight: normal;
}
.more a {
    border: 1px solid #525252;

}
#logo2 {
    width: 245px;
}
.contents_eng {
    font-size: 50px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 11%;
    color: #e5e5e5;
    transform: rotate(-9deg);
    z-index: -1;
    font-family: 'Homemade Apple', cursive;
}
#contents .con_bg {
    background-image: url("Dup/img/blizzard.png");
    background-size: 17px;
}
#pp-nav li a, .pp-slidesNav li a {
    color: #e70d1e;
}
.intro_right::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 12px;
    width: calc(100% - 24px);
    height: calc(100% - 24px);
    border: 1px solid #fff;
}

element.style {
    background-color: #fbcc6c;
    line-height: 1.4;
    padding-left: 5px;
}



#pc_nav li {
    font-size: 19px;
    border-bottom: 1px solid #ffbe60;
}
h2.con_title {
    font-size: 30px;
}
h2.con_title {
    font-size: 30px;
    background: #ffaa2f;
    line-height: 1;
    padding: 7px;
    display: inline-block;
}
#contents .con_no {
    font-size: 33px;
    position: absolute;
    top: -25px;
    color: #ffb74c;
    transform: rotate(-5deg);
    z-index: -1;
}
#contents .con_no {
    font-size: 33px;
    position: absolute;
    top: -44px;
    left: -23px;
    color: #917a5a;
    transform: rotate(-7deg);
    z-index: 1;
}
.intro_wrap .font_bar {
    font-size: 42px;
    line-height: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    margin: auto;
    z-index: -1;
    color: #ffdcdc;
}
.intro_left {
    padding-top: 50px;
    padding-bottom: 30px;
}
.cms_title {
    background-image: url(Dup/img/cmstitle.png);
    background-size: 292px auto;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    padding-bottom: 26px;
    margin-bottom: 62px;
    border-top: 0;
}
.cms_title h3 {
    color: #ff9802;
}
.cms_title p {
    font-size: 46px;
    line-height: 1;
    font-family: 'Kiwi Maru', serif;
}
.cms_1-a figure {
    border: 1px solid #525252;border-radius: 10px;
}
.cms_3-d .cate_box {
    background: #fffdf6;
    border: 1px solid #525252;
    width: 31%!important;
}

figure.shadow {
    box-shadow: none;
}

.catch {
    width: 59%;
    max-width: 620px;
    z-index: 1;
}
.more {
        padding-bottom: 100px;
}
.bnr_contact {
    z-index: 1;
    width: 35%;
    max-width: 500px;
    right: 0%;
    bottom: 0%;
transition: all 0.4s;
}
.bnr_contact:hover {
    transform: translateY(-10px);
    opacity: 0.8;
}
header .nav_bg, .banner a, .pager li a {
    border-radius: 10px;
    box-shadow: 1px 2px 10px rgba(40, 40, 40, 0.12);
}
.pager li a {
    background: #ff9802;
    color: #fff;
}
.pager li a:hover {
    background: #fff;
    color: #ff9802;
}
main {
    background-image: url(Dup/img/wave.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 100%;
    z-index: 0;
    padding-bottom: 100px;
}
footer {
margin-top: 0px!important;
}

#top_cms {
    background-color: #ffffff;
    background-image: url("Dup/img/little-pluses.png");
}
#top_cms .cms_box:nth-of-type(1), #top_cms .cms_box:nth-of-type(4) {
    background: #fff7e8;
    padding-top: 35px;
    margin-bottom: 0;
}

@media(min-width: 769px) {
    #video {
        height: 100%;
    }
video.width_100per {
    min-height: 100%;
    min-width: 100%;
    width: auto!important;
}
footer #sns_links li a {
    justify-content: flex-start;
    align-items: center;
}
footer #sns_links li a img {
width: 40px;
height: 40px;
}

footer #sns_links .sns_title {
    width: calc(100% - 40px);
}
}
@media(max-width: 768px) {
    #custom {
    height: auto!important;
    }
    .catch {
    width: 38%;
}
}

@media(max-width: 667px) {
.cms_3-d .cate_box {
    width: 100%!important;
}
.catch {
    padding-left: 7%;
    width: 85%!important;
}
#video video {
    width: 120%!important;
}
#video #sns_links {
    background: transparent;
    border: 0;
    display: none;
}
#contents .con_no {
    font-size: 29px;
    top: -30px;
    left: -12px;
}
#pc_nav li {
    font-size: 15px;
}
#page_title .title_wrap p {
    font-size: 7vw;
}
.cms_title {
    background-size: 75% auto;
    padding-bottom: 27px;
    margin-bottom: 27px;
}
h2.con_title {
    font-size: 22px;
    line-height: 1.6;
}
.cms_title p {
    font-size: 29px;
}
.more {
    margin-top: 30px;

}
.cms_6-c .box_wrap {
		padding: 0 3px;
	}
#top_cms .cms_box {
    padding-top: 0;
    margin-bottom: 9px;
}
#contents .con_wrap {
    padding-top: 30px;
    padding-bottom: 30px;
}

.bnr_contact {
    width: 60%;
    right: inherit;
    bottom: 0%;
    position: fixed;
    left: 0;
    z-index: 5;
}
}












.qa_type3 .con_no {
    left: 20px;
    top: 18px;
    color: #ffffff;
    font-family: 'Potta One', cursive;
}
.qa_type3 .box_txt1 .con_no {
    left: 20px;
    top: 14px;
    color: #ff9802;
}
.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: 42px
}
.qa_type3 .box_a{
	background-image: url(./Dup/img/icon_a.png);
	background-repeat: no-repeat;
	background-position: top 2px right;
	background-size: 42px
}
.qa_type3 .box_q, .qa_type3 .box_a{
	padding: 0 75px
}
.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 .cate_box .box_title1 {
    background-color: #ff9802;
    font-size: 19px;
}
.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: #ff9802;
    right: 100%;
    top: 34px;
}

.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: #ffffff;
    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;
}
.qa_type3 .cate_box .box_title1 {
    font-size: 16px;
}
.qa_type3 .cate_box .box_txt1 {
}
}