@charset "UTF-8";
/*
Theme Name:0yen_study_abroad
*/
/**************************************************** Stylesheet ***************************************************/
html { box-sizing: border-box; -webkit-text-size-adjust: 100%; color: #000; background: #FFF; line-height: 1.5; }

*, *::before, *::after { box-sizing: border-box; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, input, textarea, p, blockquote, th, td, figure { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img, svg { border: 0; }

address, caption, cite, dfn, em, strong, th { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

abbr { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select, button { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; margin: 0; padding: 0; border: none; outline: none; background: none; appearance: none; -webkit-appearance: none; }

input[type="submit"], input[type="button"], input[type="reset"] { appearance: none; -webkit-appearance: none; border-radius: 0; }

textarea { resize: vertical; }

article, aside, footer, header, nav, section { display: block; }

img, svg { max-width: 100%; height: auto; vertical-align: bottom; }

a, a:focus, a:hover { text-decoration: none; color: inherit; outline: none; }

/**common**/
html { font-family: "Zen Kaku Gothic New", sans-serif; font-size: 10px; font-weight: 400; font-optical-sizing: auto; font-style: normal; font-feature-settings: "palt"; color: #1A1A1A; background-color: #FAFAFA; }
@media only screen and (max-width: 1099px) { html { font-size: 9px; } }
@media only screen and (max-width: 900px) { html { font-size: 8px; } }
@media only screen and (max-width: 780px) { html { height: 100%; font-size: 10px; } }

body { font-size: 1.6rem; }
@media only screen and (max-width: 780px) { body { -webkit-text-size-adjust: 100%; } }

a { color: #1A1A1A; }
a[href^="tel:"] { cursor: default; }
a[href^="tel:"]:hover { text-decoration: none; }

@media only screen and (max-width: 900px) { .pc { display: none !important; } }

@media only screen and (max-width: 1279px) { .pc2 { display: none !important; } }

@media only screen and (max-width: 780px) { .pc_tb { display: none !important; } }

@media only screen and (min-width: 901px) { .tb_sp { display: none !important; } }

@media only screen and (min-width: 781px) { .sp { display: none !important; } }

.inner { width: 90%; max-width: 1100px; margin: 0 auto; }

.border_letters { font-family: "Poppins", serif; font-weight: 600; color: #ffffff; -webkit-text-shadow: 1px 1px 0 #4981CC, -1px 1px 0 #4981CC, -1px -1px 0 #4981CC, 1px -1px 0 #4981CC; -moz-text-shadow: 1px 1px 0 #4981CC, -1px 1px 0 #4981CC, -1px -1px 0 #4981CC, 1px -1px 0 #4981CC; text-shadow: 1px 1px 0 #4981CC, -1px 1px 0 #4981CC, -1px -1px 0 #4981CC, 1px -1px 0 #4981CC; }

/*バーガーメニュー*/
#menu { width: 100%; height: 0; position: fixed; z-index: 99; top: 0; left: 0; }
#menu .inner { max-width: 1200px; height: 0; }
#menu .navi_bar { padding-top: 1rem; letter-spacing: -0.4em; }
#menu .navi_bar > * { display: inline-block; letter-spacing: normal; }
#menu .navi_bar .logo { width: 10rem; margin-left: 2rem; vertical-align: -2.5rem; }
@media only screen and (max-width: 780px) { #menu .navi_bar .logo { width: 6rem; vertical-align: -1rem; } }
#menu .navi_bar .menu_open { width: 4.1rem; height: 4.1rem; background-image: url("img/menu_open.png"); -webkit-background-size: cover; background-size: cover; }
@media only screen and (max-width: 780px) { #menu .navi_bar .menu_open { width: 3.2rem; height: 3.2rem; } }
#menu .menu_close { width: 4.1rem; height: 4.1rem; margin-bottom: 8.5rem; background-image: url("img/menu_close.png"); -webkit-background-size: cover; background-size: cover; position: relative; z-index: 1; }
@media only screen and (max-width: 780px) { #menu .menu_close { width: 3.2rem; height: 3.2rem; margin-bottom: 4rem; } }
#menu .menu_content { width: 100%; height: 100vh; padding: 3.5rem 0; background-color: rgba(73, 129, 204, 0.8); overflow: auto; position: absolute; top: 0; left: 0; z-index: 1; display: none; }
@media only screen and (max-width: 780px) { #menu .menu_content { padding: 2rem 0; } }
#menu .menu_content:before { width: 100%; height: 11rem; content: ''; background-color: #4981CC; position: absolute; top: 0; left: 0; z-index: -1; }
@media only screen and (max-width: 780px) { #menu .menu_content:before { height: 7rem; } }
#menu nav ul { max-width: 77.5rem; margin-bottom: 6rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
#menu nav ul li { width: 35rem; margin-bottom: 1.75rem; background-image: url("img/icon_arrow03.png"); -webkit-background-size: 1.5rem auto; background-size: 1.5rem auto; background-repeat: no-repeat; background-position: left center; border-bottom: solid 1px #82ACE3; }
@media only screen and (max-width: 780px) { #menu nav ul li { width: 100%; margin-bottom: 1rem; } }
@media only screen and (min-width: 781px) { #menu nav ul li:nth-child(1) { -webkit-order: 1; order: 1; } }
@media only screen and (min-width: 781px) { #menu nav ul li:nth-child(2) { -webkit-order: 3; order: 3; } }
@media only screen and (min-width: 781px) { #menu nav ul li:nth-child(3) { -webkit-order: 5; order: 5; } }
@media only screen and (min-width: 781px) { #menu nav ul li:nth-child(4) { -webkit-order: 2; order: 2; } }
@media only screen and (min-width: 781px) { #menu nav ul li:nth-child(5) { -webkit-order: 4; order: 4; } }
@media only screen and (min-width: 781px) { #menu nav ul li:nth-child(6) { -webkit-order: 6; order: 6; } }
#menu nav ul li a { padding: 1.25rem 0 1.25rem 3.5rem; font-size: 2.4rem; font-weight: 500; letter-spacing: 0.1em; white-space: nowrap; color: #ffffff; display: block; }
@media only screen and (max-width: 780px) { #menu nav ul li a { padding: 1rem 0 1rem 2.5rem; font-size: 2rem; } }
#menu nav ul li a:hover { font-weight: 700; }
#menu .contact_box { background-color: #ffffff; }
@media only screen and (min-width: 781px) { #menu .contact_box { padding: 5.5rem 0; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; } }
@media only screen and (max-width: 780px) { #menu .contact_box { padding: 2.8rem 1.8rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } }
@media only screen and (min-width: 781px) { #menu .contact_box .contact_corporate { padding-right: 5rem; } }
@media only screen and (min-width: 781px) and (max-width: 1099px) { #menu .contact_box .contact_corporate { padding-right: 2.5rem; } }

@media only screen and (min-width: 781px) { #menu .contact_box .contact_consumer { padding-left: 5rem; } }
@media only screen and (min-width: 781px) and (max-width: 1099px) { #menu .contact_box .contact_consumer { padding-left: 2.5rem; } }

@media only screen and (max-width: 780px) { #menu .contact_box .contact_consumer { margin-top: 2.5rem; padding-top: 2.5rem; border-top: solid 1px #C1C1C1; } }

/*CTA*/
#cta { padding: 4.2rem 0; background-color: #EDEDED; }
@media only screen and (max-width: 780px) { #cta { padding: 2.8rem 0; } }
@media only screen and (max-width: 780px) { #cta .inner { width: 87.7%; } }
@media only screen and (min-width: 781px) { #cta .contact_box { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } }
@media only screen and (min-width: 781px) { #cta .contact_box .contact_corporate { padding-right: 5rem; } }
@media only screen and (min-width: 781px) and (max-width: 1099px) { #cta .contact_box .contact_corporate { padding-right: 2.5rem; } }

@media only screen and (min-width: 781px) { #cta .contact_box .contact_consumer { padding-left: 5rem; border-left: solid 1px #C1C1C1; } }
@media only screen and (min-width: 781px) and (max-width: 1099px) { #cta .contact_box .contact_consumer { padding-left: 2.5rem; } }

@media only screen and (max-width: 780px) { #cta .contact_box .contact_consumer { margin-top: 2.5rem; padding-top: 2.5rem; border-top: solid 1px #C1C1C1; } }

/*コンタクトボタン*/
.contact { text-align: center; }
.contact p { margin-bottom: 1.5rem; font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; }
@media only screen and (max-width: 780px) { .contact p { margin-bottom: 1rem; font-size: 1.7rem; } }
.contact p span { padding: 0 1em; display: inline-block; position: relative; }
.contact p span:before, .contact p span:after { width: 0.2rem; height: 1.25em; content: ''; background-color: #1A1A1A; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; border-radius: 0.1rem; position: absolute; top: 0; }
.contact p span:before { right: 100%; -webkit-transform: rotate(-27deg); transform: rotate(-27deg); }
.contact p span:after { left: 100%; -webkit-transform: rotate(27deg); transform: rotate(27deg); }
.contact .btn { width: 35rem; margin: 0 auto; }
@media only screen and (max-width: 780px) { .contact .btn { width: 30.5rem; } }
.contact .btn a { width: 100%; padding: 1.25rem 5rem 1.25rem 2rem; font-size: 2rem; font-weight: 700; letter-spacing: 0.1em; color: #ffffff; background-repeat: no-repeat; background-position: calc(100% - 1.8rem) center; -webkit-background-size: 2.8rem auto; background-size: 2.8rem auto; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; display: block; -webkit-transition: transform 0.3s, box-shadow 0.3s; transition: transform 0.3s, box-shadow 0.3s; }
@media only screen and (max-width: 780px) { .contact .btn a { font-size: 1.7rem; -webkit-background-size: 2.4rem auto; background-size: 2.4rem auto; } }
.contact .btn a:before { width: 3.7rem; height: 3.7rem; margin-right: 1.5rem; content: ''; -webkit-background-size: cover; background-size: cover; display: inline-block; vertical-align: -0.5em; }
@media only screen and (max-width: 780px) { .contact .btn a:before { width: 3.2rem; height: 3.2rem; } }
.contact .btn a:hover { -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
.contact.contact_corporate .btn a { background-color: #4981CC; background-image: url("img/icon_arrow01.png"); -webkit-box-shadow: 0 0.5rem 0 0 #143B6E; -moz-box-shadow: 0 0.5rem 0 0 #143B6E; box-shadow: 0 0.5rem 0 0 #143B6E; }
.contact.contact_corporate .btn a:before { background-image: url("img/icon_mail01.png"); }
.contact.contact_consumer .btn a { background-color: #49B3CC; background-image: url("img/icon_arrow02.png"); -webkit-box-shadow: 0 0.5rem 0 0 #1B6779; -moz-box-shadow: 0 0.5rem 0 0 #1B6779; box-shadow: 0 0.5rem 0 0 #1B6779; }
.contact.contact_consumer .btn a:before { background-image: url("img/icon_fukidashi01.png"); }

/*フッター*/
#footer { padding: 3rem 0 4rem 0; color: #ffffff; background-color: #353E4B; }
@media only screen and (max-width: 780px) { #footer { padding: 0; } }
#footer a { color: #ffffff; }
@media only screen and (min-width: 781px) { #footer .inner:after { content: ""; display: block; clear: both; } }
@media only screen and (min-width: 781px) { #footer .logo { width: 35%; padding-left: 5rem; float: left; } }
@media only screen and (max-width: 780px) { #footer .logo { padding: 1.5rem 0; text-align: center; } }
#footer .logo img { width: 11rem; }
@media only screen and (min-width: 781px) { #footer .navi { width: 65%; max-width: 64rem; float: right; } }
#footer .navi ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
@media only screen and (max-width: 780px) { #footer .navi ul { width: 111%; margin: 0 -5.5%; } }
#footer .navi ul li { width: 50%; margin-bottom: 2.5rem; background-image: url("img/icon_arrow03.png"); -webkit-background-size: 1rem auto; background-size: 1rem auto; background-repeat: no-repeat; background-position: left center; }
@media only screen and (max-width: 780px) { #footer .navi ul li { background: none; margin-bottom: 0; border-bottom: solid 1px #49525F; } }
@media only screen and (min-width: 781px) { #footer .navi ul li:nth-child(1) { -webkit-order: 1; order: 1; } }
@media only screen and (max-width: 780px) { #footer .navi ul li:nth-child(1) { border-top: solid 1px #49525F; } }
@media only screen and (min-width: 781px) { #footer .navi ul li:nth-child(2) { -webkit-order: 3; order: 3; } }
@media only screen and (max-width: 780px) { #footer .navi ul li:nth-child(2) { border-top: solid 1px #49525F; border-left: solid 1px #49525F; }
  #footer .navi ul li:nth-child(2) a { padding: 1.1rem 0; line-height: 1.2; } }
@media only screen and (min-width: 781px) { #footer .navi ul li:nth-child(3) { -webkit-order: 5; order: 5; } }
@media only screen and (min-width: 781px) { #footer .navi ul li:nth-child(4) { -webkit-order: 2; order: 2; } }
@media only screen and (max-width: 780px) { #footer .navi ul li:nth-child(4) { border-left: solid 1px #49525F; } }
@media only screen and (min-width: 781px) { #footer .navi ul li:nth-child(5) { -webkit-order: 4; order: 4; } }
@media only screen and (min-width: 781px) { #footer .navi ul li:nth-child(6) { -webkit-order: 6; order: 6; } }
@media only screen and (max-width: 780px) { #footer .navi ul li:nth-child(6) { border-left: solid 1px #49525F; }
  #footer .navi ul li:nth-child(6) a { padding: 1.1rem 0; line-height: 1.2; } }
@media only screen and (min-width: 781px) { #footer .navi ul li:nth-child(7) { -webkit-order: 8; order: 8; } }
@media only screen and (max-width: 780px) { #footer .navi ul li:nth-child(7) a { padding: 1.1rem 0; line-height: 1.2; } }
@media only screen and (min-width: 781px) { #footer .navi ul li:nth-child(8) { -webkit-order: 7; order: 7; } }
@media only screen and (max-width: 780px) { #footer .navi ul li:nth-child(8) { border-left: solid 1px #49525F; } }
@media only screen and (min-width: 781px) { #footer .navi ul li:nth-child(9) { -webkit-order: 9; order: 9; } }
@media only screen and (min-width: 781px) { #footer .navi ul li:nth-child(10) { display: none; } }
@media only screen and (max-width: 780px) { #footer .navi ul li:nth-child(10) { border-left: solid 1px #49525F; } }
#footer .navi ul li a { padding-left: 1.7rem; font-size: 1.5rem; font-weight: 500; letter-spacing: 0.1em; white-space: nowrap; color: #ffffff; }
@media only screen and (max-width: 780px) { #footer .navi ul li a { width: 100%; height: 100%; padding: 2rem 0; font-size: 1.7rem; text-align: center; display: block; } }
#footer .navi ul li a:hover { font-weight: 700; }

/*下層ページタイトル*/
.pagetitle { margin-bottom: 4.5rem; padding: 12rem 0 8rem 0; color: #ffffff; background-image: url("img/pagetitle_bg.jpg"); -webkit-background-size: cover; background-size: cover; background-position: center center; }
@media only screen and (max-width: 780px) { .pagetitle { margin-bottom: 3rem; padding: 8rem 0 3rem 0; } }
.pagetitle h1 { font-size: 3.6rem; font-weight: 700; letter-spacing: 0.1em; }
@media only screen and (max-width: 780px) { .pagetitle h1 { font-size: 2.4rem; } }
.pagetitle h1 span { margin-left: 1em; font-family: "Poppins", serif; font-size: 0.5em; font-weight: 500; text-transform: uppercase; display: inline-block; vertical-align: 0.4em; }
@media only screen and (max-width: 780px) { .pagetitle h1 span { margin-left: 0; display: block; } }

/*２カラムレイアウト/サイドバー*/
@media only screen and (max-width: 780px) { #main { overflow: hidden; } }
@media only screen and (min-width: 781px) { #main .wrap { margin-bottom: 14rem; position: relative; }
  #main .wrap:after { content: ""; display: block; clear: both; } }
@media only screen and (max-width: 780px) { #main .wrap { margin-bottom: 3.5rem; } }
@media only screen and (min-width: 781px) { #main .wrap .contents_area { width: calc(100% - 25rem - 4rem); margin-right: 4rem; float: left; } }
@media only screen and (min-width: 781px) and (max-width: 1099px) { #main .wrap .contents_area { width: calc(100% - 20rem - 2rem); margin-right: 2rem; } }

@media only screen and (max-width: 780px) { #main .wrap .contents_area { margin-bottom: 2.5rem; } }
@media only screen and (min-width: 781px) { #main .wrap .sidebar { width: 25rem; padding: 1.2rem; background-color: #EFEFEF; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; float: right; position: sticky; top: 0; } }
@media only screen and (min-width: 781px) and (max-width: 1099px) { #main .wrap .sidebar { width: 20rem; } }

#main .wrap .sidebar .banner { margin-bottom: 4rem; }
@media only screen and (max-width: 780px) { #main .wrap .sidebar .banner { margin-bottom: 2.4rem; } }
#main .wrap .sidebar .banner a { width: 100po; display: block; }
#main .wrap .sidebar .banner a + a { margin-top: 1rem; }
@media only screen and (max-width: 780px) { #main .wrap .sidebar .banner a + a { margin-top: 1.5rem; } }
#main .wrap .sidebar .banner a img { width: 100%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
#main .wrap .sidebar .banner a:hover img { opacity: 0.6; }
#main .wrap .sidebar .pickup_column h2 { margin-bottom: 1.5rem; padding-left: 1.5rem; font-size: 1.8rem; font-weight: 700; }
#main .wrap .sidebar .pickup_column h2:before { width: 0.5rem; height: 1em; margin: 0 1rem 0 -1.5rem; content: ''; background-color: #4981CC; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; display: inline-block; vertical-align: -0.15em; }
#main .wrap .sidebar .pickup_column ul li { margin-bottom: 1.4rem; padding-bottom: 1.4rem; border-bottom: solid 1px #D3D3D3; }
@media only screen and (max-width: 780px) { #main .wrap .sidebar .pickup_column ul li { margin-bottom: 1.8rem; padding-bottom: 1.8rem; } }
#main .wrap .sidebar .pickup_column ul li a { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
#main .wrap .sidebar .pickup_column ul li a .img { width: 35.4%; overflow: hidden; }
#main .wrap .sidebar .pickup_column ul li a .img > img, #main .wrap .sidebar .pickup_column ul li a .img > video { width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width: 780px) { #main .wrap .sidebar .pickup_column ul li a .img { width: 30%; } }
#main .wrap .sidebar .pickup_column ul li a .text { width: 60%; }
@media only screen and (max-width: 780px) { #main .wrap .sidebar .pickup_column ul li a .text { width: 66.7%; } }
#main .wrap .sidebar .pickup_column ul li a .text h3 { margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 500; line-height: 1.21429; }
@media only screen and (max-width: 780px) { #main .wrap .sidebar .pickup_column ul li a .text h3 { font-size: 1.7rem; } }
#main .wrap .sidebar .pickup_column ul li a .text p { font-size: 1.1rem; line-height: 1.27273; color: #848484; }
@media only screen and (max-width: 780px) { #main .wrap .sidebar .pickup_column ul li a .text p { font-size: 1.5rem; } }
#main .wrap .sidebar .pickup_column ul li a:hover .text h3 { color: #4981CC; }
#main .wrap .sidebar .cate_list h2 { margin-bottom: 1.5rem; padding-left: 1.5rem; font-size: 1.8rem; font-weight: 700; }
#main .wrap .sidebar .cate_list h2:before { width: 0.5rem; height: 1em; margin: 0 1rem 0 -1.5rem; content: ''; background-color: #4981CC; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; display: inline-block; vertical-align: -0.15em; }
#main .wrap .sidebar .cate_list ul li { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: solid 1px #D3D3D3; }
#main .wrap .sidebar .cate_list ul li a { display: block; }
#main .wrap .sidebar .cate_list ul li a:hover { color: #4981CC; }

/*見出し*/
.midashi01 { margin-bottom: 4rem; }
@media only screen and (max-width: 780px) { .midashi01 { margin-bottom: 2rem; } }
.midashi01 .eng { font-family: "Playwrite HR", serif; font-size: 4.3rem; line-height: 1.65116; color: #ffffff; display: block; }
@media only screen and (max-width: 1279px) { .midashi01 .eng { font-size: 4rem; } }
@media only screen and (max-width: 1099px) { .midashi01 .eng { font-size: 3.6rem; } }
@media only screen and (max-width: 900px) { .midashi01 .eng { font-size: 3rem; } }
.midashi01 .eng span { padding: 0 1.5rem; white-space: nowrap; background-color: #4981CC; }
@media only screen and (max-width: 780px) { .midashi01 .eng span { display: inline-block; padding: 0 1rem; } }
@media only screen and (min-width: 781px) { .midashi01 .eng br.sp + span { padding-left: 0; } }
@media only screen and (max-width: 780px) { .midashi01 .eng br.sp + span { margin-top: 0.5rem; } }
.midashi01 h2 { margin-top: 1rem; font-size: 2rem; font-weight: 700; letter-spacing: 0.1em; }
@media only screen and (max-width: 900px) { .midashi01 h2 { font-size: 1.8rem; } }
.midashi01-white .eng { color: #43638E; }
.midashi01-white .eng span { background-color: #ffffff; }
.midashi01-white h2 { color: #ffffff; }

/*追従問い合わせボタン*/
.fix_contact { position: fixed; z-index: 99; }
@media only screen and (min-width: 781px) { .fix_contact { width: 6.7rem; top: 20%; right: 1rem; } }
@media only screen and (min-width: 781px) and (max-width: 1099px) { .fix_contact { width: 5rem; } }

@media only screen and (max-width: 780px) { .fix_contact { padding: 0.5rem 0; background-color: rgba(255, 255, 255, 0.8); text-align: center; bottom: 0; left: 0; }
  .fix_contact a { width: 80%; display: inline-block; } }

/*ページャー*/
.post-navigation { display: -webkit-flex; display: flex; border-top: solid 1px #C1C1C1; }
@media only screen and (min-width: 781px) { .post-navigation { margin-top: 10rem; padding-top: 10rem; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } }
@media only screen and (max-width: 780px) { .post-navigation { margin-top: 3rem; padding-top: 3rem; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
@media only screen and (max-width: 780px) { .post-navigation .nav-list { width: 100%; padding-top: 2rem; text-align: center; -webkit-order: 3; order: 3; } }
@media only screen and (max-width: 780px) { .post-navigation .nav-previous, .post-navigation .nav-next { width: 50%; } }
.post-navigation .nav-previous a, .post-navigation .nav-next a { font-size: 1.5rem; font-weight: 700; }
@media only screen and (max-width: 780px) { .post-navigation .nav-previous a, .post-navigation .nav-next a { font-size: 1.3rem; } }
.post-navigation .nav-previous a:before, .post-navigation .nav-previous a:after, .post-navigation .nav-next a:before, .post-navigation .nav-next a:after { width: 2rem; height: 2rem; background-color: #FAFAFA; background-image: url("img/icon_arrow01.png"); -webkit-background-size: cover; background-size: cover; border: solid 1px #4981CC; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: -0.3em; }
@media only screen and (max-width: 780px) { .post-navigation .nav-previous { -webkit-order: 1; order: 1; } }
.post-navigation .nav-previous a:before { margin-right: 1rem; content: ''; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }
@media only screen and (max-width: 780px) { .post-navigation .nav-next { text-align: right; -webkit-order: 2; order: 2; } }
.post-navigation .nav-next a:after { margin-left: 1rem; content: ''; }
.post-navigation .nav-list { text-align: center; }
.post-navigation .nav-list a { width: 32.4rem; padding: 1rem 4rem 0.9rem 4rem; font-size: 2rem; font-weight: 700; letter-spacing: 0.1em; text-align: center; color: #ffffff; background-color: #4981CC; background-image: url("img/icon_arrow01.png"); background-repeat: no-repeat; background-position: calc(100% - 1.8rem) center; -webkit-background-size: 2.8rem auto; background-size: 2.8rem auto; border: solid 0.2rem #ffffff; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; display: inline-block; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
@media only screen and (max-width: 780px) { .post-navigation .nav-list a { width: 30.9rem; font-size: 1.9rem; -webkit-background-size: 2.4rem auto; background-size: 2.4rem auto; } }
.post-navigation .nav-list a:hover { background-color: #143B6E; }

/* ブロックエディタ用基本CSS */
.editor-area:after { content: ""; display: block; clear: both; }
.editor-area > *:last-child { margin-bottom: 0 !important; }
.editor-area p { margin-bottom: 1.5em; font-weight: 500; letter-spacing: 0.02em; line-height: 1.8; }
@media only screen and (max-width: 780px) { .editor-area p { line-height: 1.5; } }
.editor-area h3 { margin-bottom: 0.8em; padding-bottom: 0.5rem; font-size: 2.4rem; font-weight: 700; letter-spacing: 0.02em; border-bottom: solid 1px #EFEFEF; }
.editor-area h4 { margin-bottom: 0.8em; padding-left: 1rem; font-size: 2rem; font-weight: 700; letter-spacing: 0.02em; border-left: solid 0.2rem #4981CC; }
.editor-area h5 { margin-bottom: 0.8em; font-size: 2rem; font-weight: 500; letter-spacing: 0.02em; }
.editor-area * + h3, .editor-area * + h4, .editor-area * + h5 { margin-top: 1.5em; }
.editor-area ul, .editor-area ol { margin-bottom: 1.5em; padding-left: 1.5em; }
.editor-area ul { list-style: disc; }
.editor-area ol { list-style: decimal; }
.editor-area ul li, .editor-area ol li { margin-bottom: 0.5em; font-weight: 500; letter-spacing: 0.02em; line-height: 1.8; }
@media only screen and (max-width: 780px) { .editor-area ul li, .editor-area ol li { line-height: 1.5; } }
.editor-area .alignleft { max-width: 50%; float: left; margin-right: 1.5em; margin-bottom: 1.5em; }
.editor-area .alignright { max-width: 50%; float: right; margin-left: 1.5em; margin-bottom: 1.5em; }
.editor-area .aligncenter { margin-bottom: 1.5em; }
.editor-area .aligncenter img { display: block; margin-left: auto; margin-right: auto; }
.editor-area blockquote { border-left: 0.25em solid #ccc; padding-left: 1.5em; margin-left: 0; font-style: italic; color: #555; }
.editor-area table { width: 100%; margin-bottom: 1.5em; border-collapse: collapse; }
.editor-area table td, .editor-area table th { border: 1px solid #ddd; padding: 0.5em; font-weight: 500; letter-spacing: 0.02em; line-height: 1.8; }
@media only screen and (max-width: 780px) { .editor-area table td, .editor-area table th { line-height: 1.5; } }
.editor-area table th { font-weight: 700; background-color: #DCE8F8; }
.editor-area .wp-block-columns { display: flex; margin-bottom: 1.5em; }
.editor-area .wp-block-column { flex-grow: 1; margin-left: 0.625em; margin-right: 0.625em; }
.editor-area .wp-block-media-text { display: grid; }
.editor-area a { color: #4981CC; text-decoration: underline; word-break: break-all; }
.editor-area strong, .editor-area b { font-weight: bold; }
.editor-area em, .editor-area i { font-style: italic; }
.editor-area .wp-block-spacer { clear: both; }

/*コンテンツ*/
.p-door { padding-top: 12rem; padding-bottom: 9rem; background-image: url("img/door/bg.jpg"); -webkit-background-size: cover; background-size: cover; background-position: center center; }
@media only screen and (max-width: 780px) { .p-door { padding: 4rem 0; } }
.p-door .inner { max-width: 1200px; }
.p-door .catchcopy { margin-bottom: 6rem; }
@media only screen and (max-width: 780px) { .p-door .catchcopy { margin-bottom: 3rem; } }
.p-door .catchcopy h1 { width: 60rem; height: auto; margin: 0 auto 2rem auto; aspect-ratio: 1200/726; text-indent: 200%; white-space: nowrap; overflow: hidden; background-image: url("img/door/text.png"); -webkit-background-size: cover; background-size: cover; }
@media only screen and (max-width: 780px) { .p-door .catchcopy h1 { width: 32rem; } }
.p-door .catchcopy p { font-family: "Playwrite HR", serif; text-align: center; font-size: 4.6rem; color: #ffffff; }
@media only screen and (max-width: 780px) { .p-door .catchcopy p { font-size: 2.4rem; } }
@media only screen and (min-width: 781px) { .p-door .entrance { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
.p-door .entrance > div { width: 47.5%; padding: 3.2rem 0; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; text-align: center; }
@media only screen and (max-width: 780px) { .p-door .entrance > div { width: 100%; max-width: 40rem; margin: 0 auto; padding: 2.4rem 0; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } }
.p-door .entrance > div p { width: 35rem; margin: 0 auto 1.4rem auto; padding: 0 1em; font-size: 2.4rem; font-weight: 500; letter-spacing: 0.1em; }
@media only screen and (max-width: 780px) { .p-door .entrance > div p { width: auto; margin-bottom: 1rem; padding: 0; font-size: 1.7rem; } }
.p-door .entrance > div p span { display: block; position: relative; }
@media only screen and (max-width: 780px) { .p-door .entrance > div p span { padding: 0 1em; display: inline-block; } }
.p-door .entrance > div p span:before, .p-door .entrance > div p span:after { width: 0.2rem; height: 1em; content: ''; background-color: #1A1A1A; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; border-radius: 0.1rem; position: absolute; top: 0.25em; }
.p-door .entrance > div p span:before { right: 100%; -webkit-transform: rotate(-27deg); transform: rotate(-27deg); }
.p-door .entrance > div p span:after { left: 100%; -webkit-transform: rotate(27deg); transform: rotate(27deg); }
.p-door .entrance > div .btn { width: 35rem; margin: 0 auto; }
@media only screen and (max-width: 780px) { .p-door .entrance > div .btn { width: 30.5rem; } }
.p-door .entrance > div .btn a { width: 100%; padding: 1.25rem 2rem; font-size: 2rem; font-weight: 700; letter-spacing: 0.1em; color: #ffffff; background-repeat: no-repeat; background-position: calc(100% - 1.8rem) center; -webkit-background-size: 2.8rem auto; background-size: 2.8rem auto; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; display: block; -webkit-transition: transform 0.3s, box-shadow 0.3s; transition: transform 0.3s, box-shadow 0.3s; }
@media only screen and (max-width: 780px) { .p-door .entrance > div .btn a { font-size: 1.7rem; -webkit-background-size: 2.4rem auto; background-size: 2.4rem auto; } }
.p-door .entrance > div .btn a:hover { -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
.p-door .entrance > div.corporate { background-color: #DCE8F8; }
.p-door .entrance > div.corporate .btn a { background-color: #4981CC; background-image: url("img/icon_arrow01.png"); -webkit-box-shadow: 0 0.5rem 0 0 #143B6E; -moz-box-shadow: 0 0.5rem 0 0 #143B6E; box-shadow: 0 0.5rem 0 0 #143B6E; }
.p-door .entrance > div.consumer { background-color: #DCF3F8; }
@media only screen and (max-width: 780px) { .p-door .entrance > div.consumer { margin-top: 2rem; } }
.p-door .entrance > div.consumer .btn a { background-color: #49B3CC; background-image: url("img/icon_arrow02.png"); -webkit-box-shadow: 0 0.5rem 0 0 #1B6779; -moz-box-shadow: 0 0.5rem 0 0 #1B6779; box-shadow: 0 0.5rem 0 0 #1B6779; }

.p-consumer .mv { position: relative; }
.p-consumer .mv h1 { width: 63rem; position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media only screen and (max-width: 780px) { .p-consumer .mv h1 { width: 82%; top: 40%; } }
.p-consumer .mv .bg { width: 100%; }
@media only screen and (min-width: 781px) { .p-consumer .mv .bg { height: 80.4rem; background-image: url("img/consumer/mv_bg.jpg"); -webkit-background-size: cover; background-size: cover; background-position: center bottom; } }
.p-consumer .about { margin-bottom: 2.8rem; position: relative; z-index: 1; }
@media only screen and (max-width: 780px) { .p-consumer .about { margin-bottom: 2.4rem; } }
.p-consumer .about .midashi01 { margin-bottom: 2.4em; }
@media only screen and (max-width: 780px) { .p-consumer .about .midashi01 { margin-bottom: 1em; } }
@media only screen and (min-width: 781px) { .p-consumer .about .midashi01 h2 { -webkit-text-shadow: 1px 1px 0.2rem #ffffff; -moz-text-shadow: 1px 1px 0.2rem #ffffff; text-shadow: 1px 1px 0.2rem #ffffff; } }
.p-consumer .about .img01 { width: 67%; min-width: 45rem; position: absolute; top: 0; right: 0; z-index: -1; }
@media only screen and (max-width: 780px) { .p-consumer .about .img01 { width: 90%; min-width: 0; margin: 0 auto; position: static; } }
.p-consumer .about .fee { margin-bottom: 3.8rem; letter-spacing: -0.4em; }
.p-consumer .about .fee > * { display: inline-block; letter-spacing: normal; }
@media only screen and (max-width: 780px) { .p-consumer .about .fee { margin-top: -5rem; margin-bottom: 1.6rem; } }
.p-consumer .about .fee li { width: 18.3rem; height: 18.3rem; margin-right: 1.5rem; padding-top: 3rem; font-size: 2.4rem; font-weight: 500; letter-spacing: 0.03em; text-align: center; background-color: rgba(250, 250, 250, 0.6); backdrop-filter: blur(3rem); --webkit-backdrop-filter: blur(3rem); border: solid 0.2rem #4981CC; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; vertical-align: top; }
@media only screen and (max-width: 780px) { .p-consumer .about .fee li { width: 11.9rem; height: 11.9rem; padding-top: 2rem; font-size: 1.5rem; } }
.p-consumer .about .fee li span { font-size: 4.7rem; font-weight: 700; color: #4981CC; display: block; }
@media only screen and (max-width: 780px) { .p-consumer .about .fee li span { font-size: 3rem; } }
.p-consumer .about .fee li span b { font-family: "Poppins", serif; font-size: 8.8rem; font-weight: 700; line-height: 1; }
@media only screen and (max-width: 780px) { .p-consumer .about .fee li span b { font-size: 5.6rem; } }
.p-consumer .about h3 { margin-bottom: 2.5rem; padding-bottom: 2rem; font-size: 2.6rem; font-weight: 700; letter-spacing: 0.02em; border-bottom: solid 1px #CDDEEF; }
@media only screen and (max-width: 780px) { .p-consumer .about h3 { margin-bottom: 2rem; padding-bottom: 1.2rem; font-size: 2.5rem; line-height: 1.2; } }
.p-consumer .about h3 span { color: #4981CC; }
@media only screen and (max-width: 780px) { .p-consumer .about h3 span { display: block; } }
.p-consumer .about p { font-weight: 500; letter-spacing: 0.02em; line-height: 2.1875; }
@media only screen and (max-width: 780px) { .p-consumer .about p { line-height: 1.6875; } }
.p-consumer .about p.bottom_text { font-size: 3.6rem; font-weight: 700; line-height: 1.22222; text-align: center; }
@media only screen and (max-width: 780px) { .p-consumer .about p.bottom_text { font-size: 2.5rem; } }
.p-consumer .about p.bottom_text b { font-weight: 700; color: #4981CC; }
.p-consumer .about p.bottom_text i { font-style: normal; font-weight: 700; color: #49B3CC; }
.p-consumer .about .text01 { margin: 4rem 0 5rem 0; font-size: 4.2rem; }
@media only screen and (max-width: 780px) { .p-consumer .about .text01 { margin: 1.2rem 0 2.4rem 0; font-size: 3.8rem; line-height: 1.05263; } }
.p-consumer .about .huan { max-width: 71rem; margin: 0 auto 2.8rem auto; padding: 3.5rem; background-color: #EFEFEF; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; }
@media only screen and (max-width: 780px) { .p-consumer .about .huan { margin-bottom: 2.4rem; padding: 2.4rem; } }
.p-consumer .about .huan h4 { margin-bottom: 1.1em; font-size: 2.4rem; font-weight: 700; letter-spacing: 0.02em; text-align: center; color: #43638E; }
@media only screen and (max-width: 780px) { .p-consumer .about .huan h4 { font-size: 2.2rem; } }
.p-consumer .about .huan h4:after { width: 16rem; height: 0.3rem; margin: 1.5rem auto 0 auto; content: ''; background-color: #ffffff; display: block; }
@media only screen and (max-width: 780px) { .p-consumer .about .huan h4:after { width: 8rem; } }
.p-consumer .about .huan ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.p-consumer .about .huan ul li { width: 33.3333%; font-size: 2.2rem; font-weight: 700; letter-spacing: 0.02em; text-align: center; }
@media only screen and (max-width: 900px) { .p-consumer .about .huan ul li { width: 50%; }
  .p-consumer .about .huan ul li:first-child { width: 100%; margin-bottom: 1.2rem; } }
@media only screen and (max-width: 780px) { .p-consumer .about .huan ul li { font-size: 1.8rem; } }
.p-consumer .about .huan ul li img { width: 14rem; margin: 0 auto 1rem auto; display: block; }
@media only screen and (max-width: 780px) { .p-consumer .about .huan ul li img { width: 10.8rem; } }
.p-consumer .reason { margin-bottom: 7rem; padding: 6rem 5rem 4.5rem 5rem; color: #ffffff; background-color: #4981CC; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; position: relative; }
@media only screen and (max-width: 780px) { .p-consumer .reason { width: 111%; margin: 0 -5.5% 3.2rem -5.5%; padding: 4.5rem 2.4rem 2.4rem 2.4rem; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } }
.p-consumer .reason:before { width: 7rem; height: 3.5rem; margin-left: -3.5rem; content: ''; background-image: url("img/consumer/reason_sankaku.png"); -webkit-background-size: cover; background-size: cover; position: absolute; top: 0; left: 50%; }
@media only screen and (max-width: 780px) { .p-consumer .reason:before { width: 3.5rem; height: 1.75rem; margin-left: -1.75rem; } }
.p-consumer .reason .midashi01 { margin-left: -2.5rem; }
@media only screen and (max-width: 780px) { .p-consumer .reason .midashi01 { margin-left: -1.2rem; } }
.p-consumer .reason .midashi01 .eng span { position: relative; }
.p-consumer .reason .midashi01 .eng span:before { width: 2.5rem; height: 100%; content: ''; background-color: #ffffff; position: absolute; top: 0; right: 100%; }
@media only screen and (max-width: 780px) { .p-consumer .reason .midashi01 .eng span:before { width: 1.2rem; } }
.p-consumer .reason ol li { position: relative; }
@media only screen and (min-width: 781px) { .p-consumer .reason ol li { margin-bottom: 4rem; padding-bottom: 4rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  .p-consumer .reason ol li:nth-child(1) .img { width: 45%; -webkit-order: 2; order: 2; }
  .p-consumer .reason ol li:nth-child(1) .text { width: 47%; -webkit-order: 1; order: 1; }
  .p-consumer .reason ol li:nth-child(1) .text h3 { width: 112%; }
  .p-consumer .reason ol li:nth-child(1) .fee { width: 100%; margin-top: 3.2rem; -webkit-order: 3; order: 3; }
  .p-consumer .reason ol li:nth-child(2) .img { width: 51%; }
  .p-consumer .reason ol li:nth-child(2) .text { width: 47%; }
  .p-consumer .reason ol li:nth-child(3) .img { width: 51%; -webkit-order: 2; order: 2; }
  .p-consumer .reason ol li:nth-child(3) .text { width: 47%; -webkit-order: 1; order: 1; } }
@media only screen and (max-width: 780px) { .p-consumer .reason ol li { margin-bottom: 3.6rem; padding-bottom: 3.6rem; }
  .p-consumer .reason ol li:nth-child(1) .fee { margin-top: 2rem; } }
.p-consumer .reason ol li:nth-child(3) { margin-bottom: 0; padding-bottom: 0; }
.p-consumer .reason ol li:nth-child(3):after { content: none; }
.p-consumer .reason ol li:after { width: 100%; height: 0; content: ''; border-bottom: solid 1px #7EACEA; position: absolute; top: 100%; left: 0; }
@media only screen and (max-width: 780px) { .p-consumer .reason ol li:after { width: 111%; left: -5.5%; } }
@media only screen and (max-width: 780px) { .p-consumer .reason ol li .img { margin-bottom: 1rem; } }
.p-consumer .reason ol li .text .num { letter-spacing: -0.4em; }
.p-consumer .reason ol li .text .num > * { display: inline-block; letter-spacing: normal; }
.p-consumer .reason ol li .text .num span { margin-right: 0.5em; font-family: "Playwrite HR", serif; font-size: 2.3rem; vertical-align: middle; }
@media only screen and (max-width: 900px) { .p-consumer .reason ol li .text .num span { font-size: 2rem; } }
.p-consumer .reason ol li .text .num b { font-family: "Poppins", serif; font-size: 7.2rem; font-weight: 600; vertical-align: middle; line-height: 1; }
@media only screen and (max-width: 900px) { .p-consumer .reason ol li .text .num b { font-size: 5.5rem; } }
.p-consumer .reason ol li .text h3 { margin-bottom: 0.9em; font-size: 2.6rem; font-weight: 700; letter-spacing: 0.02em; line-height: 1.34615; }
@media only screen and (max-width: 900px) { .p-consumer .reason ol li .text h3 { font-size: 2.2rem; } }
.p-consumer .reason ol li .text p { font-weight: 500; letter-spacing: 0.02em; line-height: 1.8125; }
@media only screen and (max-width: 780px) { .p-consumer .reason ol li .text p { line-height: 1.6875; } }
.p-consumer .reason ol li .fee .box { margin-bottom: 3.5rem; padding: 3.4rem; color: #1A1A1A; background-color: #ffffff; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; }
@media only screen and (max-width: 900px) { .p-consumer .reason ol li .fee .box { padding: 2.4rem 2rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } }
.p-consumer .reason ol li .fee .box .annotation { margin-top: 1rem; font-size: 1.2rem; letter-spacing: 0.02em; text-align: right; }
@media only screen and (max-width: 780px) { .p-consumer .reason ol li .fee .box .annotation { font-size: 1.4rem; line-height: 1.32143; text-align: left; } }
.p-consumer .reason ol li .fee .box .annotation a { text-decoration: underline; color: #4981CC; }
.p-consumer .reason ol li .fee .btn { text-align: center; }
.p-consumer .reason ol li .fee .btn a { width: 32.4rem; padding: 1rem 4rem 0.9rem 4rem; font-size: 2rem; font-weight: 700; letter-spacing: 0.1em; text-align: center; color: #ffffff; background-color: #4981CC; background-image: url("img/icon_arrow01.png"); background-repeat: no-repeat; background-position: calc(100% - 1.8rem) center; -webkit-background-size: 2.8rem auto; background-size: 2.8rem auto; border: solid 0.2rem #ffffff; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; display: inline-block; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
@media only screen and (max-width: 780px) { .p-consumer .reason ol li .fee .btn a { width: 30.9rem; font-size: 1.9rem; -webkit-background-size: 2.4rem auto; background-size: 2.4rem auto; } }
.p-consumer .reason ol li .fee .btn a:hover { background-color: #143B6E; }
.p-consumer .voice { margin-bottom: 7rem; }
@media only screen and (max-width: 780px) { .p-consumer .voice { margin-bottom: 4rem; } }
@media only screen and (max-width: 780px) { .p-consumer .voice .midashi01 .eng { font-size: 2.9rem; } }
.p-consumer .voice p { font-weight: 500; letter-spacing: 0.02em; line-height: 1.875; }
@media only screen and (max-width: 780px) { .p-consumer .voice p { line-height: 1.6875; } }
@media only screen and (min-width: 781px) { .p-consumer .voice ol { margin-top: 2.4rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media only screen and (max-width: 780px) { .p-consumer .voice ol { margin-top: 2rem; } }
@media only screen and (min-width: 781px) { .p-consumer .voice ol li { width: 30%; } }
@media only screen and (max-width: 780px) { .p-consumer .voice ol li + li { margin-top: 2rem; } }
.p-consumer .voice ol li .img { margin-bottom: 1.8rem; }
@media only screen and (max-width: 780px) { .p-consumer .voice ol li .img { margin-bottom: 1.6rem; } }
.p-consumer .voice ol li .text h3 { margin-bottom: 0.5rem; font-size: 1.8rem; font-weight: 700; letter-spacing: 0.02em; line-height: 1.33333; }
@media only screen and (max-width: 780px) { .p-consumer .voice ol li .text h3 { font-size: 1.9rem; line-height: 1.18421; } }
.p-consumer .voice ol li .text p { letter-spacing: 0.1em; line-height: 1.5; color: #848484; }
@media only screen and (max-width: 780px) { .p-consumer .voice ol li .text p { line-height: 1.4375; } }
.p-consumer .why { margin-bottom: 9.3rem; }
@media only screen and (max-width: 780px) { .p-consumer .why { margin-bottom: 6.5rem; } }
.p-consumer .why ol li { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
.p-consumer .why ol li + li { margin-top: 4rem; }
@media only screen and (max-width: 780px) { .p-consumer .why ol li + li { margin-top: 2.4rem; } }
.p-consumer .why ol li .img { -webkit-flex: 0 0 60%; flex: 0 0 60%; }
@media only screen and (max-width: 780px) { .p-consumer .why ol li .img { -webkit-flex-basis: 86%; flex-basis: 86%; } }
.p-consumer .why ol li .text { margin-top: 4.4rem; padding: 1.5rem 2.5rem; margin-left: -17%; background-color: #ffffff; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; -webkit-box-shadow: 0.3rem 0.3rem 1.3rem rgba(110, 141, 183, 0.16); -moz-box-shadow: 0.3rem 0.3rem 1.3rem rgba(110, 141, 183, 0.16); box-shadow: 0.3rem 0.3rem 1.3rem rgba(110, 141, 183, 0.16); -webkit-flex: 0 0 57%; flex: 0 0 57%; position: relative; z-index: 1; }
@media only screen and (max-width: 780px) { .p-consumer .why ol li .text { margin-top: 13rem; margin-left: -80%; padding: 1.5rem 1.2rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; -webkit-flex-basis: 94%; flex-basis: 94%; } }
.p-consumer .why ol li .text .num.border_letters { font-size: 6.5rem; -webkit-text-shadow: 1px 1px 0 #99A9C1, -1px 1px 0 #99A9C1, -1px -1px 0 #99A9C1, 1px -1px 0 #99A9C1; -moz-text-shadow: 1px 1px 0 #99A9C1, -1px 1px 0 #99A9C1, -1px -1px 0 #99A9C1, 1px -1px 0 #99A9C1; text-shadow: 1px 1px 0 #99A9C1, -1px 1px 0 #99A9C1, -1px -1px 0 #99A9C1, 1px -1px 0 #99A9C1; }
@media only screen and (max-width: 1279px) { .p-consumer .why ol li .text .num.border_letters { font-size: 5rem; } }
@media only screen and (max-width: 900px) { .p-consumer .why ol li .text .num.border_letters { font-size: 3.2rem; } }
.p-consumer .why ol li .text .num.border_letters span { margin-left: 0.1em; font-size: 1.3em; line-height: 1; }
.p-consumer .why ol li .text h3 { margin-bottom: 1.3rem; font-size: 2rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.5; }
@media only screen and (max-width: 780px) { .p-consumer .why ol li .text h3 { font-size: 1.8rem; } }
.p-consumer .why ol li .text p { font-weight: 500; letter-spacing: 0.02em; line-height: 1.875; color: #848484; }
@media only screen and (max-width: 780px) { .p-consumer .why ol li .text p { line-height: 1.4375; } }
.p-consumer .why ol li:nth-child(even) .img { margin-left: -17%; -webkit-order: 2; order: 2; }
@media only screen and (max-width: 780px) { .p-consumer .why ol li:nth-child(even) .img { margin-left: -80%; } }
.p-consumer .why ol li:nth-child(even) .text { margin-left: 0; -webkit-order: 1; order: 1; }
.p-consumer .eligibility { margin-bottom: 6.3rem; padding: 0 5rem 3rem 5rem; background-color: #ffffff; border: solid 0.2rem #4981CC; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; }
@media only screen and (max-width: 780px) { .p-consumer .eligibility { margin-bottom: 4.5rem; padding: 0 1.6rem 1.8rem 1.6rem; } }
.p-consumer .eligibility .midashi01 { margin-top: -3rem; }
@media only screen and (max-width: 780px) { .p-consumer .eligibility .midashi01 { margin-top: -2.4rem; } }
.p-consumer .eligibility .midashi01 .eng span { position: relative; }
.p-consumer .eligibility .midashi01 .eng span:after { width: 5.2rem; height: 100%; content: ''; background-color: #4981CC; position: absolute; top: 0; right: 100%; }
@media only screen and (max-width: 780px) { .p-consumer .eligibility .midashi01 .eng span:after { width: 1.8rem; } }
.p-consumer .eligibility p { margin-top: 2.3rem; font-weight: 500; letter-spacing: 0.1em; line-height: 1.5; color: #848484; }
@media only screen and (max-width: 780px) { .p-consumer .eligibility p { margin-top: 2rem; font-size: 1.4rem; line-height: 1.28571; } }
.p-consumer .flow { margin-bottom: 7rem; }
.p-consumer .flow ol { margin-bottom: 2.4rem; }
.p-consumer .flow ol li { margin-bottom: 3.5rem; padding: 3rem 4rem; background-color: #EFEFEF; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; position: relative; }
@media only screen and (min-width: 781px) { .p-consumer .flow ol li { -webkit-align-items: center; align-items: center; } }
@media only screen and (max-width: 780px) { .p-consumer .flow ol li { margin-bottom: 3.2rem; padding: 1.6rem; } }
.p-consumer .flow ol li:after { width: 4.4rem; height: 2.3rem; margin-left: -2.2rem; content: ''; background-image: url("img/consumer/flow_sankaku.png"); -webkit-background-size: cover; background-size: cover; position: absolute; top: 100%; left: 50%; }
.p-consumer .flow ol li:last-child { margin-bottom: 0; }
.p-consumer .flow ol li:last-child:after { content: none; }
@media only screen and (min-width: 781px) { .p-consumer .flow ol li .left { width: 21.3rem; margin-right: 4rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } }
@media only screen and (max-width: 780px) { .p-consumer .flow ol li .left { width: 6.6rem; margin-right: 2rem; } }
.p-consumer .flow ol li .left .fig { width: 12.8rem; margin-right: 2rem; }
.p-consumer .flow ol li .left .num { width: 6.5rem; }
@media only screen and (max-width: 780px) { .p-consumer .flow ol li .left .num { width: 70%; margin: 0 auto; } }
@media only screen and (min-width: 781px) { .p-consumer .flow ol li .text { width: calc(100% - 21.3rem - 4rem); } }
@media only screen and (max-width: 780px) { .p-consumer .flow ol li .text { width: calc(100% - 6.6rem - 2rem); } }
@media only screen and (max-width: 780px) { .p-consumer .flow ol li .text.center { -webkit-align-self: center; align-self: center; } }
.p-consumer .flow ol li .text h3 { margin-bottom: 1.1rem; padding-bottom: 1.1rem; font-size: 2.2rem; font-weight: 700; letter-spacing: 0.1em; border-bottom: solid 1px #C9C9C9; }
@media only screen and (max-width: 780px) { .p-consumer .flow ol li .text h3 { font-size: 2rem; } }
.p-consumer .flow ol li .text h3.no_border { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.p-consumer .flow ol li .text h3 .hissu { margin-left: 1em; padding: 0.1em 0.5em; font-size: 1.5rem; color: #ffffff; background-color: #49B3CC; display: inline-block; }
@media only screen and (max-width: 780px) { .p-consumer .flow ol li .text h3 .hissu { font-size: 1.3rem; } }
.p-consumer .flow ol li .text p { font-size: 1.8rem; font-weight: 500; letter-spacing: 0.02em; line-height: 1.5; color: #848484; }
@media only screen and (max-width: 780px) { .p-consumer .flow ol li .text p { font-size: 1.5rem; } }
.p-consumer .flow ol li .text p a { text-decoration: underline; color: #4981CC; }
.p-consumer .flow .annotation { font-weight: 500; letter-spacing: 0.1em; line-height: 1.5; color: #848484; }
@media only screen and (max-width: 780px) { .p-consumer .flow .annotation { font-size: 14px; line-height: 1.28571; } }
.p-consumer .study { margin-bottom: 6rem; }
@media only screen and (max-width: 780px) { .p-consumer .study { margin-bottom: 3.6rem; } }
.p-consumer .study .text01 { font-size: 4.2rem; }
@media only screen and (max-width: 780px) { .p-consumer .study .text01 { margin-bottom: 1rem; font-size: 3.8rem; line-height: 1.05263; } }
.p-consumer .study .midashi01 { padding-top: 2rem; position: relative; z-index: 1; }
@media only screen and (max-width: 780px) { .p-consumer .study .midashi01 { padding-top: 0; } }
.p-consumer .study .midashi01 img { width: 23.6rem; position: absolute; right: 0; top: 0; z-index: -1; }
@media only screen and (max-width: 780px) { .p-consumer .study .midashi01 img { width: 11.8rem; left: 25rem; right: auto; } }
.p-consumer .study .study01 { margin-bottom: 4.5rem; }
@media only screen and (max-width: 780px) { .p-consumer .study .study01 { margin-bottom: 4rem; } }
@media only screen and (min-width: 781px) { .p-consumer .study .study01 .intro { margin-bottom: 7rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } }
@media only screen and (max-width: 780px) { .p-consumer .study .study01 .intro { margin-bottom: 2rem; } }
@media only screen and (min-width: 781px) { .p-consumer .study .study01 .intro .img { width: 53%; -webkit-order: 2; order: 2; } }
@media only screen and (max-width: 780px) { .p-consumer .study .study01 .intro .img { width: 90%; margin: 0 auto 1.6rem auto; } }
@media only screen and (min-width: 781px) { .p-consumer .study .study01 .intro .text { width: 42.5%; -webkit-order: 1; order: 1; } }
.p-consumer .study .study01 .intro .text h3 { margin-bottom: 2rem; padding-bottom: 2rem; font-size: 3.2rem; font-weight: 700; letter-spacing: 0.1em; border-bottom: solid 1px #CCCCCC; }
@media only screen and (max-width: 780px) { .p-consumer .study .study01 .intro .text h3 { margin-bottom: 1.7rem; padding-bottom: 1.7rem; font-size: 2.5rem; } }
.p-consumer .study .study01 .intro .text h3 span { padding: 0 0.15em; color: #ffffff; background-color: #49B3CC; display: inline-block; }
.p-consumer .study .study01 .intro .text p { font-weight: 500; letter-spacing: 0.02em; line-height: 2.1875; }
@media only screen and (max-width: 780px) { .p-consumer .study .study01 .intro .text p { line-height: 1.6875; } }
@media only screen and (min-width: 781px) { .p-consumer .study .study01 .point { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
.p-consumer .study .study01 .point > li { background-color: #EFEFEF; position: relative; overflow: hidden; }
@media only screen and (min-width: 781px) { .p-consumer .study .study01 .point > li { width: 48%; padding: 4.5rem 2rem 2rem 2rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } }
@media only screen and (max-width: 780px) { .p-consumer .study .study01 .point > li { padding: 3.5rem 1.5rem 1.5rem 1.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; }
  .p-consumer .study .study01 .point > li + li { margin-top: 1.6rem; } }
.p-consumer .study .study01 .point > li:before { padding: 0.5rem 2rem 0.5rem 4rem; content: 'Check point!'; font-family: "Poppins", serif; font-size-adjust: 1.5rem; font-weight: 600; color: #ffffff; background-color: #49B3CC; background-image: url("img/icon_check01.png"); background-repeat: no-repeat; -webkit-background-size: 1.8rem auto; background-size: 1.8rem auto; background-position: 1.4rem center; -webkit-border-radius: 0 0 1rem 0; -moz-border-radius: 0 0 1rem 0; border-radius: 0 0 1rem 0; position: absolute; top: 0; left: 0; }
@media only screen and (max-width: 780px) { .p-consumer .study .study01 .point > li:before { padding-left: 3rem; font-size: 1.3rem; -webkit-background-size: 1.2rem auto; background-size: 1.2rem auto; } }
.p-consumer .study .study01 .point > li h4 { margin-bottom: 1.3rem; font-size: 2.2rem; font-weight: 700; letter-spacing: 0.02em; line-height: 1.31818; }
@media only screen and (max-width: 780px) { .p-consumer .study .study01 .point > li h4 { font-size: 2.1rem; } }
.p-consumer .study .study01 .point > li h4 span { color: #49B3CC; }
.p-consumer .study .study01 .point > li p { font-weight: 500; letter-spacing: 0.1em; line-height: 1.5; color: #848484; }
@media only screen and (max-width: 780px) { .p-consumer .study .study01 .point > li p { line-height: 1.4375; } }
.p-consumer .study .study01 .point > li ul li { padding-left: 3.5rem; }
.p-consumer .study .study01 .point > li ul li + li { margin-top: 2rem; }
.p-consumer .study .study01 .point > li ul li h5 { margin-bottom: 1rem; font-size: 2rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.2; }
@media only screen and (max-width: 780px) { .p-consumer .study .study01 .point > li ul li h5 { font-size: 1.9rem; line-height: 1.21053; } }
.p-consumer .study .study01 .point > li ul li h5:before { width: 2rem; height: 2rem; margin: 0 1.5rem 0 -3.5rem; content: ''; background-color: #49B3CC; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: 0; }
@media only screen and (min-width: 781px) { .p-consumer .study .study02 .intro { margin-bottom: 7rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } }
@media only screen and (max-width: 780px) { .p-consumer .study .study02 .intro { margin-bottom: 2rem; } }
@media only screen and (min-width: 781px) { .p-consumer .study .study02 .intro .img { width: 53%; } }
@media only screen and (max-width: 780px) { .p-consumer .study .study02 .intro .img { width: 90%; margin: 0 auto 1.6rem auto; } }
@media only screen and (min-width: 781px) { .p-consumer .study .study02 .intro .text { width: 42.5%; } }
.p-consumer .study .study02 .intro .text h3 { margin-bottom: 2rem; padding-bottom: 2rem; font-size: 3.2rem; font-weight: 700; letter-spacing: 0.1em; border-bottom: solid 1px #CCCCCC; }
@media only screen and (max-width: 780px) { .p-consumer .study .study02 .intro .text h3 { margin-bottom: 1.7rem; padding-bottom: 1.7rem; font-size: 2.5rem; } }
.p-consumer .study .study02 .intro .text h3 span { padding: 0 0.15em; color: #ffffff; background-color: #49B3CC; display: inline-block; }
.p-consumer .study .study02 .intro .text p { font-weight: 500; letter-spacing: 0.02em; line-height: 2.1875; }
@media only screen and (max-width: 780px) { .p-consumer .study .study02 .intro .text p { line-height: 1.6875; } }
.p-consumer .study .study02 .intro .text p span { color: #49B3CC; }
.p-consumer .study .study02 .point { margin-bottom: 4rem; }
.p-consumer .study .study02 .point li { background-color: #ffffff; -webkit-box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.05); -moz-box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.05); box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.05); }
@media only screen and (min-width: 781px) { .p-consumer .study .study02 .point li { margin-bottom: 2rem; padding: 2.3rem 2.5rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; } }
@media only screen and (max-width: 780px) { .p-consumer .study .study02 .point li { margin-bottom: 1.2rem; padding: 1.2rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } }
@media only screen and (min-width: 781px) { .p-consumer .study .study02 .point li .img { width: 42.4%; } }
@media only screen and (max-width: 780px) { .p-consumer .study .study02 .point li .img { margin-bottom: 1.3rem; } }
@media only screen and (min-width: 781px) { .p-consumer .study .study02 .point li .text { width: 53.2%; } }
.p-consumer .study .study02 .point li .text h4 { margin-bottom: 0.5rem; font-size: 1.8rem; font-weight: 700; letter-spacing: 0.02em; line-height: 1.33333; color: #49B3CC; }
@media only screen and (max-width: 780px) { .p-consumer .study .study02 .point li .text h4 { font-size: 2.1rem; } }
.p-consumer .study .study02 .point li .text p { font-weight: 500; letter-spacing: 0.1em; line-height: 1.5; color: #848484; }
@media only screen and (max-width: 780px) { .p-consumer .study .study02 .point li .text p { line-height: 1.4375; } }
.p-consumer .study .study02 .schedule_table { background-color: #EFEFEF; }
@media only screen and (min-width: 781px) { .p-consumer .study .study02 .schedule_table { padding: 2.2rem 2.6rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; } }
@media only screen and (max-width: 780px) { .p-consumer .study .study02 .schedule_table { width: 111%; margin: 0 -5.5%; padding: 2rem 2.4rem; } }
.p-consumer .study .study02 .schedule_table h4 { margin-bottom: 1rem; font-size: 2.6rem; font-weight: 700; letter-spacing: 0.02em; }
@media only screen and (max-width: 780px) { .p-consumer .study .study02 .schedule_table h4 { font-size: 2rem; line-height: 1.1; } }
.p-consumer .study .study02 .schedule_table h4 span { font-family: "Playwrite HR", serif; font-size: 2.3rem; font-weight: 400; letter-spacing: 0; color: #4981CC; display: block; }
@media only screen and (max-width: 780px) { .p-consumer .study .study02 .schedule_table h4 span { margin-bottom: 0.5rem; font-size: 2.5rem; } }
.p-consumer .study .study02 .schedule_table p { font-weight: 500; letter-spacing: 0.1em; line-height: 1.5; color: #848484; }
@media only screen and (max-width: 780px) { .p-consumer .study .study02 .schedule_table p { line-height: 1.4375; } }
.p-consumer .study .study02 .schedule_table .box { background-color: #ffffff; }
@media only screen and (min-width: 781px) { .p-consumer .study .study02 .schedule_table .box { margin-top: 2rem; padding: 2.5rem; -webkit-justify-content: space-between; justify-content: space-between; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; } }
@media only screen and (min-width: 781px) { .p-consumer .study .study02 .schedule_table .box .schedule { display: flex; } }
@media only screen and (max-width: 780px) { .p-consumer .study .study02 .schedule_table .box { margin-top: 1.6rem; padding: 2rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } }
@media only screen and (min-width: 781px) { .p-consumer .study .study02 .schedule_table .box .schedule img { width: 48%; } }
@media only screen and (min-width: 781px) { .p-consumer .study .study02 .schedule_table .box img { width: 96%; } }
@media only screen and (max-width: 780px) { .p-consumer .study .study02 .schedule_table .box img { display: block; }
  .p-consumer .study .study02 .schedule_table .box img + img { margin-top: 2rem; } }
.p-consumer .school { margin-bottom: 8rem; }
@media only screen and (max-width: 780px) { .p-consumer .school { margin-bottom: 2.5rem; } }
.p-consumer .school .intro { margin-bottom: 3.6rem; position: relative; z-index: 1; }
@media only screen and (max-width: 780px) { .p-consumer .school .intro { margin-bottom: 2rem; } }
.p-consumer .school .intro h3 { margin-bottom: 1.1em; font-size: 3.2rem; font-weight: 700; letter-spacing: 0.1em; }
@media only screen and (max-width: 780px) { .p-consumer .school .intro h3 { font-size: 2.4rem; } }
.p-consumer .school .intro h3 img { width: 26.8rem; margin-right: 0.5em; display: inline-block; vertical-align: 0; }
@media only screen and (max-width: 780px) { .p-consumer .school .intro h3 img { width: 20.4rem; } }
.p-consumer .school .intro h4 { margin-bottom: 0.5em; font-size: 2.6rem; font-weight: 700; letter-spacing: 0.02em; color: #43638E; }
@media only screen and (max-width: 780px) { .p-consumer .school .intro h4 { font-size: 2.1rem; } }
.p-consumer .school .intro p { font-weight: 500; letter-spacing: 0.02em; line-height: 1.875; }
@media only screen and (max-width: 780px) { .p-consumer .school .intro p { line-height: 1.4375; } }
.p-consumer .school .intro .img { width: 34.9rem; position: absolute; top: 0; right: 0; z-index: -1; }
@media only screen and (max-width: 780px) { .p-consumer .school .intro .img { width: 13rem; } }
.p-consumer .school .profile { width: 94%; margin: 0 auto 6.5rem auto; }
@media only screen and (max-width: 780px) { .p-consumer .school .profile { width: 100%; margin-bottom: 2.5rem; } }
.p-consumer .school .profile table { width: 100%; font-size: 1.8rem; letter-spacing: 0.02em; line-height: 1.44444; }
.p-consumer .school .profile table th, .p-consumer .school .profile table td:first-child { width: 30%; padding: 1.6rem 2rem; font-weight: 700; background-color: #F2F2F2; border: solid 1px #D7D7D7; vertical-align: top; }
@media only screen and (max-width: 780px) { .p-consumer .school .profile table th, .p-consumer .school .profile table td:first-child { width: 10rem; padding: 0.9rem 1.2rem; font-size: 1.6rem; } }
.p-consumer .school .profile table td { padding: 1.6rem 2rem; font-weight: 700; border: solid 1px #D7D7D7; vertical-align: top; }
@media only screen and (max-width: 780px) { .p-consumer .school .profile table td { padding: 1rem 1.2rem; font-size: 1.4rem; } }
.p-consumer .school .life .text { margin-bottom: 1rem; font-size: 4.2rem; }
@media only screen and (max-width: 780px) { .p-consumer .school .life .text { font-size: 3.8rem; line-height: 1.05263; } }
@media only screen and (max-width: 780px) { .p-consumer .school .life .img { width: 111%; margin: 0 -5.5%; } }
.p-consumer .column .column_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media only screen and (min-width: 781px) { .p-consumer .column .column_list li { width: 32%; margin: 0 2% 5rem 0; }
  .p-consumer .column .column_list li:nth-child(3n) { margin-right: 0; } }
@media only screen and (max-width: 780px) { .p-consumer .column .column_list li { width: 49%; margin: 0 2% 3rem 0; }
  .p-consumer .column .column_list li:nth-child(2n) { margin-right: 0; }
  .p-consumer .column .column_list li:nth-child(n+5) { display: none; } }
@media only screen and (max-width: 780px) and (max-width: 480px) { .p-consumer .column .column_list li { width: 100%; margin-right: 0 !important; }
  .p-consumer .column .column_list li:nth-child(n+4) { display: none; } }

.p-consumer .column .column_list li a { display: block; }
.p-consumer .column .column_list li a:hover .icatch { opacity: 0.6; }
.p-consumer .column .column_list li a:hover .text p { color: #4981CC; }
.p-consumer .column .column_list li .icatch { width: 100%; height: auto; margin-bottom: 1.5rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.p-consumer .column .column_list li .icatch > img, .p-consumer .column .column_list li .icatch > video { width: 100%; height: 100%; object-fit: cover; }
.p-consumer .column .column_list li .text p { margin-bottom: 1rem; font-size: 1.8rem; font-weight: 700; letter-spacing: 0.02em; line-height: 1.33333; }
.p-consumer .column .column_list li .text .date { margin-bottom: 1rem; font-size: 1.3rem; font-weight: 500; letter-spacing: 0.1em; color: #4981CC; }
.p-consumer .column .column_list li .text .cate { letter-spacing: -0.4em; }
.p-consumer .column .column_list li .text .cate > * { display: inline-block; letter-spacing: normal; }
.p-consumer .column .column_list li .text .cate span { margin: 0 0.5rem 0.5rem 0; padding: 0 0.5rem; color: #848484; border: solid 1px #CECECE; }
.p-consumer .column .text01 { margin-bottom: 2.8rem; font-size: 6.9rem; text-transform: uppercase; background-image: url("img/consumer/gallery_nami.png"); -webkit-background-size: 23.6rem auto; background-size: 23.6rem auto; background-position: right center; background-repeat: no-repeat; }
@media only screen and (max-width: 780px) { .p-consumer .column .text01 { margin-bottom: 2.5rem; font-size: 3.8rem; -webkit-background-size: 11.8rem auto; background-size: 11.8rem auto; background-position: right bottom; } }
.p-consumer .column .gallery_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.p-consumer .column .gallery_list li { height: auto; aspect-ratio: 1/1; }
@media only screen and (min-width: 901px) { .p-consumer .column .gallery_list li { width: 24.3%; margin: 0 0.933% 0.933% 0; }
  .p-consumer .column .gallery_list li:nth-child(4n) { margin-right: 0; } }
@media only screen and (max-width: 900px) { .p-consumer .column .gallery_list li { width: 32.6%; margin: 0 1.1% 1.1% 0; }
  .p-consumer .column .gallery_list li:nth-child(3n) { margin-right: 0; }
  .p-consumer .column .gallery_list li:nth-child(n+13) { display: none; } }
.p-consumer .column .gallery_list li a { width: 100%; height: 100%; display: block; overflow: hidden; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.p-consumer .column .gallery_list li a > img, .p-consumer .column .gallery_list li a > video { width: 100%; height: 100%; object-fit: cover; }
.p-consumer .column .gallery_list li a:hover { opacity: 0.6; }
@media only screen and (max-width: 780px) { .p-consumer + #footer { padding-bottom: 8rem; } }

.p-corporate .fv { width: 100%; background-position: center top; background-repeat: no-repeat; }
@media only screen and (min-width: 781px) { .p-corporate .fv { height: 101.5rem; margin-bottom: 11.4rem; padding-top: 14rem; background-image: url("img/corporate/fv_bg.png"); -webkit-background-size: 192rem auto; background-size: 192rem auto; } }
@media only screen and (max-width: 780px) { .p-corporate .fv { margin-bottom: 3.6rem; padding-top: 7rem; background-image: url("img/corporate/fv_bg_sp.png"); -webkit-background-size: 78rem 40rem; background-size: 78rem 40rem; } }
.p-corporate .fv .inner { max-width: 1280px; }
.p-corporate .fv h1 { width: 69rem; }
@media only screen and (max-width: 780px) { .p-corporate .fv h1 { width: 96%; margin: 0 auto; } }
.p-corporate .fv .text01 { margin-bottom: 1rem; font-family: "Playwrite HR", serif; font-size: 3.5rem; color: #CCDAED; }
@media only screen and (max-width: 780px) { .p-corporate .fv .text01 { margin: 0 auto 2.5rem auto; font-size: 2.75rem; text-align: center; } }
.p-corporate .fv .text02 { width: 51.1rem; margin-bottom: 1.2rem; border: solid 1px #D7DEE8; }
@media only screen and (max-width: 780px) { .p-corporate .fv .text02 { width: 96%; margin: 0 auto 1rem auto; } }
.p-corporate .fv .text02 dt { padding: 0.7rem; font-size: 2.2rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.18182; text-align: center; color: #ffffff; background-color: #43638E; }
@media only screen and (max-width: 780px) { .p-corporate .fv .text02 dt { font-size: 1.7rem; } }
.p-corporate .fv .text02 dd { padding: 0.8rem 1.4rem; font-weight: 500; letter-spacing: 0.02em; line-height: 1.5; color: #43638E; background-color: #ffffff; }
@media only screen and (max-width: 780px) { .p-corporate .fv .text02 dd { padding: 1rem; line-height: 1.15625; } }
.p-corporate .fv .text03 { width: 51.1rem; margin-bottom: 4.5rem; font-size: 2.2rem; font-weight: 500; letter-spacing: 0.02em; line-height: 1.40909; color: #43638E; }
@media only screen and (max-width: 780px) { .p-corporate .fv .text03 { width: 96%; margin: 0 auto 1rem auto; font-size: 1.9rem; line-height: 1.28947; } }
.p-corporate .fv .text04 { width: 54.7rem; }
@media only screen and (max-width: 780px) { .p-corporate .fv .text04 { width: 96%; margin: 0 auto; } }
.p-corporate .fv .text04 dt { padding: 0.7rem; font-size: 2.6rem; font-weight: 700; letter-spacing: 0.02em; text-align: center; color: #ffffff; background-color: #49B3CC; -webkit-border-radius: 2rem 2rem 0 0; -moz-border-radius: 2rem 2rem 0 0; border-radius: 2rem 2rem 0 0; }
@media only screen and (max-width: 780px) { .p-corporate .fv .text04 dt { font-size: 2rem; -webkit-border-radius: 1rem 1rem 0 0; -moz-border-radius: 1rem 1rem 0 0; border-radius: 1rem 1rem 0 0; } }
.p-corporate .fv .text04 dd { padding: 1.2rem 1.4rem; border-bottom: solid 1px #D3D3D3; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
@media only screen and (max-width: 780px) { .p-corporate .fv .text04 dd { padding: 1rem; } }
.p-corporate .fv .text04 dd .img { width: 5rem; margin-right: 1.7rem; }
@media only screen and (max-width: 780px) { .p-corporate .fv .text04 dd .img { width: 3rem; margin-right: 1rem; } }
.p-corporate .fv .text04 dd p { width: calc(100% - 5rem - 1.7rem); font-size: 1.8rem; font-weight: 500; letter-spacing: 0.03em; line-height: 1.5; color: #49B3CC; }
@media only screen and (max-width: 780px) { .p-corporate .fv .text04 dd p { width: calc(100% - 3rem - 1rem); font-size: 1.6rem; } }
.p-corporate .fv .text04 dd p b { font-size: 1.27em; font-weight: 700; }
.p-corporate .about { margin-bottom: 11.7rem; }
@media only screen and (max-width: 780px) { .p-corporate .about { margin-bottom: 6rem; } }
@media only screen and (min-width: 781px) { .p-corporate .about .headding { margin-bottom: 4rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } }
@media only screen and (max-width: 780px) { .p-corporate .about .headding { margin-bottom: 2rem; } }
.p-corporate .about .headding .midashi01 { margin-bottom: 1rem; }
.p-corporate .about .headding .midashi01 h2 { white-space: nowrap; }
.p-corporate .about .headding .text { padding: 0 4rem 4rem 0; text-align: right; background-image: url("img/corporate/nami01.png"); background-repeat: no-repeat; -webkit-background-size: 23.6rem auto; background-size: 23.6rem auto; background-position: right bottom; }
@media only screen and (max-width: 780px) { .p-corporate .about .headding .text { margin-right: -2rem; padding: 0 2rem 2rem 0; -webkit-background-size: 14.5rem auto; background-size: 14.5rem auto; } }
.p-corporate .about .headding .text .text01 { font-size: 4.2rem; line-height: 1; }
@media only screen and (max-width: 780px) { .p-corporate .about .headding .text .text01 { font-size: 2.5rem; } }
.p-corporate .about .headding .text .text02 { font-family: "Playwrite HR", serif; font-size: 3.7rem; line-height: 1; color: #4981CC; }
@media only screen and (max-width: 780px) { .p-corporate .about .headding .text .text02 { font-size: 2.7rem; } }
.p-corporate .about p { font-weight: 500; letter-spacing: 0.02em; line-height: 1.875; }
@media only screen and (max-width: 780px) { .p-corporate .about p { line-height: 1.6875; } }
.p-corporate .about dl { margin: 4rem 0; background-color: #ffffff; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; -webkit-box-shadow: 0 0 3rem rgba(134, 166, 183, 0.16); -moz-box-shadow: 0 0 3rem rgba(134, 166, 183, 0.16); box-shadow: 0 0 3rem rgba(134, 166, 183, 0.16); overflow: hidden; }
@media only screen and (max-width: 780px) { .p-corporate .about dl { margin: 2rem 0; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; } }
.p-corporate .about dl dt { padding: 0.7rem; font-size: 2.4rem; font-weight: 700; letter-spacing: 0.02em; text-align: center; color: #49B3CC; background-color: #D6EAEF; }
@media only screen and (max-width: 780px) { .p-corporate .about dl dt { font-size: 2rem; } }
.p-corporate .about dl dd { padding: 2.5rem; }
@media only screen and (max-width: 780px) { .p-corporate .about dl dd { padding: 1.5rem; } }
@media only screen and (min-width: 781px) { .p-corporate .about .point { margin-top: 4rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media only screen and (max-width: 780px) { .p-corporate .about .point { margin-top: 2rem; } }
.p-corporate .about .point > li { background-color: #EFEFEF; position: relative; overflow: hidden; }
@media only screen and (min-width: 781px) { .p-corporate .about .point > li { width: 48%; padding: 4.5rem 1.5rem 2rem 1.5rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } }
@media only screen and (max-width: 780px) { .p-corporate .about .point > li { padding: 3.5rem 1.5rem 1.5rem 1.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; }
  .p-corporate .about .point > li + li { margin-top: 1.6rem; } }
.p-corporate .about .point > li:before { padding: 0.5rem 2rem 0.5rem 4rem; content: 'Check point!'; font-family: "Poppins", serif; font-size-adjust: 1.5rem; font-weight: 600; color: #ffffff; background-color: #49B3CC; background-image: url("img/icon_check01.png"); background-repeat: no-repeat; -webkit-background-size: 1.8rem auto; background-size: 1.8rem auto; background-position: 1.4rem center; -webkit-border-radius: 0 0 1rem 0; -moz-border-radius: 0 0 1rem 0; border-radius: 0 0 1rem 0; position: absolute; top: 0; left: 0; }
@media only screen and (max-width: 780px) { .p-corporate .about .point > li:before { padding-left: 3rem; font-size: 1.3rem; -webkit-background-size: 1.2rem auto; background-size: 1.2rem auto; } }
.p-corporate .about .point > li p { line-height: 1.5625; }
@media only screen and (max-width: 780px) { .p-corporate .about .point > li p { line-height: 1.4375; } }
.p-corporate .subsequent { margin-bottom: 8rem; padding: 5rem; background-color: #ffffff; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; }
@media only screen and (max-width: 780px) { .p-corporate .subsequent { width: 107%; margin: 0 -3.5% 3.2rem -3.5%; padding: 2.5rem 3.5%; } }
@media only screen and (min-width: 781px) { .p-corporate .subsequent .midashi01 { margin-top: -7.5rem; margin-left: -2.5rem; } }
@media only screen and (max-width: 780px) { .p-corporate .subsequent .midashi01 { margin-top: -5rem; } }
.p-corporate .subsequent p { font-weight: 500; letter-spacing: 0.02em; line-height: 1.875; }
@media only screen and (max-width: 780px) { .p-corporate .subsequent p { line-height: 1.6875; } }
.p-corporate .subsequent .graph { margin-top: 4rem; margin-bottom: 5rem; }
@media only screen and (max-width: 780px) { .p-corporate .subsequent .graph { margin-top: 2rem; margin-bottom: 2.5rem; } }
.p-corporate .voice { margin-bottom: 13.7rem; }
@media only screen and (max-width: 780px) { .p-corporate .voice { margin-bottom: 15rem; } }
@media only screen and (max-width: 780px) { .p-corporate .voice .midashi01 .eng { font-size: 2.9rem; } }
.p-corporate .voice p { font-weight: 500; letter-spacing: 0.02em; line-height: 1.875; }
@media only screen and (max-width: 780px) { .p-corporate .voice p { line-height: 1.6875; } }
@media only screen and (min-width: 781px) { .p-corporate .voice ol { margin-top: 2.4rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media only screen and (max-width: 780px) { .p-corporate .voice ol { margin-top: 2rem; } }
@media only screen and (min-width: 781px) { .p-corporate .voice ol li { width: 30%; } }
@media only screen and (max-width: 780px) { .p-corporate .voice ol li + li { margin-top: 2rem; } }
.p-corporate .voice ol li .img { margin-bottom: 1.8rem; }
@media only screen and (max-width: 780px) { .p-corporate .voice ol li .img { margin-bottom: 1.6rem; } }
.p-corporate .voice ol li .text h3 { margin-bottom: 0.5rem; font-size: 1.8rem; font-weight: 700; letter-spacing: 0.02em; line-height: 1.33333; }
@media only screen and (max-width: 780px) { .p-corporate .voice ol li .text h3 { font-size: 1.9rem; line-height: 1.18421; } }
.p-corporate .voice ol li .text p { letter-spacing: 0.1em; line-height: 1.5; color: #848484; }
@media only screen and (max-width: 780px) { .p-corporate .voice ol li .text p { line-height: 1.4375; } }
.p-corporate .why { margin-bottom: 8rem; padding: 5rem 5rem 2.5rem 5rem; color: #ffffff; background-color: #4981CC; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; }
@media only screen and (max-width: 780px) { .p-corporate .why { width: 111%; margin: 0 -5.5% 3.5rem -5.5%; padding: 4.5rem 2.5rem 2.5rem 2.5rem; position: relative; } }
@media only screen and (min-width: 781px) { .p-corporate .why .headding { text-align: right; position: relative; z-index: 1; } }
.p-corporate .why .headding .img { position: absolute; }
@media only screen and (min-width: 781px) { .p-corporate .why .headding .img { width: 38.5rem; top: -55%; left: -2.5rem; z-index: -1; } }
@media only screen and (min-width: 781px) and (max-width: 1099px) { .p-corporate .why .headding .img { width: 34rem; } }

@media only screen and (max-width: 780px) { .p-corporate .why .headding .img { width: 26rem; top: -9.5rem; left: -5.5%; } }
@media only screen and (min-width: 781px) { .p-corporate .why .headding .midashi01 { margin-right: -2.5rem; margin-bottom: 8rem; text-align: left; display: inline-block; } }
@media only screen and (max-width: 780px) { .p-corporate .why .headding .midashi01 .eng span { position: relative; }
  .p-corporate .why .headding .midashi01 .eng span:before { width: 2.5rem; height: 100%; content: ''; background-color: #ffffff; position: absolute; top: 0; right: 100%; } }
.p-corporate .why p { font-size: 2rem; letter-spacing: 0.1em; line-height: 2.3125; }
@media only screen and (max-width: 780px) { .p-corporate .why p { font-size: 1.8rem; font-weight: 500; letter-spacing: 0.05em; line-height: 1.94444; } }
.p-corporate .why p.catchcopy { margin: 2.5rem 0 6rem 0; font-size: 2.4rem; font-weight: 700; line-height: 1.41667; text-align: center; }
@media only screen and (max-width: 780px) { .p-corporate .why p.catchcopy { margin: 2rem 0 4rem 0; font-size: 2rem; line-height: 1.375; } }
.p-corporate .why h3 { margin-bottom: 4rem; font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; text-align: center; }
@media only screen and (max-width: 780px) { .p-corporate .why h3 { margin-bottom: 2.5rem; font-size: 1.7rem; } }
.p-corporate .why h3 span { font-family: "Poppins", serif; font-size: 4.4rem; font-weight: 600; letter-spacing: 0; text-transform: uppercase; display: block; }
@media only screen and (max-width: 780px) { .p-corporate .why h3 span { font-size: 3.6rem; } }
.p-corporate .why ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.p-corporate .why ul li { width: 22%; margin: 0 4% 3.5rem 0; font-weight: 500; letter-spacing: 0.02em; line-height: 1; text-align: center; }
.p-corporate .why ul li:nth-child(4n) { margin-right: 0; }
@media only screen and (max-width: 780px) { .p-corporate .why ul li { width: 30%; margin: 0 5% 1.5rem 0 !important; font-size: 1.4rem; }
  .p-corporate .why ul li:nth-child(3n) { margin-right: 0 !important; } }
.p-corporate .why ul li .img { margin-bottom: 1rem; }
@media only screen and (max-width: 780px) { .p-corporate .why ul li .img { margin-bottom: 0.5rem; }
  .p-corporate .why ul li .img img { width: 80%; margin: 0 auto; display: block; } }
.p-corporate .reason { margin-bottom: 7rem; }
@media only screen and (max-width: 780px) { .p-corporate .reason { margin-bottom: 4rem; } }
.p-corporate .reason ol li { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
.p-corporate .reason ol li + li { margin-top: 4rem; }
@media only screen and (max-width: 780px) { .p-corporate .reason ol li + li { margin-top: 2.4rem; } }
.p-corporate .reason ol li .img { -webkit-flex: 0 0 60%; flex: 0 0 60%; }
@media only screen and (max-width: 780px) { .p-corporate .reason ol li .img { -webkit-flex-basis: 86%; flex-basis: 86%; } }
.p-corporate .reason ol li .text { margin-top: 4.4rem; padding: 1.5rem 2.4rem; margin-left: -17%; background-color: #ffffff; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; -webkit-box-shadow: 0.3rem 0.3rem 1.3rem rgba(110, 141, 183, 0.16); -moz-box-shadow: 0.3rem 0.3rem 1.3rem rgba(110, 141, 183, 0.16); box-shadow: 0.3rem 0.3rem 1.3rem rgba(110, 141, 183, 0.16); -webkit-flex: 0 0 57%; flex: 0 0 57%; position: relative; z-index: 1; }
@media only screen and (max-width: 780px) { .p-corporate .reason ol li .text { margin-top: 13rem; margin-left: -80%; padding: 1.5rem 1.2rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; -webkit-flex-basis: 94%; flex-basis: 94%; } }
.p-corporate .reason ol li .text .num.border_letters { font-size: 6.5rem; -webkit-text-shadow: 1px 1px 0 #99A9C1, -1px 1px 0 #99A9C1, -1px -1px 0 #99A9C1, 1px -1px 0 #99A9C1; -moz-text-shadow: 1px 1px 0 #99A9C1, -1px 1px 0 #99A9C1, -1px -1px 0 #99A9C1, 1px -1px 0 #99A9C1; text-shadow: 1px 1px 0 #99A9C1, -1px 1px 0 #99A9C1, -1px -1px 0 #99A9C1, 1px -1px 0 #99A9C1; }
@media only screen and (max-width: 1279px) { .p-corporate .reason ol li .text .num.border_letters { font-size: 5rem; } }
@media only screen and (max-width: 900px) { .p-corporate .reason ol li .text .num.border_letters { font-size: 3.2rem; } }
.p-corporate .reason ol li .text .num.border_letters span { margin-left: 0.1em; font-size: 1.3em; line-height: 1; }
.p-corporate .reason ol li .text h3 { margin-bottom: 1.3rem; font-size: 2rem; font-weight: 700; letter-spacing: 0.03em; line-height: 1.5; }
@media only screen and (max-width: 780px) { .p-corporate .reason ol li .text h3 { font-size: 1.8rem; } }
.p-corporate .reason ol li .text h3 span { color: #4981CC; }
.p-corporate .reason ol li .text p { font-weight: 500; letter-spacing: 0.02em; line-height: 1.875; color: #848484; }
@media only screen and (max-width: 780px) { .p-corporate .reason ol li .text p { line-height: 1.4375; } }
.p-corporate .reason ol li:nth-child(even) .img { margin-left: -17%; -webkit-order: 2; order: 2; }
@media only screen and (max-width: 780px) { .p-corporate .reason ol li:nth-child(even) .img { margin-left: -80%; } }
.p-corporate .reason ol li:nth-child(even) .text { margin-left: 0; -webkit-order: 1; order: 1; }
.p-corporate .merit { margin-bottom: 10rem; }
@media only screen and (max-width: 780px) { .p-corporate .merit { margin-bottom: 5.5rem; } }
.p-corporate .merit p { font-weight: 500; letter-spacing: 0.02em; line-height: 1.875; }
@media only screen and (max-width: 780px) { .p-corporate .merit p { line-height: 1.6875; } }
@media only screen and (min-width: 781px) { .p-corporate .merit ol { margin-top: 4rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media only screen and (max-width: 780px) { .p-corporate .merit ol { margin-top: 1.2rem; } }
@media only screen and (min-width: 781px) { .p-corporate .merit ol li { width: 30%; } }
.p-corporate .merit ol li .num { font-family: "Poppins", serif; font-size: 5rem; font-weight: 600; text-align: center; color: #4981CC; }
@media only screen and (max-width: 780px) { .p-corporate .merit ol li .num { font-size: 4.2rem; } }
.p-corporate .merit ol li .box { margin-bottom: 1.8rem; padding: 2rem; background-color: #ffffff; border: solid 0.2rem #4981CC; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; }
@media only screen and (max-width: 780px) { .p-corporate .merit ol li .box { margin-bottom: 1.2rem; padding: 2rem 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } }
.p-corporate .merit ol li .box .img { width: 72%; margin: 0 auto 2.5rem auto; padding-top: 1rem; }
@media only screen and (max-width: 780px) { .p-corporate .merit ol li .box .img { width: 50%; margin: 0; padding: 0 2.5rem; } }
.p-corporate .merit ol li .box p { font-size: 1.8rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.33333; text-align: center; }
@media only screen and (max-width: 780px) { .p-corporate .merit ol li .box p { width: 50%; text-align: left; } }
.p-corporate .merit ol li .text p { letter-spacing: 0.1em; line-height: 1.5; color: #848484; }
@media only screen and (max-width: 780px) { .p-corporate .merit ol li .text p { line-height: 1.4375; } }
.p-corporate .example { margin-bottom: 9.5rem; }
@media only screen and (max-width: 780px) { .p-corporate .example { margin-bottom: 3.5rem; } }
.p-corporate .example p { font-weight: 500; letter-spacing: 0.02em; line-height: 1.875; }
@media only screen and (max-width: 780px) { .p-corporate .example p { line-height: 1.6875; } }
.p-corporate .example ul { margin-top: 4rem; }
.p-corporate .example ul li { background-color: #ffffff; -webkit-box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.05); -moz-box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.05); box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.05); }
@media only screen and (min-width: 781px) { .p-corporate .example ul li { margin-bottom: 1.8rem; padding: 2rem 2.5rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media only screen and (max-width: 780px) { .p-corporate .example ul li { margin-bottom: 1.5rem; padding: 1.2rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } }
@media only screen and (min-width: 781px) { .p-corporate .example ul li .img { width: 42.4%; } }
@media only screen and (max-width: 780px) { .p-corporate .example ul li .img { margin-bottom: 1.3rem; } }
@media only screen and (min-width: 781px) { .p-corporate .example ul li .text { width: 53.2%; } }
.p-corporate .example ul li .text h3 { margin-bottom: 0.5rem; font-size: 1.8rem; font-weight: 700; letter-spacing: 0.02em; }
@media only screen and (max-width: 780px) { .p-corporate .example ul li .text h3 { font-size: 2.1rem; line-height: 1.19048; } }
.p-corporate .example ul li .text p { letter-spacing: 0.1em; line-height: 1.5; color: #848484; }
@media only screen and (max-width: 780px) { .p-corporate .example ul li .text p { line-height: 1.4375; } }
@media only screen and (max-width: 780px) { .p-corporate .voice2 .midashi01 .eng { font-size: 2.9rem; } }
.p-corporate .voice2 p { font-weight: 500; letter-spacing: 0.02em; line-height: 1.875; }
@media only screen and (max-width: 780px) { .p-corporate .voice2 p { line-height: 1.6875; } }
@media only screen and (min-width: 781px) { .p-corporate .voice2 ol { margin-top: 2.4rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media only screen and (max-width: 780px) { .p-corporate .voice2 ol { margin-top: 2rem; } }
@media only screen and (min-width: 781px) { .p-corporate .voice2 ol li { width: 30%; } }
@media only screen and (max-width: 780px) { .p-corporate .voice2 ol li + li { margin-top: 2rem; } }
.p-corporate .voice2 ol li .img { margin-bottom: 1.8rem; }
@media only screen and (max-width: 780px) { .p-corporate .voice2 ol li .img { margin-bottom: 1.6rem; } }
.p-corporate .voice2 ol li .text h3 { margin-bottom: 0.5rem; font-size: 1.8rem; font-weight: 700; letter-spacing: 0.02em; line-height: 1.33333; }
@media only screen and (max-width: 780px) { .p-corporate .voice2 ol li .text h3 { font-size: 1.9rem; line-height: 1.18421; } }
.p-corporate .voice2 ol li .text p { letter-spacing: 0.1em; line-height: 1.5; color: #848484; }
@media only screen and (max-width: 780px) { .p-corporate .voice2 ol li .text p { line-height: 1.4375; } }

.p-column .column .column_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media only screen and (min-width: 781px) { .p-column .column .column_list li { width: 32%; margin: 0 2% 5rem 0; }
  .p-column .column .column_list li:nth-child(3n) { margin-right: 0; } }
@media only screen and (max-width: 780px) { .p-column .column .column_list li { width: 49%; margin: 0 2% 3rem 0; }
  .p-column .column .column_list li:nth-child(2n) { margin-right: 0; } }
@media only screen and (max-width: 780px) and (max-width: 480px) { .p-column .column .column_list li { width: 100%; margin-right: 0 !important; } }

.p-column .column .column_list li a { display: block; }
.p-column .column .column_list li a:hover .icatch { opacity: 0.6; }
.p-column .column .column_list li a:hover .text p { color: #4981CC; }
.p-column .column .column_list li .icatch { width: 100%; height: auto; margin-bottom: 1.5rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.p-column .column .column_list li .icatch > img, .p-column .column .column_list li .icatch > video { width: 100%; height: 100%; object-fit: cover; }
.p-column .column .column_list li .text p { margin-bottom: 1rem; font-size: 1.8rem; font-weight: 700; letter-spacing: 0.02em; line-height: 1.33333; }
.p-column .column .column_list li .text .date { margin-bottom: 1rem; font-size: 1.3rem; font-weight: 500; letter-spacing: 0.1em; color: #4981CC; }
.p-column .column .column_list li .text .cate { letter-spacing: -0.4em; }
.p-column .column .column_list li .text .cate > * { display: inline-block; letter-spacing: normal; }
.p-column .column .column_list li .text .cate span { margin: 0 0.5rem 0.5rem 0; padding: 0 0.5rem; color: #848484; border: solid 1px #CECECE; }
.p-column .post .headding { margin-bottom: 3rem; }
.p-column .post .headding .date { margin-bottom: 1rem; font-size: 1.3rem; font-weight: 500; letter-spacing: 0.1em; color: #4981CC; }
.p-column .post .headding h2 { margin-bottom: 1.2rem; font-size: 3.6rem; font-weight: 700; letter-spacing: 0.02em; }
@media only screen and (max-width: 780px) { .p-column .post .headding h2 { font-size: 2.2rem; line-height: 1.2; } }
.p-column .post .headding .cate { letter-spacing: -0.4em; }
.p-column .post .headding .cate > * { display: inline-block; letter-spacing: normal; }
.p-column .post .headding .cate span { margin: 0 0.5rem 0.5rem 0; padding: 0 0.5rem; color: #848484; border: solid 1px #CECECE; }
.p-column .post .icatch { margin-bottom: 5rem; }
.p-column .post .icatch img { width: 100%; }

.p-gallery .gallery .gallery_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.p-gallery .gallery .gallery_list li { height: auto; aspect-ratio: 1/1; }
@media only screen and (min-width: 901px) { .p-gallery .gallery .gallery_list li { width: 24.3%; margin: 0 0.933% 0.933% 0; }
  .p-gallery .gallery .gallery_list li:nth-child(4n) { margin-right: 0; } }
@media only screen and (max-width: 900px) { .p-gallery .gallery .gallery_list li { width: 32.6%; margin: 0 1.1% 1.1% 0; }
  .p-gallery .gallery .gallery_list li:nth-child(3n) { margin-right: 0; } }
.p-gallery .gallery .gallery_list li a { width: 100%; height: 100%; display: block; overflow: hidden; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.p-gallery .gallery .gallery_list li a > img, .p-gallery .gallery .gallery_list li a > video { width: 100%; height: 100%; object-fit: cover; }
.p-gallery .gallery .gallery_list li a:hover { opacity: 0.6; }

.p-contact { margin-bottom: 9rem; }
@media only screen and (max-width: 780px) { .p-contact { margin-bottom: 4rem; } }
.p-contact .mailform { padding: 4rem; background-color: #ffffff; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; }
@media only screen and (max-width: 780px) { .p-contact .mailform { padding: 2rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } }
.p-contact .mailform table { width: 100%; }
@media only screen and (max-width: 780px) { .p-contact .mailform table { display: block; } }
@media only screen and (max-width: 780px) { .p-contact .mailform table tr, .p-contact .mailform table tbody { display: block; } }
.p-contact .mailform table tr:last-child th, .p-contact .mailform table tr:last-child td { padding-bottom: 0; }
.p-contact .mailform table th { width: 30rem; padding: 1rem 1rem 3rem 0; font-size: 1.8rem; font-weight: 500; vertical-align: top; }
@media only screen and (max-width: 780px) { .p-contact .mailform table th { width: auto; padding: 0; display: block; } }
.p-contact .mailform table th .hissu { margin-right: 1em; padding: 0.1em 0.5em; font-size: 1.4rem; font-weight: 500; color: #ffffff; background-color: #49B3CC; display: inline-block; vertical-align: 0; }
.p-contact .mailform table th .ninni { margin-right: 1em; padding: 0.1em 0.5em; font-size: 1.4rem; font-weight: 500; color: #ffffff; background-color: #43638E; display: inline-block; vertical-align: 0; }
.p-contact .mailform table td { padding: 0 0 3rem 0; vertical-align: top; }
@media only screen and (max-width: 780px) { .p-contact .mailform table td { padding: 1rem 0 2rem 0; display: block; } }
.p-contact .mailform table td span.error { font-size: 1.4rem; font-weight: 500; text-align: right; color: #DE5151; display: block; }
.p-contact .mailform input[type="text"], .p-contact .mailform input[type="tel"], .p-contact .mailform input[type="email"], .p-contact .mailform input[type="number"], .p-contact .mailform textarea, .p-contact .mailform select { width: 100%; padding: 1.25rem 2rem; background-color: #EFEFEF; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; }
.p-contact .mailform input[type="text"].size100, .p-contact .mailform input[type="tel"].size100, .p-contact .mailform input[type="email"].size100, .p-contact .mailform input[type="number"].size100, .p-contact .mailform textarea.size100, .p-contact .mailform select.size100 { width: 10rem; }
.p-contact .mailform textarea { height: 15rem; }
@media only screen and (max-width: 780px) { .p-contact .mailform textarea { height: 10rem; } }
.p-contact .mailform select { background-image: url("img/icon_sankaku01.png"); -webkit-background-size: 0.9rem auto; background-size: 0.9rem auto; background-repeat: no-repeat; background-position: calc(100% - 1rem) center; }
.p-contact .mailform .radio_group { padding-top: 1.25rem; letter-spacing: -0.4em; }
.p-contact .mailform .radio_group > * { display: inline-block; letter-spacing: normal; }
.p-contact .mailform .radio_group label { margin-right: 1em; }
.p-contact .mailform .radio_group label input { visibility: hidden; }
.p-contact .mailform .radio_group label input:checked + span:after { content: ''; }
.p-contact .mailform .radio_group label input + span { padding-left: 1.5em; display: inline-block; position: relative; }
.p-contact .mailform .radio_group label input + span:before { width: 1.2em; height: 1.2em; content: ''; border: solid 1px #848484; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 0.15em; left: 0; }
.p-contact .mailform .radio_group label input + span:after { width: 0.8em; height: 0.8em; content: none; background-color: #4981CC; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 0.35em; left: 0.2em; }
.p-contact .mailform .check_group { padding-top: 1.25rem; letter-spacing: -0.4em; }
.p-contact .mailform .check_group > * { display: inline-block; letter-spacing: normal; }
.p-contact .mailform .check_group label { margin-right: 1em; }
.p-contact .mailform .check_group label input { visibility: hidden; }
.p-contact .mailform .check_group label input:checked + span:after { content: ''; }
.p-contact .mailform .check_group label input + span { padding-left: 1.5em; display: inline-block; position: relative; }
.p-contact .mailform .check_group label input + span:before { width: 1.2em; height: 1.2em; content: ''; border: solid 1px #848484; position: absolute; top: 0.15em; left: 0; }
.p-contact .mailform .check_group label input + span:after { width: 1em; height: 0.6em; content: none; border-left: solid 0.2rem #4981CC; border-bottom: solid 0.2rem #4981CC; position: absolute; top: 0.2em; left: 0.2em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.p-contact .mailform .submit { margin-top: 6rem; text-align: center; }
@media only screen and (max-width: 780px) { .p-contact .mailform .submit { margin-top: 3rem; } }
.p-contact .mailform .submit input[type="submit"] { width: 32.4rem; padding: 1rem 4rem 0.9rem 4rem; font-size: 2rem; font-weight: 700; letter-spacing: 0.1em; text-align: center; color: #ffffff; background-color: #4981CC; background-image: url("img/icon_arrow01.png"); background-repeat: no-repeat; background-position: calc(100% - 1.8rem) center; -webkit-background-size: 2.8rem auto; background-size: 2.8rem auto; border: solid 0.2rem #ffffff; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; display: inline-block; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
@media only screen and (max-width: 780px) { .p-contact .mailform .submit input[type="submit"] { width: 30.9rem; font-size: 1.9rem; -webkit-background-size: 2.4rem auto; background-size: 2.4rem auto; } }
.p-contact .mailform .submit input[type="submit"]:hover { background-color: #143B6E; }
.p-contact .thanks p { font-weight: 500; letter-spacing: 0.02em; line-height: 1.875; }
@media only screen and (max-width: 780px) { .p-contact .thanks p { line-height: 1.6875; } }
.p-contact .thanks p + p { margin-top: 1em; }
.p-contact .thanks .btn { margin-top: 6rem; text-align: center; }
.p-contact .thanks .btn a { width: 32.4rem; padding: 1rem 4rem 0.9rem 4rem; font-size: 2rem; font-weight: 700; letter-spacing: 0.1em; text-align: center; color: #ffffff; background-color: #4981CC; background-image: url("img/icon_arrow01.png"); background-repeat: no-repeat; background-position: calc(100% - 1.8rem) center; -webkit-background-size: 2.8rem auto; background-size: 2.8rem auto; border: solid 0.2rem #ffffff; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; display: inline-block; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
@media only screen and (max-width: 780px) { .p-contact .thanks .btn a { width: 30.9rem; font-size: 1.9rem; -webkit-background-size: 2.4rem auto; background-size: 2.4rem auto; } }
.p-contact .thanks .btn a:hover { background-color: #143B6E; }