@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.form_page
02-01.form_top
02-02.form_confirm
02-03.form_thanks
03.contact
03-01.contact_plan
04.download
05.case
06.error(404)
--------------------*/
/*----------
01.top
----------*/
#top .top_mv_area {
position: relative;
padding-bottom: 190px;
margin-bottom: 60px;
background: #FFFFFF;
}
#top .top_mv_area::after {
position: absolute;
content: "";
background: rgba(0,0,0,0.65);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#top .top_mv_area .contents_in {
position: relative;
}
#top .top_mv_area .contents_in::before {
position: absolute;
content: "";
background:url("../img/top/mv_bg01.png")no-repeat top/cover;
min-width: 1429px;
height: 765px;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
#top .top_mv_area .cnt_g {
position: relative;
z-index: 2;
padding: 143px 0 0;
}
#top .top_mv_area .cnt_g .title_text {
font-family: 'Kaisei Tokumin', serif;
/*font-family: 'Kaisei_Tokumin';*/
color: #FFFFFF;
}
#top .top_mv_area .cnt_g .title_text .lead_text {
font-size: 33px;
line-height: 52px;
font-weight: 500;
text-align: center;
}
#top .top_mv_area .cnt_g .title_text .h1_title {
font-size: 70px;
line-height: 92px;
font-weight: 500;
text-align: center;
}
#top .top_mv_area .cnt_g .title_text .h1_title .min {
font-size: 52px;
}
#top .top_mv_area .cnt_g .title_text .h1_title .big {
font-size: 83px;
}
#top .top_mv_area .img_box {
display: flex;
align-items: center;
justify-content: center;
padding: 30px 0 0;
}
#top .top_mv_area .img_box .cnt_img {
max-width: 230px;
}
#top .top_mv_area .bg02 {
position: absolute;
bottom: -1px;
left: 0;
z-index: 1;
}
#top .banner_area {
margin: 0 auto 135px;
padding: 0 20px;
}
#top .banner_area .text {
font-size: 18px;
line-height: 28px;
font-weight: 500;
width: fit-content;
margin: 0 auto 13px;
padding: 0 10px;
position: relative;
text-align: center;
}
#top .banner_area .text .sp_1024 {
display: none;
}
#top .banner_area .text::before {
position: absolute;
content: "";
background: #071B46;
width: 1px;
height: 20px;
bottom: 3px;
left: 0;
transform: rotate(-40deg);
}
#top .banner_area .text::after {
position: absolute;
content: "";
background: #071B46;
width: 1px;
height: 20px;
bottom: 3px;
right: 0;
transform: rotate(40deg);
}
#top .banner_area .banner_btn {
max-width: 720px;
margin: 0 auto;
}
#top .banner_area .banner_btn a {
display: block;
font-size: 34px;
line-height: 40px;
text-align: center;
font-family: 'Kaisei Tokumin', serif;
color: #FFFFFF;
background: #D00E0E;
border: solid #D00E0E 2px;
border-radius: 60px;
padding: 8px 0;
}
#top .banner_area .banner_btn a:hover {
border-color: #071B46;
background: #F8F6EC;
color: #071B46;
}
#top .banner_area .banner_btn a span {
position: relative;
padding: 0 57px 0 60px;
display: block;
width: fit-content;
margin: 0 auto;
}
#top .banner_area .banner_btn a span::before {
position: absolute;
content: "";
background: url("../img/top/banner_icon_fan01.png")no-repeat center/contain;
width: 44.7px;
height: 25.7px;
top: 50%;
transform: translateY(-50%);
left: 0;
}
#top .banner_area .banner_btn a:hover span::before {
background: url("../img/top/banner_icon_fan02.png")no-repeat center/contain;
}
#top .banner_area .banner_btn a span::after {
position: absolute;
content: "";
background: url("../img/top/banner_icon_arrow01.png")no-repeat center/contain;
width: 40px;
height: 40px;
top: 50%;
transform: translateY(-50%);
right: 0;
transition: 0.3s;
}
#top .banner_area .banner_btn a:hover span::after {
background: url("../img/top/banner_icon_arrow02.png")no-repeat center/contain;
right: -10px;
}
#top #charm_area {
padding: 80px 0 120px;
margin-top: -80px;
}
#top #charm_area .contents_in {
max-width: 1280px;
position: relative;
}
#top #charm_area .contents_in .bg01 {
position: absolute;
max-width: 455px;
top: 6%;
right: -170px;
z-index: -1;
}
#top #charm_area .contents_in .bg02 {
position: absolute;
max-width: 455px;
bottom: 16%;
left: -145px;
z-index: -1;
}
#top #charm_area .top_g {
margin-bottom: 100px;
}
#top #charm_area .top_g .text {
font-size: 22px;
line-height: 38px;
font-weight: 500;
text-align: center;
}
#top #charm_area .top_g .text span {
font-size: 24px;
font-weight: 700;
position: relative;
}
#top #charm_area .top_g .text span::after {
position: absolute;
content: "";
background: #DD5555;
width: 0;
height: 3px;
bottom: 0;
left: 0;
transition: 0.8s;
}
#top #charm_area .top_g .text span.is_draw::after {
width: 100%;
}
#top #charm_area .main_img {
max-width: 1200px;
margin: 0 auto 110px;
position: relative;
}
#top #charm_area .main_img .caption {
position: absolute;
bottom: 0;
right: 12%;
font-size: 12px;
line-height: 17px;
font-weight: 500;
}
#top #charm_area .cnt_g .h3_title {
font-size: 28px;
line-height: 38px;
font-weight: 700;
color: #987529;
padding: 0 65px;
position: relative;
width: fit-content;
margin: 0 auto 40px;
}
#top #charm_area .cnt_g .h3_title::before {
position: absolute;
content: "";
background: url("../img/top/icon_fan.png")no-repeat center/contain;
width: 45px;
height: 26px;
bottom: 5px;
left: 0;
}
#top #charm_area .cnt_g .h3_title::after {
position: absolute;
content: "";
background: url("../img/top/icon_fan.png")no-repeat center/contain;
width: 45px;
height: 26px;
bottom: 5px;
right: 0;
}
#top #charm_area .cnt_g .flex_box {
display: flex;
align-items: stretch;
justify-content: space-between;
max-width: 1080px;
margin: 0 auto;
}
#top #charm_area .cnt_g .flex_box .cnt_box {
background: #F2EDD9;
border-radius: 10px;
max-width: 520px;
width: 48.5%;
padding: 48px 20px 40px;
position: relative;
}
#top #charm_area .cnt_g .flex_box .cnt_box::before {
position: absolute;
content: "";
background: url("../img/top/icon_corner_left.png")no-repeat center/contain;
width: 62px;
height: 62px;
top: 0;
left: 0;
}
#top #charm_area .cnt_g .flex_box .cnt_box::after {
position: absolute;
content: "";
background: url("../img/top/icon_corner_right.png")no-repeat center/contain;
width: 62px;
height: 62px;
bottom: 0;
right: 0;
}
#top #charm_area .cnt_g .flex_box .cnt_box .h4_title {
font-size: 24px;
line-height: 38px;
font-weight: 700;
position: relative;
width: fit-content;
margin: 0 auto 46px;
padding: 0 67px;
}
#top #charm_area .cnt_g .flex_box .cnt_box .h4_title::before {
position: absolute;
content: "";
background: url("../img/top/charm_icon01.png")no-repeat center/contain;
width: 53px;
height: 53px;
top: 50%;
transform: translateY(-50%);
left: 0;
}
#top #charm_area .cnt_g .flex_box .cnt_box .h4_title::after {
position: absolute;
content: "";
background: url("../img/top/icon_ribbon.png")no-repeat center/contain;
width: 132px;
height: 18px;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
}
#top #charm_area .cnt_g .flex_box .cnt_box .text {
font-size: 20px;
line-height: 33px;
font-weight: 500;
text-align: center;
}
#top #about_area {
padding: 80px 0 84px;
margin-top: -80px;
}
#top #about_area .contents_in {
position: relative;
}
#top #about_area .contents_in .bg01 {
position: absolute;
max-width: 455px;
top: 7%;
right: -165px;
z-index: -1;
}
#top #about_area .contents_in .bg02 {
position: absolute;
max-width: 455px;
bottom: -12%;
left: -190px;
z-index: -1;
}
#top #about_area .cnt_g .lead_text {
font-size: 22px;
line-height: 38px;
font-weight: 500;
text-align: center;
margin-bottom: 60px;
}
#top #about_area .cnt_g .flow_wrap {
background: #DACE9B;
display: flex;
align-items: stretch;
justify-content: space-between;
max-width: 800px;
width: 100%;
margin: 0 auto 50px;
padding: 16px;
border-radius: 10px;
}
#top #about_area .cnt_g .flow_wrap .flow_box {
background: #F8F6EC;
border-radius: 7px;
max-width: 194px;
width: 100%;
padding: 30px 28px;
position: relative;
}
#top #about_area .cnt_g .flow_wrap .flow_box:nth-child(2) {
max-width: 280px;
}
#top #about_area .cnt_g .flow_wrap .flow_box::after {
position: absolute;
content: "";
background: url("../img/top/icon_arrow_red.png")no-repeat center/contain;
width: 26px;
height: 24px;
top: 50%;
transform: translateY(-50%);
right: -40px;
}
#top #about_area .cnt_g .flow_wrap .flow_box:last-child::after {
display: none;
}
#top #about_area .cnt_g .flow_wrap .flow_box .title_text {
font-size: 22px;
line-height: 1;
font-weight: 700;
text-align: center;
color: #FFFFFF;
background: #5C719C;
border-radius: 7px;
padding: 14px 0;
}
#top #about_area .cnt_g .flow_wrap .flow_box .title_logo {
padding: 8.6px 12.5px;
background: #FFFFFF;
border-radius: 7px;
}
#top #about_area .cnt_g .flow_wrap .flow_box .icon_img {
max-width: 115px;
margin: 18.6px auto 0;
}
#top #about_area .cnt_g .flow_wrap .flow_box .role_list {
max-width: 197px;
margin: 28px auto 0;
}
#top #about_area .cnt_g .flow_wrap .flow_box .role_list li {
font-size: 19px;
line-height: 19px;
font-weight: 700;
position: relative;
padding-left: 26px;
margin-bottom: 10px;
}
#top #about_area .cnt_g .flow_wrap .flow_box .role_list li:last-child {
margin-bottom: 0;
}
#top #about_area .cnt_g .flow_wrap .flow_box .role_list li::before {
position: absolute;
content: "";
background: #071B46;
width: 15px;
height: 15px;
border-radius: 50%;
top: 3px;
left: 0;
}
#top #about_area .cnt_g .text {
font-size: 18px;
line-height: 30px;
font-weight: 500;
text-align: center;
}
#top #service_area {
position: relative;
padding: 114px 0;
background: #071B46;
}
#top #service_area .bg_top {
position: absolute;
top: 0;
left: 0;
}
#top #service_area .bg_bottom {
position: absolute;
bottom: 0;
left: 0;
width: 104%;
}
#top #service_area .h2_title {
color: #FFFFFF;
font-size: 42px;
line-height: 50px;
letter-spacing: 1px;
font-family: 'Kaisei Tokumin', serif;
width: fit-content;
margin: 0 auto 50px;
position: relative;
z-index: 1;
padding: 0 63px;
}
#top #service_area .h2_title::before {
position: absolute;
content: "";
background: url("../img/top/icon_fan.png")no-repeat center/contain;
width: 45px;
height: 26px;
bottom: 10px;
left: 0;
}
#top #service_area .h2_title::after {
position: absolute;
content: "";
background: url("../img/top/icon_fan.png")no-repeat center/contain;
width: 45px;
height: 26px;
bottom: 10px;
right: 0;
}
#top #service_area .btn_g {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 1;
max-width: 960px;
margin: 0 auto;
}
#top #service_area .btn_g .btn01 {
max-width: 450px;
width: 48%;
position: relative;
border-radius: 10px;
}
#top #service_area .btn_g .btn01::before {
position: absolute;
content: "";
background: rgba(255,255,255,0.8);
width: 100%;
height: 100%;
border-radius: 10px;
top: 0;
left: 0;
transition: 0.3s;
}
#top #service_area .btn_g .btn01:hover::before {
background: rgba(255,255,255,0.9);
}
#top #service_area .btn_g .btn01.sponsor {
background: url("../img/top/service_btn_bg01.png")no-repeat center/cover;
}
#top #service_area .btn_g .btn01.support {
background: url("../img/top/service_btn_bg02.png")no-repeat center/cover;
}
#top #service_area .btn_g .btn01 a {
font-family: 'Kaisei Tokumin', serif;
font-size: 34px;
line-height: 1;
letter-spacing: 1px;
color: #071B46;
text-align: center;
display: block;
position: relative;
border-radius: 10px;
padding: 37px 0 36px;
z-index: 1;
}
#top #service_area .btn_g .btn01 a::after {
position: absolute;
content: "";
background: none;
border: solid #071B46 2px;
width: calc(100% - 8px - 8px);
height: calc(100% - 8px - 8px);
border-radius: 10px;
top: 6px;
left: 6px;
}
#top .ptn01_area .contents_in {
max-width: 1280px;
width: 100%;
}
#top .ptn01_area .top_g {
max-width: 900px;
width: 96%;
margin: 0 auto 60px;
}
#top .ptn01_area .top_g .top_text {
color: #D00E0E;
font-size: 23px;
line-height: 28px;
font-weight: 500;
letter-spacing: 0.25px;
text-align: center;
position: relative;
margin-bottom: 20px;
}
#top .ptn01_area .top_g .top_text::before {
position: absolute;
content: "";
background: #D00E0E;
width: calc(100% - 673px);
height: 1px;
top: 50%;
transform: translateY(-50%);
left: 0;
z-index: 1;
}
#top .ptn01_area .top_g .top_text::after {
position: absolute;
content: "";
background: #D00E0E;
width: calc(100% - 673px);
height: 1px;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: 1;
}
#top .ptn01_area .top_g .lead_text {
font-size: 22px;
line-height: 38px;
font-weight: 500;
text-align: center;
}
#top .ptn01_area .top_g .lead_text .sp_1024 {
display: none;
}
#top .ptn01_area .cnt_g.ptn01 {
background: #F2EDD9;
border-radius: 10px;
padding: 30px 20px 40px;
position: relative;
max-width: 900px;
width: 96%;
margin: 0 auto;
}
#top .ptn01_area .cnt_g.ptn01::after {
position: absolute;
content: "";
background: url("../img/top/bg_arrow01.png")no-repeat center/contain;
width: 90px;
height: 41px;
bottom: -41px;
left: 50%;
transform: translateX(-50%);
}
#top .ptn01_area .cnt_g .title_text {
font-size: 24px;
line-height: 30px;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}
#top .ptn01_area .cnt_g .title_text span {
position: relative;
}
#top .ptn01_area .cnt_g .title_text span::after {
position: absolute;
content: "";
background: #D00E0E;
width: 0;
height: 2px;
bottom: 0;
left: 0;
transition: 0.8s;
}
#top .ptn01_area .cnt_g .title_text span.is_draw::after {
width: 100%;
}
#top .ptn01_area .cnt_g.ptn01 .list_wrap {
background: #FFFFFF;
border: solid #5C719C 3px;
border-radius: 10px;
padding: 30px;
max-width: 722px;
margin: 0 auto;
}
#top .ptn01_area .cnt_g.ptn01 .list_wrap ul {
max-width: 500px;
margin: 0 auto;
}
#top .ptn01_area .cnt_g.ptn01 .list_wrap ul li {
font-size: 18px;
line-height: 28px;
font-weight: 700;
padding-left: 35px;
position: relative;
margin-bottom: 20px;
}
#top .ptn01_area .cnt_g.ptn01 .list_wrap ul li:last-child {
margin-bottom: 0;
}
#top .ptn01_area .cnt_g.ptn01 .list_wrap ul li::before {
position: absolute;
content: "";
background: url("../common/img/icon_check.png")no-repeat center/contain;
width: 26px;
height: 26px;
top: 3px;
left: 0;
}
#top .ptn01_area .cnt_g.ptn02 {
background: #FFFFFF;
border: solid #5C719C 3px;
border-radius: 10px;
padding: 30px 30px 50px;
max-width: 1080px;
width: 96%;
margin: 0 auto;
position: relative;
}
#top .ptn01_area .cnt_g.ptn02::after {
position: absolute;
content: "";
background: url("../img/top/bg_arrow02.png")no-repeat center/contain;
width: 93px;
height: 37px;
bottom: -35.3px;
left: 50%;
transform: translateX(-50%);
}
#top .ptn01_area .cnt_g.ptn02 .list_wrap {
background: #F4F6FD;
border-radius: 10px;
padding: 30px 20px;
max-width: 995px;
margin: 0 auto;
}
#top .ptn01_area .cnt_g.ptn02 .list_wrap ul {
display: flex;
align-items: center;
justify-content: space-around;
}
#top .ptn01_area .cnt_g.ptn02 .list_wrap ul li {
font-size: 18px;
line-height: 24px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: center;
margin-right: 15px;
}
#top .ptn01_area .cnt_g.ptn02 .list_wrap ul li:last-child {
margin-right: 0;
}
#top .ptn01_area .cnt_g.ptn02 .list_wrap ul li .icon_img {
max-width: 65px;
margin-right: 14px;
}
#top .ptn01_area .label_text {
background: #D00E0E;
color: #FFFFFF;
font-size: 24px;
line-height: 38px;
font-weight: 500;
text-align: center;
position: relative;
padding: 11.5px 0;
margin-bottom: 25px;
margin-top: 80px;
}
#top .ptn01_area .label_text::before {
position: absolute;
content: "";
background: url("../img/top/icon_corner_left.png")no-repeat center/contain;
width: 61px;
height: 61px;
top: 0;
left: -1px;
}
#top .ptn01_area .label_text::after {
position: absolute;
content: "";
background: url("../img/top/icon_corner_right.png")no-repeat center/contain;
width: 61px;
height: 61px;
top: 0;
right: -1px;
}
#top .ptn01_area .bottom_g {
display: flex;
align-items: stretch;
justify-content: space-between;
max-width: 1080px;
width: 96%;
margin: 0 auto;
position: relative;
}
#top .ptn01_area .bottom_g .cnt_box {
border: solid #DACE9B 2px;
border-radius: 10px;
padding: 8px 8px 25px;
max-width: 333px;
width: 32%;
background: #FFFFFF;
}
#top .ptn01_area .bottom_g .cnt_box .cnt_img {
border-radius: 7px;
margin-bottom: 25px;
}
#top .ptn01_area .bottom_g .cnt_box .cnt_img img {
border-radius: 7px;
}
#top .ptn01_area .bottom_g .cnt_box .title {
font-size: 22px;
line-height: 32px;
font-weight: 700;
text-align: center;
color: #FFFFFF;
background: #DACE9B;
border-radius: 10px;
padding: 11px 25px;
width: fit-content;
margin: 0 auto;
}
#top #sponsor_area {
padding: 80px 0 70px;
}
#top #sponsor_area .contents_in {
position: relative;
}
#top #sponsor_area .contents_in .bg01 {
position: absolute;
max-width: 455px;
top: -6.5%;
left: -130px;
z-index: -1;
}
#top #sponsor_area .contents_in .bg02 {
position: absolute;
max-width: 455px;
bottom: -11%;
right: -250px;
z-index: -1;
}
#top #support_area {
background:url("../img/top/support_bg.png")repeat-y center/cover;
position: relative;
padding: 145px 0 140px;
}
#top #support_area .bg_top {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#top #support_area .bg_bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
#top #support_area .top_g .top_text::before {
width: calc(50% - 246px);
}
#top #support_area .top_g .top_text::after {
width: calc(50% - 246px);
}
#top #support_area .bottom_g .cnt_box {
background: #FFFFFF;
}
#top #flow_area {
padding: 75px 0 160px;
}
#top #flow_area .contents_in {
position: relative;
}
#top #flow_area .contents_in .bg01 {
position: absolute;
max-width: 455px;
top: 5%;
right: -205px;
z-index: -1;
}
#top #flow_area .contents_in .bg02 {
position: absolute;
max-width: 455px;
bottom: -16.5%;
left: -175px;
z-index: -1;
}
#top #flow_area .top_text {
font-size: 22px;
line-height: 38px;
font-weight: 500;
text-align: center;
margin-bottom: 60px;
}
#top #flow_area .cnt_g {
max-width: 824px;
margin: 0 auto;
}
#top #flow_area .cnt_g .work_list {
position: relative;
}
#top #flow_area .cnt_g .work_list::after {
position: absolute;
content: "";
background: #DACE9B;
width: 3px;
height: calc(100% - 30px - 30px);
top: 50%;
transform: translateY(-50%);
left: 36px;
z-index: -1;
}
#top #flow_area .cnt_g .work_list li {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 66px;
}
#top #flow_area .cnt_g .work_list li:last-child {
margin-bottom: 0;
}
#top #flow_area .cnt_g .work_list li .icon_no {
color: #FFFFFF;
font-family: 'Kaisei Tokumin', serif;
font-size: 30px;
line-height: 1;
text-align: center;
background: #071B46;
min-width: 72px;
height: 72px;
border-radius: 50%;
padding-top: 19px;
}
#top #flow_area .cnt_g .work_list li .cnt_text {
margin-left: 66px;
}
#top #flow_area .cnt_g .work_list li .cnt_text .title {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 30px;
line-height: 38px;
font-weight: 500;
margin-bottom: 10px;
}
#top #flow_area .cnt_g .work_list li .cnt_text .title .icon {
max-width: 40px;
margin-right: 14px;
}
#top #flow_area .cnt_g .work_list li .cnt_text .text {
font-size: 16px;
line-height: 28px;
font-weight: 500;
}
#top #case_area {
padding: 80px 0 70px;
margin-top: -80px;
position: relative;
}
#top #case_area .contents_in {
max-width: 1280px;
width: 100%;
}
#top #case_area .title_ptn01 {
margin-bottom: 60px;
}
#top #case_area .slider_list {
margin: 0 auto;
position: relative;
}
#top #case_area .slider_list .item_card {
background: #F2EDD9;
border-radius: 10px;
padding: 50px 40px;
position: relative;
height: 585px;
margin: 0 1.13%;
}
#top #case_area .slider_list .item_card::before {
position: absolute;
content: "";
background: url("../img/top/icon_corner_left.png")no-repeat center/contain;
width: 82px;
height: 82px;
top: 0;
left: 0;
}
#top #case_area .slider_list .item_card::after {
position: absolute;
content: "";
background: url("../img/top/icon_corner_right.png")no-repeat center/contain;
width: 82px;
height: 82px;
bottom: 0;
right: 0;
}
#top #case_area .slider_list .item_card .card_wrap {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 980px;
width: 100%;
margin: 0 auto;
height: 100%;
position: relative;
z-index: 1;
}
#top #case_area .slider_list .item_card .main_img {
max-width: 360px;
width: 37%;
}
#top #case_area .slider_list .item_card .cnt_text {
background: #FFFFFF;
border-radius: 10px;
padding: 20px;
max-width: 588px;
width: 60%;
height: 100%;
}
#top #case_area .slider_list .item_card .cnt_text .name {
font-size: 21px;
line-height: 26px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 14px;
}
#top #case_area .slider_list .item_card.case01 .cnt_text .name .logo {
max-width: 88px;
margin-right: 10px;
}
#top #case_area .slider_list .item_card.case02 .cnt_text .name .logo, #top #case_area .slider_list .item_card.case03 .cnt_text .name .logo {
max-width: 60px;
margin-right: 0;
}
#top #case_area .slider_list .item_card .cnt_text .title {
font-size: 24px;
line-height: 38px;
font-weight: 700;
margin-bottom: 24px;
position: relative;
padding-bottom: 8px;
width: fit-content;
}
#top #case_area .slider_list .item_card .cnt_text .title::after {
position: absolute;
content: "";
background: #F2EDD9;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
}
#top #case_area .slider_list .item_card .cnt_text .sub_title {
font-size: 21px;
line-height: 24px;
font-weight: 700;
color: #DACE9B;
margin-bottom: 14px;
}
#top #case_area .slider_list .item_card .cnt_text .text {
font-size: 18px;
line-height: 32px;
font-weight: 500;
}
#top #case_area .slider_list .item_card .cnt_text .min_text {
font-size: 13px;
line-height: 28px;
color: #5D5D5D;
margin-top: 10px;
}
#top #case_area .slider_list .slick_arrow {
max-width: 60px;
position: absolute;
top: 50%;
transform: translateY(-55%);
}
#top #case_area .slider_list .slick_arrow:hover {
cursor: pointer;
}
#top #case_area .slider_list .slick_arrow.prev_arrow {
left: 1.2%;
z-index: 2;
}
#top #case_area .slider_list .slick_arrow.next_arrow {
right: 1.2%;
}
#top #case_area .slider_list .slick-dots {
width: fit-content;
margin: 48px auto 0;
}
#top #case_area .slider_list .slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 7px;
padding: 0;
cursor: pointer;
}
#top #case_area .slider_list .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
#top #case_area .slider_list .slick-dots li button:before {
content: '';
position: absolute;
background: #C0C7D5;
top: 0;
left: 0;
width: 10px;
height: 10px;
border-radius: 50%;
}
#top #case_area .slider_list .slick-dots li.slick-active button:before{
background: #071B46;
}
#top #search_area {
background: url(../img/top/support_bg.png)repeat-y center/cover;
padding: 137px 0 135px;
position: relative;
}
#top #search_area .bg_top {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#top #search_area .bg_bottom {
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
}
#top #search_area .title_ptn01 {
margin-bottom: 20px;
}
#top #search_area .top_text {
font-size: 22px;
line-height: 38px;
font-weight: 500;
margin-bottom: 20px;
text-align: center;
}
#top #search_area .cnt_wrap {
background: #FFFFFF;
padding: 22px;
border-radius: 10px;
}
#top #search_area .label_g {
background: #071B46;
position: relative;
margin: 56px 0 22px;
padding: 14px 0;
}
#top #search_area .label_g::before {
position: absolute;
content: "";
background: url("../img/top/text_bg_left.png")no-repeat center/contain;
width: 66.5px;
height: 66.5px;
top: 0;
left: -1px;
}
#top #search_area .label_g::after {
position: absolute;
content: "";
background: url("../img/top/text_bg_right.png")no-repeat center/contain;
width: 66.5px;
height: 66.5px;
top: 0;
right: -1px;
}
#top #search_area .label_g .label_text {
color: #FFFFFF;
font-size: 24px;
line-height: 38px;
font-weight: 500;
text-align: center;
position: relative;
padding: 0 60px;
width: fit-content;
margin: 0 auto;
}
#top #search_area .label_g .label_text::before {
position: absolute;
content: "";
background: url("../img/top/icon_fan.png")content-box center/contain;
width: 40.6px;
height: 23.5px;
top: 10px;
left: 0;
}
#top #search_area .label_g .label_text::after {
position: absolute;
content: "";
background: url("../img/top/icon_fan.png")content-box center/contain;
width: 40.6px;
height: 23.5px;
top: 10px;
right: 0;
}
#top #search_area .card_list {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
}

#top #search_area .card_list .card_item {
max-width: 252px;
width: 24.4%;
border: solid #F4F6FD 6px;
background: #FFFFFF;
border-radius: 10px;
margin-top: 30px;
}
#top #search_area .card_list .card_item:nth-child(1),
#top #search_area .card_list .card_item:nth-child(2),
#top #search_area .card_list .card_item:nth-child(3),
#top #search_area .card_list .card_item:nth-child(4) {
margin-top: 0;
}
#top #search_area .card_list .card_item .cnt_img {
border-radius: 8px 8px 0 0;
overflow: hidden;
}
#top #search_area .card_list .card_item .cnt_img a:hover {
opacity: 0.6;
}
#top #search_area .card_list .card_item .cnt_img img {
object-fit: cover;
height: 187px;
}
#top #search_area .card_list .card_item .cnt_text {
padding: 10px 15px 6px;
}
#top #search_area .card_list .card_item .cnt_text .title {
font-size: 15px;
line-height: 24px;
font-weight: 500;
padding-bottom: 6px;
margin-bottom: 8px;
border-bottom: solid #D00E0E 1px;
}
#top #search_area .card_list .card_item .cnt_text .title a:hover {
opacity: 0.6;
}
#top #search_area .card_list .card_item .cnt_text .cat_list {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
#top #search_area .card_list .card_item .cnt_text .cat_list li {
margin: 0 4px 4px 0;
}
#top #search_area .card_list .card_item .cnt_text .cat_list li a {
font-size: 11px;
line-height: 1;
font-weight: 500;
background: #5C719C;
border: solid #5C719C 1px;
color: #FFFFFF;
display: block;
padding: 3px 10px 4px;
border-radius: 4px;
}
#top #search_area .card_list .card_item .cnt_text .cat_list li a:hover {
color: #5C719C;
background: #FFFFFF;
}
#top #faq_area {
background: #071B46;
padding: 70px 0 150px;
}
#top #faq_area .contents_in {
position: relative;
}
#top #faq_area .contents_in .bg01 {
position: absolute;
max-width: 417px;
top: 1%;
left: -12%;
}
#top #faq_area .contents_in .bg02 {
position: absolute;
max-width: 422px;
top: 51%;
right: -12%;
}
#top #faq_area .title_ptn01 {
color: #FFFFFF;
margin-bottom: 60px;
}
#top #faq_area .title_ptn01::before {
background: url("../common/img/icon_title_left02.png")no-repeat center/contain;
}
#top #faq_area .title_ptn01::after {
background: url("../common/img/icon_title_right02.png")no-repeat center/contain;
}
#top #faq_area .cnt_g {
background: #FFFFFF;
border-radius: 10px;
max-width: 900px;
margin: 0 auto;
padding: 70px 58px;
position: relative;
z-index: 1;
}
#top #faq_area .cnt_g dl div {
border-bottom: solid #E3E3E3 2px;
}
#top #faq_area .cnt_g dl div:first-child {
border-top: solid #E3E3E3 2px;
}
#top #faq_area .cnt_g dl dt {
font-size: 18px;
line-height: 30px;
font-weight: 500;
padding: 12px 10px;
margin: 16px 0;
position: relative;
}
#top #faq_area .cnt_g dl dt::after {
position: absolute;
content: "";
background: url("../img/top/icon_faq_open.png")no-repeat center/contain;
width: 12px;
height: 12px;
top: 21px;
right: 11px;
}
#top #faq_area .cnt_g dl dt.active::after {
background: url("../img/top/icon_faq_close.png")no-repeat center/contain;
}
#top #faq_area .cnt_g dl dt:hover {
cursor: pointer;
}
#top #faq_area .cnt_g dl dd {
font-size: 15px;
line-height: 30px;
font-weight: 500;
background: #F4F6FD;
border-radius: 7px 7px 0 0;
padding: 25px 10px;
}
#top #faq_area .cnt_g dl dd a {
color: #0042D1;
display: inline-block;
text-decoration: underline;
word-break: break-all;
}
#fixbtn_area {
background: #071B46;
padding: 18px 0;
width: 100%;
z-index: 9;
position: fixed;
bottom: 0;
left: 0;
}
#fixbtn_area .btn_g {
max-width: 763px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
#fixbtn_area .btn_g .btn_ptn01 {
width: 48%;
}
#fixbtn_area .btn_g .btn_ptn01 a {
border: none;
padding: 18px 0;
}
#popup_banner {
position: fixed;
max-width: 300px;
width: 100%;
bottom: 116px;
right: 20px;
z-index: 10;
display: none;
}
#popup_banner.close {
display: none;
}
#popup_banner .close_btn {
position: absolute;
max-width: 27px;
top: -16px;
right: -14px;
}
#popup_banner .close_btn:hover {
cursor: pointer;
}
#popup_banner .banner_box {
background: url("../img/top/banner_bg.jpg")no-repeat center/cover;
border-radius: 10px;
}
#popup_banner .banner_box::after {
position: absolute;
content: "";
background: url("../img/top/banner_icon_arrow.png")no-repeat center/contain;
width: 27px;
height: 27px;
bottom: 35px;
right: 25px;
transition: 0.3s;
}
#popup_banner .banner_box:hover::after {
right: 15px;
}
#popup_banner .banner_box .title {
font-size: 14px;
line-height: 23px;
font-weight: 500;
text-align: center;
background: #D00E0E;
color: #FFFFFF;
border-radius: 10px 10px 0 0;
padding: 10px 0;
}
#popup_banner .banner_box .text {
font-size: 27px;
line-height: 36px;
font-weight: 500;
letter-spacing: 0.1em;
font-family: 'Kaisei Tokumin', serif;
color: #FFFFFF;
padding: 29px 23px;
border: solid #D00E0E 4px;
border-top: none;
border-radius: 0 0 10px 10px;
}
/*----------
02.form_page
----------*/
.form_page .title_area {
margin-top: 90px;
padding: 70px 0 0;
}
.form_page .title_area .title_ptn01 {
text-align: center;
}
.form_page .title_area .top_text {
font-size: 18px;
line-height: 28px;
font-weight: 500;
text-align: center;
}
.form_page #intro_area {
background: #F2EDD9;
padding: 57px 0 40px;
position: relative;
border-radius: 10px;
margin-top: 30px;
}
.form_page #intro_area::after {
position: absolute;
content: "";
background: url("../img/contact/intro_bg_arrow.png")no-repeat center/contain;
width: 90px;
height: 41px;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
}
.form_page #intro_area .cnt_g {
display: flex;
align-items: center;
justify-content: space-between;
flex-flow: row-reverse;
background: #FFFFFF;
border: solid #5C719C 3px;
padding: 40px;
margin: 0 auto 30px;
border-radius: 10px;
}
.form_page #intro_area .cnt_g .cnt_img {
max-width: 367px;
width: 37%;
}
.form_page #intro_area .cnt_g .cnt_img img {
border-radius: 10px;
}
.form_page #intro_area .cnt_g .cnt_text {
max-width: 580px;
width: 59%;
}
.form_page #intro_area .cnt_g .cnt_text .h2_title {
font-size: 24px;
line-height: 38px;
font-weight: 700;
margin-bottom: 15px;
}
.form_page #intro_area .cnt_g .cnt_text ul li {
font-size: 18px;
line-height: 32px;
font-weight: 700;
color: #343434;
margin-bottom: 12px;
position: relative;
padding-left: 35px;
}
.form_page #intro_area .cnt_g .cnt_text ul li:last-child {
margin-bottom: 0;
}
.form_page #intro_area .cnt_g .cnt_text ul li::before {
position: absolute;
content: "";
background: url("../common/img/icon_check.png")no-repeat center/contain;
width: 26px;
height: 26px;
top: 4px;
left: 0;
}
.form_page #intro_area .lead_text {
font-size: 22px;
line-height: 38px;
font-weight: 500;
text-align: center;
}
.form_page #form_area {
padding: 90px 0 120px;
}
.form_page #form_area .form_g {
max-width: 620px;
margin: 0 auto;
}
/*contact form 7*/
.form_page #form_area .form_g .form_box {
color: #343434;
margin-bottom: 35px;
}
.form_page #form_area .form_g .form_box .item {
margin-top: 20px;
}
.form_page #form_area .form_g .form_box .item.case input {
border: none;
}
.form_page #form_area .form_g .form_box .item.case textarea {
width: 100%;
height: 180px!important;
}
.form_page #form_area .form_g .form_box .item:first-child {
margin-top: 0;
}
.form_page #form_area .form_g .form_box .item .cnt01 {
font-size: 16px;
line-height: 28px;
font-weight: 700;
margin-bottom: 6px;
display: block;
}
.form_page #form_area .form_g .form_box .item .cnt02 {
font-size: 15px;
line-height: 28px;
font-weight: 500;
}
.form_page #form_area .form_g .form_box .item .cnt02 {
white-space: pre-wrap;
}
.form_page #form_area .form_g .form_box .item input, .form_page #form_area .form_g .form_box .item textarea {
font-size: 15px;
line-height: 28px;
font-weight: 500;
font-family: 'Zen Kaku Gothic New', sans-serif;
width: 100%;
border: solid #B4B4B4 1px;
background: #FFFFFF;
padding: 5px 10px;
border-radius: 5px;
}
.form_page #form_area .form_g .form_box .item input:placeholder, .form_page #form_area .form_g .form_box .item textarea:placeholder {
color: #B4B4B4;
font-size: 12px;
line-height: 28px;
font-weight: 500;
font-family: 'Zen Kaku Gothic New', sans-serif;
}
/* ラジオボタン */
.form_page #form_area .form_g .form_box .radio_item .wpcf7-list-item {
width: 100%;
margin: 0 0 8px;
}
.form_page #form_area .form_g .form_box .radio_item .wpcf7-list-item input[type=radio] {
display: none;
appearance: none;
}
.form_page #form_area .form_g .form_box .radio_item .wpcf7-list-item label {
display: flex;
align-items: center;
justify-content: flex-start;
}
.form_page #form_area .form_g .form_box .radio_item .wpcf7-list-item .wpcf7-list-item-label {
padding-left: 62px;
position: relative;
cursor: pointer;
font-size: 16px;
line-height: 28px;
font-weight: 700;
}
.form_page #form_area .form_g .form_box .radio_item .wpcf7-list-item .wpcf7-list-item-label::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
top: 50%;
transform: translateY(-50%);
left: 15px; 
border: solid #B4B4B4 1px;
border-radius: 50%;
}
.form_page #form_area .form_g .form_box .radio_item .wpcf7-list-item input:checked + .wpcf7-list-item-label::after {
position: absolute;
content: "";
width: 12px;
height: 12px;
top: 50%;
transform: translateY(-50%);
left: 20px;
background: #22355F;
border-radius: 50%;
}
/* チェックボックス */
.form_page #form_area .form_g .form_box .check_item .wpcf7-list-item {
width: 100%;
margin: 0 0 10px;
}
.form_page #form_area .form_g .form_box .check_item textarea {
margin-left: 45px;
width: calc(100% - 45px);
}
.form_page #form_area .form_g .form_box .check_item input[type=checkbox] {
display:none
}
.form_page #form_area .form_g .form_box .check_item .wpcf7-list-item .wpcf7-list-item-label{
position: relative;
padding-left: 62px;
cursor: pointer;
font-size: 16px;
line-height: 28px;
font-weight: 700;
display: block;
}
.form_page #form_area .form_g .form_box .check_item .wpcf7-list-item .wpcf7-list-item-label:before{
width: 20px;
height: 20px; 
left: 15px; 
border: solid #B4B4B4 1px; 
margin-top: -10px;
border-radius: 3px;
}
.form_page #form_area .form_g .form_box .check_item .wpcf7-list-item .wpcf7-list-item-label:after, .form_page #form_area .form_g .form_box .check_item .wpcf7-list-item .wpcf7-list-item-label:before{
position: absolute;
content: "";
top: 14px;
}
.form_page #form_area .form_g .form_box .check_item .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::after {
position: absolute;
width: 5px;
height: 9px;
top: 8px;
left: 22px;
border-right: solid #22355F 3px; 
border-bottom: solid #22355F 3px;
content: '';
transform: rotate(45deg);
}
.form_page #form_area .form_g .form_box .required {
font-size: 12px;
line-height: 1;
font-weight: 700;
color: #FFFFFF;
background: #D00E0E;
display: inline-block;
padding: 6px 12px;
border-radius: 3px;
margin-right: 14px;
}
.form_page #form_area .form_g .form_box .optional {
font-size: 12px;
line-height: 1;
font-weight: 700;
color: #FFFFFF;
background: #F7B449;
display: inline-block;
padding: 6px 12px;
border-radius: 3px;
margin-right: 14px;
}
.form_page #form_area .form_g .attention_text {
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: #000000;
background: #F2F2F2;
padding: 14px 20px;
border-radius: 5px;
margin-bottom: 60px;
}
.form_page #form_area .form_g .attention_text a {
text-decoration: underline;
color: #000000;
margin: 0 5px;
}
/*エラーテキスト*/
.form_page #form_area .form_g .wpcf7-not-valid-tip {
font-size: 14px;
font-weight: 700;
color: #D00E0E;
font-family: 'Zen Kaku Gothic New', sans-serif;
}
.form_page #form_area .form_g .wpcf7 form.invalid .wpcf7-response-output {
border: none;
font-size: 20px;
font-weight: 500;
text-align: center;
color: #D00E0E;
}
/*contact form 7ここまで*/
.form_page #form_area .form_g .btn01 {
max-width: 360px;
width: 100%;
position: relative;
margin: 0 auto;
border: none;
border-radius: 30px;
display: block;
}
.form_page #form_area .form_g .btn01.next::after {
position: absolute;
content: "";
background: url("../common/img/icon_arrow01.png")no-repeat center/contain;
width: 28px;
height: 28px;
top: 50%;
transform: translateY(-50%);
right: 20px;
transition: 0.3s;
}
.form_page #form_area .form_g .btn01.back::after {
position: absolute;
content: "";
background: url("../common/img/icon_arrow01.png")no-repeat center/contain;
width: 28px;
height: 28px;
top: 50%;
transform: translateY(-50%)rotate(180deg);
right: 20px;
transition: 0.3s;
}
.form_page #form_area .form_g .btn01 input {
text-align: center;
font-size: 24px;
line-height: 1;
font-weight: 500;
font-family: 'Zen Kaku Gothic New', sans-serif;
color: #FFFFFF;
width: 100%;
display: block;
padding: 16px 0;
border: solid #D00E0E 2px;
border-radius: 30px;
}
.form_page #form_area .form_g .btn01.next input {
background: #D00E0E;
}
.form_page #form_area .form_g .btn01.next input:hover {
background: #FFFFFF;
color: #D00E0E;
}
.form_page #form_area .form_g .btn01.back input {
background: #B4B4B4;
border-color: #B4B4B4;
}
.form_page #form_area .form_g .btn01.back input:hover {
background: #999999;
border-color: #999999;
}
.form_page #form_area .form_g .btn01 input:hover {
cursor: pointer;
}
.form_page #form_area .form_g .btn01 .wpcf7-spinner {
display: none;
}
/*----------
02-01.form_top
----------*/
.form_top #cnt_area01 {
padding: 110px 0 120px;
}
.form_top #cnt_area01 .cnt_g .flex_wrap {
display: flex;
align-items: stretch;
justify-content: space-between;
margin: 0 auto 70px;
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01 {
max-width: 520px;
width: 48.5%;
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01 a {
display: block;
background: #071B46;
position: relative;
font-size: 22px;
line-height: 40px;
font-weight: 700;
text-align: center;
color: #FFFFFF;
padding: 59px 0;
border-radius: 10px;
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01 a:hover {
background: rgba(7,27,70,0.8);
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01 a::before {
position: absolute;
content: "";
background: url("../img/contact/text_bg_left.png")no-repeat center/contain;
width: 61.5px;
height: 61.5px;
top: -0.5px;
left: -0.5px;
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01 a::after {
position: absolute;
content: "";
background: url("../img/contact/text_bg_right.png")no-repeat center/contain;
width: 61.5px;
height: 61.5px;
bottom: -0.5px;
right: -0.5px;
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01 a span {
position: relative;
padding: 0 47px;
text-align: center;
width: fit-content;
margin: 0 auto;
display: block;
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01 a span::before {
position: absolute;
content: "";
background: url("../img/contact/icon_fan.png")no-repeat center/contain;
width: 36.6px;
height: 21.3px;
top: 13px;
left: 0;
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01 a span::after {
position: absolute;
content: "";
background: url("../img/contact/icon_fan.png")no-repeat center/contain;
width: 36.6px;
height: 21.3px;
top: 13px;
right: 0;
}
.form_top #cnt_area01 .cnt_g .text_box {
font-size: 16px;
line-height: 26px;
font-weight: 500;
background: #F0F0F0;
padding: 9px 11px 10px;
border-radius: 8px;
width: fit-content;
margin: 0 auto 18px;
position: relative;
}
.form_top #cnt_area01 .cnt_g .text_box::after {
position: absolute;
content: "";
background: url("../img/contact/bg_arrow.png")no-repeat center/contain;
width: 15.4px;
height: 12px;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
}
.form_top #cnt_area01 .cnt_g .text_box span {
position: relative;
width: fit-content;
margin: 0 auto;
padding: 0 16px;
display: block;
text-align: center;
}
.form_top #cnt_area01 .cnt_g .text_box span::before {
position: absolute;
content: "";
background: #071B46;
height: 20px;
width: 1px;
bottom: 0;
left: 7px;
transform: rotate(-43deg);
}
.form_top #cnt_area01 .cnt_g .text_box span::after{
position: absolute;
content: "";
background: #071B46;
height: 20px;
width: 1px;
bottom: 0;
right: 7px;
transform: rotate(43deg);
}
.form_top #cnt_area01 .cnt_g .btn_ptn01 {
margin: 0 auto;
} 
/*----------
02-02.form_confirm
----------*/
.form_confirm #form_area .form_g dl dd {
padding: 0 10px;
}
.form_confirm #form_area .form_g dl .radio_item {
margin-left: 0;
}
.form_confirm #form_area .form_g .btn01.back {
margin-bottom: 20px;
}
/*----------
02-03.form_thanks
----------*/
.form_thanks #cnt_area01 {
padding: 0 0 80px;
}
.form_thanks #cnt_area01 .cnt_g {
background: #FFFFFF;
border: solid #5C719C 3px;
border-radius: 10px;
padding: 60px 30px;
max-width: 900px;
margin: 0 auto;
}
.form_thanks #cnt_area01 .cnt_g .title_text {
font-size: 24px;
line-height: 38px;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}
.form_thanks #cnt_area01 .cnt_g .text {
font-size: 20px;
line-height: 32px;
font-weight: 500;
text-align: center;
margin-bottom: 60px;
color: #343434;
}
.form_thanks #cnt_area01 .cnt_g .btn_ptn01 {
margin: 0 auto;
}
/*----------
03-01.contact_plan
----------*/
#contact_plan #form_area .form_g .form_box .item.case .cnt02 {
display: block;
}
#contact_plan #form_area .form_g .attention_box {
display: flex;
align-items: center;
justify-content: flex-end;
}
#contact_plan #form_area .form_g .attention_box .text {
font-size: 14px;
line-height: 26px;
font-weight: 500;
text-align: right;
}
#contact_plan #form_area .form_g .attention_box .clear {
font-size: 12px;
line-height: 1;
font-weight: 500;
font-family: 'Zen Kaku Gothic New', sans-serif;
text-align: center;
color: #071B46;
border: solid #071B46 1px;
background: rgba(7,27,70,0.1);
padding: 5px 10px;
border-radius: 3px;
display: block;
margin-left: 10px;
}
#contact_plan #form_area .form_g .attention_box .clear:hover {
color: #FFFFFF;
background: #071B46;
}
/*----------
04.download
----------*/
/*----------
05.case
----------*/
#case #cnt_area01 {
margin-top: 90px;
padding: 70px 0 0;
background: url("../img/case/bg_img01.png")repeat center/cover;
}
#case #cnt_area01 .title_ptn01 {
margin-bottom: 50px;
}
#case #cnt_area01 .recommend_g {
max-width: 1280px;
margin: 0 auto;
}
#case #cnt_area01 .recommend_g .h2_title {
background: #071B46;
padding: 12px 0 11px;
position: relative;
max-width: 1280px;
margin: 0 auto 26px;
}
#case #cnt_area01 .recommend_g .h2_title::before {
position: absolute;
content: "";
background: url("../img/case/text_bg_left.png")no-repeat center/contain;
width: 61.5px;
height: 61.5px;
top: 0;
left: 0;
}
#case #cnt_area01 .recommend_g .h2_title::after {
position: absolute;
content: "";
background: url("../img/case/text_bg_right.png")no-repeat center/contain;
width: 61.5px;
height: 61.5px;
top: 0;
right: 0;
}
#case #cnt_area01 .recommend_g .h2_title span {
font-size: 24px;
line-height: 38px;
font-weight: 500;
width: fit-content;
margin: 0 auto;
color: #FFFFFF;
position: relative;
padding: 0 60.5px;
display: block;
}
#case #cnt_area01 .recommend_g .h2_title span::after {
position: absolute;
content: "";
background: url("../img/case/icon_fan.png")no-repeat center/contain;
width: 40.6px;
height: 23.5px;
top: 8px;
left: 0;
}
#case #cnt_area01 .recommend_g .h2_title span::before {
position: absolute;
content: "";
background: url("../img/case/icon_fan.png")no-repeat center/contain;
width: 40.6px;
height: 23.5px;
top: 8px;
right: 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap {
background: #F2EDD9;
padding: 40px 30px 60px 30px;
border-radius: 10px;
max-width: 1080px;
margin: 0 auto;
position: relative;
}
#case #cnt_area01 .recommend_g .cnt_wrap .title_text {
font-size: 23px;
line-height: 34px;
font-weight: 500;
text-align: center;
color: #D00E0E;
margin: 0 auto 6px;
position: relative;
}
#case #cnt_area01 .recommend_g .cnt_wrap .title_text::before {
position: absolute;
content: "";
background: #D00E0E;
width: calc(50% - 213px);
height: 2px;
top: 17px;
left: 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap .title_text::after {
position: absolute;
content: "";
background: #D00E0E;
width: calc(50% - 213px);
height: 2px;
top: 17px;
right: 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list {
max-width: 980px;
margin: 0 auto;
}
#case #cnt_area01 .recommend_g .cnt_wrap .all_check {
border: solid #D4DFF5 2px;
border-radius: 8px;
background: #FFFFFF;
width: fit-content;
font-size: 20px;
line-height: 1;
font-weight: 500;
padding: 11px 11px 10px 45px;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .all_check::before {
position: absolute;
content: "";
background:url("../img/case/icon_check.png")no-repeat center/contain;
width: 21.4px;
height: 16.9px;
top: 21px;
left: 17px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .all_check::after {
position: absolute;
content: "";
background:url("../img/case/bg_img_arrow.png")no-repeat center/contain;
width: 30px;
height: 10px;
bottom: -9.8px;
left: 1px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .all_check label {
display: block;
position: relative;
margin-left: 12px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .all_check label span {
padding: 8px 22.5px 9px;
color: #FFFFFF;
background: #D00E0E;
font-size: 18px;
border-radius: 4px;
position: relative;
display: block;
margin: 0 2px 2px 0;
transition: 0.3s;
}
#case #cnt_area01 .recommend_g .cnt_wrap .all_check label span:hover {
cursor: pointer;
margin: 2px 0 0 2px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .all_check label::before {
position: absolute;
content: "";
background: #9D0000;
width: calc(100% - 2px);
height: calc(100% - 2px);
bottom: 0;
right: 0;
border-radius: 4px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .all_check input {
display: none;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 40px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item:last-of-type {
margin-bottom: 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item input {
display: none;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .input_box {
position: relative;
min-width: 40px;
min-height: 40px;
border-radius: 5px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .input_box:hover {
cursor: pointer;
box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .3);
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .input_box::before {
position: absolute;
content: "";
background: #F4F6FD;
width: 38px;
height: 38px;
border-radius: 6px;
top: 0px;
left: 0px;
border: solid #5C719C 1px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .input_box::after {
position: absolute;
content: '';
top: 6px;
left: 13px;
transform: rotate(45deg);
width: 8px;
height: 17px;
border-right: 5px solid #071B46;
border-bottom: 5px solid #071B46;
opacity: 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item input:checked + .input_box::after {
opacity: 1;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .item_wrap {
background: #FFFFFF;
border-radius: 10px;
padding: 24px;
display: flex;
align-items: flex-start;
justify-content: space-between;
max-width: 919px;
width: 94%;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_left {
max-width: 332px;
width: 39%;
margin-right: 24px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_left .slider_list {
position: relative;
border-radius: 8px;
overflow: hidden;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_left .slider_list .slick_arrow {
max-width: 25px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_left .slider_list .slick_arrow:hover {
cursor: pointer;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_left .slider_list .prev_arrow {
left: 10px;
z-index: 1;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_left .slider_list .next_arrow {
right: 10px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_left .cnt_img {
height: 220px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_left .cnt_img img {
border-radius: 8px;
object-fit: cover;
height: 100%;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_left .caption {
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-top: 11px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right {
max-width: 515px;
width: 60%;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .title {
font-size: 20px;
line-height: 28px;
font-weight: 500;
padding-bottom: 6px;
margin-bottom: 10px;
border-bottom: solid #D00E0E 1px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .cat_list {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .cat_list li {
color: #FFFFFF;
background: #5C719C;
border-radius: 4px;
font-size: 14px;
line-height: 1;
font-weight: 500;
padding: 7px 16px 6px;
display: inline-block;
margin: 0 10px 10px 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .text {
font-size: 16px;
line-height: 26px;
font-weight: 500;
margin-bottom: 7px;
color: #343434;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .cost{
font-size: 30px;
line-height: 1;
font-weight: 500;
background: #F4F6FD;
border-radius: 8px;
max-width: 215px;
width: 100%;
margin: 0 0 0 auto;
padding: 7px 0;
display: flex;
align-items: flex-end;
justify-content: center;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .cost .min {
font-size: 20px;
line-height: 1;
margin-right: 17px;
display: inline-block;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .cost .medium {
font-size: 26px;
line-height: 28px;
display: inline-block;
margin-left: 1px;
}
#case #cnt_area01 .recommend_g .plan_box {
width: 440px;
position: fixed;
bottom: 20px;
right: 20px;
border: solid #000000 1px;
background: #FFFFFF;
border-radius: 5px;
overflow: hidden;
z-index: 11;
}
#case #cnt_area01 .recommend_g .plan_box .title {
font-size: 18px;
line-height: 26px;
font-weight: 700;
position: relative;
z-index: 1;
padding: 10px 0 5px 15px;
background: #FFFFFF;
width: calc(100% - 15px);
}
#case #cnt_area01 .recommend_g .plan_box textarea {
font-size: 14px;
line-height: 26px;
font-weight: 500;
font-family: 'Zen Kaku Gothic New', sans-serif;
width: 100%;
height: 110px;
border: none;
margin-top: -25px;
padding: 0 15px 10px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .submit_btn{
max-width: 454px;
width: 100%;
margin: 60px auto 0;
position: relative;
z-index: 10;
}
#case #cnt_area01 .recommend_g .cnt_wrap .submit_btn::after {
position: absolute;
content: "";
background: url("../common/img/icon_arrow01.png")no-repeat center/contain;
width: 28px;
height: 28px;
top: 50%;
transform: translateY(-50%);
right: 20px;
transition: 0.3s;
}
#case #cnt_area01 .recommend_g .cnt_wrap .submit_btn:hover::after {
right: 10px;
transition: 0.3s;
}
#case #cnt_area01 .recommend_g .cnt_wrap .submit_btn input {
background: #D00E0E;
border: none;
font-size: 24px;
line-height: 1;
font-weight: 500;
font-family: 'Zen Kaku Gothic New', sans-serif;
text-align: center;
color: #FFFFFF;
width: 100%;
border-radius: 30px;
padding: 18px 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap .submit_btn input:hover {
cursor: pointer;
}
#case #cnt_area01 .recommend_g .cnt_wrap .submit_btn input:disabled {
background: #B4B4B4;
}
#case #cnt_area01 .recommend_g .no_plan {
font-size: 20px;
line-height: 32px;
font-weight: 500;
text-align: center;
padding: 60px 0 0;
}
#case #cnt_area01 .other_g  {
padding: 80px 0 80px;
}
#case #cnt_area01 .other_g .h2_title {
font-size: 23px;
line-height: 38px;
font-weight: 500;
position: relative;
max-width: 1080px;
margin: 0 auto 40px;
text-align: center;
}
#case #cnt_area01 .other_g .h2_title::before {
position: absolute;
content: "";
background: #071B46;
width: calc(50% - 201px);
height: 1px;
top: 20px;
left: 0;
}
#case #cnt_area01 .other_g .h2_title::after {
position: absolute;
content: "";
background: #071B46;
width: calc(50% - 201px);
height: 1px;
top: 20px;
right: 0;
}
#case #cnt_area01 .other_g .cnt_wrap {
background: #FFFFFF;
padding: 22px 23px;
border-radius: 10px;
margin: 0 auto;
max-width: 1080px;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 30px;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item {
max-width: 252px;
width: 24.4%;
border: solid #F4F6FD 6px;
background: #FFFFFF;
border-radius: 10px;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_img {
border-radius: 8px 8px 0 0;
overflow: hidden;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_img a {
height: 187px;
display: block;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_img a:hover {
opacity: 0.6;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_img img {
object-fit: cover;
height: 100%;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_text {
padding: 10px 15px 6px;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_text .title {
font-size: 15px;
line-height: 24px;
font-weight: 500;
padding-bottom: 6px;
margin-bottom: 8px;
border-bottom: solid #D00E0E 1px;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_text .title a:hover {
opacity: 0.6;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_text .cat_list {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_text .cat_list li {
margin: 0 4px 4px 0; 
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_text .cat_list li a {
font-size: 11px;
line-height: 1;
font-weight: 500;
background: #5C719C;
border: solid #5C719C 1px;
color: #FFFFFF;
display: block;
padding: 3px 10px 4px;
border-radius: 4px;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_text .cat_list li a:hover {
color: #5C719C;
background: #FFFFFF;
}
#case #cnt_area01 .more_g {
padding: 0 0 140px;
}
#case #cnt_area01 .more_g .more_btn {
border-radius: 10px;
overflow: hidden;
}
#case #cnt_area01 .more_g .more_btn a {
display: block;
background:url("../img/case/bg_img02.png")no-repeat center/cover;
padding: 71px 0 88px;
position: relative;
}
#case #cnt_area01 .more_g .more_btn a::before {
position: absolute;
content: "";
background: #343434;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.7;
}
#case #cnt_area01 .more_g .more_btn a:hover::before {
opacity: 0.8;
}
#case #cnt_area01 .more_g .more_btn .logo {
max-width: 301px;
margin: 0 auto 6px;
position: relative;
}
#case #cnt_area01 .more_g .more_btn .text {
font-size: 34px;
line-height: 46px;
letter-spacing: 0.1em;
font-family: 'Kaisei Tokumin', serif;
color: #FFFFFF;
text-align: center;
position: relative;
}
#case #cnt_area01 .more_g .more_btn .icon_box {
background: #D00E0E;
border-radius: 10px 0 10px 0;
position: absolute;
bottom: 0;
right: 0;
min-width: 52px;
min-height: 52px;
padding: 15px 0 0;
text-align: center;
}
#case #cnt_area01 .more_g .more_btn .icon_box .cnt_img {
max-width: 23px;
margin: 0 auto;
}
/*----------
06.error
----------*/
#error #cnt_area01 {
padding: 160px 0 100px;
}
#error #cnt_area01 .cnt_g .h1_title {
font-size: 24px;
line-height: 34px;
font-weight: 700;
text-align: center;
margin-bottom: 50px;
}
#error #cnt_area01 .cnt_g p {
font-size: 16px;
line-height: 32px;
font-weight: 500;
text-align: center;
margin-bottom: 60px;
}
#error #cnt_area01 .cnt_g .btn_ptn01 {
margin: 0 auto;
}