@import url('https://fonts.googleapis.com/css2?family=Kosugi&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Londrina+Shadow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway+Dots&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&display=swap');
figure.shadow {
    box-shadow: none;
}
body, .box_txt1 {
font-family: 'Kosugi', sans-serif;
}

.hannari, .box_title, .cate_title, .flow_type3 .box_title1::before {
 font-family: "Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
/*.num {*/
/*    font-family: 'Londrina Shadow', cursive;*/
/*}*/
.eng1, .eng2, .eng3, .eng4 {
    /*font-family: 'Secular One', sans-serif;*/
}
.cms_title p, #info_contact_wrap .con_title .pop400 {
    font-family: 'Raleway Dots', cursive;
    font-family: 'Cormorant Garamond', serif;
}
.cms_title p span, .flow_type3 .box_title1::before {
letter-spacing: 3px;
 /*font-family: 'Londrina Shadow', cursive;*/
}

.check li {
    background: url(Dup/img/icon_check.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    background-size: 28px;
    padding: 5px 5px 5px 38px;
    font-size: 16px;
    text-align: left;
}
.marker {
    background: linear-gradient(transparent 50%, rgba(201, 235, 255, 1) 0%) 0px 0px repeat scroll rgba(0, 0, 0, 0);
}
.back1:after {
    content: "";
    display: block;
    background: url(Dup/img/bg.jpg) no-repeat;
    background-size: cover;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    opacity: 0.2;
    background-position: 50% 50%;
}
.cms_2-c .box_txt2, #cms_2-c .box_txt2 {
    display: inline;
    border-bottom: 2px dotted #d7eded;
    line-height: 2.3;
    padding-bottom: 6px;
}
#intro_wrap, #contents3 .con_box {
    box-shadow: 0.863px 2.596px 20px 0 rgb(205 205 205 / 32%);
    z-index: 1;
}
.cms_3-d .cate_box > .border_rad10, .cms_2-c .box_description2 {
    box-shadow: 0.863px 2.596px 20px 0 rgb(205 205 205 / 32%);
}
.intro_txt strong {
    font-size: 19px;
    color: #43b1e5;
    font-weight: normal;
    border-bottom: 2px dotted;
    padding-bottom: 5px;
}

.button_container, .pop400 {
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}

#intro_wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: -40px;
    left: -42px;
    width: 250px;
    height: 200px;
    background-image: url(Dup/img/hana1.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}
#intro_wrap:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -94px;
    right: -78px;
    width: 303px;
    height: 425px;
    background-image: url(Dup/img/angel1.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
#contents3 .con_box:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -75px;
    left: -82px;
    width: 379px;
    height: 288px;
    background-image: url(Dup/img/angel2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
main {
    position: relative;
}
main::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 400px;
    left: 0;
    top: 0;
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 37%), rgb(255 255 255 / 0%));
    background-repeat: no-repeat;
}
#map {
    display: none;
}
.linehight_2 {
    line-height: 2.2;
}

.top header {
    z-index: 5;
    opacity: 1;
}
.bnr_contact {
    transform-origin: center top;
    animation: purann2 8s linear infinite;
    opacity: 1;
    transition: all 0.3s;
}
.bnr_contact:hover {
    opacity: 0.7;
}
#contents3_wrap:after{background-color: rgba(255,255,255,0.3)!important;}
#contents3_wrap:before{
background-attachment: fixed;
}


footer.bg_color2 {
    /*background-image: linear-gradient(110deg,#c7e9e7,#e4f1f2 32%,#f3f9f8 61%,#fff);*/
    background-image: linear-gradient(110deg,#e9e9e9,#eeefef 32%,#f3f9f8 61%,#fff);
}
footer {
    position: relative;
}
footer:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 67px;
    background-repeat: repeat-x;
    background-size: auto 100%;
    top: -46px;
    right: 0;
    background-image: url(Dup/img/hanaline.png);
}
#footer {
    background-color: transparent;
}
#footer_nav {
    margin-bottom: 0;
    padding-bottom: 22px;
}
#copyright {
    background-color: transparent;
    color: #212121;
}
#copyright a {
    color: #212121;
}
.back1:before {
    background-color: transparent!important;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    background-image: url(Dup/img/komorebi.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0 0;
    height: 100%;
}
.back2:before {
    display: none;
}




main {
    position: relative;
}
#main_img:after {
    content: '';
    position: absolute;
    display: block;
    width: 99%;
    height: 98%;
border: 1px solid #d5d5d5;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
    z-index: 1;
}
#info_contact .con_img:after {
    content: '';
    position: absolute;
    display: block;
    width: 97%;
    height: 96%;
    border: 1px solid #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
    z-index: 1;
}

/* ---------------------------------------------------------------------------------------------------- */
.bnr_contact {
    position: fixed;
    right: 73px;
    bottom: 27px;
    z-index: 4;
    width: 337px;
    filter: drop-shadow(0px 1px 4px rgba(0,0,0,0.1));
}
/* ---------------------------------------------------------------------------------------------------- */
.cms_title p {
    font-size: 24px;
    padding-top: 0px;
    padding-right: 5px;
    display: block;
    color: #84bdb7;
}
.cms_title h3 {
    font-size: 30px;
}
.letter_3 {
    letter-spacing: 2px;
}

#main_img .menu a.width_300-max {
    max-width: 900px;
    width: 90%;
}
#fakeloader {
    background-size: auto;
}

#contents3_wrap:after {
    background-color: rgb(255 255 255 / 24%)!important
}
#main_img {
    z-index: 3;
}

.back1:before, .back2:before {
    z-index: -1;

}
.overlay {
    background: linear-gradient(135deg, rgb(74 217 210) , #46b9a9 )!important;
}

.catch {
    max-width: 700px;
    margin: 63px auto;
}

/* ----------------------------------- */
#intro .num, #contents1 .num, #contents2 .num, #contents3 .num {
    width: 124px;
    opacity: 1;
    box-sizing: border-box;
    text-align: center;
}
.more_btnWrap {
    background: linear-gradient(110deg, rgb(255 155 155) 0%, rgba(255,164,53,1) 13%, rgba(247,255,115,1) 35%, rgb(128 233 130) 51%, rgb(122 221 231) 66%, rgb(189 182 255) 84%, rgb(236 149 247) 100%);
    display: inline-block;
    padding: 2px;
    border-radius: 37px;
}
.more_btn {
    color: #ffffff;
    background: #91ebeb;
    border-radius: 33px;
    padding: 10px;
    display: block;
    width: 274px;
    overflow: hidden;
    font-weight: bold;
}
.more_btn:before {
    left: 0;
    border: 0px solid;
    border-left: 0;
    border-right: 0;
}
.more_btn:hover {
    color: #101010;
    z-index: 1;
}
.more_btn:before {
    border-color: rgba(255,255,255,0.7);
    background: rgb(255 255 255 / 45%);
    border-radius: 35px;
}
.more_btn:hover:after {
    background-color: #fff!important;
    border-radius: 33px;
    top: 0;
    z-index: -1;
}

/* --------------------------------------------------------------------------------------------------------- */

.line-l:before {
    display: none;
}
.cms_2-c .cate_box {
    background: #fff;
    margin-bottom: 20px;
    padding: 0px;
}
#cms_4-a .cate_title {
    margin-bottom: 25px;
    background-image: url(Dup/img/illust2.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 36px 0 17px;
    text-align: center;
}
/* ---------------------------------------------- HEADER ------------------------------------------------------------------ */
#header > .d_flex {
    padding: 32px 0;
}
.scr_header #header > .d_flex {
    padding: 16px 0;
}
header.scr_header, #page_title .page_title_box {
    /*box-shadow: 0px 5px 16px -6px rgba(0, 0, 0, 0.09);*/
}
#page_title .page_title_box {
    background-color: #89c5b7;
}
#page_title .page_title_box p, #page_title .page_title_box h2 {
     color: #fff; 
}
#page_title {
    z-index: 3;
}
#logo2 a {
    width: 255px;
}
header.scr_header {
    background-color: rgb(0 167 167 / 50%)!important;
}
#top_pc_nav li a {
    color: #fff;
}
#pc_nav li a, #footer_nav li a {
    /*color: #767676;*/
    /*text-shadow: 2px 0px 5px #ffffff, -1px 0px 3px #ffffff, 0px 1px 3px #FFFFFf, 1px 1px 3px #ffffff, 0px -1px 3px #ffffff, -1px -1px 5px #ffffff, 1px -2px 4px #ffffff, -2px -1px 4px #ffffff, 1px 2px 6px #ffffff;*/
}

/* -----------------------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------*/
#intro_wrap h3:before, #contents1 .line:before, #contents2 .line:before, #contents3 .line:before {
background-color: #e3d500;
}
#contents1 .con_img, #contents2 .con_img_wrap {
    position: relative;
}

#contents1 .line, #contents2 .line {
padding-bottom: 0px;
color: #9b9100;
}
#contents3 .con_box {
    position: relative;
}
#intro_wrap h3, #contents3 .line {
    color: #667a73;
    padding-bottom: 0px;
}
#info_contact .con_box .con_title {
    font-size: 28px;
    line-height: 1.3;
}
#info_contact .con_box .con_title .hannari {
    font-size: 24px;

}
#top_cms:before {
    display: none;
}
#footer_nav {
    margin-bottom: 0;
    padding-bottom: 50px;
}
footer .tel_bt a {
    font-weight: bold;
    font-size: 22px;
   color: #27d9c0;
}

.line:before {
    animation: none;
    opacity: 1;
    background: rgba(255,0,0, 1);
}
.top_cms_box {
    max-width: 1280px;
    margin: 54px auto 0;
    padding-left: 20px;
    padding-right: 20px;
}
.nav_menu_more a.bg_color1 {
    background-color: #85ddc5;
}
.nav_menu_more:first-of-type a .icon:before {
    content: "\f086";
}
.nav_menu_more a.hvr_bg_color2:hover {
/*background-color: #ffbfd1;*/
}
#top_cms {
    padding-top: 140px;
}
#contents3 {
    margin-bottom: 0;
    position: relative;
}
.cms_title {
    text-align: center;
    position: relative;
    justify-content: center;
    align-items: center;
    background-image: url(Dup/img/illust2.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 36px 0 17px;
}

.cms_title p, .cms_title h3 {
    line-height: 1;
    padding: 5px 9px;
    letter-spacing: 4px;
}

.cms_title h3 {
    padding-bottom: 6px;
    display: inline-block;
    position: relative;
}
.cms_title h3:before {
    content: "";
    display: block;
    position: absolute;
    top: -41px;
    left: -100px;
    width: 98px;
    height: 93px;
    background-image: url(Dup/img/kazari1.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}
.cms_title h3:after {
    content: "";
    display: block;
    position: absolute;
    top: -24px;
    right: -108px;
    width: 108px;
    height: 90px;
    background-image: url(Dup/img/kazari2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}
.qa_type5 .faq_no {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    top: -10px;
    left: 0;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
}
.qa_type5 .box_title1 .faq_no {
    background-color: #52ecca;
}
.qa_type5 .box_title1, .qa_type5 .box_txt1 {padding-left: 70px;line-height: 1.7;}

@media screen and (max-width: 768px){
#logo a img:nth-child(1) {
    max-width: 207px;
}
#intro_wrap:before {
    top: -25px;
    left: -24px;
    width: 136px;
    height: 122px;
}
#intro_wrap:after {
    bottom: -58px;
    right: -74px;
    width: 245px;
    height: 230px;
}
#contents3 .con_box:before {
    bottom: -125px;
    left: -48px;
    width: 250px;
    height: 187px;
}
header.scr_header #logo {
    max-width: 200px;
}
.cms_title p {
    font-size: 27px;
}
#intro {
    margin-bottom: 143px;
}

#contents1 .con_img:before {
    top: -194px;
    right: inherit;
    left: 60%;
}
#info_contact {
    margin-bottom: 0;
    padding-bottom: 50px;
}
    #top_cms {
    padding-top: 62px;
    background-size: 370px;
    background-position: 9% 28px;
}

    #top_cms:after {
    height: 109px;
    top: 0;
}
.num {
    top: 0;
    width: 93px!important;
    display: block;
    transform: none;
    top: -75px!important;
}
   .pager li {
        margin-right: 0!important;
    }
.eng2 {
    font-size: 70px;
    top: -71px;
}
.eng3 {
    top: -77px;
    font-size: 65px;
}
.eng4 {
    top: -22px;
}

}


@media (max-width: 768px) {
.catch {
    width: 56%;
    margin-top: 44px;
}
.page7 .page_title_box {
    width: 74%;
}
    .eng4 {
    top: -4%;
}
  .eng1 {
    top: 24px;
}
#copyright.bg_color1 {
    padding-bottom: 120px;
}
}
/* ---------- スマートフォン ---------- */

@media (max-width: 667px) {
.pager li a span i {
    vertical-align: middle;
}
    .con_box.bg_white.pd_5per {
        padding: 3%;
    }
.svg_catch svg {
    width: 100%;
}
#contents3 .con_box:before {
    bottom: -121px;
    left: -23px;
    width: 184px;
    height: 146px;
}
#intro_wrap:before {
    top: -18px;
    left: -19px;
    width: 87px;
    height: 99px;
}
#intro_wrap:after {
    bottom: -58px;
    right: -74px;
    width: 191px;
    height: 160px;
}
.cms_title h3:before {
    top: -27px;
    left: -55px;
    width: 62px;
    height: 58px;
}
.cms_title h3:after {
    top: -21px;
    right: -72px;
    width: 80px;
    height: 85px;
}
#footer {
    padding-top: 22px;
    margin-top: 28px;
}
footer:before {
    height: 39px;
    top: -20px;
}
.font_14 {
    font-size: 13px;
}
    #main_img .menu a.width_300-max {
    width: 94%;
}
#header > .d_flex {
    padding: 25px 0;
}
#info_contact .con_box .con_title {
    font-size: 18px;
}
#logo a img:nth-child(1) {
    max-width: 127px;
}
#intro {
    margin-bottom: 10%;
}
.bnr_contact {
    right: inherit;
    bottom: 7px;
    width: 228px;
    left: 5px;
}
    #main_img:after {
    width: 96%;
    height: 97%;
}
.catch {
    width: 90%;
}

footer h2.hannari {
    font-size: 19px;
}
#info_contact {
    margin-bottom: 0;
    padding-bottom: 45px;
}
    .topcms_menu_type3 .cate:last-of-type{margin-bottom: 0}

    .top_cms_box:first-of-type {
    padding-top: 30px;
}
#contents1 .line, #contents2 .line {
    background-position: 50% 100%;
}


.cms_6-c .box_wrap {
		padding: 0 3px;
	}




    #logo2 a {
    width: 175px;
}
#top_cms {
    padding-top: 60px;
    background-size: 232px;
}
.top_cms_box {
    padding-left: 15px;
    padding-right: 15px;
}

    .font_100per {
    font-size: -webkit-calc(0.9rem);
    font-size: calc(0.9rem);
}
    .cms_2-c .box_item {
    padding: 12px;
}
    section > .pd_5per_tb {
    padding-left: 3%;
    padding-right: 3%;
}
    #page_title h2 {
    font-size: 5.4vw;
}

.page9 .page_title_box {
    width: 64%;
}
    .linehight_1-h_sp {
    line-height: 1.75;
    letter-spacing: 0.1em;
}
.eng3 {
    font-size: 51px;
    top: -59px;
}
    .eng1 {
    font-size: 35px;
}
.eng2 {
    right: -1%;
    font-size: 51px;
}
#contents1_wrap {
    background-position: 88% 111%;
    background-size: 130px auto;
}
#contents2_wrap {
    background-position: 89% 62%;
    background-size: 93px auto;
}

#top_cms:after {
    height: 50px;
    top: 51px;
    background-size: 100% 43px;
}
#contents3:after {
    height: 18px;
    top: -1px;
}


#top_cms.back1:before {
    width: 100%;
}

    .line-l:before {
        display: none;
    }
.cms_title p, .cms_title h3 {
    font-size: 19px;
    letter-spacing: 1px;
}
.cms_title p span, .cms_title h3 span {
    background: #f4fdfe;
    padding-left: 10px;
    padding-right: 9px;
}
}
























/***************************************************
 * Generated by SVG Artista on 4/13/2022, 2:09:51 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

/*@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.svg-elem-1{animation:animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.svg-elem-2{animation:animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.svg-elem-3{animation:animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.svg-elem-4{animation:animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.svg-elem-5{animation:animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.svg-elem-6{animation:animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.3s both}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.svg-elem-7{animation:animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s both}*/



/***************************************************
 * Generated by SVG Artista on 4/13/2022, 2:13:54 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/


/*@-webkit-keyframes animate-svg-stroke-1{0%{stroke-dashoffset:371.5389099121094px;stroke-dasharray:371.5389099121094px}100%{stroke-dashoffset:0;stroke-dasharray:371.5389099121094px}}@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:371.5389099121094px;stroke-dasharray:371.5389099121094px}100%{stroke-dashoffset:0;stroke-dasharray:371.5389099121094px}}@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(178,255,255)}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(178,255,255)}}.svg-elem-1{-webkit-animation:animate-svg-stroke-1 1s cubic-bezier(0.47,0,0.745,0.715) 0s both,animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both;animation:animate-svg-stroke-1 1s cubic-bezier(0.47,0,0.745,0.715) 0s both,animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both}@-webkit-keyframes animate-svg-stroke-2{0%{stroke-dashoffset:302.6723327636719px;stroke-dasharray:302.6723327636719px}100%{stroke-dashoffset:0;stroke-dasharray:302.6723327636719px}}@keyframes animate-svg-stroke-2{0%{stroke-dashoffset:302.6723327636719px;stroke-dasharray:302.6723327636719px}100%{stroke-dashoffset:0;stroke-dasharray:302.6723327636719px}}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(178,255,255)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(178,255,255)}}.svg-elem-2{-webkit-animation:animate-svg-stroke-2 1s cubic-bezier(0.47,0,0.745,0.715) 0.12s both,animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both;animation:animate-svg-stroke-2 1s cubic-bezier(0.47,0,0.745,0.715) 0.12s both,animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both}@-webkit-keyframes animate-svg-stroke-3{0%{stroke-dashoffset:166.00900268554688px;stroke-dasharray:166.00900268554688px}100%{stroke-dashoffset:0;stroke-dasharray:166.00900268554688px}}@keyframes animate-svg-stroke-3{0%{stroke-dashoffset:166.00900268554688px;stroke-dasharray:166.00900268554688px}100%{stroke-dashoffset:0;stroke-dasharray:166.00900268554688px}}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(178,255,255)}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(178,255,255)}}.svg-elem-3{-webkit-animation:animate-svg-stroke-3 1s cubic-bezier(0.47,0,0.745,0.715) 0.24s both,animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both;animation:animate-svg-stroke-3 1s cubic-bezier(0.47,0,0.745,0.715) 0.24s both,animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both}@-webkit-keyframes animate-svg-stroke-4{0%{stroke-dashoffset:384.1065673828125px;stroke-dasharray:384.1065673828125px}100%{stroke-dashoffset:0;stroke-dasharray:384.1065673828125px}}@keyframes animate-svg-stroke-4{0%{stroke-dashoffset:384.1065673828125px;stroke-dasharray:384.1065673828125px}100%{stroke-dashoffset:0;stroke-dasharray:384.1065673828125px}}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(178,255,255)}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(178,255,255)}}.svg-elem-4{-webkit-animation:animate-svg-stroke-4 1s cubic-bezier(0.47,0,0.745,0.715) 0.36s both,animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both;animation:animate-svg-stroke-4 1s cubic-bezier(0.47,0,0.745,0.715) 0.36s both,animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both}@-webkit-keyframes animate-svg-stroke-5{0%{stroke-dashoffset:170.27786254882812px;stroke-dasharray:170.27786254882812px}100%{stroke-dashoffset:0;stroke-dasharray:170.27786254882812px}}@keyframes animate-svg-stroke-5{0%{stroke-dashoffset:170.27786254882812px;stroke-dasharray:170.27786254882812px}100%{stroke-dashoffset:0;stroke-dasharray:170.27786254882812px}}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(178,255,255)}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(178,255,255)}}.svg-elem-5{-webkit-animation:animate-svg-stroke-5 1s cubic-bezier(0.47,0,0.745,0.715) 0.48s both,animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both;animation:animate-svg-stroke-5 1s cubic-bezier(0.47,0,0.745,0.715) 0.48s both,animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both}@-webkit-keyframes animate-svg-stroke-6{0%{stroke-dashoffset:343.1157531738281px;stroke-dasharray:343.1157531738281px}100%{stroke-dashoffset:0;stroke-dasharray:343.1157531738281px}}@keyframes animate-svg-stroke-6{0%{stroke-dashoffset:343.1157531738281px;stroke-dasharray:343.1157531738281px}100%{stroke-dashoffset:0;stroke-dasharray:343.1157531738281px}}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(178,255,255)}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(178,255,255)}}.svg-elem-6{-webkit-animation:animate-svg-stroke-6 1s cubic-bezier(0.47,0,0.745,0.715) 0.6s both,animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.3s both;animation:animate-svg-stroke-6 1s cubic-bezier(0.47,0,0.745,0.715) 0.6s both,animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.3s both}@-webkit-keyframes animate-svg-stroke-7{0%{stroke-dashoffset:179.99998474121094px;stroke-dasharray:179.99998474121094px}100%{stroke-dashoffset:0;stroke-dasharray:179.99998474121094px}}@keyframes animate-svg-stroke-7{0%{stroke-dashoffset:179.99998474121094px;stroke-dasharray:179.99998474121094px}100%{stroke-dashoffset:0;stroke-dasharray:179.99998474121094px}}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(178,255,255)}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(178,255,255)}}.svg-elem-7{-webkit-animation:animate-svg-stroke-7 1s cubic-bezier(0.47,0,0.745,0.715) 0.72s both,animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s both;animation:animate-svg-stroke-7 1s cubic-bezier(0.47,0,0.745,0.715) 0.72s both,animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s both}*/

/***************************************************
 * Generated by SVG Artista on 4/13/2022, 5:30:44 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1{0%{stroke-dashoffset:371.50164794921875px;stroke-dasharray:371.50164794921875px}100%{stroke-dashoffset:0;stroke-dasharray:371.50164794921875px}}@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:371.50164794921875px;stroke-dasharray:371.50164794921875px}100%{stroke-dashoffset:0;stroke-dasharray:371.50164794921875px}}@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-1{-webkit-animation:animate-svg-stroke-1 1s cubic-bezier(0.55,0.085,0.68,0.53) 0s both,animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both;animation:animate-svg-stroke-1 1s cubic-bezier(0.55,0.085,0.68,0.53) 0s both,animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both}@-webkit-keyframes animate-svg-stroke-2{0%{stroke-dashoffset:302.6624450683594px;stroke-dasharray:302.6624450683594px}100%{stroke-dashoffset:0;stroke-dasharray:302.6624450683594px}}@keyframes animate-svg-stroke-2{0%{stroke-dashoffset:302.6624450683594px;stroke-dasharray:302.6624450683594px}100%{stroke-dashoffset:0;stroke-dasharray:302.6624450683594px}}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-2{-webkit-animation:animate-svg-stroke-2 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.12s both,animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both;animation:animate-svg-stroke-2 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.12s both,animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both}@-webkit-keyframes animate-svg-stroke-3{0%{stroke-dashoffset:165.93031311035156px;stroke-dasharray:165.93031311035156px}100%{stroke-dashoffset:0;stroke-dasharray:165.93031311035156px}}@keyframes animate-svg-stroke-3{0%{stroke-dashoffset:165.93031311035156px;stroke-dasharray:165.93031311035156px}100%{stroke-dashoffset:0;stroke-dasharray:165.93031311035156px}}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-3{-webkit-animation:animate-svg-stroke-3 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.24s both,animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both;animation:animate-svg-stroke-3 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.24s both,animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both}@-webkit-keyframes animate-svg-stroke-4{0%{stroke-dashoffset:384.077880859375px;stroke-dasharray:384.077880859375px}100%{stroke-dashoffset:0;stroke-dasharray:384.077880859375px}}@keyframes animate-svg-stroke-4{0%{stroke-dashoffset:384.077880859375px;stroke-dasharray:384.077880859375px}100%{stroke-dashoffset:0;stroke-dasharray:384.077880859375px}}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-4{-webkit-animation:animate-svg-stroke-4 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.36s both,animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both;animation:animate-svg-stroke-4 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.36s both,animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both}@-webkit-keyframes animate-svg-stroke-5{0%{stroke-dashoffset:170.29788208007812px;stroke-dasharray:170.29788208007812px}100%{stroke-dashoffset:0;stroke-dasharray:170.29788208007812px}}@keyframes animate-svg-stroke-5{0%{stroke-dashoffset:170.29788208007812px;stroke-dasharray:170.29788208007812px}100%{stroke-dashoffset:0;stroke-dasharray:170.29788208007812px}}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-5{-webkit-animation:animate-svg-stroke-5 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.48s both,animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both;animation:animate-svg-stroke-5 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.48s both,animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both}@-webkit-keyframes animate-svg-stroke-6{0%{stroke-dashoffset:343.10235595703125px;stroke-dasharray:343.10235595703125px}100%{stroke-dashoffset:0;stroke-dasharray:343.10235595703125px}}@keyframes animate-svg-stroke-6{0%{stroke-dashoffset:343.10235595703125px;stroke-dasharray:343.10235595703125px}100%{stroke-dashoffset:0;stroke-dasharray:343.10235595703125px}}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-6{-webkit-animation:animate-svg-stroke-6 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.6s both,animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.3s both;animation:animate-svg-stroke-6 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.6s both,animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.3s both}@-webkit-keyframes animate-svg-stroke-7{0%{stroke-dashoffset:179.97000122070312px;stroke-dasharray:179.97000122070312px}100%{stroke-dashoffset:0;stroke-dasharray:179.97000122070312px}}@keyframes animate-svg-stroke-7{0%{stroke-dashoffset:179.97000122070312px;stroke-dasharray:179.97000122070312px}100%{stroke-dashoffset:0;stroke-dasharray:179.97000122070312px}}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-7{-webkit-animation:animate-svg-stroke-7 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.72s both,animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s both;animation:animate-svg-stroke-7 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.72s both,animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s both}@-webkit-keyframes animate-svg-stroke-8{0%{stroke-dashoffset:388.85076904296875px;stroke-dasharray:388.85076904296875px}100%{stroke-dashoffset:0;stroke-dasharray:388.85076904296875px}}@keyframes animate-svg-stroke-8{0%{stroke-dashoffset:388.85076904296875px;stroke-dasharray:388.85076904296875px}100%{stroke-dashoffset:0;stroke-dasharray:388.85076904296875px}}@-webkit-keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-8{-webkit-animation:animate-svg-stroke-8 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.84s both,animate-svg-fill-8 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.5s both;animation:animate-svg-stroke-8 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.84s both,animate-svg-fill-8 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.5s both}@-webkit-keyframes animate-svg-stroke-9{0%{stroke-dashoffset:144.43292236328125px;stroke-dasharray:144.43292236328125px}100%{stroke-dashoffset:0;stroke-dasharray:144.43292236328125px}}@keyframes animate-svg-stroke-9{0%{stroke-dashoffset:144.43292236328125px;stroke-dasharray:144.43292236328125px}100%{stroke-dashoffset:0;stroke-dasharray:144.43292236328125px}}@-webkit-keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-9{-webkit-animation:animate-svg-stroke-9 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.96s both,animate-svg-fill-9 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.6s both;animation:animate-svg-stroke-9 1s cubic-bezier(0.55,0.085,0.68,0.53) 0.96s both,animate-svg-fill-9 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.6s both}

/* ======================================================================================
　　loading
======================================================================================== */
.top_loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background-color: #fff;
    animation: 1s fade 2.7s 1 forwards;
}
.top_loading::before{
    display: inline-block;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    background-image: linear-gradient(110deg,#e9e9e9,#ecfbfb 32%,#d7f1ed 61%,#f1f1f1);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    /*background-image: url(../dup/img/loader_bg.jpg);*/
    /*background-size: cover;*/
    /*background-position: center;*/
    z-index: 4;
    animation: 1s top_loading 1 forwards;
    opacity: 0;
}
@keyframes fade {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes top_loading {
  0% {
    opacity: 0;
    filter: blur(1);
  }

  100% {
    opacity: 1;
    filter: blur(0);
  }
}
.svg_catch {
    z-index: 5;
}



.flow_type3 .cate{counter-reset: box;}
.flow_type3 .cate_box{counter-increment: box;}
.flow_type3 .box_item{padding-top: 60px;}
.flow_type3 .box_title1{z-index: 0}
.flow_type3 .box_title1::before, .flow_type3 .box_title1::after{
	position: absolute;
	content: "";
	display: block;
	pointer-events: none
}
.flow_type3 .box_title1::before {
	content: "0"counter(box);
	font-size: 86px;
color: #c3ebeb;
	left: 0;
	top: -87px;
	z-index: -1;
}
.flow_type3 .box_title1::after{
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #98d1d1
}
/*-------- スマートフォン --------*/
@media screen and (max-width: 667px){
.flow_type3 .box_title1::before{
	left: auto;
	right: 0;
	top: -84px
}
.flow_type3 .box_item {
    padding-top: 36px;
}
}