@charset "utf-8";

/* ---------------------------------------------------
 * base
/* ---------------------------------------------------*/

html {
    font-size: 62.5%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    text-align: center;
    font-size: 10px;
    font-family: 'Noto Sans JP', YuGothic, 'Yu Gothic', 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
    line-height: 1.75;
    width: 100%;
    background-color: #fff;
    font-weight: 400;
    font-feature-settings: "palt" 1;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: #fff;
}

.divide {
    padding: 0 8px;
}

/* ---------------------------------------------------
 * CTA
/* ---------------------------------------------------*/

.btn:hover,.callBtn:hover {
  filter: brightness(110%);
}

.anime{
	animation: anime 0.5s ease 0s infinite alternate;
	transform-origin: center;
}

@keyframes anime {
	  from {
		transform: scale(0.9,0.9);
	  }
	  to {
		transform: scale(1,1);
	  }
}

.info_container {
  position: relative;
}

.info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50.5%, -76%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    gap: 106px;
    max-width: 637px;
}
@media (min-width: 1921px){
    .info {
        gap: 3.9vw;
        max-width: 33.5vw;
        transform: translate(-49.5%, -76%);
    }
}
@media (min-width: 768px) and  (max-width: 1099px) {
    .info {
        gap: 10vw;
        max-width: 58.5vw;
        transform: translate(-49.5%, -76%);
    }
}
@media (max-width: 767px) {
.info {
    transform: translate(-42%, -64%);
    display: flex;
	align-items: flex-start; 
	}
}
.info-left a,
.info-right {
    width: 954px;
    text-align: left;
    color: #222;
    text-decoration: none;
    font-size: 28px;
    position: static;
    transform: none;
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 1921px){
	.info-left a, .info-right {
		font-size: 1.6vw;
	}
}
@media (min-width: 768px) and  (max-width: 1099px) {
	.info-left a,
	.info-right {
		width: 29vw;
		font-size: 2.5vw;
	}
}

.mail:hover,
.info-right:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .info {
    flex-direction: column; 
    gap: 1.5vw;              
  }
  .info-left a,
  .info-right {
        text-align: left;
        width: auto;
        font-size: 4.6vw;
        white-space: nowrap;
    }
}

/*--クレジットカード支払い--*/
.form_box_01,.form_box_04 {
    transform: translate(-49%, -61%);
}

/*--銀行振込--*/
.form_box_02, .form_box_05 {
    transform: translate(-49%, -49%);
}

/*--電話相談窓口--*/
.form_box_03,.form_box_06 {
	transform: translate(-49%, -25%);
}

.form_box_01, .form_box_02, .form_box_04, .form_box_05 {
    position: absolute;
    width: 100%;
    max-width: 682px;
    left: 50%;
    top: 50%;
}

.form_box_03,.form_box_06 {
    position: absolute;
    width: 100%;
    max-width: 682px;
    left: 50%;
    top: 50%;
}
@media screen and (min-width:1921px) {
	.form_box_01, .form_box_02,.form_box_03, .form_box_04, .form_box_05,.form_box_06 {
	    max-width: 35.5vw;
	}
}
@media screen and (min-width:1921px) {
	.form_box_01, .form_box_02, .form_box_04, .form_box_05 {
	    max-width: 35.5vw;
	}
}

.wrap {
	width: 2000px;
	max-width: 100%;
}

#container {
    position: relative;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width:1921px) {
    .-pc {
        display: block;
    }
    .-sp {
        display: none;
    }
	
    #wrap {
        max-width: 100vw;
        width: 100vw;
    }
	
    .form_box {
        max-width: 24.5vw;
        top: 21%;
    }

		#container {
			position: relative;
			max-width: 57.29%;
			margin-left: auto;
			margin-right: auto;
		}
		
		section#section-01,
		section#section-02,
		section#section-03,
		section#section-04,
		section#section-05,
		section#section-06,
		section#section-07,
		section#section-08,
		section#section-09,
		section#section-10,
		section#section-11,
		section#section-12,
		section#section-13,
		section#section-14,
		section#section-15,
		section#section-16,
		section#section-17,
		section#section-18,
		section#section-19,
		section#section-20,
		section#section-21,
		section#section-22,
		section#section-23,
		section#section-24,
		section#section-25,
		section#section-26,
		section#section-27,
		section#section-28,
		section#section-29,
		section#section-30,
		section#section-31,
		section#section-32,
		section#section-33,
		section#section-34,
		section#section-35,
		section#section-36,
		section#section-37,
		section#section-38,
		section#section-39,
		section#section-40,
		section#section-41,
		section#section-42,
		section#section-43,
		section#section-44,
		section#section-45,
		section#section-46,
		section#section-47,
		section#section-48,
		section#section-49,
		section#section-50,
		section#section-51,
		section#section-52 {
		background-size: cover !important;
	  }

		#container img{
			width: 100%;
		}
}

/*背景画像を指定*/
section#section-01 {
	background:url(../img_pc/section_01.jpg) no-repeat top center;
    height: px;  
}
section#section-02 {
	background:url(../img_pc/section_02.jpg) no-repeat top center;
    height: px;  
}
section#section-03 {
	background:url(../img_pc/section_03.jpg) no-repeat top center;
    height: px;  
}
section#section-04 {
	background:url(../img_pc/section_04.jpg) no-repeat top center;
    height: px;  
}
section#section-05 {
	background:url(../img_pc/section_05.jpg) no-repeat top center;
    height: px;  
}
section#section-06 {
	background:url(../img_pc/section_06.jpg) no-repeat top center;
    height: px;  
}
section#section-07 {
	background:url(../img_pc/section_07.jpg) no-repeat top center;
    height: px;  
}
section#section-08 {
	background:url(../img_pc/section_08.jpg) no-repeat top center;
    height: px;  
}
section#section-09 {
	background:url(../img_pc/section_09.jpg) no-repeat top center;
    height: px;  
}
section#section-10 {
	background:url(../img_pc/section_10.jpg) no-repeat top center;
    height: px;  
}
section#section-11 {
	background:url(../img_pc/section_11.jpg) no-repeat top center;
    height: px;  
}
section#section-12 {
	background:url(../img_pc/section_12.jpg) no-repeat top center;
    height: px;  
}
section#section-13 {
	background:url(../img_pc/section_13.jpg) no-repeat top center;
    height: px;  
}
section#section-14 {
	background:url(../img_pc/section_14.jpg) no-repeat top center;
    height: px;  
}
section#section-15 {
	background:url(../img_pc/section_15.jpg) no-repeat top center;
    height: px;  
}
section#section-16 {
	background:url(../img_pc/section_16.jpg) no-repeat top center;
    height: px;  
}
section#section-17 {
	background:url(../img_pc/section_17.jpg) no-repeat top center;
    height: px;  
}
section#section-18 {
	background:url(../img_pc/section_18.jpg)no-repeat top center;
    height: px;  
}
section#section-19 {
	background:url(../img_pc/section_19.jpg)no-repeat top center;
    height: px;  
}
section#section-20 {
	background:url(../img_pc/section_20.jpg)no-repeat top center;
    height: px;  
}
section#section-21 {
	background:url(../img_pc/section_21.jpg)no-repeat top center;
    height: px;  
}
section#section-22 {
	background:url(../img_pc/section_22.jpg)no-repeat top center;
    height: px;  
}
section#section-23 {
	background:url(../img_pc/section_23.jpg)no-repeat top center;
    height: px;  
}
section#section-24 {
	background:url(../img_pc/section_24.jpg)no-repeat top center;
    height: px;  
}
section#section-25 {
	background:url(../img_pc/section_25.jpg)no-repeat top center;
    height: px;  
}
section#section-26 {
	background:url(../img_pc/section_26.jpg)no-repeat top center;
    height: px;  
}
section#section-27 {
	background:url(../img_pc/section_27.jpg)no-repeat top center;
    height: px;  
}
section#section-28 {
	background:url(../img_pc/section_28.jpg)no-repeat top center;
    height: px;  
}
section#section-29 {
	background:url(../img_pc/section_29.jpg)no-repeat top center;
    height: px;  
}
section#section-30 {
	background:url(../img_pc/section_30.jpg)no-repeat top center;
    height: px;  
}
section#section-31 {
	background:url(../img_pc/section_31.jpg)no-repeat top center;
    height: px;  
}
section#section-32 {
	background:url(../img_pc/section_32.jpg)no-repeat top center;
    height: px;  
}
section#section-33 {
	background:url(../img_pc/section_33.jpg)no-repeat top center;
    height: px;  
}
section#section-34 {
	background:url(../img_pc/section_34.jpg)no-repeat top center;
    height: px;  
}
section#section-35 {
	background:url(../img_pc/section_35.jpg)no-repeat top center;
    height: px;  
}
section#section-36 {
	background:url(../img_pc/section_36.jpg)no-repeat top center;
    height: px;  
}
section#section-37 {
	background:url(../img_pc/section_37.jpg)no-repeat top center;
    height: px;  
}
section#section-38 {
	background:url(../img_pc/section_38.jpg)no-repeat top center;
    height: px;  
}
section#section-39 {
	background:url(../img_pc/section_39.jpg)no-repeat top center;
    height: px;  
}
section#section-40 {
	background:url(../img_pc/section_40.jpg)no-repeat top center;
    height: px;  
}
section#section-41 {
	background:url(../img_pc/section_41.jpg)no-repeat top center;
    height: px;  
}
section#section-42 {
	background:url(../img_pc/section_42.jpg)no-repeat top center;
    height: px;  
}
section#section-43 {
	background:url(../img_pc/section_43.jpg)no-repeat top center;
    height: px;  
}
section#section-44 {
	background:url(../img_pc/section_44.jpg)no-repeat top center;
    height: px;  
}
section#section-45 {
	background:url(../img_pc/section_45.jpg)no-repeat top center;
    height: px;  
}
section#section-46 {
	background:url(../img_pc/section_46.jpg)no-repeat top center;
    height: px;  
}
section#section-47 {
	background:url(../img_pc/section_47.jpg)no-repeat top center;
    height: px;  
}
section#section-48 {
	background:url(../img_pc/section_48.jpg)no-repeat top center;
    height: px;  
}
section#section-49 {
	background:url(../img_pc/section_49.jpg)no-repeat top center;
    height: px;  
}
section#section-50 {
	background:url(../img_pc/section_50.jpg)no-repeat top center;
    height: px;  
}
section#section-51 {
	background:url(../img_pc/section_51.jpg)no-repeat top center;
    height: px;  
}
section#section-52 {
	background:url(../img_pc/section_52.jpg)no-repeat top center;
    height: px;  
}

.-pc {
    display: block;
}

.-sp {
    display: none;
}

*, *::before, *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;	
}

/* ---------------------------------------------------
 *　フッター
/* ---------------------------------------------------*/
li {
    list-style: none; 
    margin: 0;        
    padding: 0 !important;    
}

#footer a,
#footer p {
    color: #fff;
    line-height: 1.75;
	font-size: 15px;
}
@media only screen and (min-width: 1921px) {
	#footer a,
	#footer p {
		font-size: 1vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
	#footer a,
	#footer p {
		font-size: 2vw;
	}
}

@media screen and (max-width: 767px) {
	.footer-menu.-sp {
		width: 93%;
		font-size: 0.7em;
		margin-bottom: 3vw;
	}
}


.footer p {
    color: white;
    text-align: center;
    margin-top: 0; 
	margin-bottom: 0;
}

.footer a {
	font-size: 15px;
}

#footer {
    background-color: #222;
    color: #fff;
	padding: 3em; 
}

.footer__companyInfoItem + .footer__companyInfoItem__right::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: -15px;
    width: 1px;
    height: 15px;
    background-color: currentColor;
}

#footer .footer__companyInfo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.footer__companyInfoItem + .footer__companyInfoItem {
    position: relative;
    margin-left: 30px;
}
@media screen and (max-width: 767px) {
    .footer__companyInfo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
		padding-left: 0;
    }
	.footer__companyInfoItem + .footer__companyInfoItem {
		margin-left: 4.5vw;
	}
}
@media screen and (max-width: 767px) {
    #footer .footer__companyInfo {
        font-size: 3.3333333333vw;
    }
}
@media screen and (max-width: 767px) {
	#footer a, #footer p {
	   line-height: 0;
	}
	
	#footer a {
	   font-size: 2.8vw;
	}
	
	#footer a, #footer p {
	   font-size: 3.2vw;
	}
	
    #footer {
        text-align: center;
        font-size: 2.5vw;
        padding: 2.94vw 0 6vw;
        margin-bottom: 0px;
    }
}


/*-----------------スマホサイズ-----------------------*/

@media screen and (max-width:767px) {
    .-pc {
        display: none;
    }
	
    .-sp {
        display: block;
    }
	
    body {
        font-size: 4.2vw;
    }
	
    .wrap {
        max-width: 100%;
        width: 100%;
    }
	
    section#section-01,
    section#section-02,
    section#section-03,
    section#section-04,
    section#section-05,
    section#section-06,
    section#section-07,
    section#section-08,
    section#section-09,
    section#section-10,
    section#section-11,
    section#section-12,
    section#section-13,
    section#section-14,
    section#section-15,
    section#section-16,
	section#section-17,
	section#section-18,
	section#section-19,
	section#section-20,
	section#section-21,
	section#section-22,
	section#section-23,
	section#section-24,
	section#section-25,
	section#section-26,
	section#section-27,
	section#section-28,
	section#section-29,
	section#section-30,
	section#section-31,
	section#section-32,
	section#section-33,
	section#section-34,
	section#section-35,
	section#section-36,
	section#section-37,
	section#section-38,
	section#section-39,
	section#section-40,
	section#section-41,
	section#section-42,
	section#section-43,
	section#section-44,
	section#section-45,
	section#section-46,
	section#section-47,
	section#section-48,
	section#section-49,
	section#section-50,
	section#section-51,
	section#section-52 {
    background: none !important;
  }
	
	/* ---------------------------------------------------
	 * CTA
	/* ---------------------------------------------------*/
	
	/*--クレジットカード支払い--*/
	.form_box_01,.form_box_04 {
		transform: translate(-49%, -58%);
	}

	/*--銀行振込--*/
	.form_box_02, .form_box_05 {
		transform: translate(-49%, -45%);
	}

	/*--電話相談窓口--*/
	.form_box_03,.form_box_06 {
        transform: translate(-49%, -29%);
	}
	
	.form_box_01, .form_box_02,.form_box_03, .form_box_04, .form_box_05,.form_box_06 {
		width: 85%;
	}
}