/*----------------------------------------------------------------------------繝ｬ繧ｹ繝昴Φ繧ｷ繝砲SS-------------------------------------------------------------------------------------------------------------------------------------*/
/*--------繧ｹ繝槭�--------*/
/*--------繝医ャ繝励�繝ｼ繧ｸ--------*/
    
    .header_bg {
        background: #FFF;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 99;
    }
    .header_flex {
        padding: 0 0 0 15px;
        align-items: center;
        position: relative;
    }
    .header_logo_wrap {
        width: 96px;
        font-size: 0;
    }
    .header_logo {
        font-size: 0;
    }
    .nav-ham span {
    	display: block;
    	width: 17.5px;
    	height: 2px;
    	background-color: #000;
    	position: absolute;
    	transition: transform 0.5s, opacity 0.5s, width 0.3s;
    	left: 17px;
    	border-radius: 999px;
    }
    .nav-ham span:nth-child(1) {
    	top: 15px;
    }
    .nav-ham span:nth-child(2) {
    	top: 0;
    	bottom: 0;
    	margin: auto;
    }
    .nav-ham span:nth-child(3) {
    	bottom: 15px;
    }
    .sp-nav-layout {
    	position: fixed;
    	background: rgba(80, 105, 215, 0.95);
    	top: 0;
    	right: 0;
    	width: 100%;
    	max-width: 300px;
    	height: 100vh;
    	color: #ffffff;
    	visibility: hidden;
    	opacity: 0;
    	transform: translateX(100%);
    	transition: 0.5s ease-in-out;
    	z-index: 50;
    }
    /*sp nav*/
    .nav-ham {
    	display: block;
    	position: relative;
    	width: 50px;
    	height: 50px;
    	cursor: pointer;
    	z-index: 100;
    }
    .open .nav-ham {
    	/*position: fixed;*/
    }
    .open .nav-ham span {
    	background-color: #fff;
    }
    .open .nav-ham span:nth-child(1) {
    	transform: translateY(9px) rotate(40deg);
    }
    .open .nav-ham span:nth-child(2) {
    	top: 0;
    	bottom: 0;
    	margin: auto;
    	width: 0px;
    	opacity: 0;
    }
    .open .nav-ham span:nth-child(3) {
    	transform: translateY(-9px) rotate(-40deg);
    }
    .open .sp-nav-layout {
    	visibility: visible;
    	opacity: 1;
    	transform: translateX(0);
    }
    .open .sp-nav-layout ul li {
    	transform: translateX(0);
    }
    .openmenu {
        padding: 80px 0 0 35px;
        list-style: none;
    }
    .openmenu li {
        margin: 0 0 30px;
        position: relative;
        padding: 0 0 0 20px;
    }
    .openmenu li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 6px;
        width: 10px;
        height: 10px;
        border-radius: 999px;
        background: #FFF;
    }
    .openmenu li a {
        color: #FFF;
        font-size: 20px;
        text-decoration: none;
    }
    .fv_wrap {
        margin-top: 50px;
    }
    .fts0 {
        font-size: 0;
    }
    .co_tab_menu {
    	cursor: pointer;
    }
    .co_tab_cts {
    	display: none;
    }
    .co_tab_cts.co_tab_active {
    	display: block;
    }
    .ank_flexbox {
        position: relative;
        margin-bottom: 2vw;
    }
    .ank_btn {
        display: inline-block;
        position: absolute;
        z-index: 5;
        bottom: 5%;
        width: 32.30%;
    }
    .ank_btn1-1 {
        left: 16%;
    }
    .ank_btn1-2 {
        right: 16%;
    }
    .ank_btn2-1 {
        left: 2%;
    }
    .ank_btn2-2 {
        left: 50%;
    	transform: translateX(-50%);
    	-webkit-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
    }
    .ank_btn2-3 {
        right: 2%;
    }
    .cta_flexbox {
        padding: 0 2.5% 0;
    }
    .cta_flex {
        margin-bottom: 11vw;
        text-align: center;
    }
    .menu_bg {
        position: relative;
        margin-bottom: 12vw;
    }
    .menu1 {
        background: #CBF5FF;
    }
    .menu2 {
        background: #C5DFFF;
    }
    .menu_wrap {
        position: relative;
        padding: 10vw 2.5vw 2vw;
    }
    .menu_h {
        position: absolute;
    	left: 50%;
    	top: -4.5vw;
    	transform: translateX(-50%);
    	-webkit-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
    }
    .menu1 .menu_h {
        width: 37.9%;
    }
    .menu_box {
        margin-bottom: 4.5vw;
    }
    .tab_wrap {
        padding: 0 1vw 0;
        margin-bottom: 22vw;
    }
    .top_search_tabwrap {
        box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    }
    .top_search_tabarea .co_tab_menu {
        font-size: 0;
    }
    .top_search_tabarea .co_tab_menu:nth-child(1) {
        width: 40.99%;
    }
    .top_search_tabarea .co_tab_menu:nth-child(2) {
        width: 29.50%;
    }
    .top_search_tabarea .co_tab_menu:nth-child(3) {
        width: 29.50%;
    }
    .top_search_tabarea .co_tab_menu .on {
        display: none;
    }
    .top_search_tabarea .co_tab_menu.co_tab_active .off {
        display: none;
    }
    .top_search_tabarea .co_tab_menu.co_tab_active .on {
        display: inline;
    }
    .dmenu_ank {
        position: relative;
        margin-bottom: 9vw;
    }
    .dmenu_ank_btn {
        display: inline-block;
        position: absolute;
        z-index: 5;
    }
    .dmenu_ank_btn1-1, .dmenu_ank_btn1-2 {
        width: 30.38%;
        top: 27%;
    }
    .dmenu_ank_btn2-1, .dmenu_ank_btn2-2, .dmenu_ank_btn2-3 {
        width: 29.23%;
        bottom: 7%;
    }
    .dmenu_ank_btn1-1 {
        left: 17%;
    }
    .dmenu_ank_btn1-2 {
        left: 51%;
    }
    .dmenu_ank_btn2-1 {
        left: 5%;
    }
    .dmenu_ank_btn2-2 {
        left: 35%;
    }
    .dmenu_ank_btn2-3 {
        left: 65%;
    }
    .dmenu_ac_dt {
        cursor: pointer;
    }
    .dmenu_ac_dt .open {
        display: none;
    }
    .dmenu_ac_dt.clicked .open {
        display: inline;
    }
    .dmenu_ac_dt.clicked .close {
        display: none;
    }
    .dmenu_ac_dd {
        display: none;
    }
    .dmenu_scroll {
        overflow-y: scroll;
        height: 45vw;
    }
    .flowbtn_wrap {
        padding: 7vw 3vw 10vw;
        text-align: center;
    }
    .faq_bg {
        background: #C5DFFF;
        padding: 8vw 4vw;
    }
    .faq_wrap {
        background: #FFF;
        position: relative;
        padding: 8vw 4vw;
    }
    .faq_wrap::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: #C5DFFF transparent transparent transparent;
        border-width: 8vw 8vw 0px 0px;
    }
    .faq_wrap::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent transparent #C5DFFF transparent;
        border-width: 0px 0px 8vw 8vw;
    }
    .faq_h {
        text-align: center;
        margin-bottom: 6vw;
    }
    .faq_h img {
        width: 29.16%;
    }
    .qa {
        margin: 0;
        border-top: 1px solid #000;
    }
    .qa dt {
        position: relative;
        border-bottom: 1px solid #000;
        font-size: 3.58vw;
        min-height: 17.43vw;
        cursor: pointer;
        display: flex;
        align-items: center;
        line-height: 1.57;
        padding: .75em 11%;
    }
    .qa dt::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
        display: inline-block;
        width: 7.86%;
        height: 6.046vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../img/sp/q.png);
    }
    .qa_toggle {
        position: absolute;
        right: 0;
        top: 50%;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
        display: inline-block;
        width: 5%;
        height: 3.846vw;
    }
    .qa_toggle::before, .qa_toggle::after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 1px;
        background: #000;
        position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	-webkit-transform: translate(-50%, -50%);
    	-ms-transform: translate(-50%, -50%);
    	transition: .2s;
    }
    .qa_toggle::after {
        transform: translate(-50%, -50%) rotate(90deg);
    	-webkit-transform: translate(-50%, -50%) rotate(90deg);
    	-ms-transform: translate(-50%, -50%) rotate(90deg);
    }
    .qa dt.qa_click .qa_toggle::after {
        transform: translate(-50%, -50%) rotate(0deg);
    	-webkit-transform: translate(-50%, -50%) rotate(0deg);
    	-ms-transform: translate(-50%, -50%) rotate(0deg);
    }
    .qa dt.qa_click {
        border-bottom: none;
    }
    .qa dd {
        display: none;
        margin: 0;
        position: relative;
        padding: .2em 0 8% 11%;
        border-bottom: 1px solid #000;
        font-size: 3.58vw;
        line-height: 1.57;
    }
    .qa dd::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        width: 7.86%;
        height: 6.046vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../img/sp/a.png);
    }
    .embed_form {
        padding: 30px 10px;
    }
    .embed_in {
        max-width: 1000px;
        margin: 0 auto;
    }
    .fixedbtn_flex {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 99;
    }
    .fixedbtn_flex a {
        display: inline-block;
        width: 50%;
    }
    .footer {
        padding-bottom: 15.38vw;
    }
    
    .dmenu_modal_wrap {
        position: relative;
    }
    .clickarea_sp {
        display: inline-block;
        width: 41%;
        height: 100%;
        top: 0;
        position: absolute;
        z-index: 5;
        cursor: pointer;
    }
    .clickarea_sp_before {
        left: 9%;
    }
    .clickarea_sp_after {
        right: 9%;
    }
    .click_after {
        display: none;
    }
    
    
    
/*--------繧ｿ繝悶Ξ繝�ヨ--------*/
@media screen and (min-width: 768px) {
    /*--------繝医ャ繝励�繝ｼ繧ｸ--------*/
    .fv_wrap {
        margin-top: 80px;
    }
    .nav-ham {
        width: 80px;
        height: 80px;
    }
    .nav-ham span {
    	width: 30px;
    	left: 26px;
    }
    .nav-ham span:nth-child(1) {
    	top: 26px;
    }
    .nav-ham span:nth-child(3) {
    	bottom: 26px;
    }
    .header_logo_wrap {
        width: calc(100% - 80px - 260px - 260px);
    }
    .header_logo {
        width: 194px;
    }
    .header_btn_wrap {
        display: block;
        width: 260px;
        font-size: 0;
    }
    .header_btn_wrap a {
        display: inline-block;
        font-size: 0;
    }
    .header_flex {
        padding-left: 45px;
    }
    .sp-nav-layout {
        max-width: 378.4px;
        max-height: 652.3px;
    }
    .openmenu {
        padding: 80px 0 0 90px;
    }
    .openmenu li {
        margin-bottom: 35px;
    }
    .open .nav-ham span:nth-child(1) {
    	transform: translateY(13px) rotate(40deg);
    }
    .open .nav-ham span:nth-child(3) {
    	transform: translateY(-13px) rotate(-40deg);
    }
    .ank_flexbox {
        margin: 0;
        width: 49.8%;
    }
    .ank_flex_left .ank_btn {
        width: 23.77%;
    }
    .ank_flex_right .ank_btn {
        width: 22.79%;
    }
    .ank_btn {
        bottom: 6%;
    }
    .ank_btn1-1 {
        left: 35%;
        right: auto;
    }
    .ank_btn1-2 {
        left: 61%;
        right: auto;
    }
    .ank_btn2-1 {
        left: 5%;
        right: auto;
    }
    .ank_btn2-2 {
        left: 28%;
        right: auto;
        transform: none;
    }
    .ank_btn2-3 {
        left: 51%;
        right: auto;
    }
    .cta_flexbox {
        padding: 0;
        width: 48.5%;
    }
    .cta_flex {
        margin: 0 auto 9vw;
        width: 53vw;
    }
    .menu1 .menu_h {
        width: 23.41%;
    }
    .menu2 .menu_h {
        width: 32.07%;
    }
    .menu_h {
        top: -3vw;
    }
    .menu_box {
        margin: 0 auto 5vw;
        width: 61.25%;
    }
    .menu_wrap {
        padding: 7vw 0 2vw;
    }
    .menu_bg {
        margin-bottom: 8vw;
    }
    .menu2 {
        margin-bottom: 0;
    }
    .tab_wrap {
        padding: 0;
        margin-bottom: 8vw;
    }
    .top_search_tabwrap {
        margin: 0 auto;
        width: 62.5%;
        box-shadow: 8px 8px 0 rgba(0,0,0,.06);
    }
    .top_search_tabarea .co_tab_menu {
        width: calc(100% / 3)!important;
    }
    .dmenu_ank {
        margin-bottom: 3vw;
    }
    .dmenu_ank_btn {
        width: 11.45%;
        top: auto;
        bottom: 12%;
    }
    .dmenu_ank_btn1-1 {
        left: 16%;
    }
    .dmenu_ank_btn1-2 {
        left: 29%;
    }
    .dmenu_ank_btn2-1 {
        left: 53.5%;
    }
    .dmenu_ank_btn2-2 {
        left: 65%;
    }
    .dmenu_ank_btn2-3 {
        left: 76.5%;
    }
    .flowbtn_wrap {
        padding: 4.5vw 0 6vw;
    }
    .flowbtn {
        display: inline-block;
        width: 44.2%;
    }
    .faq_bg {
        padding: 8vw 0;
    }
    .faq_wrap {
        margin: 0 auto;
        width: 71.87%;
        padding: 6vw 6vw;
    }
    .faq_wrap::before {
        border-width: 4vw 4vw 0px 0px;
    }
    .faq_wrap::after {
        border-width: 0px 0px 4vw 4vw;
    }
    .faq_h {
        margin-bottom: 4.5vw;
    }
    .faq_h img {
        width: 25.27%;
    }
    .qa dt {
        font-size: 1.375vw;
        min-height: 6.25vw;
        padding: .5em 8%;
    }
    .qa dt::before {
        width: 3.888%;
        height: 2.1875vw;
        left: 3%;
    }
    .qa_toggle {
        right: 3%;
        width: 2.555%;
        height: 1.4375vw;
    }
    .qa dd {
        font-size: 1.375vw;
        padding: 0 10% 10% 8%;
    }
    .qa dd::before {
        width: 3.888%;
        height: 2.1875vw;
        left: 3%;
    }
    .footer {
        padding-bottom: 0;
    }
    
    .clickarea_pc {
        display: inline-block;
        opacity: .5;
        width: 17.3%;
        height: 100%;
        top: 0;
        position: absolute;
        cursor: pointer;
    }
    .clickarea_pc_before {
        left: 32.7%;
    }
    .clickarea_pc_after {
        right: 32.7%;
    }
    
}





/*--------PC--------*/
@media screen and (min-width: 1180px) {
    /*--------繝医ャ繝励�繝ｼ繧ｸ--------*/
}






/*蠕後°繧我ｸ頑嶌縺阪＠縺溘＞蜈ｱ騾咾SS*/
.bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}