@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');
@import url('https://fonts.googleapis.com/css2?family=Concert+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
/*pink #f49998  mizuiro #7cc9bc orange #feac6f*/
/*html, body{overflow: auto}*/
/*.pp-section{position: static}*/
a {
    color: #783e0c;
}
::selection {
    background-color: #b3d4fc;
    color: #ffffff;
    text-shadow: none;
}
html, body {
    font-size: 16px;
}
body {
      overflow: hidden;
      font-family: 'Kosugi Maru', sans-serif;
}
#page_title .bnr_contact {
    width: 30%;
    max-width: 300px;
    right: 2%;
    bottom: -48px;
}
.toplogo {
    max-width: 250px;
    left: 2%;
    top: 2%;
}
.catch {
    width: 62%;
    max-width: 910px;
    bottom: 20%;
    left: 7%;
}
.custom_wrap {
    background: url(Dup/img/main_img.jpg);
    background-size: cover;
    background-position: 50% 39%;
    width: calc(100% - 30px)!important;
    height: calc(100% - 30px);
    left: 0;
    right: 0;
    margin: auto;
    top: 15px;
    position: absolute;
    border-radius: 10px;
}
.intro_title span {
    position: relative;
}
.intro_title span::before {
    border-radius: 43% 57% 45% 55% / 57% 41% 59% 43%;
    content: "";
    position: absolute;
    z-index: 1;
    animation: spin 14.5s linear infinite;
    background-color: #fff6f6!important;
    width: 114px;
    height: 117px;
    top: -40px;
    left: -29px;
    transform: translate(10px,25px);
    z-index: -1;
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
#contents > div.d_flex, header .nav_bg.trans {
    background-image: url(Dup/img/bg_pattern.png);
    background-size: 1200px auto;
    text-shadow: 1px 1px 1px #feac6f, -1px 1px 1px #feac6f, 1px -1px 1px #feac6f, -1px -1px 1px #feac6f, 1px 0px 1px #feac6f, 0px 1px 1px #feac6f, -1px 0px 1px #feac6f, 0px -1px 1px #feac6f;
    background-color: #feac6f;
    animation: bgiLoop 46s infinite linear;
}
@keyframes bgiLoop {
    0% {background-position: top 0 left 0;}
	100% {background-position: top -1200px left 1200px;}
    /*100% {  background-position-x: -1500px;  }*/
}

#page_title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(Dup/img/page_title.png);
    width: 80%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}
#page_title .title_bg {
    opacity: 1;
}
#page_title .title_wrap {
    z-index: 1;
    color: #9b6e37;
}
#page_title .title_wrap .title_bar {
    background: #9b6e37;
}

#pp-nav ul {
    background: #fff;
    padding: 4px 0;
    border-radius: 19px;
}
#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: 17px;
    height: 17px;
    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;
}

#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: 5px solid #ffffff;
}
#logo {
    width: 240px!important;
    margin-bottom: 50px;
}
#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 {
display: none;
}
#pp-nav li a, .pp-slidesNav li a {
    color: #ef7977;
}
.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;
}
h2.con_title {
    font-size: 30px;
}
h2.con_title {
    font-size: 30px;
    line-height: 1;
    padding: 0 0 16px;
    display: inline-block;
    background-image: url(Dup/img/border1.png);
    background-repeat: repeat-x;
    background-position: 0% 100%;
}
#contents .con_no {
    position: absolute;
    font-size: 26px;
    background: #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    color: #cde8e7;
    z-index: 0;
    font-family: 'Concert One', cursive;
    display: flex;
    line-height: 1;
    align-content: center;
    justify-content: center;
    align-items: center;
    top: -6px;
    left: -45px;
    text-shadow: none;
}
.intro_wrap {
    position: relative;
}
.intro_wrap .font_bar {
    font-size: 27px;
    line-height: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: -5px;
    margin: auto;
    z-index: -1;
    color: #ffefef;
}
.intro_left {
    padding-top: 25px;
    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: 6px solid #ffffff;
    border-radius: 57% 43% 64% 36% / 42% 63% 37% 58%;
}
#cms_3-b .bnr a, .cms_3-b .bnr a {
    margin-right: 0;
    margin-left: auto;
}
.cms_3-b .cate_box, #cms_3-b .cate_box {
    border: 5px solid #f5f5f5;
    border-radius: 19px;
}
figure.shadow {
    box-shadow: none;
}


.more {
        padding-bottom: 100px;
}
.bnr_contact {
    z-index: 1;
    width: 35%;
    max-width: 400px;
    right: 1%;
    bottom: 3%;
    transition: all 0.4s;
}
.bnr_contact:hover {
    transform: translateY(-10px);
    opacity: 0.8;
}
#contents .bnr_contact {
    width: 300px;
    margin: 30px auto 0;
    border: 1px solid #feac6f;
}
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: #77d2ed;
    color: #fff;
}
.pager li a:hover {
    background: #fff;
    color: #5ab430;
}
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(5) {
    background: #fff7f7;
    padding-top: 39px;
     background-image: url(Dup/img/contact_bg.png);
    background-repeat: repeat-x;
    clear: both;
    background-size: 22px;
}

@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) {
.toplogo {
    max-width: 187px;
    left: 2%;
    top: 1.5%;
}
.catch {
    width: 81%;
    left: 2%;
    bottom: 25%;
}
}

@media(max-width: 667px) {
    .under footer > div {
        padding-bottom: 27px;
    }
    #page_title .bnr_contact {
    width: 33%;
    right: 2%;
    bottom: -48px;
    position: absolute;
    left: inherit;
    bottom: -26px;
}
html, body {
    font-size: 14px;
}
.linehight_1-h_sp {
    line-height: 1.9;
}
.toplogo {
    max-width: 96px;
}
#logo2 {
    width: 189px;
    margin-bottom: 40px;
}
#page_title .title_bg {
    background-position: 0% 69%;
    background-size: auto 137%;
}
.custom_wrap {
    background-position: 61% 39%;
    width: calc(100% - 20px)!important;
    height: calc(100% - 20px);
    top: 10px;
}
#cms_3-b .box_wrap, .cms_3-b .box_wrap {
    padding: 0;
}
#cms_3-b .cate_box, .cms_3-b .cate_box {
    padding: 15px;
}
#cms_2-c .box_item {
    padding: 10px 0;
}
.catch {
    padding-left: 0%;
    width: 97%!important;
}

#contents .con_no {
    font-size: 29px;
    top: -39px;
    left: -5px;
}
#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: 1%;
    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 {
}
}