@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.form_page
02-01.contact_top
02-02.form_confirm
02-03.form_thanks
03.contact
04.request
05.case
06.error
--------------------*/
@media only screen and (min-width:1429px){
#top .top_mv_area {
background:url("../img/top/mv_bg01.png")no-repeat bottom/cover;
position: relative;
padding-bottom: 0;
margin-bottom: 270px;
}
#top .top_mv_area .contents_in::before {
position: absolute;
content: "";
background:url("../img/top/mv_bg01.png")no-repeat top/cover;
min-width: 1800px;
height: 964px;
bottom: 0;
left: 50%;
transform: translateX(-50%);
display: none;
}
#top .top_mv_area .cnt_g .title_text .lead_text {
font-size: 33px;
line-height: 52px;
font-weight: 500;
text-align: center;
margin-bottom: 30px;
}
#top .top_mv_area .img_box {
display: flex;
align-items: center;
justify-content: center;
padding: 50px 0 0;
}
#top .top_mv_area .bg02 {
position: absolute;
bottom: -220px;
left: 0;
z-index: 1;
}
}
@media only screen and (max-width:1024px){
/*----------
01.top
----------*/
#top .top_mv_area {
position: relative;
padding-bottom: 140px;
margin-bottom: 50px;
}
#top .top_mv_area .contents_in::before {
position: absolute;
content: "";
background:url("../img/top/mv_bg01.png")no-repeat top/cover;
min-width: 1280px;
height: 685px;
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 .lead_text {
font-size: 28px;
line-height: 46px;
font-weight: 500;
text-align: center;
}
#top .top_mv_area .cnt_g .title_text .h1_title {
font-size: 60px;
line-height: 78px;
font-weight: 500;
text-align: center;
}
#top .top_mv_area .cnt_g .title_text .h1_title .min {
font-size: 42px;
}
#top .top_mv_area .cnt_g .title_text .h1_title .big {
font-size: 72px;
}
#top .top_mv_area .cnt_g .img01 {
max-width: 640px;
margin: 0 auto;
}
#top .top_mv_area .img_box .cnt_img {
max-width: 210px;
}
#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: block;
}
#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: 650px;
margin: 0 auto;
}
#top .banner_area .banner_btn a {
display: block;
font-size: 30px;
line-height: 38px;
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 span {
position: relative;
padding: 0 52px 0 55px;
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: 40px;
height: 23.1px;
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: 35px;
height: 35px;
top: 50%;
transform: translateY(-50%);
right: 0;
transition: 0.3s;
}
#top #charm_area .contents_in .bg01 {
position: absolute;
max-width: 370px;
top: 8%;
right: -135px;
z-index: -1;
}
#top #charm_area .contents_in .bg02 {
position: absolute;
max-width: 370px;
bottom: 30%;
left: -120px;
z-index: -1;
}
#top #charm_area .top_g .text {
font-size: 20px;
line-height: 34px;
font-weight: 500;
text-align: center;
}
#top #charm_area .top_g .text span {
font-size: 22px;
font-weight: 700;
position: relative;
}
#top #charm_area .main_img {
max-width: 1200px;
margin: 0 auto 100px;
position: relative;
}
#top #charm_area .main_img .caption {
position: absolute;
bottom: -5px;
right: 8%;
font-size: 12px;
line-height: 17px;
font-weight: 500;
}
#top #charm_area .cnt_g .h3_title {
font-size: 25px;
line-height: 35px;
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: 41px;
height: 24px;
bottom: 4px;
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: 41px;
height: 24px;
bottom: 4px;
right: 0;
}
#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: 57px;
height: 57px;
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: 57px;
height: 57px;
bottom: 0;
right: 0;
}
#top #charm_area .cnt_g .flex_box .cnt_box .h4_title {
font-size: 22px;
line-height: 35px;
font-weight: 700;
position: relative;
width: fit-content;
margin: 0 auto 46px;
padding: 0 60px;
}
#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: 48px;
height: 48px;
top: 50%;
transform: translateY(-50%);
left: 0;
}
#top #charm_area .cnt_g .flex_box .cnt_box .text {
font-size: 18px;
line-height: 31px;
font-weight: 500;
text-align: center;
}
#top #about_area .contents_in .bg01 {
position: absolute;
max-width: 370px;
top: 12%;
right: -75px;
z-index: -1;
}
#top #about_area .contents_in .bg02 {
position: absolute;
max-width: 370px;
bottom: -13%;
left: -90px;
z-index: -1;
}
#top #about_area .cnt_g .lead_text {
font-size: 20px;
line-height: 36px;
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: 26%;
padding: 30px 28px;
position: relative;
}
#top #about_area .cnt_g .flow_wrap .flow_box:nth-child(2) {
max-width: 280px;
width: 37%;
}
#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: 19px;
height: 21px;
top: 50%;
transform: translateY(-50%);
right: -32px;
}
#top #about_area .cnt_g .flow_wrap .flow_box .title_text {
font-size: 20px;
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 .role_list li {
font-size: 18px;
line-height: 19px;
font-weight: 700;
position: relative;
padding-left: 26px;
margin-bottom: 10px;
}
#top #about_area .cnt_g .text {
font-size: 17px;
line-height: 30px;
font-weight: 500;
text-align: center;
}
#top #service_area {
position: relative;
padding: 100px 0;
background: #071B46;
}
#top #service_area .h2_title {
color: #FFFFFF;
font-size: 34px;
line-height: 48px;
letter-spacing: 1px;
width: fit-content;
margin: 0 auto 40px;
position: relative;
z-index: 1;
padding: 0 59px;
}
#top #service_area .h2_title::before {
position: absolute;
content: "";
background: url("../img/top/icon_fan.png")no-repeat center/contain;
width: 41px;
height: 24px;
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: 41px;
height: 24px;
bottom: 10px;
right: 0;
}
#top #service_area .btn_g .btn01 a {
font-size: 30px;
line-height: 1;
letter-spacing: 1px;
color: #071B46;
text-align: center;
display: block;
position: relative;
border-radius: 10px;
padding: 32px 0 31px;
z-index: 1;
}
#top #service_area .btn_g .btn01 a::after {
position: absolute;
content: "";
background: none;
border: solid #071B46 2px;
width: calc(100% - 7px - 7px);
height: calc(100% - 7px - 7px);
border-radius: 10px;
top: 5px;
left: 5px;
}
#top .ptn01_area .top_g .top_text {
color: #D00E0E;
font-size: 21px;
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: 24%;
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: 24%;
height: 1px;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: 1;
}
#top #support_area .top_g .top_text::before {
width: 21%;
}
#top #support_area .top_g .top_text::after {
width: 21%;
}
#top .ptn01_area .top_g .lead_text {
font-size: 20px;
line-height: 36px;
font-weight: 500;
text-align: center;
}
#top .ptn01_area .top_g .lead_text .sp_1024 {
display: block;
}
#top .ptn01_area .top_g .top_text::before {
position: absolute;
content: "";
background: #D00E0E;
width: calc(50% - 206px);
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(50% - 206px);
height: 1px;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: 1;
}
#top .ptn01_area .cnt_g.ptn01 {
background: #F2EDD9;
border-radius: 10px;
padding: 30px 20px 40px;
position: relative;
max-width: 900px;
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: 22px;
line-height: 28px;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}
#top .ptn01_area .cnt_g.ptn01 .list_wrap ul li {
font-size: 17px;
line-height: 28px;
font-weight: 700;
padding-left: 35px;
position: relative;
margin-bottom: 15px;
}
#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: 23px;
height: 23px;
top: 3px;
left: 0;
}
#top .ptn01_area .cnt_g.ptn02 {
background: #FFFFFF;
border: solid #5C719C 3px;
border-radius: 10px;
padding: 30px 20px 50px;
max-width: 1080px;
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: -36px;
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 li {
font-size: 17px;
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 .icon_img {
max-width: 58px;
margin-right: 5px;
}
#top .ptn01_area .label_text {
background: #D00E0E;
color: #FFFFFF;
font-size: 22px;
line-height: 38px;
font-weight: 500;
text-align: center;
position: relative;
padding: 9px 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: 56px;
height: 56px;
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: 56px;
height: 56px;
top: 0;
right: -1px;
}
#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 .title {
font-size: 19px;
line-height: 30px;
font-weight: 700;
text-align: center;
color: #FFFFFF;
background: #DACE9B;
border-radius: 10px;
padding: 8px 18px;
width: fit-content;
margin: 0 auto;
}
#top #support_area .top_g .top_text::before {
width: calc(50% - 227px);
}
#top #support_area .top_g .top_text::after {
width: calc(50% - 227px);
}
#top #sponsor_area .contents_in .bg01 {
position: absolute;
max-width: 370px;
top: -6%;
left: -100px;
z-index: -1;
}
#top #sponsor_area .contents_in .bg02 {
position: absolute;
max-width: 370px;
bottom: -11%;
right: -180px;
z-index: -1;
}
#top #flow_area .contents_in .bg01 {
position: absolute;
max-width: 370px;
top: 2%;
right: -100px;
z-index: -1;
}
#top #flow_area .contents_in .bg02 {
position: absolute;
max-width: 370px;
bottom: -14%;
left: -80px;
z-index: -1;
}
#top #flow_area .top_text {
font-size: 20px;
line-height: 36px;
font-weight: 500;
text-align: center;
margin-bottom: 60px;
}
#top #flow_area .cnt_g {
max-width: 700px;
margin: 0 auto;
}
#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: 32px;
z-index: -1;
}
#top #flow_area .cnt_g .work_list li {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 56px;
}
#top #flow_area .cnt_g .work_list li .icon_no {
color: #FFFFFF;
font-size: 26px;
line-height: 1;
text-align: center;
background: #071B46;
min-width: 66px;
height: 66px;
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: 26px;
line-height: 34px;
font-weight: 500;
margin-bottom: 8px;
}
#top #flow_area .cnt_g .work_list li .cnt_text .title .icon {
max-width: 36px;
margin-right: 14px;
}
#top #case_area .slider_list {
position: relative;
}
#top #case_area .slider_list .item_card {
background: #F2EDD9;
border-radius: 10px;
padding: 40px 30px;
position: relative;
height: 100%;
height: 540px;
margin: 0 1%;
}
#top #case_area .slider_list .item_card::before {
position: absolute;
content: "";
background: url("../img/top/icon_corner_left.png")no-repeat center/contain;
width: 72px;
height: 72px;
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: 72px;
height: 72px;
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%;
}
#top #case_area .slider_list .item_card .main_img {
max-width: 360px;
width: 32%;
}
#top #case_area .slider_list .item_card .cnt_text {
background: #FFFFFF;
border-radius: 10px;
padding: 20px;
max-width: 588px;
width: 64%;
height: 100%;
}
#top #case_area .slider_list .item_card .cnt_text .name {
font-size: 19px;
line-height: 26px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 8px;
}
#top #case_area .slider_list .item_card.case01 .cnt_text .name .logo {
max-width: 78px;
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: 50px;
margin-right: 0;
}
#top #case_area .slider_list .item_card .cnt_text .title {
font-size: 21px;
line-height: 32px;
font-weight: 700;
margin-bottom: 20px;
position: relative;
padding-bottom: 8px;
width: fit-content;
}
#top #case_area .slider_list .item_card .cnt_text .sub_title {
font-size: 19px;
line-height: 24px;
font-weight: 700;
color: #DACE9B;
margin-bottom: 10px;
}
#top #case_area .slider_list .item_card .cnt_text .text {
font-size: 16px;
line-height: 28px;
font-weight: 500;
}
#top #case_area .slider_list .slick_arrow {
max-width: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#top #case_area .slider_list .slick-dots {
width: fit-content;
margin: 38px auto 0;
}
#top #case_area .slider_list .slick_arrow.prev_arrow {
left: 1%;
}
#top #case_area .slider_list .slick_arrow.next_arrow {
right: 1%;
}
#top #search_area .top_text {
font-size: 20px;
line-height: 36px;
font-weight: 500;
margin-bottom: 20px;
text-align: center;
}
#top #search_area .label_g {
background: #071B46;
position: relative;
margin: 56px 0 22px;
padding: 11px 0;
}
#top #search_area .label_g::before {
position: absolute;
content: "";
background: url("../img/top/text_bg_left.png")no-repeat center/contain;
width: 60.5px;
height: 60.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: 60.5px;
height: 60.5px;
top: 0;
right: -1px;
}
#top #search_area .label_g .label_text {
color: #FFFFFF;
font-size: 22px;
line-height: 38px;
font-weight: 500;
text-align: center;
position: relative;
padding: 0 60px;
width: fit-content;
margin: 0 auto;
}
#top #search_area .cnt_wrap {
background: #FFFFFF;
padding: 20px;
border-radius: 10px;
}
#top #search_area .card_list .card_item {
max-width: 252px;
width: 24.4%;
border: solid #F4F6FD 4px;
background: #FFFFFF;
border-radius: 10px;
margin-top: 30px;
}
#top #search_area .card_list .card_item .cnt_img img {
object-fit: cover;
height: 150px;
}
#top #search_area .card_list .card_item .cnt_text {
padding: 10px 10px 6px;
}
#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 8px 4px;
border-radius: 4px;
}
#top #faq_area .cnt_g {
background: #FFFFFF;
border-radius: 10px;
max-width: 750px;
margin: 0 auto;
padding: 60px 50px;
position: relative;
z-index: 1;
}
#fixbtn_area {
background: #071B46;
padding: 18px 0;
width: 100%;
z-index: 9;
position: fixed;
bottom: 0;
left: 0;
}
#fixbtn_area .btn_g .btn_ptn01 a {
border: none;
padding: 17px 0;
}
#popup_banner {
position: fixed;
max-width: 270px;
width: 100%;
bottom: 112px;
right: 20px;
z-index: 10;
display: none;
}
#popup_banner .close_btn {
position: absolute;
max-width: 25px;
top: -14px;
right: -12px;
}
#popup_banner .banner_box::after {
position: absolute;
content: "";
background: url("../img/top/banner_icon_arrow.png")no-repeat center/contain;
width: 25px;
height: 25px;
bottom: 32px;
right: 25px;
transition: 0.3s;
}
#popup_banner .banner_box .title {
font-size: 13px;
line-height: 22px;
font-weight: 500;
text-align: center;
background: #D00E0E;
color: #FFFFFF;
border-radius: 10px 10px 0 0;
padding: 8px 0;
}
#popup_banner .banner_box .text {
font-size: 24px;
line-height: 34px;
font-weight: 500;
letter-spacing: 0.1em;
font-family: 'Kaisei Tokumin', serif;
color: #FFFFFF;
padding: 27px 20px;
border: solid #D00E0E 4px;
border-top: none;
border-radius: 0 0 10px 10px;
}
/*----------
02.form_page
----------*/
.form_page .title_area {
margin-top: 80px;
padding: 60px 0 0;
}
.form_page .title_area .top_text {
font-size: 17px;
line-height: 27px;
font-weight: 500;
text-align: center;
}
.form_page #intro_area {
background: #F2EDD9;
padding: 57px 0 40px;
position: relative;
}
.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: 30px;
margin: 0 auto 30px;
border-radius: 10px;
}
.form_page #intro_area .cnt_g .cnt_text .h2_title {
font-size: 22px;
line-height: 34px;
font-weight: 700;
margin-bottom: 15px;
}
.form_page #intro_area .cnt_g .cnt_text ul li {
font-size: 17px;
line-height: 30px;
font-weight: 700;
margin-bottom: 12px;
position: relative;
}
.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: 3px;
left: 0;
}
.form_page #intro_area .lead_text {
font-size: 20px;
line-height: 34px;
font-weight: 500;
text-align: center;
}
.form_page #form_area .form_g .btn01 input {
text-align: center;
font-size: 22px;
line-height: 1;
font-weight: 500;
font-family: 'Zen Kaku Gothic New', sans-serif;
color: #FFFFFF;
display: block;
padding: 16px 0;
width: 100%;
border: solid #D00E0E 2px;;
border-radius: 30px;
}
/*----------
02-01.form_top
----------*/
.form_top #cnt_area01 {
padding: 100px 0 110px;
}
.form_top #cnt_area01 .cnt_g .flex_wrap {
display: flex;
align-items: stretch;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto 40px;
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01 {
max-width: 520px;
min-width: 460px;
width: 48%;
margin: 0 1% 20px;
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01 a {
display: block;
background: #071B46;
position: relative;
font-size: 20px;
line-height: 37px;
font-weight: 700;
text-align: center;
color: #FFFFFF;
padding: 53px 0;
border-radius: 10px;
}
.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: 56.5px;
height: 56.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: 56.5px;
height: 56.5px;
bottom: -0.5px;
right: -0.5px;
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01 a span {
position: relative;
padding: 0 44px;
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: 33px;
height: 19px;
top: 11px;
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: 33px;
height: 19px;
top: 11px;
right: 0;
}
.form_top #cnt_area01 .cnt_g .text_box {
font-size: 15px;
line-height: 24px;
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 .btn_ptn01 {
margin: 0 auto;
} 
/*----------
02-02.form_thanks
----------*/
.form_thanks #cnt_area01 {
padding: 0 0 70px;
}
.form_thanks #cnt_area01 .cnt_g {
background: #FFFFFF;
border: solid #5C719C 3px;
border-radius: 10px;
padding: 50px 30px;
}
.form_thanks #cnt_area01 .cnt_g .title_text {
font-size: 23px;
line-height: 34px;
font-weight: 700;
text-align: center;
margin-bottom: 25px;
}
.form_thanks #cnt_area01 .cnt_g .text {
font-size: 18px;
line-height: 30px;
font-weight: 500;
text-align: center;
margin-bottom: 50px;
}
/*----------
05.case
----------*/
#case #cnt_area01 .title_ptn01 {
margin-bottom: 40px;
}
#case #cnt_area01 .recommend_g .h2_title {
background: #071B46;
padding: 9px 0;
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: 56.5px;
height: 56.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: 56.5px;
height: 56.5px;
top: 0;
right: 0;
}
#case #cnt_area01 .recommend_g .h2_title span {
font-size: 22px;
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 .cnt_wrap {
background: #F2EDD9;
padding: 30px 20px 60px;
border-radius: 10px;
max-width: 1080px;
margin: 0 auto;
}
#case #cnt_area01 .recommend_g .cnt_wrap .title_text {
font-size: 20px;
line-height: 32px;
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% - 188px);
height: 2px;
top: 17px;
left: 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap .title_text::after {
position: absolute;
content: "";
background: #D00E0E;
width: calc(50% - 188px);
height: 2px;
top: 17px;
right: 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap .all_check {
border: solid #D4DFF5 2px;
border-radius: 8px;
background: #FFFFFF;
width: fit-content;
font-size: 18px;
line-height: 1;
font-weight: 500;
padding: 9px 9px 8px 40px;
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: 19px;
height: 15px;
top: 20px;
left: 15px;
}
#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 20px 9px;
color: #FFFFFF;
background: #D00E0E;
font-size: 17px;
border-radius: 4px;
position: relative;
display: block;
margin: 0 2px 2px 0;
transition: 0.3s;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .input_box {
position: relative;
min-width: 38px;
min-height: 38px;
border-radius: 5px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .input_box::before {
position: absolute;
content: "";
background: #F4F6FD;
width: 36px;
height: 36px;
border-radius: 5px;
top: 0;
left: 0;
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: 16px;
border-right: 5px solid #071B46;
border-bottom: 5px solid #071B46;
opacity: 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .item_wrap {
background: #FFFFFF;
border-radius: 10px;
padding: 20px;
display: flex;
align-items: flex-start;
justify-content: space-between;
max-width: 919px;
width: 93%;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_left {
max-width: 332px;
width: 39%;
margin-right: 15px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_left .cnt_img {
height: 200px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_left .caption {
font-size: 13px;
line-height: 20px;
font-weight: 500;
margin-top: 11px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .title {
font-size: 18px;
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 li {
color: #FFFFFF;
background: #5C719C;
border-radius: 4px;
font-size: 13px;
line-height: 1;
font-weight: 500;
padding: 6px 12px 5px;
display: inline-block;
margin: 0 10px 10px 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .text {
font-size: 15px;
line-height: 26px;
font-weight: 500;
margin-bottom: 7px;
}
#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: 26px;
height: 26px;
top: 50%;
transform: translateY(-50%);
right: 20px;
transition: 0.3s;
}
#case #cnt_area01 .recommend_g .cnt_wrap .submit_btn input {
background: #D00E0E;
border: none;
font-size: 22px;
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: 17px 0;
}
#case #cnt_area01 .recommend_g .no_plan {
font-size: 18px;
line-height: 30px;
font-weight: 500;
text-align: center;
padding: 30px 0 0;
}
#case #cnt_area01 .other_g .h2_title {
font-size: 21px;
line-height: 34px;
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% - 182px);
height: 1px;
top: 20px;
left: 0;
}
#case #cnt_area01 .other_g .h2_title::after {
position: absolute;
content: "";
background: #071B46;
width: calc(50% - 182px);
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 .card_item {
max-width: 252px;
width: 24.4%;
border: solid #F4F6FD 4px;
background: #FFFFFF;
border-radius: 10px;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_img a {
display: block;
height: 150px;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_text {
padding: 10px 10px 6px;
}
#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;
color: #FFFFFF;
display: block;
padding: 3px 8px 4px;
border: solid #5C719C 1px;
border-radius: 4px;
}
}
@media only screen and (max-width:750px){
/*----------
01.top
----------*/
#top .top_mv_area {
position: relative;
padding-bottom: 45px;
margin-bottom: 40px;
overflow: hidden;
}
#top .top_mv_area .contents_in {
width: 100%;
}
#top .top_mv_area .cnt_g {
position: relative;
z-index: 2;
padding: 100px 0 0;
}
#top .top_mv_area .contents_in::before {
position: absolute;
content: "";
background:url("../img/top/mv_bg01.png")no-repeat top/cover;
min-width: 900px;
height: 481px;
top: 0;
bottom: inherit;
left: 50%;
transform: translateX(-50%);
}
#top .top_mv_area .cnt_g .title_text .lead_text {
font-size: 20px;
line-height: 24px;
font-weight: 500;
text-align: center;
margin-bottom: 5px;
}
#top .top_mv_area .cnt_g .title_text .h1_title {
font-size: 32px;
line-height: 44px;
font-weight: 500;
text-align: center;
}
#top .top_mv_area .cnt_g .title_text .h1_title .min {
font-size: 26px;
}
#top .top_mv_area .cnt_g .title_text .h1_title .big {
font-size: 37px;
}
#top .top_mv_area .img_box {
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
padding: 10px 0;
max-width: 430px;
margin: 0 auto;
}
#top .top_mv_area .img_box .cnt_img {
max-width: 180px;
width: 40%;
margin: 0;
}
#top .top_mv_area .img_box .cnt_img:last-child {
margin-top: -40px;
}
#top .top_mv_area .bg02 {
position: absolute;
width: 100%;
min-width: 600px;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
#top .banner_area {
margin: 0 auto 100px;
padding: 0 20px;
}
#top .banner_area .text {
font-size: 16px;
line-height: 26px;
font-weight: 500;
width: fit-content;
margin: 0 auto 13px;
padding: 0 10px;
position: relative;
text-align: center;
}
#top .banner_area .banner_btn {
max-width: 375px;
margin: 0 auto;
}
#top .banner_area .banner_btn a {
display: block;
font-size: 22px;
line-height: 26px;
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 span {
position: relative;
padding: 0 45px;
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: 35px;
height: 21.1px;
top: 50%;
transform: translateY(-50%);
left: 0;
}
#top .banner_area .banner_btn a span::after {
position: absolute;
content: "";
background: url("../img/top/banner_icon_arrow01.png")no-repeat center/contain;
width: 30px;
height: 30px;
top: 50%;
transform: translateY(-50%);
right: 0;
transition: 0.3s;
}
#top #charm_area {
padding: 60px 0 100px;
margin-top: -60px;
}
#top #charm_area .contents_in .bg01 {
position: absolute;
max-width: 280px;
top: 12%;
right: -100px;
z-index: -1;
}
#top #charm_area .contents_in .bg02 {
position: absolute;
max-width: 280px;
bottom: 35%;
left: -100px;
z-index: -1;
}
#top #charm_area .contents_in {
width: 100%;
}
#top #charm_area .top_g {
width: calc(100% - 20px - 20px);
margin: 0 auto 60px;
}
#top #charm_area .top_g .text {
font-size: 18px;
line-height: 30px;
font-weight: 500;
text-align: center;
}
#top #charm_area .top_g .text span {
font-size: 20px;
font-weight: 700;
position: relative;
}
#top #charm_area .top_g .text span::after {
position: absolute;
content: "";
background: #DD5555;
width: 0;
height: 2px;
bottom: 0;
left: 0;
transition: 0.8s;
}
#top #charm_area .top_g .text span.is_draw::after {
width: 100%;
}
#top #charm_area .main_img .caption {
position: absolute;
bottom: -10px;
right: 8%;
font-size: 12px;
line-height: 17px;
font-weight: 500;
}
#top #charm_area .main_img.pc {
display: block;
}
#top #charm_area .main_img.sp {
display: none;
}
#top #charm_area .cnt_g {
width: calc(100% - 20px - 20px);
margin: 0 auto;
}
#top #charm_area .cnt_g .h3_title {
font-size: 22px;
line-height: 30px;
font-weight: 700;
color: #987529;
padding: 0 23px;
position: relative;
width: fit-content;
margin: 0 auto 30px;
text-align: center;
}
#top #charm_area .cnt_g .h3_title::before {
position: absolute;
content: "";
background: url("../img/top/icon_fan.png")no-repeat center/contain;
width: 37px;
height: 21px;
bottom: 33px;
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: 37px;
height: 21px;
bottom: 33px;
right: 0;
}
#top #charm_area .cnt_g .flex_box {
display: block;
margin: 0 auto;
}
#top #charm_area .cnt_g .flex_box .cnt_box {
background: #F2EDD9;
border-radius: 10px;
max-width: 480px;
width: 100%;
padding: 30px 20px 25px;
position: relative;
margin: 0 auto 20px;
}
#top #charm_area .cnt_g .flex_box .cnt_box:last-child {
margin-bottom: 0;
}
#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: 52px;
height: 52px;
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: 52px;
height: 52px;
bottom: 0;
right: 0;
}
#top #charm_area .cnt_g .flex_box .cnt_box .h4_title {
font-size: 20px;
line-height: 32px;
font-weight: 700;
position: relative;
width: fit-content;
margin: 0 auto 36px;
padding: 0 54px;
}
#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: 42px;
height: 42px;
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: 117px;
height: 16px;
bottom: -27px;
left: 50%;
transform: translateX(-50%);
}
#top #charm_area .cnt_g .flex_box .cnt_box .text {
font-size: 16px;
line-height: 28px;
font-weight: 500;
text-align: center;
}
#top #about_area  {
padding: 60px 0 60px;
margin-top: -60px;
}
#top #about_area .contents_in .bg01 {
position: absolute;
max-width: 280px;
top: 10%;
right: -60px;
z-index: -1;
}
#top #about_area .contents_in .bg02 {
position: absolute;
max-width: 280px;
bottom: -4%;
left: -70px;
z-index: -1;
}
#top #about_area .cnt_g .lead_text {
font-size: 18px;
line-height: 36px;
font-weight: 500;
text-align: center;
margin-bottom: 40px;
}
#top #about_area .cnt_g .flow_wrap {
background: #DACE9B;
display: block;
max-width: 335px;
width: 100%;
margin: 0 auto 40px;
padding: 20px;
border-radius: 10px;
}
#top #about_area .cnt_g .flow_wrap .flow_box {
background: #F8F6EC;
border-radius: 7px;
max-width: 295px;
width: 100%;
padding: 20px 30px;
position: relative;
margin: 0 auto 45px;
}
#top #about_area .cnt_g .flow_wrap .flow_box:last-child {
margin-bottom: 0;
}
#top #about_area .cnt_g .flow_wrap .flow_box:nth-child(2) {
max-width: 295px;
width: 100%;
}
#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: 19px;
height: 21px;
top: inherit;
bottom: -30px;
transform: translateX(50%)rotate(90deg);
right: 50%;
}
#top #about_area .cnt_g .flow_wrap .flow_box .title_text {
font-size: 18px;
line-height: 1;
font-weight: 700;
text-align: center;
color: #FFFFFF;
background: #5C719C;
border-radius: 7px;
padding: 12px 50px;
width: fit-content;
margin: 0 auto;
}
#top #about_area .cnt_g .flow_wrap .flow_box .icon_img {
max-width: 115px;
margin: 15px auto 0;
}
#top #about_area .cnt_g .flow_wrap .flow_box .title_logo {
padding: 8px 20px;
background: #FFFFFF;
border-radius: 7px;
}
#top #about_area .cnt_g .flow_wrap .flow_box .role_list {
max-width: 197px;
margin: 15px auto 0;
}
#top #about_area .cnt_g .flow_wrap .flow_box .role_list li {
font-size: 16px;
line-height: 19px;
font-weight: 700;
position: relative;
padding-left: 26px;
margin-bottom: 10px;
}
#top #about_area .cnt_g .text {
font-size: 16px;
line-height: 30px;
font-weight: 500;
text-align: center;
}
#top #service_area {
position: relative;
padding: 80px 0;
background: #071B46;
}
#top #service_area .h2_title {
color: #FFFFFF;
font-size: 26px;
line-height: 34px;
letter-spacing: 1px;
width: fit-content;
margin: 0 auto 30px;
position: relative;
z-index: 1;
padding: 0 55px;
}
#top #service_area .h2_title::before {
position: absolute;
content: "";
background: url("../img/top/icon_fan.png")no-repeat center/contain;
width: 37px;
height: 21px;
bottom: 5px;
left: 0;
}
#top #service_area .h2_title::after {
position: absolute;
content: "";
background: url("../img/top/icon_fan.png")no-repeat center/contain;
width: 37px;
height: 21px;
bottom: 5px;
right: 0;
}
#top #service_area .btn_g {
display: block;
position: relative;
z-index: 1;
max-width: 960px;
margin: 0 auto;
}
#top #service_area .btn_g .btn01 {
max-width: 335px;
width: 100%;
position: relative;
border-radius: 10px;
margin: 0 auto;
}
#top #service_area .btn_g .btn01:first-child {
margin-bottom: 15px;
}
#top #service_area .btn_g .btn01 a {
font-size: 23px;
line-height: 1;
letter-spacing: 1px;
color: #071B46;
text-align: center;
display: block;
position: relative;
border-radius: 10px;
padding: 26px 0 27px;
z-index: 1;
}
#top #service_area .btn_g .btn01 a::after {
position: absolute;
content: "";
background: none;
border: solid #071B46 2px;
width: calc(100% - 6px - 6px);
height: calc(100% - 6px - 6px);
border-radius: 10px;
top: 4px;
left: 4px;
}
#top .ptn01_area .top_g {
max-width: 900px;
width: calc(100% - 20px - 20px);
margin: 0 auto 40px;
}
#top .ptn01_area .top_g .top_text {
color: #D00E0E;
font-size: 18px;
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(50% - 107px);
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(50% - 107px);
height: 1px;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: 1;
}
#top .ptn01_area .top_g .lead_text {
font-size: 18px;
line-height: 32px;
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: 23px 20px 30px;
position: relative;
max-width: 650px;
width: calc(100% - 20px - 20px);
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: 80px;
height: 37.5px;
bottom: -36px;
left: 50%;
transform: translateX(-50%);
}
#top .ptn01_area .cnt_g .title_text {
font-size: 20px;
line-height: 32px;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
}
#top .ptn01_area .cnt_g.ptn01 .list_wrap {
background: #FFFFFF;
border: solid #5C719C 3px;
border-radius: 10px;
padding: 20px;
max-width: 722px;
margin: 0 auto;
}
#top .ptn01_area .cnt_g.ptn01 .list_wrap ul {
max-width: 400px;
margin: 0 auto;
}
#top .ptn01_area .cnt_g.ptn01 .list_wrap ul li {
font-size: 16px;
line-height: 26px;
font-weight: 700;
padding-left: 28px;
position: relative;
margin-bottom: 15px;
}
#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: 20px;
height: 20px;
top: 4px;
left: 0;
}
#top .ptn01_area .cnt_g.ptn02 {
background: #FFFFFF;
border: solid #5C719C 3px;
border-radius: 10px;
padding: 25px 20px 35px;
max-width: 650px;
width: calc(100% - 20px - 20px);
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: 83px;
height: 33px;
bottom: -32px;
left: 50%;
transform: translateX(-50%);
}
#top .ptn01_area .cnt_g.ptn02 .list_wrap {
background: #F4F6FD;
border-radius: 10px;
padding: 25px 19px;
max-width: 610px;
margin: 0 auto;
}
#top .ptn01_area .cnt_g.ptn02 .list_wrap ul {
display: block;
max-width: 400px;
margin: 0 auto;
}
#top .ptn01_area .cnt_g.ptn02 .list_wrap ul li {
font-size: 16px;
line-height: 24px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: left;
margin-right: 0;
margin-bottom: 15px;
}
#top .ptn01_area .cnt_g.ptn02 .list_wrap ul li:last-child {
margin-bottom: 0;
}
#top .ptn01_area .cnt_g.ptn02 .list_wrap ul li .icon_img {
max-width: 48px;
margin-right: 10px;
}
#top .ptn01_area .label_text {
background: #D00E0E;
color: #FFFFFF;
font-size: 18px;
line-height: 38px;
font-weight: 500;
text-align: center;
position: relative;
padding: 4px 0;
margin-bottom: 25px;
margin-top: 60px;
}
#top .ptn01_area .label_text::before {
position: absolute;
content: "";
background: url("../img/top/icon_corner_left.png")no-repeat center/contain;
width: 46px;
height: 46px;
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: 46px;
height: 46px;
top: 0;
right: -1px;
}
#top .ptn01_area .bottom_g {
display: block;
max-width: 1080px;
width: calc(100% - 20px - 20px);
margin: 0 auto;
position: relative;
}
#top .ptn01_area .bottom_g .cnt_box {
border: solid #DACE9B 2px;
border-radius: 10px;
padding: 8px 8px 20px;
max-width: 335px;
width: 100%;
background: #FFFFFF;
margin: 0 auto 30px;
}
#top .ptn01_area .bottom_g .cnt_box:last-child {
margin-bottom: 0;
}
#top .ptn01_area .bottom_g .cnt_box .cnt_img {
border-radius: 7px;
margin-bottom: 20px;
}
#top .ptn01_area .bottom_g .cnt_box .title {
font-size: 16px;
line-height: 24px;
font-weight: 700;
text-align: center;
color: #FFFFFF;
background: #DACE9B;
border-radius: 10px;
padding: 8px 20px;
width: fit-content;
margin: 0 auto;
}
#top #sponsor_area {
padding: 60px 0;
}
#top #support_area {
background: url(../img/top/support_bg.png)repeat-y center/cover;
position: relative;
padding: 80px 0 90px;
}
#top #support_area .top_g .top_text::before {
width: calc(50% - 116px);
}
#top #support_area .top_g .top_text::after {
width: calc(50% - 116px);
}
#top #sponsor_area .contents_in .bg01 {
position: absolute;
max-width: 280px;
top: -2%;
left: -80px;
z-index: -1;
}
#top #sponsor_area .contents_in .bg02 {
position: absolute;
max-width: 280px;
bottom: -2%;
right: -40px;
z-index: -1;
}
#top #flow_area {
padding: 60px 0 120px;
}
#top #flow_area .contents_in .bg01 {
position: absolute;
max-width: 280px;
top: 2%;
right: -85px;
z-index: -1;
}
#top #flow_area .contents_in .bg02 {
position: absolute;
max-width: 280px;
bottom: -8%;
left: -65px;
z-index: -1;
}
#top #flow_area .top_text {
font-size: 18px;
line-height: 30px;
font-weight: 500;
text-align: center;
margin-bottom: 40px;
}
#top #flow_area .cnt_g {
max-width: 700px;
margin: 0 auto;
}
#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: 29px;
z-index: -1;
}
#top #flow_area .cnt_g .work_list li {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 40px;
}
#top #flow_area .cnt_g .work_list li .icon_no {
color: #FFFFFF;
font-size: 22px;
line-height: 1;
text-align: center;
background: #071B46;
min-width: 56px;
height: 56px;
border-radius: 50%;
padding-top: 16px;
}
#top #flow_area .cnt_g .work_list li .cnt_text {
margin-left: 20px;
}
#top #flow_area .cnt_g .work_list li .cnt_text .title {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 22px;
line-height: 34px;
font-weight: 500;
margin-bottom: 8px;
}
#top #flow_area .cnt_g .work_list li .cnt_text .title .icon {
max-width: 30px;
margin-right: 10px;
}
#top #flow_area .cnt_g .work_list li .cnt_text .text {
font-size: 15px;
line-height: 24px;
font-weight: 500;
}
#top #case_area {
padding: 60px 0 60px;
margin-top: -60px;
position: relative;
}
#top #case_area .title_ptn01 {
margin-bottom: 40px;
}
#top #case_area .slider_list {
width: 100%;
margin: 0 auto;
position: relative;
}
#top #case_area .slider_list .item_card {
background: #F2EDD9;
border-radius: 10px;
padding: 30px 20px;
position: relative;
height: 650px;
margin: 0 2%;
}
#top #case_area .slider_list .item_card::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 #case_area .slider_list .item_card::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 #case_area .slider_list .item_card .card_wrap {
display: block;
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: 180px;
width: 100%;
margin: 0 auto 20px;
}
#top #case_area .slider_list .item_card .cnt_text {
background: #FFFFFF;
border-radius: 10px;
padding: 15px;
max-width: inherit;
width: 100%;
height: 100%;
max-height: 390px;
}
#top #case_area .slider_list .item_card .cnt_text .name {
font-size: 16px;
line-height: 26px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 10px;
}
#top #case_area .slider_list .item_card.case01 .cnt_text .name .logo {
max-width: 55px;
margin-right: 8px;
}
#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: 35px;
margin-right: 5px;
}
#top #case_area .slider_list .item_card .cnt_text .title {
font-size: 17px;
line-height: 26px;
font-weight: 700;
margin-bottom: 15px;
position: relative;
padding-bottom: 5px;
width: fit-content;
}
#top #case_area .slider_list .item_card .cnt_text .sub_title {
font-size: 16px;
line-height: 22px;
font-weight: 700;
color: #DACE9B;
margin-bottom: 10px;
}
#top #case_area .slider_list .item_card .cnt_text .min_text {
font-size: 12px;
line-height: 24px;
color: #5D5D5D;
margin-top: 6px;
}
#top #case_area .slider_list .item_card .cnt_text .text {
font-size: 14px;
line-height: 26px;
font-weight: 500;
}
#top #case_area .slider_list .slick_arrow {
max-width: 45px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#top #case_area .slider_list .slick_arrow.prev_arrow {
left: 4%;
}
#top #case_area .slider_list .slick_arrow.next_arrow {
right: 4%;
}
#top #case_area .slider_list .slick-dots {
width: fit-content;
margin: 25px auto 0;
}
#top #search_area {
background: url(../img/top/support_bg.png) repeat-y center / cover;
padding: 90px 0;
position: relative;
}
#top #search_area .top_text {
font-size: 18px;
line-height: 34px;
font-weight: 500;
margin-bottom: 20px;
text-align: center;
}
#top #search_area .label_g {
background: #071B46;
position: relative;
margin: 40px 0 0;
padding: 8px 0;
}
#top #search_area .label_g::before {
position: absolute;
content: "";
background: url("../img/top/text_bg_left.png")no-repeat center/contain;
width: 54.5px;
height: 54.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: 54.5px;
height: 54.5px;
top: 0;
right: -1px;
}
#top #search_area .label_g .label_text {
color: #FFFFFF;
font-size: 20px;
line-height: 38px;
font-weight: 500;
text-align: center;
position: relative;
padding: 0 40px;
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: 30px;
height: 18px;
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: 30px;
height: 18px;
top: 10px;
right: 0;
}
#top #search_area .card_list {
display: flex;
align-items: stretch;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto;
}
#top #search_area .card_list .card_item {
max-width: 295px;
min-width: 295px;
margin: 0 5px;
width: 50%;
border: solid #F4F6FD 6px;
background: #FFFFFF;
border-radius: 10px;
margin-top: 20px;
}
#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: 20px;
}
#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 20px 6px;
}
#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 #faq_area {
background: #071B46;
padding: 60px 0 180px;
}
#top #faq_area .contents_in {
position: relative;
}
#top #faq_area .contents_in .bg01 {
position: absolute;
max-width: 260px;
top: -65px;
left: -100px;
}
#top #faq_area .contents_in .bg02 {
position: absolute;
max-width: 267px;
top: 51%;
right: -100px;
}
#top #faq_area .title_ptn01 {
color: #FFFFFF;
margin-bottom: 40px;
}
#top #faq_area .cnt_g {
background: #FFFFFF;
border-radius: 10px;
max-width: 650px;
margin: 0 auto;
padding: 60px 20px;
position: relative;
z-index: 1;
}
#top #faq_area .cnt_g dl {
max-width: 550px;
margin: 0 auto;
}
#top #faq_area .cnt_g dl dt {
font-size: 16px;
line-height: 28px;
font-weight: 500;
padding: 9px 25px 9px 10px;
margin: 11px 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: 10px;
height: 10px;
top: 19px;
right: 11px;
}
#top #faq_area .cnt_g dl dd {
font-size: 14px;
line-height: 28px;
font-weight: 500;
background: #F4F6FD;
border-radius: 7px 7px 0 0;
padding: 20px 10px;
}
#fixbtn_area {
background: #071B46;
padding: 15px 0;
width: 100%;
z-index: 9;
position: fixed;
bottom: 0;
left: 0;
}
#fixbtn_area .btn_g {
max-width: 335px;
width: 100%;
margin: 0 auto;
display: block;
}
#fixbtn_area .btn_g .btn_ptn01 {
width: 100%;
}
#fixbtn_area .btn_g .btn_ptn01:first-child {
margin-bottom: 10px;
}
#fixbtn_area .btn_g .btn_ptn01 a {
border: none;
padding: 16px 0;
}
#popup_banner {
position: fixed;
max-width: 240px;
width: 100%;
bottom: 164px;
right: 20px;
z-index: 10;
display: none;
}
#popup_banner .close_btn {
position: absolute;
max-width: 23px;
top: -11px;
right: -10px;
}
#popup_banner .banner_box::after {
position: absolute;
content: "";
background: url("../img/top/banner_icon_arrow.png")no-repeat center/contain;
width: 23px;
height: 23px;
bottom: 31px;
right: 20px;
transition: 0.3s;
}
#popup_banner .banner_box:hover::after {
right: 10px;
}
#popup_banner .banner_box .title {
font-size: 12px;
line-height: 21px;
font-weight: 500;
text-align: center;
background: #D00E0E;
color: #FFFFFF;
border-radius: 10px 10px 0 0;
padding: 6px 0;
}
#popup_banner .banner_box .text {
font-size: 21px;
line-height: 32px;
font-weight: 500;
letter-spacing: 0.1em;
font-family: 'Kaisei Tokumin', serif;
color: #FFFFFF;
padding: 25px 17px;
border: solid #D00E0E 4px;
border-top: none;
border-radius: 0 0 10px 10px;
}
/*----------
02.form_page
----------*/
.form_page .title_area {
margin-top: 87px;
padding: 50px 0 0;
}
.form_page .title_area .contents_in {
width: calc(100% - 15px - 15px);
}
.form_page .title_area  .title_ptn01 {
padding: 0 24px;
}
.form_page .title_area .top_text {
font-size: 16px;
line-height: 26px;
font-weight: 500;
text-align: center;
}
.form_page #intro_area {
background: #F2EDD9;
padding: 50px 0 40px;
position: relative;
}
.form_page #intro_area .cnt_g {
display: block;
background: #FFFFFF;
border: solid #5C719C 3px;
padding: 30px 20px;
margin: 0 auto 30px;
border-radius: 10px;
max-width: 650px;
}
.form_page #intro_area::after {
position: absolute;
content: "";
background: url(../img/contact/intro_bg_arrow.png)no-repeat center/contain;
width: 80px;
height: 37.5px;
bottom: -36px;
left: 50%;
transform: translateX(-50%);
}
.form_page #intro_area .cnt_g .cnt_img {
max-width: 290px;
width: 100%;
margin: 0 auto;
}
.form_page #intro_area .cnt_g .cnt_text {
max-width: 550px;
width: 100%;
margin: 0 auto 30px;
}
.form_page #intro_area .cnt_g .cnt_text .h2_title {
font-size: 20px;
line-height: 30px;
font-weight: 700;
margin-bottom: 15px;
}
.form_page #intro_area .cnt_g .cnt_text ul li {
font-size: 16px;
line-height: 28px;
font-weight: 700;
margin-bottom: 12px;
position: relative;
padding-left: 30px;
}
.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: 22px;
height: 22px;
top: 3px;
left: 0;
}
.form_page #intro_area .lead_text {
font-size: 18px;
line-height: 30px;
font-weight: 500;
text-align: center;
}
.form_page #form_area {
padding: 80px 0 100px;
}
.form_page #form_area .form_g {
max-width: 620px;
margin: 0 auto;
}
.form_page #form_area .form_g .form_box {
color: #343434;
margin-bottom: 35px;
}
.form_page #form_area .form_g .form_box .item .cnt01 {
font-size: 15px;
line-height: 28px;
font-weight: 700;
margin-bottom: 6px;
}
.form_page #form_area .form_g .form_box .item .cnt02 {
font-size: 14px;
line-height: 28px;
font-weight: 500;
}
.form_page #form_area .form_g .form_box .item input, .form_page #form_area .form_g .form_box .item textarea {
font-size: 14px;
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 .radio_item .wpcf7-list-item .wpcf7-list-item-label {
padding-left: 45px;
position: relative;
cursor: pointer;
font-size: 15px;
line-height: 26px;
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: 10px; 
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: 15px;
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% - 33px);
}
.form_page #form_area .form_g .form_box .check_item .wpcf7-list-item .wpcf7-list-item-label{
position: relative;
padding-left: 45px;
cursor: pointer;
font-size: 15px;
line-height: 24px;
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: 10px; 
border: solid #B4B4B4 1px; 
margin-top: -12px;
border-radius: 3px;
}
.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: 5px;
left: 17px;
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: 4px 10px;
border-radius: 3px;
margin-right: 10px;
}
.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: 4px 10px;
border-radius: 3px;
margin-right: 10px;
}
.form_page #form_area .form_g .btn01 input {
max-width: 335px;
width: 100%;
position: relative;
margin: 0 auto;
text-align: center;
font-size: 20px;
line-height: 1;
font-weight: 500;
font-family: 'Zen Kaku Gothic New', sans-serif;
color: #FFFFFF;
padding: 14px 0;
display: block;
border: solid #D00E0E 2px;
border-radius: 30px;
}
.form_page #form_area .form_g .btn01.next::after {
position: absolute;
content: "";
background: url("../common/img/icon_arrow01.png")no-repeat center/contain;
width: 24px;
height: 24px;
top: 50%;
transform: translateY(-50%);
right: 20px;
transition: 0.3s;
}
/*----------
02-01.form_top
----------*/
.form_top #cnt_area01 {
padding: 80px 0 90px;
}
.form_top #cnt_area01 .cnt_g .flex_wrap {
display: block;
margin: 0 auto 60px;
max-width: 460px;
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01 {
max-width: inherit;
min-width: inherit;
width: 100%;
margin: 0 auto 20px;
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01:last-child {
margin-bottom: 0;
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01 a {
display: block;
background: #071B46;
position: relative;
font-size: 18px;
line-height: 34px;
font-weight: 700;
text-align: center;
color: #FFFFFF;
padding: 48px 0;
border-radius: 10px;
}
.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: 50.5px;
height: 50.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: 50.5px;
height: 50.5px;
bottom: -0.5px;
right: -0.5px;
}
.form_top #cnt_area01 .cnt_g .flex_wrap .btn01 a span {
position: relative;
padding: 0;
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: 30px;
height: 17.4px;
top: 45px;
left: 40px;
}
.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: 30px;
height: 17.4px;
top: 45px;
right: 40px;
}
.form_top #cnt_area01 .cnt_g .text_box {
font-size: 14px;
line-height: 22px;
font-weight: 500;
background: #F0F0F0;
padding: 9px 20px 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;
}
.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-03.form_thanks
----------*/
.form_thanks #cnt_area01 {
padding: 0 0 60px;
}
.form_thanks #cnt_area01 .cnt_g {
background: #FFFFFF;
border: solid #5C719C 3px;
border-radius: 10px;
padding: 40px 20px;
max-width: 650px;
margin: 0 auto;
}
.form_thanks #cnt_area01 .cnt_g .title_text {
font-size: 20px;
line-height: 30px;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
}
.form_thanks #cnt_area01 .cnt_g .text {
font-size: 16px;
line-height: 28px;
font-weight: 500;
text-align: center;
margin-bottom: 40px;
}
/*----------
05.case
----------*/
#case #cnt_area01 {
margin-top: 98px;
padding: 60px 0 0;
background: url(../img/case/bg_img01.png)repeat center/cover;
}
#case #cnt_area01 .title_ptn01 {
margin-bottom: 30px;
}
#case #cnt_area01 .recommend_g .contents_in {
width: 100%;
}
#case #cnt_area01 .recommend_g .h2_title {
background: #071B46;
padding: 7px 0;
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: 62.5px;
height: 62.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: 62.5px;
height: 62.5px;
top: 0;
right: 0;
}
#case #cnt_area01 .recommend_g .h2_title span {
font-size: 19px;
line-height: 24px;
font-weight: 500;
width: fit-content;
margin: 0 auto;
color: #FFFFFF;
position: relative;
padding: 0 40.5px;
display: block;
text-align: center;
}
#case #cnt_area01 .recommend_g .h2_title span::after {
position: absolute;
content: "";
background: url("../img/case/icon_fan.png")no-repeat center/contain;
width: 34px;
height: 20px;
top: 18px;
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: 34px;
height: 20px;
top: 18px;
right: 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap {
background: #F2EDD9;
/*padding: 25px 20px 112px;*/
padding: 25px 20px 40px;
border-radius: 10px;
max-width: 1080px;
margin: 0 auto;
}
#case #cnt_area01 .recommend_g .cnt_wrap .title_text {
font-size: 17px;
line-height: 30px;
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% - 154px);
height: 2px;
top: 17px;
left: 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap .title_text::after {
position: absolute;
content: "";
background: #D00E0E;
width: calc(50% - 154px);
height: 2px;
top: 17px;
right: 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap .all_check {
border: solid #D4DFF5 2px;
border-radius: 5px;
background: #FFFFFF;
width: fit-content;
font-size: 16px;
line-height: 1;
font-weight: 500;
padding: 8px 8px 7px 35px;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 15px;
}
#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: 17px;
height: 13.4px;
top: 19px;
left: 13px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .all_check label {
display: block;
position: relative;
margin-left: 10px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .all_check label span {
padding: 8px 10px 9px;
color: #FFFFFF;
background: #D00E0E;
font-size: 15px;
border-radius: 4px;
position: relative;
display: block;
margin: 0 2px 2px 0;
transition: 0.3s;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item {
display: block;
position: relative;
max-width: 600px;
margin: 0 auto 30px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .input_box {
position: absolute;
min-width: 38px;
min-height: 38px;
bottom: 15px;
left: 50%;
transform: translate(-120px);
border-radius: 5px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .input_box::before {
position: absolute;
content: "";
background: #F4F6FD;
width: 36px;
height: 36px;
border-radius: 5px;
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: 4px;
left: 13px;
transform: rotate(45deg);
width: 8px;
height: 18px;
border-right: 4.5px solid #071B46;
border-bottom: 4.5px solid #071B46;
opacity: 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .item_wrap {
background: #FFFFFF;
border-radius: 10px;
padding: 13px;
display: block;
max-width: 919px;
width: 100%;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_left {
max-width: 332px;
width: 100%;
margin: 0 auto 24px;
}
#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 .caption {
font-size: 12px;
line-height: 16px;
font-weight: 500;
margin-top: 0;
margin-bottom: 6px
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right {
max-width: inherit;
width: 100%;
max-height: 552px;
margin: 0 auto;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .title {
font-size: 17px;
line-height: 28px;
font-weight: 500;
padding-bottom: 8px;
margin-bottom: 10px;
border-bottom: solid #D00E0E 1px;
}
#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: 12px;
line-height: 1;
font-weight: 500;
padding: 6px 10px 5px;
display: inline-block;
margin: 0 10px 10px 0;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .text {
font-size: 14px;
line-height: 26px;
font-weight: 500;
margin-bottom: 20px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .cost_box {
padding-left: 56px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .cost{
font-size: 26px;
line-height: 1;
font-weight: 500;
background: #F4F6FD;
border-radius: 8px;
max-width: 174px;
width: 100%;
padding: 5px 0 6px;
display: flex;
align-items: flex-end;
justify-content: center;
margin: 0 auto;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .cost .min {
font-size: 18px;
line-height: 1;
margin-right: 12px;
display: inline-block;
}
#case #cnt_area01 .recommend_g .cnt_wrap .case_list .case_item .cnt_right .cost .medium {
font-size: 22px;
line-height: 25px;
display: inline-block;
margin-left: 1px;
}
#case #cnt_area01 .recommend_g .plan_box {
width: 335px;
position: fixed;
bottom: 10px;
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: 14px;
line-height: 24px;
font-weight: 700;
position: relative;
z-index: 1;
padding: 10px 0 5px 10px;
background: #FFFFFF;
width: calc(100% - 15px);
}
#case #cnt_area01 .recommend_g .plan_box textarea {
font-size: 13px;
line-height: 24px;
font-weight: 500;
font-family: 'Zen Kaku Gothic New', sans-serif;
width: 100%;
height: 102px;
border: none;
margin-top: -25px;
padding: 0 10px 10px;
}
#case #cnt_area01 .recommend_g .cnt_wrap .submit_btn{
max-width: 335px;
margin: 40px auto 0;
position: relative;
}
#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: 20px;
height: 20px;
top: 50%;
transform: translateY(-50%);
right: 20px;
transition: 0.3s;
}
#case #cnt_area01 .recommend_g .cnt_wrap .submit_btn input {
background: #D00E0E;
border: none;
font-size: 20px;
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: 16px 20px 16px 0;
}
#case #cnt_area01 .recommend_g .no_plan {
font-size: 16px;
line-height: 28px;
font-weight: 500;
text-align: center;
padding: 20px 0 0;
}
#case #cnt_area01 .other_g {
padding: 60px 0 60px;
}
#case #cnt_area01 .other_g .h2_title {
font-size: 18px;
line-height: 32px;
font-weight: 500;
position: relative;
max-width: 1080px;
margin: 0 auto 30px;
text-align: center;
}
#case #cnt_area01 .other_g .h2_title::before {
position: absolute;
content: "";
background: #071B46;
width: calc(50% - 145px);
height: 1px;
top: 16px;
left: 0;
}
#case #cnt_area01 .other_g .h2_title::after {
position: absolute;
content: "";
background: #071B46;
width: calc(50% - 145px);
height: 1px;
top: 16px;
right: 0;
}
#case #cnt_area01 .other_g .cnt_wrap {
background: #FFFFFF;
padding: 25px 20px;
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: center;
flex-wrap: wrap;
margin: 0 auto 30px;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item {
max-width: 295px;
min-width: 295px;
margin: 0 5px;
width: 50%;
border: solid #F4F6FD 6px;
background: #FFFFFF;
border-radius: 10px;
margin-bottom: 20px;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item:nth-child(4) {
margin-bottom: 0;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_img a {
display: block;
height: 187px;
}
#case #cnt_area01 .other_g .cnt_wrap .card_list .card_item .cnt_text {
padding: 10px 20px 6px;
}
#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-bottom: solid #5C719C 1px;
color: #FFFFFF;
display: block;
padding: 3px 10px 4px;
border-radius: 4px;
}
#case #cnt_area01 .more_g {
padding: 0 0 132px;
}
#case #cnt_area01 .more_g .more_btn a {
display: block;
background:url("../img/case/bg_img02.png")no-repeat center/cover;
padding: 50px 0 64px;
position: relative;
}
#case #cnt_area01 .more_g .more_btn .logo {
max-width: 200px;
margin: 0 auto;
position: relative;
}
#case #cnt_area01 .more_g .more_btn .text {
font-size: 20px;
line-height: 38px;
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: 40px;
min-height: 40px;
padding: 12px 0 0;
text-align: center;
}
#case #cnt_area01 .more_g .more_btn .icon_box .cnt_img {
max-width: 18px;
margin: 0 auto;
}
/*----------
07.error
----------*/
#error #cnt_area01 {
padding: 157px 0 60px;
}
#error #cnt_area01 .cnt_g .h1_title {
font-size: 20px;
line-height: 30px;
font-weight: 700;
text-align: center;
margin-bottom: 35px;
}
#error #cnt_area01 .cnt_g p {
font-size: 14px;
line-height: 26px;
font-weight: 500;
text-align: center;
margin-bottom: 45px;
}
}
@media only screen and (max-width:500px){
#top #charm_area .main_img .caption {
position: absolute;
bottom: -30px;
right: 5%;
font-size: 12px;
line-height: 17px;
font-weight: 500;
}
#top #charm_area .main_img.pc {
display: none;
}
#top #charm_area .main_img.sp {
display: block;
}
#top #case_area .slider_list .item_card {
background: #F2EDD9;
border-radius: 10px;
padding: 20px 15px;
position: relative;
height: 675px;
margin: 0 0.8%;
}
#top #case_area .slider_list .item_card::before {
position: absolute;
content: "";
background: url("../img/top/icon_corner_left.png")no-repeat center/contain;
width: 56px;
height: 56px;
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: 56px;
height: 56px;
bottom: 0;
right: 0;
}
#top #case_area .slider_list .item_card .card_wrap {
display: block;
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: 180px;
width: 100%;
margin: 0 auto 20px;
}
#top #case_area .slider_list .item_card .cnt_text {
background: #FFFFFF;
border-radius: 10px;
padding: 15px;
max-width: inherit;
width: 100%;
height: 100%;
max-height: 435px;
}
#top #case_area .slider_list .slick_arrow {
max-width: 40px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#top #case_area .slider_list .slick_arrow.prev_arrow {
left: 1%;
}
#top #case_area .slider_list .slick_arrow.next_arrow {
right: 1%;
}
}