<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*cm PC*/

/*===============================================================================
firefox
===============================================================================*/
/*===============================================================================
cta
===============================================================================*/
.cta .cta__bg { padding: 50px 0 45px; background: url(../img/cta_bg01.jpg) no-repeat 50% 0/cover; }

.cta .cta__block { background: #fff; border: solid 6px #1477db; border-radius: 10px; }

.cta .cta__txt01 { margin: 37px auto 0; width: 917px; }

.cta .cta__content { padding: 33px 0 15px; position: relative; background: url(../img/cta_content_bg.png); }

.cta .cta__txt06 { margin: 17px 0 0; font-size: 26px; font-weight: bold; text-align: center; }

.cta .cta__btn { width: 640px; margin: 0 auto; }

.cta .cta__btn02 { margin: 20px 0 0; text-align: center; }

.cta .cta__btn02 a { display: inline-block; margin: 0 0 0 15px; padding: 0 0 5px; position: relative; font-size: 26px; font-weight: 700; border-bottom: 1px solid #000; }

.cta .cta__btn02 a::before { content: ''; width: 16px; height: 23px; background: url(../img/cta_arrow01.png) no-repeat center/cover; position: absolute; top: 50%; transform: translateY(-50%); left: -30px; }

.cta .cta__flex { display: flex; justify-content: center; align-items: center; width: 915px; margin: 0 auto; padding: 2px 0 10px; color: #333; }

.cta .cta__txt05 { width: 320px; font-size: 20px; font-weight: bold; }

.cta .cta__tel { position: relative; width: 330px; margin-left: 72px; font-family: "Century Gothic", Arial, sans-serif; font-size: 50px; font-weight: bold; letter-spacing: -0.01em; }

.cta .cta__tel::after { content: ""; display: inline-block; position: absolute; top: 50%; left: -60px; transform: translateY(-50%); width: 48px; height: 38.5px; background: url(../img/cta_icon01.png) no-repeat 50% 0/cover; }

.cta .cta__time { width: 200px; margin-left: 15px; font-size: 14px; }

.cta .note01 { margin: 15px 0 17px 45px; font-size: 14px; line-height: 1.3; }

/*===============================================================================
header
===============================================================================*/
.header__bg { background-color: #fff; }

.header__block { display: flex; align-items: center; height: 80px; }

.header__logo { width: 243px; line-height: 0; }

.header__box01 { margin-left: 40px; }

.header__flex01 { display: flex; }

.header__txt02 { color: #09449f; font-size: 16px; font-weight: bold; line-height: 1.1; }

.header__txt02 .number { font-family: "Century Gothic", Arial, sans-serif; font-size: 28px; line-height: 1; }

.header__txt03 { width: 159px; margin-left: 15px; line-height: 0; }

.header__box02 { margin-left: auto; }

.header__txt04 { font-size: 14px; font-weight: bold; line-height: 1; letter-spacing: 0.06em; }

.header__txt04 .color { color: #ed2315; }

.header__tel { position: relative; margin: 3px 0 3px 40px; font-family: "Century Gothic", Arial, sans-serif; font-size: 32px; font-weight: bold; line-height: 1; letter-spacing: -0.02em; }

.header__tel::after { content: ""; display: inline-block; position: absolute; top: 2px; left: -40px; width: 35px; height: 28px; background: url(../img/cta_icon01.png) no-repeat 50% 0/cover; }

.header__txt05 { margin-left: 20px; font-size: 12px; line-height: 1; }

/*===============================================================================
hero
===============================================================================*/
.hero__bg { position: relative; min-width: 2000px; left: 50%; transform: translate(-50%); }

.hero__bg img { width: 100%; }

.hero__bg .inner { width: auto; }

.hero__ttl { width: 803px; margin: 0 auto; }

.hero__movie__box { width: 860px; position: relative; margin: 30px auto 0; text-align: center; font-size: 0; }

.hero__movie { display: inline-block; width: 860px; margin: 0 auto; border-radius: 10px; cursor: pointer; }

.hero__movie__btn { position: absolute; top: 40%; left: 45%; transition: transform 0.3s ease; cursor: pointer; }

.hero__movie__btn:hover { transform: scale(1.15); transition: transform 0.3s ease; }

.hero__campain .campaign__bg { padding: 43px 0 46px; }

.hero__campain .campaign__block { margin: 0 auto; }

.hero__campain__txt { width: 917px; margin: 0 auto; }

.hero__campain .hero__btn { width: 660px; margin: 16px auto 0; }

.hero__campain .hero__btn02 { margin: 30px 0 0; text-align: center; }

.hero__campain .hero__btn02 a { display: inline-block; position: relative; margin: 0 0 0 15px; padding: 0 0 5px; font-size: 26px; font-weight: 700; border-bottom: 1px solid #000; }

.hero__campain .hero__btn02 a::before { content: ''; width: 16px; height: 23px; background: url(../img/cta_arrow01.png) no-repeat center/cover; position: absolute; top: 50%; transform: translateY(-50%); left: -30px; }

.hero__campain .note01 { margin: 40px 0 0 45px; font-size: 14px; line-height: 1.5; }

/*===============================================================================
oricon
===============================================================================*/
/*.oricon__bg {
	padding: 40px 0 50px;
	background-color:#171c61;
	background-color:#fff0fa;
}*/
/*.oricon__ttl {
	padding: 0 20px 20px;
}
.oricon__note {
    font-size: 12px;
    color: #fff;
    text-align: justify;
    letter-spacing: -0.05em;
    line-height: 1.4;
}*/
/*===============================================================================
campain
===============================================================================*/
.campaign .campaign__bg { padding: 65px 0 35px; }

.campaign .campaign__txt { width: 982px; margin: 0 auto; }

.campaign .campaign__content { position: relative; }

.campaign .campaign__btn { width: 640px; margin: 50px auto 0; }

.campaign .note01 { width: 520px; margin: 20px auto 0; font-size: 14px; line-height: 1.5; }

/*=============================================================================== up ===============================================================================*/
.up__bg { background: #c5e8fa; }

.up__ttl01 { margin: 0 0 -25px; }

.up__item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 0 45px; }

.up__item:last-of-type { margin: 0; }

.up__item:nth-of-type(2n) { flex-direction: row-reverse; }

.up__item__ttl { width: 485px; }

.up__item__box { display: flex; flex-wrap: wrap; justify-content: space-between; }

.up__item__txtwrap { width: 455px; }

.up__item__txt01 { font-size: 24px; font-weight: bold; text-decoration: underline; text-underline-offset: 0.2em; letter-spacing: 0.05em; }

.up__item__txt02 { margin: 10px 0 0; font-size: 18px; line-height: 1.77; letter-spacing: 0.06em; }

.up__ttl02 { width: 580px; margin: 0 auto; }

/*===============================================================================
summer
===============================================================================*/
.summer__bg { padding: 100px 0 90px; background: url(../img/summer_bg01.jpg) no-repeat 50% 0; background-size: cover; }

.summer__ttl { width: 620px; margin: 0 auto; }

.summer__block01 { display: flex; justify-content: space-between; margin: 45px 0 0; padding: 40px 20px; border-radius: 10px; background-color: #fff; }

.summer__box01 { position: relative; width: 450px; }

.summer__subttl, .summer__subttl--01, .summer__subttl--02 { position: relative; height: 147px; border: 6px solid #000; background-color: #fff; color: #000; font-size: 28px; font-weight: bold; }

.summer__subttl--01 { padding: 24px 0 0 30px; line-height: 1.6; }

.summer__subttl--01::after { content: ""; display: inline-block; position: absolute; top: 0; right: 0; width: 153px; height: 135px; background: url(../img/summer_pic01.jpg) no-repeat 50% 0/cover; }

.summer__subttl--02 { padding: 22px 0 0 30px; font-size: 30px; }

.summer__subttl--02 .color { color: #e60012; font-size: 37px; }

.summer__subttl--02::after { content: ""; display: inline-block; position: absolute; top: 0; right: 0; width: 153px; height: 135px; background: url(../img/summer_pic02.jpg) no-repeat 50% 0/cover; }

.summer__arrow { position: relative; z-index: 10; width: 375px; margin: 0 auto; }

.summer__arrow02 { width: 34px; margin: 0 auto; }

.summer__box02, .summer__box02--bg { margin: -8px 0 0; border-radius: 5px; background-color: #ededed; }

.summer__box02--bg { background-color: #ffb8be; }

.summer__lead01, .summer__lead01--bg { height: 50px; border-radius: 5px; background-color: #000; color: #fff; font-size: 26px; font-weight: bold; text-align: center; line-height: 50px; }

.summer__lead01--bg { background-color: #e60012; }

.summer__content { height: 174px; padding: 20px 20px 0; }

.summer__list01 { display: flex; justify-content: space-between; margin: 0 0 12px; }

.summer__item01 { width: 100px; height: 44px; border-radius: 5px; background-color: #fff; color: #000; font-size: 18px; font-weight: bold; text-align: center; line-height: 44px; }

.summer__txt01 { margin: 6px 0 0; color: #000; font-size: 20px; font-weight: bold; text-align: center; }

.summer__txt01 .big { display: inline-block; font-size: 24px; }

.summer__list02 { display: flex; justify-content: space-between; flex-wrap: wrap; }

.summer__item02 { width: 200px; height: 44px; border-radius: 5px; background-color: #fff; color: #000; font-size: 20px; font-weight: bold; text-align: center; line-height: 44px; }

.summer__item02:nth-of-type(3) { margin: 10px 0 0; }

.summer__item02:nth-of-type(4) { margin: 10px 0 0; }

.summer__note { margin: 8px 0 0; color: #000; font-size: 14px; text-align: center; }

.summer__block02 { margin: 30px 0 0; border: 6px solid #000; border-radius: 10px; }

.summer__top { position: relative; padding: 20px 30px 15px 140px; border-radius: 5px 5px 0 0; background-color: #fff; }

.summer__top::after { content: ""; display: inline-block; position: absolute; top: 40px; left: 25px; width: 83px; height: 73px; background: url(../img/summer_item01.png) no-repeat 50% 0/cover; }

.summer__txt02 { color: #000; font-size: 22px; line-height: 1.8; letter-spacing: 0.1em; }

.summer__txt02 .color { background: linear-gradient(transparent 0%, #fcff1d 0%); font-weight: bold; }

.summer__bottom { width: 970px; height: 94px; padding: 15px 0; border-radius: 0 0 3px 3px; background-color: #000; }

.summer__txt03 { color: #fff; font-size: 40px; font-weight: bold; text-align: center; letter-spacing: .06em; }

.summer__txt03 .color { color: #fcff1d; }


/*===============================================================================
winter
===============================================================================*/
.winter__bg { padding: 100px 0 90px; background: url(../img/winter_bg01.jpg) no-repeat 50% 0; background-size: cover; }

.winter__ttl { width: 711px; margin: 0 auto; margin-left: 60px; }

.winter__block01 { display: flex; justify-content: space-between; margin: 45px 0 0; padding: 40px 20px; border-radius: 10px; background-color: #fff; }

.winter__box01 { position: relative; width: 450px; }

.winter__subttl, .winter__subttl--01, .winter__subttl--02 { position: relative; height: 147px; border: 6px solid #000; background-color: #fff; color: #000; font-size: 28px; font-weight: bold; }

.winter__subttl--01 { padding: 24px 0 0 30px; line-height: 1.6; }

.winter__subttl--01::after { content: ""; display: inline-block; position: absolute; top: 0; right: 0; width: 153px; height: 135px; background: url(../img/winter_pic01.jpg) no-repeat 50% 0/cover; }

.winter__subttl--02 { padding: 22px 0 0 30px; font-size: 30px; }

.winter__subttl--02 .color { color: #e60012; font-size: 37px; }

.winter__subttl--02::after { content: ""; display: inline-block; position: absolute; top: 0; right: 0; width: 153px; height: 135px; background: url(../img/winter_pic02.jpg) no-repeat 50% 0/cover; }

.winter__arrow { position: relative; z-index: 10; width: 375px; margin: 0 auto; }

.winter__arrow02 { width: 34px; margin: 0 auto; }

.winter__box02, .winter__box02--bg { margin: -8px 0 0; border-radius: 5px; background-color: #ededed; }

.winter__box02--bg { background-color: #ffb8be; }

.winter__lead01, .winter__lead01--bg { height: 50px; border-radius: 5px; background-color: #000; color: #fff; font-size: 26px; font-weight: bold; text-align: center; line-height: 50px; }

.winter__lead01--bg { background-color: #e60012; }

.winter__content { height: 174px; padding: 20px 20px 0; }

.winter__list01 { display: flex; justify-content: space-between; margin: 0 0 12px; }

.winter__item01 { width: 100px; height: 44px; border-radius: 5px; background-color: #fff; color: #000; font-size: 18px; font-weight: bold; text-align: center; line-height: 44px; }

.winter__txt01 { margin: 6px 0 0; color: #000; font-size: 20px; font-weight: bold; text-align: center; }

.winter__txt01 .big { display: inline-block; font-size: 24px; }

.winter__list02 { display: flex; justify-content: space-between; flex-wrap: wrap; }

.winter__item02 { width: 200px; height: 44px; border-radius: 5px; background-color: #fff; color: #000; font-size: 20px; font-weight: bold; text-align: center; line-height: 44px; }

.winter__item02:nth-of-type(3) { margin: 10px 0 0; }

.winter__item02:nth-of-type(4) { margin: 10px 0 0; }

.winter__note { margin: 8px 0 0; color: #000; font-size: 14px; text-align: center; }

.winter__block02 { margin: 30px 0 0; border: 6px solid #000; border-radius: 10px; }

.winter__top { position: relative; padding: 20px 30px 15px 140px; border-radius: 5px 5px 0 0; background-color: #fff; }

.winter__top::after { content: ""; display: inline-block; position: absolute; top: 40px; left: 25px; width: 83px; height: 73px; background: url(../img/winter_item01.png) no-repeat 50% 0/cover; }

.winter__txt02 { color: #000; font-size: 22px; line-height: 1.8; letter-spacing: 0.1em; }

.winter__txt02 .color { background: linear-gradient(transparent 0%, #fcff1d 0%); font-weight: bold; }

.winter__bottom { width: 970px; height: 94px; padding: 15px 0; border-radius: 0 0 3px 3px; background-color: #000; }

.winter__txt03 { color: #fff; font-size: 40px; font-weight: bold; text-align: center; letter-spacing: .06em; }

.winter__txt03 .color { color: #fcff1d; }

.winter__subttl, .winter__subttl--01, .winter__subttl--02 {
    border: 6px solid #004ea5;
    color: #004ea5;
}	
.winter__lead01,.winter__bottom {
    background-color: #004ea5;
}
.winter__lead01--bg{
	background-color: #e60012;
}
.winter__item01, .winter__txt01,.winter__item02,.winter__txt02,.winter__note{
    color: #004ea5;
}	
.winter__block02 {
    border: 6px solid #004ea5;
}
.winter__txt02 {
    padding-left:65px;
}	
.winter__top::after {
    top: 45px;
    left: 45px;
}	


/*===============================================================================
example
===============================================================================*/
.example__bg { position: relative; padding: 100px 0 190px; background: url(../img/example_bg01.png) repeat center; min-width: 980px; }

.example__title01 { width: 980px; margin: 0 auto; }

.example .title01_lead { margin: 30px 0 20px; font-size: 28px; font-weight: bold; letter-spacing: 0.06em; line-height: 1.7; text-align: center; }

.example .title01_lead .color { padding: 9px 0; background: linear-gradient(transparent 0%, #fcff1d 0%); font-weight: bold; }

.example .title02_lead { color: #ed2315; font-size: 28px; font-weight: bold; text-align: center; }

.example .title02_lead::before { content: ""; display: block; position: relative; left: 47%; background: url(../img/example_ttl_arrow.png); width: 62px; height: 106px; }

.example__content { margin: 30px 0 0; }

/* .example__content:not(:last-of-type){margin:0 0 65px 0}
*/
.example__bg01 { position: relative; padding: 40px 70px 65px; border: 4px solid #ed2315; background-color: #fff; border-radius: 16px; }

.example__num01 { margin: 0 auto 35px; padding: 0 0 20px 0; border-bottom: dotted 2px #adadad; color: #ed2315; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 40px; font-weight: normal; }

.example__title02 { position: relative; margin: 25px 0 0; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic"; font-size: 30px; font-weight: bold; text-align: center; }

.example__title02::after { position: absolute; top: 56px; right: 50%; content: ""; display: inline-block; width: 35px; height: 57px; background: url(../img/example_arrow.png) no-repeat; background-size: contain; }

.example__text01-mark { padding: 6px 0; background: linear-gradient(transparent 0%, #ff0 0%); font-weight: bold; }

.example__movie { width: 600px; margin: 90px auto 0; }

.example .pagination_wrap { position: relative; }

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "prev"; display: none; }

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "next"; display: none; }

.example .swiper-button-prev03 { left: -25px; z-index: 2; width: 60px; height: 60px; top: -370px; background: url(../img/example_next01.png) no-repeat 50% 0/cover; }

.example .swiper-button-next03 { width: 60px; height: 60px; background: url(../img/example_next01.png) no-repeat 50% 0/cover; position: absolute; top: -370px; right: -25px; transform: rotate(180deg); }

.example .swiper-button-prev02 { position: absolute; left: -40px; }

.example .slider-block { margin: 30px 0 0; }

.example .swiper-container-tab03 .swiper-wrapper { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0 auto; transform: translate(0) !important; }

.example .swiper-btn { opacity: 1; width: 320px !important; height: 77px; padding: 22px 0 0; background: url(../img/example_tab02.png) no-repeat 50% 0/cover; color: #fff; font-size: 24px; letter-spacing: 0.06em; font-weight: bold; text-align: center; cursor: pointer; }

.example .swiper-btn.swiper-slide-thumb-active { background: url(../img/example_tab01.png) no-repeat 50% bottom; }

.example .under_pagination { width: 120px; margin: 0 auto; }

.example .dot { margin: 20px auto 0; width: 120px; display: flex; justify-content: space-between; }

.example .dot .swiper-pagination-bullet { width: 15px; height: 15px; background: #cf0102; opacity: 1; vertical-align: middle; transition: 0.3s; }

.example .dot .swiper-pagination-bullet-active { background: #fff; border: solid 1px #cf0102; }

/*===============================================================================
realvoice
===============================================================================*/
/*.realvoice__bg { padding: 96px 0 80px; background: url(../img/realvoice_bg01.jpg) no-repeat center/cover; }

.realvoice__ttl { width: 712px; margin: 0 auto; }

.realvoice__movie__box { position: relative; width: 607px; margin: 44px auto 0; cursor: pointer; }

.realvoice__movie__btn { width: 105px; position: absolute; top: 36%; left: 42%; transition: transform .3s; }

.realvoice__movie__btn:hover { transform: scale(110%); }*/

/*===============================================================================
realvoice
===============================================================================*/
.realvoice__bg {
	padding: 96px 0 100px;
	background: url(../img/realvoice_bg01.jpg);
}
.realvoice__ttl {
	width:100%;
    font-size: 60px;
    font-weight: bold;
    color: #F03F33;
    text-align: center;
    margin: 0 auto 40px;
}
.realvoice__ttl .img_block {
    display: block;
    width: 780px;
    margin: 0 auto 30px;
}	
.realvoice__movie__box {
    position: relative;
    width: 728px;
    margin: 0 auto;
    cursor: pointer;
}
.realvoice__movie__btn { width: 105px; position: absolute; top: 36%; left: 42%; transition: transform .3s; }
.realvoice__movie__btn:hover { transform: scale(110%); }


/*===============================================================================
cycle
===============================================================================*/
.cycle__bg { padding: 60px 0 100px; background: #fff url(../img/cycle_bg.jpg) no-repeat 50% 0; }

.cycle__ttl { width: 793px; margin: 0 auto; }

.cycle__lead { margin: 60px 0 0; font-size: 24px; text-align: center; line-height: 1.8; letter-spacing: 0.02em; }

.cycle__block { position: relative; margin: 90px 0 0; padding: 84px 70px 50px; border: 8px solid #0736a9; border-radius: 10px; background-color: #fff; }

.cycle__block::after { content: ""; display: inline-block; position: absolute; bottom: 0; right: 0; width: 212px; height: 333px; background: url(../img/cycle_item01.png) no-repeat 50% 0/contain; }

.cycle__subttl { position: absolute; top: -63px; left: 50%; transform: translateX(-50%); width: 736px; }

.cycle__txt01 { width: 821px; }

.cycle__movie__box { width: 607px; position: relative; margin: 30px auto 0; text-align: center; font-size: 0; }

.cycle__movie { display: inline-block; width: 607px; margin: 0 auto; cursor: pointer; }

.cycle__movie__btn { position: absolute; top: 40%; left: 45%; transition: transform 0.3s ease; cursor: pointer; }

.cycle__movie__btn:hover { transform: scale(1.15); transition: transform 0.3s ease; }

.cycle__txt02 { width: 700px; margin: 60px 0 0 -20px; color: #0736a9; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; font-size: 37px; font-weight: bold; text-align: center; line-height: 1.3; letter-spacing: -0.02em; }

.cycle__txt02 .color { display: inline-block; border-bottom: 6px solid #e60012; color: #e60012; font-size: 70px; }

/*===============================================================================
compare
===============================================================================*/
.compare__bg { padding: 140px 0 100px; background: linear-gradient(#c5e8fa, #9fd8f3); background: #c5e8fa; }

.compare__ttl::before {
	content: "";
	display: inline-block;
	position: absolute;
    top: -80px;
    right: -200px;
    width: 160px;
    height: 366px;
	background: url(../img/compare_item01.png) no-repeat 50% 0/contain;
}

.compare__ttl { position: relative; width: 592px; margin:0 auto; }

.compare__block01 { margin: 50px 0 0; padding: 40px 40px 35px; border-radius: 10px; background-color: #fff; }

.compare__table { display: flex; justify-content: space-between; }

.compare__box01 { width: 630px; }

.compare__term01 { width: 100%; height: 100px; background: url(../img/compare_item02.png) no-repeat 50% 0/cover; color: #fff; font-size: 30px; font-weight: bold; text-align: center; line-height: 100px; }

.compare__desc01 { display: table; width: 100%; height: 110px; margin: 10px 0 0; }

.compare__left { position: relative; display: table-cell; width: 75px; border-radius: 5px 0 0 5px; background-color: #e60012; color: #fff; font-size: 22px; font-weight: bold; text-align: center; vertical-align: middle; }

.compare__left::after { content: ""; display: inline-block; position: absolute; top: 0; right: -20px; width: 0; height: 0; border-style: solid; border-width: 55px 0 55px 20px; border-color: transparent transparent transparent #e6001f; }

.compare__right, .compare__right--lh { position: relative; display: table-cell; width: 555px; height: 110px; padding-left: 80px; border-radius: 0 5px 5px 0; border: 2px dotted #e60012; font-size: 16px; vertical-align: middle; line-height: 1.9; }

.compare__right::after, .compare__right--lh::after { content: ""; display: inline-block; position: absolute; top: 50%; left: 28px; transform: translateY(-50%); width: 36px; height: 36px; background: url(../img/compare_item03.png) no-repeat 50% 0/contain; }

.compare__right .big { font-size: 24px; font-weight: bold; }

.compare__right--lh { line-height: 1.6; }

.compare__right--lh .big { font-size: 24px; font-weight: bold; }

.compare__box02 { width: 260px; }

.compare__term02 { width: 100%; height: 100px; background-color: #555; border-radius: 3px; color: #fff; font-size: 30px; font-weight: bold; text-align: center; line-height: 1.2; padding: 12px 0 0 0; }

.compare__desc02 { position: relative; display: flex; align-items: center; height: 110px; margin: 10px 0 0; padding: 0 10px 0 60px; border-radius: 5px; border: 2px dotted #5c5c5c; font-size: 14px; }

.compare__desc02::after { content: ""; display: inline-block; position: absolute; top: 50%; left: 16px; transform: translateY(-50%); width: 30px; height: 30px; background: url(../img/compare_item04.png) no-repeat 50% 0/contain; }

.triangle::after { content: ""; display: inline-block; position: absolute; top: 50%; left: 16px; transform: translateY(-50%); width: 30px; height: 30px; background: url(../img/compare_item05.png) no-repeat 50% 0/contain; }

.circle::after { content: ""; display: inline-block; position: absolute; top: 50%; left: 16px; transform: translateY(-50%); width: 30px; height: 30px; background: url(../img/compare_item06.png) no-repeat 50% 0/contain; }

.compare__note { margin: 10px 0 0; font-size: 14px; text-align: right; }

.compare__price { position: relative; width: 874px; margin: 0 auto; }

.compare__note02 { position: absolute; right: 48px; bottom: 15px; font-size: 14px; text-align: right; }


/*===============================================================================
case
===============================================================================*/
.case__bg { padding: 80px 0 160px; background: url(../img/case_bg01.png); }

.case__ttl { width: 580px;width:750px; margin: 0 auto; }

.case__block { margin: 50px 0 0; border: 5px solid #0736a9; border-radius: 10px; }

.case__top, .case__top--02, .case__top--03, .case__top--04 { position: relative; display: flex; align-items: center; width: 971px; height: 181px; padding: 25px 0 25px 90px; border-radius: 3px 3px 0 0; background-color: #0736a9; }

.case__top::after, .case__top--02::after, .case__top--03::after, .case__top--04::after { content: ""; display: inline-block; position: absolute; bottom: -30px; right: 14px; width: 200px; height: 202px; background: url(../img/case_pic01.png) no-repeat 50% 0/contain; }

.case__top--02::after { background-image: url(../img/case_pic02.png); }

.case__top--03::after { background-image: url(../img/case_pic03.png); }

.case__top--04::after { background-image: url(../img/case_pic04.png); }

.case__number { width: 127px; margin-right: 50px; line-height: 0; }

.case__subttl { color: #fcff0d; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; font-size: 60px; font-weight: bold; line-height: 0.8; text-align: center; }

.case__subttl .small { font-size: 40px; }

.case__subttl .name { color: #fff; font-size: 30px; }

.case__bottom { padding: 48px 25px 48px 0; border-radius: 0 0 3px 3px; background-color: #fff; }

.case__flex01 { display: flex; justify-content: space-between; }

.case__box01 { width: 465px; }

.case__term01 { width: 360px; height: 54px; padding-left: 25px; background: url(../img/case_item01.png) no-repeat 50% 0/cover; color: #fff; font-size: 24px; font-weight: bold; line-height: 54px; }

.case__desc01 { margin: 30px 0 0 25px; font-size: 36px; font-weight: bold; }

.case__desc01.f32 { font-size: 32px; }

.case__desc01.small { font-size: 32px; }

.case02 .case__desc01 { font-size: 32px; }

.case__desc01 .color { color: #e60012; }

.case__box02 { width: 440px; }

.case__term02 { width: 100%; height: 54px; padding-left: 30px; background: url(../img/case_item04.png) no-repeat 50% 0/contain; color: #0736a9; font-size: 24px; font-weight: bold; line-height: 54px; }

.case__desc02 { padding: 15px 24px 0; font-size: 16px; line-height: 1.8; letter-spacing: 0.06em; }

.case__flex02 { display: flex; justify-content: space-between; margin: 32px 0 0; }

.case__content { width: 465px; }

.case__box03:not(:first-of-type) { margin: 35px 0 0; }

.case__term03 { width: 100%; height: 54px; margin-left: -5px; padding-left: 30px; background: url(../img/case_item02.png) no-repeat 50% 0/contain; color: #0736a9; font-size: 24px; font-weight: bold; line-height: 54px; }

.case__desc03 { width: 467px; padding: 15px 0 0 25px; font-size: 16px; line-height: 1.8; letter-spacing: 0.06em; }

.case__box04 { width: 440px; }

.case__term04 { width: 100%; height: 54px; padding-left: 30px; background: url(../img/case_item04.png) no-repeat 50% 0/contain; color: #0736a9; font-size: 24px; font-weight: bold; line-height: 54px; }

.case__figure { margin: 30px 0 0; }

.case .toggle { position: relative; width: 590px; height: 67px; margin: 40px auto 0; background: url(../img/case_item03.png) no-repeat 50% 0/cover; color: #fff; font-size: 26px; font-weight: bold; text-align: center; line-height: 64px; letter-spacing: 0.1em; cursor: pointer; }

.case .toggle::after { content: ""; display: inline-block; position: absolute; top: 26px; right: 48px; transform: rotate(180deg); width: 22px; height: 13px; background: url(../img/case_arrow.png) no-repeat 50% 0/contain; }

.case .toggle.open::after { right: 200px; transform: rotate(0deg); }

.case .swiper-button-prev04 { width: 85px; height: 85px; top: 450px; background: url(../img/voice_arrow01.png) no-repeat 50% 0/cover; }

.case .swiper-button-next04 { width: 85px; height: 85px; top: 450px; background: url(../img/voice_arrow01.png) no-repeat 50% 0/cover; position: absolute; right: -60px; transform: rotate(180deg); }

.case .swiper-button-prev04 { position: absolute; left: -60px; }

.case .slider-block { position: relative; margin: 60px 0 0; }

.case .swiper-container-tab04 .swiper-wrapper { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 905px; margin: 0 auto; transform: translate(0) !important; }

.case .swiper-btn { opacity: 1; width: 217px !important; height: 88px; padding: 18px 0 0; border-radius: 0; background: url(../img/method02_tab02.png) no-repeat 50% 0/cover; color: #fff; font-size: 30px; font-weight: bold; text-align: center; cursor: pointer; }

.case .swiper-btn.swiper-slide-thumb-active { background: url(../img/method02_tab01.png) no-repeat 50% bottom; }

.case .swiper-btn .small-font { font-size: 20px; }

.case .swiper-btn:nth-of-type(3), .case .swiper-btn:nth-of-type(4) {
	/*padding: 15px 0 0;*/
	/*line-height: 1;*/
}

.case .type-txt .swiper-pagination-bullet .small { font-size: 0.22rem; }

.case .under_pagination { width: 180px; margin: 0 auto; }

.case .dot { margin: 45px 0 0; width: 180px; display: flex; justify-content: space-between; }

.case .dot .swiper-pagination-bullet { width: 15px; height: 15px; background: #0736a9; opacity: 1; vertical-align: middle; transition: 0.3s; }

.case .dot .swiper-pagination-bullet-active { background: #fff; border: solid 1px #0736a9; }

/*===============================================================================
method01
===============================================================================*/
.method01__top { position: relative; height: 339px; }

.method01__ttl { width: 2000px; margin-left: -510px; }

.method01__bg { padding: 70px 0 100px; background: url(../img/method_bg.jpg); }

.method01__lead01 { font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; font-size: 60px; font-weight: bold; text-align: center; letter-spacing: 0.06em; }

.method01__txt01 { margin: 25px 0 0; font-size: 26px; font-weight: bold; text-align: center; line-height: 1.9; }

.method01__txt01 .color { display: inline-block; margin-right: 5px; padding: 0 8px; background-color: #0736a9; color: #fff; line-height: 1.6; }

.method01__block { position: relative; margin: 135px 0 0; padding: 70px 0 55px; border: 8px solid #f03f33; border-radius: 10px; background-color: #fff; }

.method01__subttl { position: absolute; top: -85px; left: 50%; transform: translateX(-50%); width: 620px; line-height: 0; }

.method01__flex { position: relative; display: flex; }

.method01__flex::after { content: ""; display: inline-block; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 4px; height: 695px; background: url(../img/method01_item01.png) no-repeat 50% 0/cover; }

.method01__box01 { width: 50%; padding: 0 30px; }

.method01__lead02 { border-bottom: 8px solid #f03f33; color: #f03f33; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; font-size: 50px; font-weight: bold; text-align: center; letter-spacing: 0.04em; }

.method01__txt02 { margin: 45px 0 0; font-size: 20px; font-weight: bold; text-align: center; line-height: 1.7; }

.method01__txt03 { margin: 6px 0 0; color: #f03f33; font-size: 34px; font-weight: bold; text-align: center; }

.method01__pic01 { margin: 30px 0 0; }

.method01__txt04 { margin: 30px 0 0; font-size: 18px; line-height: 1.7; }

/*===============================================================================
method02
===============================================================================*/
.method02__border { height: 52px; background: url(../img/method_bg.jpg); }

.method02__top { position: relative; height: 339px; }

.method02__ttl { width: 2000px; margin-left: -510px; }

.method02__bg { padding: 45px 0 100px; background: url(../img/method_bg.jpg); }

.method02__lead01 { margin: 79px 0 0; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; font-size: 60px; font-weight: bold; text-align: center; }

.method02__txt01 { margin: 25px 0 0; font-size: 26px; font-weight: bold; text-align: center; line-height: 1.9; }

.method02__txt01 .color { display: inline-block; padding: 0 0 0 12px; background-color: #0736a9; color: #fff; line-height: 1.6; }

.method02__block01 { position: relative; margin: 135px 0 0; padding: 85px 30px 30px; border: 8px solid #f03f33; border-radius: 10px 10px 0 0; background-color: #fff; }

.method02__subttl01 { position: absolute; top: -85px; left: 50%; transform: translateX(-50%); width: 620px; line-height: 0; }

.method02__flex01 { display: flex; padding: 0 0 40px; border-bottom: 4px dotted #f03f33; }
.method02__flex01 {
	border-bottom: none;
}

.method02__txt02 { width: calc(100% - 420px); padding: 15px 0 0; font-size: 20px; font-weight: bold; text-align: center; line-height: 1.8; }

.method02__image01 { width: 420px; }

.method02__lead02 { margin: 40px 0 0; color: #f03f33; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; font-size: 38px; font-weight: bold; text-align: center; }

.method02__lead02 .color { display: inline-block; margin: 0 5px 0 0; padding: 0 10px; background-color: #f03f33; color: #fff; }

.method02__slider { position: relative; margin: 136px 0 0; }

.method02__slider .swiper-pagination01 { top: -116px; display: flex; justify-content: space-between; width: 904px; }

.method02__slider .swiper-pagination01 .swiper-pagination-bullet { box-sizing: border-box; opacity: 1; width: 217px; height: 88px; padding: 28px 0 0; border-radius: 0; background: url(../img/method02_tab02.png) no-repeat 50% 0/cover; color: #fff; font-size: 30px; font-weight: bold; text-align: center; }

.method02__slider .swiper-pagination01 .swiper-pagination-bullet .small { display: block; font-size: 20px; line-height: 1.4; }

.method02__slider .swiper-pagination01 .swiper-pagination-bullet:nth-of-type(3), .method02__slider .swiper-pagination01 .swiper-pagination-bullet:nth-of-type(4) { padding-top: 14px; }

.method02__slider .swiper-pagination01 .swiper-pagination-bullet.swiper-pagination-bullet-active { background-image: url(../img/method02_tab01.png); }

.method02__flex04 { display: flex; justify-content: space-between; }

.method02__lead05 { width: 337px; }

.method02__list { width: 540px; }

.method02__item:not(:first-of-type) { margin: 22px 0 0; }

.method02__box03 { display: flex; margin-left: -9px; align-items:center;}

.method02__left { width: 124px; height: 44px; padding: 16px 12px 0 0; background: url(../img/method02_item02.png) no-repeat 50% 0/contain; color: #fff; font-size: 16px; font-weight: bold; text-align: right; }

.method02__right { padding: 14px 0 0 12px; font-size: 20px; font-weight: bold; line-height: 1.3; }

.method02__right--pt { padding: 14px 0 0 12px; font-size: 20px; font-weight: bold; line-height: 1.3; padding-top: 0; }

.method02__txt06 { margin: 16px 0 0; font-size: 16px; letter-spacing: 0.02em; }

.method02__block02 { border: 9px solid #f03f33; border-radius: 0 0 10px 10px; }

.method02__subttl02 { position: relative; padding: 30px 0 30px 180px; background-color: #f03f33; color: #fff; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; font-size: 48px; font-weight: bold; text-align: center; line-height: 1.5; }

.method02__subttl02 img { display: block; position: absolute; top: 13px; left: 120px; width: 167px; }

.method02__subttl02 span { position: relative; left: 14px; }

.method02__content { padding: 50px 30px 75px; background-color: #fff; }

.method02__lead03 { font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; font-size: 48px; font-weight: bold; text-align: center; line-height: 1.4; }

.method02__lead03 .color { display: inline-block; border-bottom: 5px solid #f03f33; color: #f03f33; }

.method02__flex02 { display: flex; margin: 60px 0 0; }

.method02__box01 { width: calc(100% - 380px); }

.method02__txt03 { width: 489px; }

.method02__txt04 { margin: 10px 0 0; font-size: 18px; line-height: 1.8; }

.method02__image02 { width: 380px; }

.method02__flex03 { display: flex; justify-content: space-between; position: relative; margin: 65px 0 0; }

.method02__box02 { position: relative; width: 420px; }

.method02__box02:first-of-type:after { content: ""; position: absolute; right: -32px; top: -20px; height: 520px; border-right: dotted 5px #f04438; }

.method02__lead04 { color: #f03f33; font-size: 40px; font-weight: bold; text-align: center; line-height: 0.8; }

.method02__lead04 .small { font-size: 22px; }

.method02__image03 { margin: 30px 0 0; }

.method02__txt05 { margin: 20px 0 0; font-size: 18px; }

.method02__note { font-size: 14px; }

/*===============================================================================
method03
===============================================================================*/
.method03__border { height: 52px; background: url(../img/method_bg.jpg); }

.method03__top { position: relative; height: 339px; }

.method03__ttl { width: 2000px; margin-left: -510px; }

.method03__bg { padding: 45px 0 100px; background: url(../img/method_bg.jpg); }

.method03__lead01 { margin: 70px 0 0; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; font-size: 60px; font-weight: bold; text-align: center; letter-spacing: 0.06em; }

.method03__txt01 { margin: 25px 0 0; font-size: 26px; font-weight: bold; text-align: center; line-height: 1.9; }

.method03__txt01 .color { display: inline-block; padding: 0 10px 0 14px; background-color: #0736a9; color: #fff; line-height: 1.6; }

.method03__block { margin: 50px 0 0; border: 8px solid #f03f33; border-radius: 10px; }

.method03__content { padding: 60px 30px 40px; background-color: #fff; }

.method03__subttl { width: 504px; }

.method03__flex { display: flex; justify-content: space-between; margin: -145px 0 0; }

.method03__box01 { width: 420px; padding: 190px 0 0; }

.method03__txt02 { font-size: 18px; letter-spacing: 0.08em; line-height: 1.7; }

.method03__txt02:not(:first-of-type) { margin: 28px 0 0; }

.method03__box02 { width: 450px; }

.method03__image { width: 393px; margin: 0 auto; }

.method03__txt03 { position: relative; margin: 30px 0 0; padding: 18px 15px; border-radius: 5px; background-color: #ffe7d2; font-size: 16px; }

.method03__txt03::after { content: ""; display: inline-block; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 8.5px 9px 8.5px; border-color: transparent transparent #ffe7d2 transparent; }

.method03__list { display: flex; justify-content: space-between; margin: 72px 0 0; }

.method03__item { width: 280px; position: relative; padding: 36px 0 28px; border-top: 3px dotted #0736a9; border-bottom: 3px dotted #0736a9; background-color: #eff4ff; }

.method03__txt04 { position: absolute; top: -21px; left: 50%; transform: translateX(-50%); width: 220px; height: 40px; border-radius: 20px; background-color: #0736a9; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 20px; text-align: center; line-height: 40px; }

.method03__txt05 { color: #0736a9; font-size: 23px; font-weight: bold; text-align: center; line-height: 1.8; }

.method03__bottom { width: 965px; padding: 30px 0 25px; border-radius: 0 0 2px 2px; background-color: #f03f33; }

.method03__txt06 { font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; color: #333; font-size: 40px; font-weight: bold; text-align: center; line-height: 1.5; letter-spacing: 0.06em; }

.method03__txt06 .color { color: #fff; }

/*===============================================================================
area
===============================================================================*/
.area a { display: inline-block; }

.area__bg { padding: 84px 0 0 0; background: white url(../img/area_bg.png) no-repeat 50% 0; }

.area__ttl {
    width: 457px;
    margin: 0 0 0 69px;
}	

.area__lead { width: 590px; height: 60px; margin: 40px 0; background-color: #eaeaea; border-radius: 10px; color: #073190; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; font-size: 30px; font-weight: bold; text-align: center; line-height: 60px; letter-spacing: 0.04em; }

.area__lead .number { font-family: Arial, Helvetica, sans-serif; font-size: 50px; vertical-align: -2px; letter-spacing: -.05em; margin-right: 0.4rem; }

.area__item01 { display: flex; margin: 0 0 30px 0; align-items: center; }

.area__item01:last-of-type { margin: 0 0 115px 0; }

.area__item01 p { font-weight: normal; }

.area__title01 { position: relative; width: 130px; height: 40px; margin: 0 44px 0 0; padding: 7px 0 1px; background-color: #e5e5e5; color: #ed2315; font-size: 18px; text-align: center; }

.area__title01::before { position: absolute; top: 50%; left: 107%; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #e5e5e5; content: ""; transform: translate(-50%, -50%); }

.area__link01 { position: relative; margin: 0 40px 0 0; border-bottom: solid 1px #a1a1a1; color: #333; font-size: 14px; font-weight: normal; }

.area__link01.line::before { position: absolute; top: 50%; right: -19px; width: 1px; height: 14px; background-color: #7d7d7d; content: ""; transform: translate(0, -50%); }

.area__adustment { position: relative; margin: 0 40px 0 0; color: #333; font-size: 14px; font-weight: normal; }

.area__adustment.line::before { position: absolute; top: 50%; right: -19px; width: 1px; height: 14px; background-color: #7d7d7d; content: ""; transform: translate(0, -50%); }

.area__link02 { position: relative; border-bottom: solid 1px #a1a1a1; color: #333; font-size: 14px; font-weight: normal; }

.area__tab01 { position: relative; z-index: 1; width: 588px; margin: 0 auto 40px; padding: 10px 0; border-bottom: solid 6px #1d1d1d; background: linear-gradient(to bottom, #848484, #777); color: #fff; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic"; font-size: 26px; font-weight: bold; line-height: 1.6; text-align: center; cursor: pointer; border-radius: 8px; transition: border-bottom 0.3s; }

.area__tab01 .open { display: block; }

.area__tab01 .close { display: none; }

.area__tab01.active .open { display: none; }

.area__tab01.active .close { display: block; }

.area__tab01::before { position: absolute; top: 5px; right: -190px; bottom: 0; left: 0; z-index: 1; width: 20px; height: 12px; margin: auto; background: url(../img/ex_arrow01.png) no-repeat center/cover; content: ""; transition: transform 0.3s; }

.area__tab01.active::before { transform: rotate(-180deg); }

.area__tab01:hover { border-bottom: solid 6px #b41b10; }

.area__tab01::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: linear-gradient(to bottom, #e64d42, #ed2315); content: ""; border-radius: 8px 8px 4px 4px; transform-origin: left bottom; transform: scale(1, 0); transition: transform 0.3s; }

.area__tab01:hover::after { transform-origin: left top; transform: scale(1, 1); }

/*===============================================================================
online
===============================================================================*/
.online__bg { padding: 100px 0; background-color: #d20000; }

.online .inner { width: 1100px; }

.online__ttl { width: 1030px; margin: 0 auto; line-height: 0; }

.online__toggle01 { display: block; position: relative; width: 590px; height: 68px; margin: 15px auto 0; background: url(../img/online_toggle01.png) no-repeat 50% 0; background-size: cover; }

.online__toggle01.active { background-position: 50% bottom; }

.online .toggle__contents { display: none; margin: 25px 0 0; padding: 145px 0 0; }

.online__block { position: relative; padding: 75px 60px 30px; background: #fff url(../img/online_bg.png) no-repeat 50% 100%; border-radius: 10px; }

.online__subttl { position: absolute; top: -112px; left: 50%; transform: translateX(-50%); width: 907px; line-height: 0; }

.online__image01 { width: 650px; margin: 0 0 0 200px; }

.online__lead01 { margin: 55px 0 0; }

.online__flex01 { display: flex; justify-content: space-between; margin: 40px 0 0; }

.online__movie { position: relative; width: 490px; cursor: pointer; }

.online__movie .btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s; width: 118px; pointer-events: none; }

.online__movie:hover .btn { transform: translate(-50%, -50%) scale(1.2); }

.online__box01 { width: 439px; padding: 15px 0 0; }

.online__txt01 { font-size: 25px; font-weight: bold; text-align: center; line-height: 1.8; }

.online__txt02 { height: 64px; margin: 15px 0 0; padding-left: 55px; background: url(../img/online_item02.png) no-repeat 50% 0; color: #fff; font-size: 24px; font-weight: bold; line-height: 64px; letter-spacing: 0.04em; }

.online__lead02 { margin: 72px 0 0; padding: 0 0 10px; border-bottom: 6px solid #000; color: #000; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; font-size: 40px; font-weight: bold; text-align: center; letter-spacing: 0.02em; }

.online__flex02 { display: flex; justify-content: space-between; margin: 40px 0 0; }

.online__box02 { width: 460px; }

.online__txt03 { position: relative; margin: 25px 0 0; padding: 0 0 12px 85px; border-bottom: 4px dotted #d20000; color: #d20000; font-size: 28px; font-weight: bold; line-height: 1.3; }

.online__txt03::after { content: ""; display: inline-block; position: absolute; top: 2px; left: 0; width: 69px; height: 69px; background: url(../img/online_item03.png) no-repeat 50% 0/cover; }

.online__txt04 { margin: 22px 0 0; padding: 0 15px; font-size: 18px; line-height: 1.8; letter-spacing: 0.02em; }

.online__list { display: flex; justify-content: space-between; margin: 75px 0 0; }

.online__item { position: relative; width: 300px; }

.online__item:not(:last-of-type)::after { content: ""; display: inline-block; position: absolute; top: 46%; right: -20px; width: 37.5px; height: 65px; background: url(../img/online_arrow.png) no-repeat 50% 0/contain; }

.online__lead03 { margin: 30px 0 0; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; font-size: 30px; font-weight: bold; text-align: center; line-height: 1.4; letter-spacing: 0.04em; }

.online__lead03 .big { font-size: 34px; }

.online__btn { width: 680px; margin: 20px auto 0; }

.online__txt05 { margin: 120px 0 0; }

.online__lead04 { width: 492px; margin: 0 auto; margin-top: 120px; }

.online__flex03 { margin: 50px 0 0 35px; align-items: flex-start; position: relative; justify-content: space-between; }

.online__movie02 { width: 343px; margin-top: 30px; cursor: pointer; position: relative; }

.online__movie02-img { position: absolute; width: 161px; top: 155px; left: 270px; }

.online__flex03-txt { width: 355px; }

.online__plus { position: absolute; width: 82px; top: 66%; left: 48%; transform: translate(-50%, -50%); }

.online__flex03-right { width: 459px; margin-top: 28px; }

.online__txt06 { position: absolute; bottom: 102px; left: 103px; font-weight: bold; }

.online__note { margin: 20px 0 0 15px; font-size: 14px; }

/*===============================================================================
faq
===============================================================================*/
.faq_bg { padding: 100px 0 110px; background-color: #09449f; }

.faq_ttl { color: #fff; font-family: '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', sans-serif; font-size: 60px; font-weight: bold; text-align: center; }

.faq_block { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin: 20px 0 0; }

.faq_box { width: 470px; margin: 40px 0 0; background-color: #fff; border-radius: 10px; }

.faq_question { display: table; position: relative; width: 100%; height: 100px; cursor: pointer; }

.faq_question .q { display: table-cell; width: 70px; color: #ed2315; font-family: Arial, Helvetica, sans-serif; font-size: 52px; font-weight: bold; text-align: center; vertical-align: middle; }

.faq_question .txt { display: table-cell; width: calc(100% - 70px); color: #002a6a; font-size: 22px; font-weight: bold; vertical-align: middle; }

.faq_question .btn { display: block; position: absolute; top: 0; right: 0; width: 102px; height: 100px; padding-top: 55px; background-color: #002a6a; color: #fff; font-size: 16px; font-weight: bold; text-align: center; box-sizing: border-box; border-radius: 0 10px 10px 0; pointer-events: none; transition: all .7s; }

.faq_question .btn::after { display: inline-block; position: absolute; top: 26px; right: 0; left: 0; width: 22px; height: 14px; margin: 0 auto; background: url(../img/faq_arrow.png) no-repeat 50% 0/contain; content: ""; transform: rotate(180deg); pointer-events: none; transition: transform .3s; }

.faq_question .btn .open { display: none; }

.faq_question .btn .close { display: block; }

.faq_question .btn.active { height: 102px; border-radius: 0 10px 0 0; }

.faq_question .btn.active .open { display: block; }

.faq_question .btn.active .close { display: none; }

.faq_question .btn.active::after { transform: rotate(0); }

.faq_answer { display: none; padding: 25px 20px 30px; border-top: 2px dashed #002a6a; font-size: 17px; font-weight: normal; line-height: 1.9; letter-spacing: .04em; }

.faq_answer a { display: inline-block; color: #ed2315; text-decoration: underline; }

.faq_answer a:hover { text-decoration: none; }

.faq_answer.row01 { height: 284px; }

.faq_answer.row02 { height: 253px; }

.faq_answer.row03 { height: 380px; }

.faq_answer.row04 { height: 316px; }

/*===============================================================================
footer
===============================================================================*/
.footer__bg { padding: 40px 0; background-color: #00183e; }

.footer__txt { color: #fff; font-family: "Century Gothic", Arial, sans-serif; font-size: 14px; text-align: center; letter-spacing: 0.08em; }

/*===============================================================================
modal
===============================================================================*/
.modal { display: none; }

.modal__bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }

.modal__block { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; width: 1000px; height: 548px; margin: auto; background-color: #fff; }

.modal__block iframe { width: 100%; }

.modal__close { display: block; position: absolute; top: -64px; right: 0; width: 64px; height: 64px; background-color: #000; cursor: pointer; }

.modal__close .border01 { position: absolute; top: 30px; left: 15px; width: 34px; height: 3px; background-color: #fff; transform: rotate(45deg); }

.modal__close .border02 { position: absolute; top: 30px; left: 15px; width: 34px; height: 3px; background-color: #fff; transform: rotate(315deg); }

/*===============================================================================
# success
===============================================================================*/
.success__bg { padding: 60px 0 95px; background: #d4effc; background:#c5e8fa; }

.success__ttl { width: 916px; margin: 0 auto; }

.success__ttl__wrap { position: relative; z-index: 10; }

.success__ttl::before { content: ""; position: absolute; top: -30px; left: 0; width: 846px; height: 227px; background: url("../img/success_ttl_bg.png") no-repeat center/cover; z-index: -1; }

.success__list { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 35px; column-gap: 35px; row-gap: 30px; justify-content: center; margin: 41px 0 0; }

.success__item__header { position: relative; height: 109px; border-radius: 10px; box-shadow: 0px 6px 2px 0px #7c0e10, inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3); transition: border-radius 0.3s ease 0s; cursor: pointer; }

.success__item__header.active { border-radius: 0; box-shadow: none; }

.success__item__header.active .success__item__header__switch__btn { top: 6.5px; width: 14.5px; height: 3px; background: url("../img/switch_btn_active.png") no-repeat center/cover; }

.success__item__header__switch { position: absolute; top: 36px; right: 13px; width: 53px; }

.success__item__header__switch__btn { position: absolute; top: 0; left: 50%; transform: translate(-50%); width: 14.5px; height: 14.5px; background: url("../img/switch_btn.png") no-repeat center/cover; }

.success__item__header__switch__txt { display: block; margin: 25px 0 0; color: #fff; font-family: "A-OTF ゴシックMB101 Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; font-weight: 600; font-size: 16px; letter-spacing: 0.06em; text-align: center; }

.success__item__content { display: none; padding: 27px 30px; background: #fff; border-radius: 0 0 10px 10px; }

.success__item__content__ttl { position: relative; padding: 0 0 15px; color: #0736a9; font-family: "A-OTF ゴシックMB101 Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif; font-weight: 700; font-size: 22px; line-height: 1.4; }

.success__item__content__ttl .txt__red { font-weight: 700; color: #ed2315; font-size: 29px; }

.success__item__content__ttl::before { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 435px; height: 5px; background: url("../img/success_item_content_ttl_border.png") no-repeat center/cover; }

.success__item__content__person { display: flex; justify-content: center; align-items: center; gap: 28px; margin: 28px 0 0 0; }

.success__item__content__person__img { flex: 0 0 142px; }

.success__item__content__person__name { color: #012374; font-size: 16.5px; letter-spacing: 0.04em; line-height: 1.6666; text-align: center; }

.success__item__content__txt { margin: 22px 0 0; color: #012374; font-size: 17px; letter-spacing: 0.04em; line-height: 1.7; }

.success__item.__01 .success__item__header { background: url("../img/success_item_header_bg_01.png") no-repeat center/cover; }

.success__item.__02 .success__item__header { background: url("../img/success_item_header_bg_02.png") no-repeat center/cover; }

.success__item.__03 .success__item__header { background: url("../img/success_item_header_bg_03.png") no-repeat center/cover; }

.success__item.__04 .success__item__header { background: url("../img/success_item_header_bg_04.png") no-repeat center/cover; }

.success__footer__txt { position: relative; z-index: 10; width: 682px; margin: 96px auto 0; }

.success__footer__txt::before { content: ""; position: absolute; top: -105px; left: 50%; transform: translateX(-50%); width: 550px; height: 260px; background: url("../img/success_footer_txt_bg.png") no-repeat center/cover; z-index: -1; }





/*追加*/
/*2022年の冬をどう使う？▼*/
/*.summer__ttl {
    width: 711px;
    margin-left: 60px;
}
.summer__subttl, .summer__subttl--01, .summer__subttl--02 {
    border: 6px solid #004ea5;
    color: #004ea5;
}	
.summer__lead01,.summer__bottom {
    background-color: #004ea5;
}
.summer__lead01--bg{
	background-color: #e60012;
}
.summer__item01, .summer__txt01,.summer__item02,.summer__txt02,.summer__note{
    color: #004ea5;
}	
.summer__block02 {
    border: 6px solid #004ea5;
}
.summer__txt02 {
    padding-left:65px;
}	
.summer__top::after {
    top: 45px;
    left: 45px;
}	
/*2022年の冬をどう使う？▲*/
/*やる気スイッチONで成績アップ▼*/
.up__item {
    align-items: start;
	margin: 0 0 50px;
}
.up__item__txtwrap {
    width: 460px;
    padding: 21px 0 0;
}	
/*やる気スイッチONで成績アップ▲*/
/*FAQ改修▼*/
.faq .faq_subttl {
    margin: 34px 0 0;
    padding: 22px 0;
    border: 3px solid #fff;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}	
.faq .faq_subttl.ttl02{
	margin: 60px 0 0;
}
.faq_answer .color {
    color: #ed2315;
    font-weight: bold;
}
/*FAQ改修▲*/
/*▼CTA改修*/
.hero__campain .hero__btn_before {
	margin: 20px auto 0;
    width: 580px;
}
/*▲CTA改修*/
/*▼CTA改修*/
.cta .note01 {
    margin: 15px 0 0px 45px;
}
.cta .cta__content {
    background: none;
}
/*▲CTA改修*/
/*▼成績UP_v2*/
.up .up__list_v2 .up_block {
    display: flex;
    justify-content: space-between;
    padding: 0 0 60px 0;
}								
.up .up__list_v2 .up_block .img_left {
    width: 47%;
}								
.up .up__list_v2 .up_block .img_right{
	width: 47%;
}
/*▲成績UP_v2*/
							
/*▼教室数アノテーション*/
/*header*/
.header .header__txt02 {
    text-align: right;
}
.header .header__txt02 .size02 {
    font-size: 11px;
}

/*class room*/
.area__lead {
    margin: 40px 0 8px;
}	
.school_sup {
	font-size:70%;
	vertical-align:super;
}
.area-lead-anno {
    font-size: 12px;
    padding: 0 0 26px 48%;
	color: #073190;
}
/*▲教室数アノテーション*/
	
/*～～～～～～～～～～～～～～～～～～～～～～～
	▼カリキュラム23.11
～～～～～～～～～～～～～～～～～～～～～～～*/
.curriculum {
    padding: 140px 0 140px;
}			
.curriculum .border-wrap {
    border: 5px solid #0736A9;
    position: relative;
    border-radius: 10px;
}			
.curriculum .ttl_img {
    position: absolute;
    top: -56px;
    width: 76%;
    left: 111px;
}			
.curriculum .sub_ttl {
    padding: 76px 0 28px;
    text-align: center;
    line-height: 1.4;
    font-weight: bold;
    font-size: 18px;
}			
.curriculum .txt01 {
    font-weight: bold;
    font-size: 26px;
    padding: 0 0 40px;
    color: #0736A9;
	text-align:center;
}			
.curriculum .tab_wrap {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 60px;
}			
.curriculum .tab_wrap .tabcontent {
    width: 32%;
}			
.curriculum .tab_wrap .tabcontent .tab_cont_inner{
}	
.curriculum .tab_wrap .tabcontent .tab_ttl {
    background: #f03f33;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    padding: 12px 0 12px;
}			
.curriculum .tab_wrap .tabcontent .tab_img{
}	
.curriculum .tab_wrap .tabcontent .course {
    padding: 10px 10px 40px;
    background: #D3DBF0;
}			
.curriculum .course .courselist {
    border: 6px solid #0736A9;
    border-radius: 8px;
    margin: 0 0 10px;
    background: #fff;
}	
.curriculum .course .courselist:last-child {
    margin: 0 0 0;
}	
			
	.curriculum .course .courselist.list01{
		min-height:409px;
	}
			
	.curriculum .course .courselist.list02{
		min-height:413px;
	}
			
	.curriculum .course .courselist.list03{
		min-height:520px;
	}
			
			
.curriculum .tab_wrap .tabcontent .courselist .ttl_block{
	position:relative;
	background: #0736A9;
}	
.curriculum .tab_wrap .tabcontent .courselist .ttl_block .ttl_txt {
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 22px;
    line-height: 1.4;
    padding: 10px 0 14px;
}
.curriculum .tab_wrap .tabcontent .courselist .ttl_block .example {
    position: absolute;
    top: 0;
    left: 0;
    color: #FFFF40;
    font-weight: bold;
}			
.curriculum .tab_wrap .tabcontent .courselist .cont_block {
	padding: 16px 10px 0;
}	
.curriculum .tab_wrap .tabcontent .courselist .cont_block .sub_ttl_txt {
    color: #0736A9;
    font-weight: bold;
    text-align: center;
    padding: 0 0 16px;
	font-size:18px;
}			
.curriculum .tab_wrap .tabcontent .courselist .cont_block .circle_img {
    padding: 0 12px 14px;
}			
.curriculum .tab_wrap .tabcontent .courselist .cont_block .cont_txt {
    font-size: 16px;
}			
.curriculum .border-wrap .txt02 {
    font-size: 34px;
    color: #0736A9;
    padding: 0 0 60px 35%;
    font-weight: bold;
}			
.curriculum .border-wrap .txt02 .small{
	display:block;
	font-size:20px;
	padding:0 0 8px;
}	
.curriculum .border-wrap .bottom_img {
    position: absolute;
    bottom: 0;
    left: 27px;
    width: 30%;
}			
/*～～～～～～～～～～～～～～～～～～～～～～～
	▲カリキュラム23.11
～～～～～～～～～～～～～～～～～～～～～～～*/
/*▼カリキュラム 下部ボタン追加 他調整*/
.curriculum .border-wrap .txt02 {
    padding: 0 0 20px 35%;
}
.curriculum .border-wrap .bottom_img {
    left: -15px;
    width: 34%;
}
	
.curriculum .btn01 {
    padding: 0 18% 40px 35%;
}
.curriculum .btn01 .link:hover {
    opacity:0.8;
}

/*▲カリキュラム 下部ボタン追加 他調整*/
/*▼カリキュラム タイトル*/
.curriculum .curriculum_ttl01 {
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.06em;
	color:#062f8c;
	padding: 0 0 60px;
}	
/*▲カリキュラム タイトル*/



/*▼自習スペース*/
.self_study {
    padding: 0 0 80px 0;
    background: #c5e8fa;
}					
.self_study .content_area {
    width: 980px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #fff;
    border: 4px solid #062f8c;
    padding: 32px 52px 22px;
}			
.self_study .content_area .main_ttl {
    color: #062f8c;
    font-size: 34px;
    text-align: center;
    padding: 0 0 24px 0;
    font-weight: bold;
}			
.self_study .content_area .content_box{
	display:flex;
}
.self_study .content_area .content_box .box01{
	flex:2;
	padding: 0 20px 0 0;
}
.self_study .content_area .content_box .box01 .txt01 {
    font-size: 18px;
    padding: 0 0 20px 0;
}			
.self_study .content_area .content_box .box01 .anno {
    font-size: 14px;
}			
.self_study .content_area .content_box .box02{
	flex:1;
}
/*▲自習スペース*/
/*▼オープン模試*/
.m_test {
	background:#0736A9;
	padding: 60px 0 40px;
}
.m_test .main_ttl {
    color: #fff;
    font-size: 40px;
	padding: 0 0 30px 0;
	text-align:center;
}		
.m_test .sub_ttl {
    text-align: center;
    font-size: 28px;
    color: #FFF100;
	padding: 0 0 18px 0;
}			
.m_test .sub_ttl .sub_ttl_txt_01{
    padding:0 10px;
}			
.m_test .content_box {
    display: flex;
	background:#fff;
	align-items: center;
}			
.m_test .content_box .txt_block{
	flex:2;
	padding: 0px 0 0 52px;
}
.m_test .content_box .txt_block .txt_01 {
    padding: 0 0 20px 0;
	font-size: 18px;
}			
.m_test .content_box .txt_block .anno {
    font-size: 12px;
}			
.m_test .content_box .img_block{
	flex:1;
}
/*▲オープン模試*/
/*▼コースリスト作成24.1*/
.course_list {
    padding: 40px 0 60px 0;
    padding: 0 0 100px 0;
}
.course_list .content_area .course_list_main_ttl {
    font-weight: bold;
    text-align: center;
    color: #333;
    font-size: 32px;
    padding: 0 0 40px;
}			
.course_list .content_area .btn_link:hover{
	opacity:0.8;
}
.course_list .content_area .list_box_wrap {
    display: flex;
	justify-content:space-between;
}			
.course_list .content_area .list_box {
    width: 32%;
}			
.course_list .content_area .high .main_img,
.course_list .content_area .junior .main_img,
.course_list .content_area .primary .main_img{
	padding:0 0 10px 0;
}
/*▲コースリスト作成24.1*/
/*▼online縮小改修*/
.online{
	margin:0 0 80px 0;
}
.online .online__bg{
	width:980px;
	margin:0 auto;
}
.online .inner {
    width: 980px;
}	
.online__ttl {
    width: 800px;
}	
.online__subttl {
    top: -86px;
    width: 720px;
}	
.online__block {
    padding: 75px 26px 30px;
    width: 95%;
    margin: 0 auto;
}	
.online__image01 {
    width: 560px;
    margin: 0 0 0 200px;
}	
.online__movie {
    width: 45%;
}	
.online__box01 {
    width: 50%;
    padding: 0;
}	
.online__lead02 {
    font-size: 36px;
}	
.online__flex02 {
    margin: 28px 0 0;
}	
.online__box02 {
    width: 48%;
}	
.online__txt03 {
    font-size: 24px;
}	
.online__txt03::after {
    width: 60px;
    height: 60px;
}	
.online__txt04 {
    margin: 16px 0 0;
    padding: 0 15px;
    font-size: 16px;
    line-height: 1.6;
}	
.online__list {
    margin: 50px 0 0;
}	
.online__item {
    width: 30%;
}	
.online__item:not(:last-of-type)::after {
    top: 43%;
    right: -20px;
    width: 33px;
}	
.online__lead03 {
    font-size: 28px;
}	
.online__lead03 .big {
    font-size: 30px;
}	
.online__flex03-txt {
    width: 326px;
}	
.online__movie02 {
    width: 326px;
}	
.online__movie02-img {
    width: 135px;
    top: 135px;
    left: 259px;
}	
.online__plus {
    width: 74px;
    top: 62%;
    left: 49%;
}	
.online__flex03-right {
    width: 412px;
    margin-top: 33px;
}	
.online__txt06 {
    position: absolute;
    bottom: 96px;
    left: 82px;
    font-weight: bold;
    font-size: 14px;
}	
/*▲online縮小改修*/
/*▼志望校合格 大学名と名前欄の改修*/
.success__item__content__person__name_v2 {
    color: #012374;
    text-align: center;
}
.success__item__content__person__name_v2 .txt01 {
    display: block;
    letter-spacing: 0.04em;
    font-size: 26px;
    font-weight: bold;
	line-height:1.2;
}
.success__item__content__person__name_v2 .txt02{
	display:block;
	letter-spacing: 0.04em;
    font-weight: bold;
	padding:0 0 6px 0;
	font-size:20px;
}
.success__item__content__person__name_v2 .txt03{
	display:block;
	letter-spacing: 0.04em;
	font-size:16.5px;
}
/*▲志望校合格 大学名と名前欄の改修*/
/*▼コースリスト　複数化調整*/
.course_list.type01{
	padding:0 0 0 0;
}
.course_list.type02 {
    padding: 80px 0 0;
}
/*▲コースリスト　複数化調整*/
/*▼教室を探す　複数化調整*/
.area.type01 {
    padding: 0 0 60px;
}
.area.type02 {
    padding: 0 0 60px;
}
/*▲教室を探す　複数化調整*/






/*～～～～～～～～～～～～～～～～～～～～～～～
	▼CTA TOP v2（2412）
～～～～～～～～～～～～～～～～～～～～～～～*/
.ctatop_v2{}
.ctatop_v2__bg {
    background: #EBEBEB;
    padding: 50px 0 60px;
}
.ctatop_v2 .ctatop_v2__wrap {}
.ctatop_v2 .ctatop_v2__wrap .ctatop_v2__bnrblock {
	background:#f6f6f6;
	padding: 0 0 20px;
}
	
.ctatop_v2 .ctatop_v2__wrap .ctatop_v2__bnrblock .ctatop_v2__bnr{
	background: linear-gradient(#4956aa 57px, #f6f6f6 57px);
}
.ctatop_v2 .ctatop_v2__wrap .ctatop_v2__bnrblock .ctatop_v2__bnr .img_block{
	width:760px;
	margin:0 auto;
}
	
/*アコーディオンコテンツ内 初期非表示*/
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content {display:none;}
	
/*▼アコーディオン*/
.ctatop_v2 .ctatop_v2__accordion {
	border:2px solid #4956AA;
	border-radius:8px;
	width:880px;
	margin:0 auto;
	background:#fff;
}
/*トグルボタン*/
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_toggle01 {
	cursor:pointer;
}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_toggle01:hover {
	opacity:0.7;
}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_toggle01 .ctatop_v2__accordion_btn {
	position:relative;
}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_toggle01 .ctatop_v2__accordion_btn .txt{
	display:block;
	font-size:20px;
	font-weight:bold;
	color:#545454;
	text-align:center;
}

.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_toggle01 .ctatop_v2__accordion_btn .open::before{
	display:none;
}/*デフォ△非表示*/
	
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_toggle01 .ctatop_v2__accordion_btn .close {
    position:relative;
	display:block;
}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_toggle01 .ctatop_v2__accordion_btn .close::before {
    display: inline-block;
    position: absolute;
    content: '';
    top: -26px;
    right: 28%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #F18B00;
    border-right: 2px solid #F18B00;
    transform: rotate(135deg);
}
/*最初　閉じた状態*/
	
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_toggle01 .ctatop_v2__accordion_btn.active .open{
	position:relative;
	display:block;
}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_toggle01 .ctatop_v2__accordion_btn.active .open::before{
	display:block;
	position:absolute;
	content:'';
    top: -19px;
    right: 28%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #F18B00;
    border-right: 2px solid #F18B00;
	transform:rotate(-45deg);
}
/*アクション後　開いた状態*/
	
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_toggle01 .ctatop_v2__accordion_btn.active .close::before{
	display:none;
}/*デフォ▽非表示*/
	
/*内部コンテンツ*/
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content{}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content .main_ttl {
    font-size: 26px;
    color: #fff;
    background: #4956AA;
    font-weight: bold;
    text-align: center;
    padding: 4px 0;
	margin: 0 0 14px;
}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content .sub_ttl {
    font-size: 24px;
    color: #545454;
    text-align: center;
    padding: 0 0 10px;
	font-weight:bold;
}	

/*pointブロック*/
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content .point_blockarea{
	display:flex;
	justify-content:space-between;
	width:96%;
	margin:0 auto 20px;
}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content .point_blockarea .point_block{
	display:flex;
	align-items:center;
	width:32%;
	background: #F0F0F8;
}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content .point_blockarea .point_block .point_block_txt01 {
    width: 324px;
    font-size: 15px;
    color: #545454;
    padding: 8px 10px;
    font-weight: bold;
    line-height: 1.4;
}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content .point_blockarea .point_block .point_block_img01{}
	
/*copyブロック*/
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content .copy_blockarea {
	width:612px;
	margin:0 auto 20px;
    display: flex;
    align-items: end;
	border-bottom: 6px solid #F5FF3F;
}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content .copy_blockarea .txt01{
	font-size:22px;
	font-weight:bold;
	color:#4956AA;
	letter-spacing: .05em;
	flex:4;
}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content .copy_blockarea .img_block{
	flex:1;
}

/*detailブロック*/
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content .detail_blockarea{}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content .detail_blockarea .detail_txt01 {
    padding: 0 0 20px 250px;
}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content .detail_blockarea .detail_txt01 .txt01 {
    font-size: 16px;
    color: #545454;
    padding: 0 0 6px;
}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content .detail_blockarea .detail_txt01 .txt01 .txt01_circle{
	display:inline-block;
	padding:0 6px 0 0;
}
.ctatop_v2 .ctatop_v2__accordion .ctatop_v2__accordion_content .detail_blockarea .detail_txt02 {
    font-size: 12px;
    color: #545454;
    width: 96%;
    margin: 0 auto 20px;
}
/*▲アコーディオン*/
	
/*CTA部分*/
.ctatop_v2 .ctatop_v2__ctablock {
	background:#fff;
}
.ctatop_v2 .ctatop_v2__ctablock {}
.ctatop_v2 .ctatop_v2__ctablock .ctatop_v2__txt01{
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 0 0 14px;
    color: #545454;
}
.ctatop_v2 .ctatop_v2__ctablock .ctatop_v2__cvbtn{}
.ctatop_v2 .ctatop_v2__ctablock .ctatop_v2__cvbtn .img_block{
	width:700px;
	margin:0 auto;
}
.ctatop_v2 .ctatop_v2__ctablock {
	padding:20px 0 40px;
}
.ctatop_v2 .ctatop_v2__ctablock .ctatop_v2__tel {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 915px;
	margin: 0 auto;
	padding:0;
	color: #545454;
}
.ctatop_v2 .ctatop_v2__ctablock .ctatop_v2__tel .ctatop_v2__tel_txt01 {
    width: 320px;
    font-size: 20px;
    font-weight: bold;
}
.ctatop_v2 .ctatop_v2__ctablock .ctatop_v2__tel .ctatop_v2__tel_txt02 {
    position: relative;
    width: 264px;
    margin-left: 40px;
    font-family: "Century Gothic", Arial, sans-serif;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -0.01em;
}
.ctatop_v2 .ctatop_v2__ctablock .ctatop_v2__tel .ctatop_v2__tel_txt02::after {
	content: ""; display: inline-block; position: absolute; top: 52%; left: -49px; transform: translateY(-50%); width: 40px; height: 32px; background: url(../img/cta_icon01.png) no-repeat 50% 0/cover;
}
.ctatop_v2 .ctatop_v2__ctablock .ctatop_v2__tel .ctatop_v2__tel_txt03 {
    width: 200px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 1.4;
}
.ctatop_v2 .ctatop_v2__ctablock .ctatop_v2__doc {
	text-align:center;
	padding:20px 0 0;
}
.ctatop_v2 .ctatop_v2__ctablock .ctatop_v2__doc .ctatop_v2__doc_link{
    display: inline-block;
    position: relative;
    margin: 0 0 0 15px;
    padding: 0 0 5px;
    font-size: 26px;
    font-weight: 700;
    border-bottom: 1px solid #545454;
	color:#545454;
}
.ctatop_v2 .ctatop_v2__ctablock .ctatop_v2__doc .ctatop_v2__doc_link::before {
    content: "";
    width: 16px;
    height: 23px;
    background: url(../img/cta_arrow01.png) no-repeat center / cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
}

/*～～～～～～～～～～～～～～～～～～～～～～～
	▲CTA TOP v2（2412）
～～～～～～～～～～～～～～～～～～～～～～～*/








/*～～～～～～～～～～～～～～～～～～～～～～～
	▼CTA 共通 v2（2412）
～～～～～～～～～～～～～～～～～～～～～～～*/
.cta_v2{}
.cta_v2__bg {
    background: #EBEBEB;
	background: url(../img/cta_bg01.jpg) no-repeat 50% 0 / cover;
	background: linear-gradient(to right, #12A2D6, #316ADB);
    padding: 50px 0 60px;
}
.cta_v2 .cta_v2__wrap {}
.cta_v2 .cta_v2__wrap .cta_v2__bnrblock {
	background:#f6f6f6;
	padding: 0 0 20px;
}
	
.cta_v2 .cta_v2__wrap .cta_v2__bnrblock .cta_v2__bnr{
	background: linear-gradient(#4956aa 57px, #f6f6f6 57px);
}
.cta_v2 .cta_v2__wrap .cta_v2__bnrblock .cta_v2__bnr .img_block{
	width:760px;
	margin:0 auto;
}
	
/*アコーディオンコテンツ内 初期非表示*/
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content {display:none;}
	
/*▼アコーディオン*/
.cta_v2 .cta_v2__accordion {
	border:2px solid #4956AA;
	border-radius:8px;
	width:880px;
	margin:0 auto;
	background:#fff;
}
/*トグルボタン*/
.cta_v2 .cta_v2__accordion .cta_v2__accordion_toggle01 {
	cursor:pointer;
}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_toggle01:hover {
	opacity:0.7;
}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_toggle01 .cta_v2__accordion_btn {
	position:relative;
}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_toggle01 .cta_v2__accordion_btn .txt{
	display:block;
	font-size:20px;
	font-weight:bold;
	color:#545454;
	text-align:center;
}

.cta_v2 .cta_v2__accordion .cta_v2__accordion_toggle01 .cta_v2__accordion_btn .open::before{
	display:none;
}/*デフォ△非表示*/
	
.cta_v2 .cta_v2__accordion .cta_v2__accordion_toggle01 .cta_v2__accordion_btn .close {
	position:relative;
    display: block;
}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_toggle01 .cta_v2__accordion_btn .close::before {
    display: block;
    position: absolute;
    content: '';
    top: -26px;
    right: 28%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #F18B00;
    border-right: 2px solid #F18B00;
    transform: rotate(135deg);
}
/*最初　閉じた状態*/
	
.cta_v2 .cta_v2__accordion .cta_v2__accordion_toggle01 .cta_v2__accordion_btn.active .open{
	position:relative;
	display:block;
}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_toggle01 .cta_v2__accordion_btn.active .open::before{
	display:block;
	position:absolute;
	content:'';
    top: -19px;
    right: 28%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #F18B00;
    border-right: 2px solid #F18B00;
	transform:rotate(-45deg);
}
/*アクション後　開いた状態*/
	
.cta_v2 .cta_v2__accordion .cta_v2__accordion_toggle01 .cta_v2__accordion_btn.active .close::before{
	display:none;
}/*デフォ▽非表示*/
	

/*内部コンテンツ*/
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content{}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content .main_ttl {
    font-size: 26px;
    color: #fff;
    background: #4956AA;
    font-weight: bold;
    text-align: center;
    padding: 4px 0;
	margin: 0 0 14px;
}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content .sub_ttl {
    font-size: 24px;
    color: #545454;
    text-align: center;
    padding: 0 0 10px;
	font-weight:bold;
}	

/*pointブロック*/
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content .point_blockarea{
	display:flex;
	justify-content:space-between;
	width:96%;
	margin:0 auto 20px;
}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content .point_blockarea .point_block{
	display:flex;
	align-items:center;
	width:32%;
	background: #F0F0F8;
}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content .point_blockarea .point_block .point_block_txt01 {
    width: 324px;
    font-size: 15px;
    color: #545454;
    padding: 8px 10px;
    font-weight: bold;
    line-height: 1.4;
}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content .point_blockarea .point_block .point_block_img01{}
	
/*copyブロック*/
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content .copy_blockarea {
	width:612px;
	margin:0 auto 20px;
    display: flex;
    align-items: end;
	border-bottom: 6px solid #F5FF3F;
}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content .copy_blockarea .txt01{
	font-size:22px;
	font-weight:bold;
	color:#4956AA;
	letter-spacing: .05em;
	flex:4;
}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content .copy_blockarea .img_block{
	flex:1;
}

/*detailブロック*/
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content .detail_blockarea{}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content .detail_blockarea .detail_txt01 {
    padding: 0 0 20px 250px;
}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content .detail_blockarea .detail_txt01 .txt01 {
    font-size: 16px;
    color: #545454;
    padding: 0 0 6px;
}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content .detail_blockarea .detail_txt01 .txt01 .txt01_circle{
	display:inline-block;
	padding:0 6px 0 0;
}
.cta_v2 .cta_v2__accordion .cta_v2__accordion_content .detail_blockarea .detail_txt02 {
    font-size: 12px;
    color: #545454;
    width: 96%;
    margin: 0 auto 20px;
}
/*▲アコーディオン*/
	
/*CTA部分*/
.cta_v2 .cta_v2__ctablock {
	background:#fff;
}
.cta_v2 .cta_v2__ctablock {}
.cta_v2 .cta_v2__ctablock .cta_v2__txt01{
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 0 0 14px;
    color: #545454;
}
.cta_v2 .cta_v2__ctablock .cta_v2__cvbtn{}
.cta_v2 .cta_v2__ctablock .cta_v2__cvbtn .img_block{
	width:700px;
	margin:0 auto;
}
.cta_v2 .cta_v2__ctablock {
	padding:20px 0;
}
.cta_v2 .cta_v2__ctablock .cta_v2__tel {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 915px;
	margin: 0 auto;
	padding:0;
	color: #545454;
}
.cta_v2 .cta_v2__ctablock .cta_v2__tel .cta_v2__tel_txt01 {
    width: 320px;
    font-size: 20px;
    font-weight: bold;
}
.cta_v2 .cta_v2__ctablock .cta_v2__tel .cta_v2__tel_txt02 {
    position: relative;
    width: 264px;
    margin-left: 40px;
    font-family: "Century Gothic", Arial, sans-serif;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -0.01em;
}
.cta_v2 .cta_v2__ctablock .cta_v2__tel .cta_v2__tel_txt02::after {
	content: ""; display: inline-block; position: absolute; top: 52%; left: -49px; transform: translateY(-50%); width: 40px; height: 32px; background: url(../img/cta_icon01.png) no-repeat 50% 0/cover;
}
.cta_v2 .cta_v2__ctablock .cta_v2__tel .cta_v2__tel_txt03 {
    width: 200px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 1.4;
}
/*～～～～～～～～～～～～～～～～～～～～～～～
	▲CTA 共通 v2（2412）
～～～～～～～～～～～～～～～～～～～～～～～*/



/*▼オープン模試ver2412*/
.open_test {
    padding: 0 0 40px 0;
    background: #c5e8fa;
}					
.open_test .content_area {
    width: 980px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #fff;
    border: 4px solid #062f8c;
    padding: 32px 52px 22px;
}			
.open_test .content_area .main_ttl {
    color: #062f8c;
    font-size: 40px;
    text-align: center;
    padding: 0;
    font-weight: bold;
}
.open_test .content_area .sub_ttl {
    padding: 0 0 24px 0;
    color: #062f8c;
    text-align: center;
    font-size: 34px;
}
.open_test .content_area .content_box{
	display:flex;
}
.open_test .content_area .content_box .box01{
	flex:2;
	padding: 0 20px 0 0;
}
.open_test .content_area .content_box .box01 .txt01 {
    font-size: 18px;
    padding: 0 0 20px 0;
}			
.open_test .content_area .content_box .box01 .anno {
    font-size: 14px;
}			
.open_test .content_area .content_box .box02{
	flex:1;
}
/*▲オープン模試ver2412*/

/*▼CTA_v2(TOP)無料体験文字赤字変更*/
.ctatop_v2 .ctatop_v2__ctablock .ctatop_v2__txt01 .red {
	color:#D52223;
}
/*▲CTA_v2(TOP)無料体験文字赤字変更*/
/*▼CTA_v2 無料体験文字赤字変更*/
.cta_v2 .cta_v2__ctablock .cta_v2__txt01 .red {
	color:#D52223;
}
/*▲CTA_v2 無料体験文字赤字変更*/
/*▼共通CTA テキスト追加*/
.cta .cta__content .cta__txt02 {
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    padding: 0 0 14px;
    color: #545454;
}
.cta .cta__content .cta__txt02 .red {
	color:#D52223;
}
/*▲共通CTA テキスト追加*/
/*▼共通CTA 調整*/
.cta .cta__content {
    padding: 15px 0 15px;
}
/*▲共通CTA 調整*/	


/*▼よくある質問CVテキストリンク追加*/
	/*▼文章高さ調整*/
.faq_answer.row01 {
	height:343px;
}
.faq_answer.row02 {
	height:404px;
}
.faq_answer.row03 {
	height:495px;
}
.faq_answer.row04 {}
	/*▲文章高さ調整*/
.faq .faq_btn_area {
    padding: 14px 0 0;
    display: block;
}
.faq .faq_btn_area .faq_btn {
    padding: 0px 0 4px;
    display: block;
}	
.faq .faq_btn_area .faq_btn .link {
	position:relative;
    font-size: 17px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
	letter-spacing:0;
}	
.faq .faq_btn_area .faq_btn .link:hover {
    opacity:0.8;
}
.faq .faq_btn_area .faq_btn .link::before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #65ab15;
    top: 8px;
    right: -24px;
    z-index: 1;
}
.faq .faq_btn_area .faq_btn .link::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #ffff00;
    border-right: 2px solid #ffff00;
    transform: rotate(45deg);
    top: 12px;
    right: -19px;
    z-index: 2;
}
/*▲よくある質問CVテキストリンク追加*/

/*▼体験談2行化の調整*/
.success .success__item__content_hr {display:block;padding:40px 0 0;}
/*▲体験談2行化の調整*/

/*▼CTA_v2(TOP)入会金0円バナー*/
.ctatop_v2 .ctatop_v2__ctablock .ctatop_v2__0bnr {
    width: 55%;
    margin: -16px auto 0;
    padding: 0 0 10px;
}
/*▲CTA_v2(TOP)入会金0円バナー*/

/*～～～～～～～～～～～～～～～～～～～～～～～
　　　　　▼オリコン2501
～～～～～～～～～～～～～～～～～～～～～～～*/
.oricon {
    padding: 40px 0 40px;
}
/*▼オリコンタイトル*/
.oricon .oricon__ttl {
    padding: 0 0 10px;
}
.oricon .oricon__ttl .ttl01{
	color:#4d4d4d;
	font-size:15px;
	text-align:center;
}
.oricon .oricon__ttl .ttl02 {
    color: #4d4d4d;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.14em;
}
/*▲オリコンタイトル*/

/*▼オリコン画像*/
.oricon .img_block {
    width: 600px;
    margin: 0 auto;
	padding:0 0 20px;
}
/*▲オリコン画像*/

/*▼アコーディオン*/
/*アコーディオンコテンツ内 初期非表示*/
.oricon .oricon__ac .oricon__ac_content {display:none;}

.oricon .oricon__ac {
    border: 1px solid #4d4d4d;
    border-radius: 12px;
    width: 600px;
    margin: 0 auto;
}
/*トグルボタン*/
.oricon .oricon__ac .oricon__ac_toggle {
	cursor:pointer;
}
.oricon .oricon__ac .oricon__ac_toggle:hover {
	opacity:0.7;
}
.oricon .oricon__ac .oricon__ac_toggle .oricon__ac_btn {
	position:relative;
}
.oricon .oricon__ac .oricon__ac_toggle .oricon__ac_btn .txt {
    display: block;
    font-size: 14px;
    color: #4d4d4d;
    text-align: center;
}

.oricon .oricon__ac .oricon__ac_toggle .oricon__ac_btn .open::before{
	display:none;
}/*デフォ△非表示*/
	
.oricon .oricon__ac .oricon__ac_toggle .oricon__ac_btn .close {
    position:relative;
	display:block;
}
.oricon .oricon__ac .oricon__ac_toggle .oricon__ac_btn .close::before {
    display: inline-block;
    position: absolute;
    content: '';
    top: -18px;
    right: 35%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    transform: rotate(135deg);
}
/*最初　閉じた状態*/
	
.oricon .oricon__ac .oricon__ac_toggle .oricon__ac_btn.active .open {
	position:relative;
	display:block;
}
.oricon .oricon__ac .oricon__ac_toggle .oricon__ac_btn.active .open::before {
    display: inline-block;
    position: absolute;
    content: '';
    top: -13px;
    right: 35%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    transform: rotate(-45deg);
}
/*アクション後　開いた状態*/
	
.oricon .oricon__ac .oricon__ac_toggle .oricon__ac_btn.active .close::before{
	display:none;
}/*デフォ▽非表示*/
	
/*内部コンテンツ*/
.oricon .oricon__ac .oricon__ac_content {
    padding: 2px 8px 8px;
}
.oricon .oricon__ac .oricon__ac_content .txt {
    color: #333;
    font-size: 11px;
    line-height: 1.4;
}

/*▲アコーディオン*/

/*～～～～～～～～～～～～～～～～～～～～～～～
　　　　　▲オリコン2501
～～～～～～～～～～～～～～～～～～～～～～～*/
</pre></body></html>