@charset "UTF-8";

.br-sp {display:none;}
.main_image {width: 1000px; margin: 10px auto 0px;}

article.middle {width: 960px; margin: 0px auto;}
article.middle.rpa {width: 100%; margin: 0px auto;}

p.close { margin: 10px 0px 300px;}

.overseas_head {width: 1000px; margin: 10px auto 0px;}
.overseas_head > h2 {font-size: 30px; text-align: center;font-weight: 700; }
.overseas_head > h3 {font-size: 36px; text-align: center;font-weight: 700; color:#ea5550; margin-top: 20px;}
.overseas_head > ul {display: flex; margin-top: 20px;}
.overseas_head > p {background-color: #ea5550; font-size: 24px; font-weight: 700; color: #FFF; line-height: 100%; padding: 6px 0px; text-align: center;}

.overseas_support {margin-top: 40px;}
.overseas_support h2 {font-size: 30px; font-weight: 700; color:#ea5550; border-left: 2px solid #ea5550; padding-left: 10px;line-height: 100%;}
.overseas_support figure {display: flex; justify-content: space-between; flex-direction: row-reverse; margin-top: 20px;}
.overseas_support figure figcaption {width: 49%;}
.overseas_support figure figcaption p:not([class]) {font-size: 14px;}
.overseas_support figure picture {width: 49%;}

.overseas_support figure figcaption p.link {margin-top: 20px;}
.overseas_support figure figcaption p.link a {display: block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; text-align: center; color: #000; position: relative; font-weight: 700;}
.overseas_support figure figcaption p.link a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 5px; top: 5px;}
.overseas_support figure figcaption p.link a:hover {opacity: 1;}
.overseas_support figure figcaption p.link a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}


.over_commit {margin-top: 30px;}
.over_commit > h2 {font-size: 30px; font-weight: 700; color:#ea5550; border-left: 2px solid #ea5550; padding-left: 10px;line-height: 100%;}
.over_commit > div.commit_list { margin-top: 20px; display: flex; gap:20px 0px;justify-content: space-between; flex-wrap: wrap;}
.over_commit > div.commit_list figure {width: 470px; display: flex;justify-content: space-around; flex-direction: row-reverse;}
.over_commit > div.commit_list figure picture {width: calc(100% - 292px);}
.over_commit > div.commit_list figure figcaption {width: 280px; display: flex; flex-direction: column;}
.over_commit > div.commit_list figure figcaption h3 {font-weight: 700; display: flex; align-items: center;}
.over_commit > div.commit_list figure figcaption h3:before {content: ""; width: 80px; height: 40px; display: block;background-size: cover;margin-right: 10px;}
.over_commit > div.commit_list figure:first-child figcaption h3:before {background: url("../images/overseas/number01.png") no-repeat; }
.over_commit > div.commit_list figure:nth-child(2) figcaption h3:before {background: url("../images/overseas/number02.png") no-repeat;}
.over_commit > div.commit_list figure:nth-child(3) figcaption h3:before {background: url("../images/overseas/number03.png") no-repeat;}
.over_commit > div.commit_list figure:nth-child(4) figcaption h3:before {background: url("../images/overseas/number04.png") no-repeat;}

.over_commit > div.commit_list figure figcaption p:not([class]) {font-size: 14px;}
.over_commit > div.commit_list figure figcaption p.link {margin-top: auto;}
.over_commit > div.commit_list figure figcaption p.link a {display: block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; text-align: center; color: #000; position: relative; font-weight: 700;}
.over_commit > div.commit_list figure figcaption p.link a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 5px; top: 5px;}
.over_commit > div.commit_list figure figcaption p.link a:hover {opacity: 1;}
.over_commit > div.commit_list figure figcaption p.link a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}

.overseas_voice {margin-top: 40px;}
.overseas_voice > div {background-color: #efefef; padding: 16px; display: flex; justify-content: space-around; flex-wrap: wrap;}
.overseas_voice > div figure {width: 454px; display: flex; flex-direction: row-reverse;}
.overseas_voice > div figure figcaption {width: 236px; padding: 12px; box-sizing: border-box; background-color: #FFF; display: flex; flex-direction: column;}
.overseas_voice > div figure + figure figcaption {width: 276px;}
.overseas_voice > div figure picture {width: calc(100% - 236px);}
.overseas_voice > div figure + figure picture {width: calc(100% - 276px);}
.overseas_voice > div figure figcaption h3 {font-size: 20px; color: #ea5550; font-weight: 700;}
.overseas_voice > div figure figcaption p:not([class]) {font-size: 14px; margin-top: 12px;}
.overseas_voice > div figure figcaption p.link {margin-top: auto;}
.overseas_voice > div figure figcaption p.link a {display: block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; text-align: center; color: #000; position: relative; font-weight: 700;}
.overseas_voice > div figure figcaption p.link a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 5px; top: 5px;}
.overseas_voice > div figure figcaption p.link a:hover {opacity: 1;}
.overseas_voice > div figure figcaption p.link a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}

.overseas_under {margin: 40px 0px;}
.overseas_under > h2 {font-size: 30px; text-align: center;font-weight: 700;color:#ea5550;}
.overseas_under > h3 {font-size: 24px; text-align: center;margin-top: 20px;}
.overseas_under > p.link {margin: 12px auto 0px; width: 320px;}
.overseas_under > p.link a {display: block;background: #ea5550; border-radius: 20px;border: 1px solid #ea5550; text-align: center; color: #FFF; position: relative; font-weight: 700; font-size: 24px;}
.overseas_under > p.link a:after {content: ""; width: 24px; height: 24px; background: url("../images/link_icon_hover.png") no-repeat; background-size: cover; position: absolute; right: 6px; top: 6px;}
.overseas_under > p.link a:hover {opacity: 1; background-color:#FFF; color: #ea5550; border: 1px solid #CCC;}
.overseas_under > p.link a:hover:after {background: url("../images/link_icon.png") no-repeat;background-size: cover;}
.overseas_under > div.movie {margin: 40px auto; display: flex; justify-content: space-between; gap: 0 24px;}
.overseas_under > div.movie picture {aspect-ratio: 16 / 9;}
.overseas_under > div.movie iframe {width: 100%; height: 100%;}


.overseas {padding-top: 0px;}
.overseas .notice {text-align: center;}
.overseas .notice div:first-child {display: inline-block; border-bottom: 2px solid #EA5550;}
.overseas .notice div:first-child h2 {display: inline-block; font-size: 30px; color: #EA5550;vertical-align: middle; margin-right: 25px;}
.overseas .notice div:first-child p {display: inline-block; vertical-align: middle;}
.overseas .notice div:first-child p a {color: #000; position: relative;padding-right: 20px;}
.overseas .notice div:first-child p a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 0px; top: 5px;}
.overseas .notice div:first-child p a:hover {opacity: 1;}
.overseas .notice div:first-child p a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.overseas .notice div + div {margin-top: 15px;}
.overseas .notice div + div dl {text-align: left; margin-bottom: 10px;}
.overseas .notice div + div dl dt {float: left; margin-right: 10px;color: #727171;}
.overseas .notice div + div dl dd { color: #727171; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.overseas .notice div + div dl dd a {color: #000;}
.overseas .notice div + div dl:after {content: "";display: block;clear: both;}

.overseas .info {text-align: center; margin: 30px 0px 40px;}
.overseas .info div:first-child {display: inline-block; border-bottom: 2px solid #EA5550;}
.overseas .info div:first-child h2 {display: inline-block; font-size: 30px; color: #EA5550;vertical-align: middle; margin-right: 25px;}
.overseas .info div:first-child p {display: inline-block; vertical-align: middle;}
.overseas .info div:first-child p a {color: #000; position: relative;padding-right: 20px;}
.overseas .info div:first-child p a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 0px; top: 5px;}
.overseas .info div:first-child p a:hover {opacity: 1;}
.overseas .info div:first-child p a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.overseas .info div + div {margin-top: 15px;}
.overseas .info div + div dl {text-align: left; margin-bottom: 10px;}
.overseas .info div + div dl dt {float: left; margin-right: 10px;color: #727171;}
.overseas .info div + div dl dd { color: #727171; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.overseas .info div + div dl dd a {color: #000;}
.overseas .info div + div dl:after {content: "";display: block;clear: both;}

.commitment_01_head h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.commitment_01_head h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.commitment_01_head h2 strong {padding-left: 53px;}
.commitment_01_head h2 + p {margin-top: 10px;}
.commitment_01_head > ul {display: flex; margin-top: 20px; flex-wrap: wrap;}
.commitment_01_head > ul li {width: 25%;}
.commitment_01_head > p.link {margin: 40px auto 0px; width: 440px;}
.commitment_01_head > p.link a {display: block;background: #ea5550; border-radius: 20px;border: 1px solid #ea5550; text-align: center; color: #FFF; position: relative; font-weight: 700; font-size: 24px;}
.commitment_01_head > p.link a:after {content: ""; width: 24px; height: 24px; background: url("../images/link_icon_hover.png") no-repeat; background-size: cover; position: absolute; right: 6px; top: 6px;}
.commitment_01_head > p.link a:hover {opacity: 1; background-color:#FFF; color: #ea5550; border: 1px solid #CCC;}
.commitment_01_head > p.link a:hover:after {background: url("../images/link_icon.png") no-repeat;background-size: cover;}

.inspection {margin: 30px 0px 60px;}
.inspection h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.inspection_cont { margin: 20px auto 0px; padding: 15px 15px 40px;background-color: #efefef;}
.inspection_country {margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; gap:20px 0px;}
.inspection_country > div {width: 49%; display: flex;}
.inspection_country > div > figure {width: 42.2%;}
.inspection_country > div > figure figcaption {font-size: 20px; font-weight: 700; text-align: center; margin-top: 10px;}
.inspection_country > div > picture {width: 57.8%;}
.inspection_country > div:nth-child(3),.inspection_country > div:nth-child(4) {flex-direction: row-reverse;}
.inspection_cont > p.link {margin: 40px auto 0px; width: 440px;}
.inspection_cont > p.link a {display: block;background: #ea5550; border-radius: 20px;border: 1px solid #ea5550; text-align: center; color: #FFF; position: relative; font-weight: 700; font-size: 24px;}
.inspection_cont > p.link a:after {content: ""; width: 24px; height: 24px; background: url("../images/link_icon_hover.png") no-repeat; background-size: cover; position: absolute; right: 6px; top: 6px;}
.inspection_cont > p.link a:hover {opacity: 1; background-color:#FFF; color: #ea5550; border: 1px solid #CCC;}
.inspection_cont > p.link a:hover:after {background: url("../images/link_icon.png") no-repeat;background-size: cover;}

.commitment_02_head h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.commitment_02_head h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.commitment_02_head h2 strong {padding-left: 53px; display: inline-block;}
.commitment_02_head figure {margin-top: 10px; display: flex; flex-direction: column; justify-content: space-between;}
.commitment_02_head figure figcaption {width:100%;}
.commitment_02_head figure > div.movie {width: 50%;aspect-ratio:47 / 32; margin:20px auto 0px;}
.commitment_02_head figure > div.movie iframe {width: 100%; height: 100%;}
.commitment_02_head > ul {display: flex; margin-top: 20px; flex-wrap: wrap;}
.commitment_02_head > ul li {width: 25%;}

.onlinelesson {margin: 30px 0px 60px;}
.onlinelesson h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.onlinelesson h3 + p {margin-top: 10px;}

.onlinelesson_cont {margin-top: 20px; }
.onlinelesson_cont > div.item_row {background-color: #efefef; padding: 20px; box-sizing: border-box; display: flex; justify-content: space-between; width: 100%;}
.onlinelesson_cont > div.item_row div {width: 71.8%;}
.onlinelesson_cont > div.item_row div + div {width: 26%;}
.onlinelesson_cont > div.item_row div h4 {font-size: 24px; font-weight: 700;}
.onlinelesson_cont > div.item_row div h4 + p {margin-top: 10px;}
.onlinelesson_cont > div.item_row div h4 + picture { margin-top: 20px;}
.onlinelesson_cont > div.item_row div p.etc {background-color: #FFF; padding: 10px; font-size: 14px; border-radius: 10px; margin-top: 20px;}
.onlinelesson_cont > div.item_row + div.item_row { margin-top: 20px;}

.onlinelesson_cont > div.item_row p.link {margin: 40px auto 0px; width: 440px;}
.onlinelesson_cont > div.item_row p.link a {display: block;background: #ea5550; border-radius: 20px;border: 1px solid #ea5550; text-align: center; color: #FFF; position: relative; font-weight: 700; font-size: 24px;}
.onlinelesson_cont > div.item_row p.link a:after {content: ""; width: 24px; height: 24px; background: url("../images/link_icon_hover.png") no-repeat; background-size: cover; position: absolute; right: 6px; top: 6px;}
.onlinelesson_cont > div.item_row p.link a:hover {opacity: 1; background-color:#FFF; color: #ea5550; border: 1px solid #CCC;}
.onlinelesson_cont > div.item_row p.link a:hover:after {background: url("../images/link_icon.png") no-repeat;background-size: cover;}

.commitment_03_head h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.commitment_03_head h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.commitment_03_head h2 strong {padding-left: 53px; display: inline-block;}
.commitment_03_head figure {margin-top: 10px; display: flex; flex-direction: column; justify-content: space-between;}
.commitment_03_head figure figcaption {width: 100%;}
.commitment_03_head figure > ul {width: 100%; margin-top: 10px; display: flex; justify-content: center;}

.con3_main { margin-top: 30px; margin-bottom: 40px;}
.con3_main h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.con3_wrap {margin-top: 20px; background-color: #EFEFEF; padding: 20px;}
.con3_wrap_01 {display: flex; justify-content: space-between; flex-wrap: wrap;}
.con3_wrap_01 > p {width: 100%; margin-bottom: 20px;}
.con3_wrap_01 > div.left {width: 48.5%;}
.con3_wrap_01 > div.left h4 {font-size: 24px; font-weight: 700;}
.con3_wrap_01 > div.left h4 + p {color: #ea5550; font-weight: 700; margin-top: 10px;}
.con3_wrap_01 > div.left ul {margin-top: 20px;}
.con3_wrap_01 > div.left ul li:before {content: "Q";color:#ea5550; margin-right: 0.5em;}
.con3_wrap_01 > div.left ul li {display: flex;}
.con3_wrap_01 > div.left ul li + li {margin-top: 10px;}
.con3_wrap_01 > div.left p.etc {margin-top: 10px; color:#ea5550;}
.con3_wrap_01 > div.right {width: 48.5%;}
.con3_wrap_01 > div.right h5 {text-align: center; line-height: 100%; background-color:#ea5550; border-radius: 5px; color: #FFF; padding: 6px 0px; font-size: 20px; font-weight: 700;}
.con3_wrap_01 > div.right div {display: flex; justify-content: space-between; margin-top: 10px;}
.con3_wrap_01 > div.right figure {width: 48.5%;}
.con3_wrap_01 > div.right figure figcaption dl {margin-top: 10px;}
.con3_wrap_01 > div.right figure figcaption dl dt {font-size: 14px;color:#ea5550;}
.con3_wrap_01 > div.right figure figcaption dl dd {letter-spacing: -1px;}

.con3_wrap_02 {background-color: #FFF; padding: 20px; margin-top: 20px;}
.con3_wrap_02 h4 {font-size: 24px; font-weight: 700;color: #ea5550;}
.con3_wrap_02 h4 + p {margin-top: 10px;}
.con3_wrap_02 > ul {display: flex; justify-content: center; gap: 0 20px; margin-top: 20px;}
.con3_wrap_02 > div {margin-top: 20px;}
.con3_wrap_02 > div h5 {font-size: 20px; font-weight: 700; border-bottom: 2px solid #231815;}
.con3_wrap_02 > div figure {margin-top: 16px; display: flex; justify-content: space-between;}
.con3_wrap_02 > div figure figcaption {width: 52%;}
.con3_wrap_02 > div figure figcaption ol {margin-top: 10px;}
.con3_wrap_02 > div figure figcaption ol li {display: flex;}
.con3_wrap_02 > div figure figcaption ol li + li {margin-top: 5px;}
.con3_wrap_02 > div figure picture {width: 46%;}
.con3_wrap_02 > div h5 + p {margin-top: 10px;}
.con3_wrap_02 > div dl {margin-top: 20px;}
.con3_wrap_02 > div dl dt {color: #ea5550; font-weight: 700;}
.con3_wrap_02 > div dl dd ul li {list-style: outside; margin-left: 1.5em;}

.con3_wrap_03 {background-color: #FFF; padding: 20px;margin-top: 20px;}
.con3_wrap_03 h4 {font-size: 24px; font-weight: 700;color: #ea5550;}
.con3_wrap_03 > ul {display: flex;justify-content: space-between; margin-top: 10px;}
.con3_wrap_03 > ul li {width: 49%; list-style: outside; margin-left: 1.5em;font-size: 15px;}
.con3_wrap_03 > figure {display: flex; justify-content: space-between;margin-top: 10px;}
.con3_wrap_03 > figure picture {width: 49%; text-align: right;}
.con3_wrap_03 > figure picture + picture {text-align: left;}
.con3_wrap_03 > div {margin-top: 20px;}
.con3_wrap_03 > div h5 {font-size: 20px; font-weight: 700; border-bottom: 2px solid #231815;}
.con3_wrap_03 > div figure {margin-top: 16px; display: flex; justify-content: space-between;}
.con3_wrap_03 > div figure figcaption {width: 52%;}
.con3_wrap_03 > div figure figcaption > dl {display: flex; justify-content: space-between; flex-wrap: wrap;}
.con3_wrap_03 > div figure figcaption > dl dt {width: 40%; margin-top: 5px;}
.con3_wrap_03 > div figure figcaption > dl dt:first-child {text-align: center; margin-top: 0px; background-color: #231815; color: #FFF; font-weight: 700; line-height: 100%; padding: 6px 0px;}
.con3_wrap_03 > div figure figcaption > dl dd {width: 59%;margin-top: 5px;}
.con3_wrap_03 > div figure figcaption > dl dt:first-child + dd {text-align: center; margin-top: 0px; background-color: #231815; color: #FFF; font-weight: 700; line-height: 100%; padding: 6px 0px;}
.con3_wrap_03 > div figure figcaption > ul {margin-top: 10px;}
.con3_wrap_03 > div figure figcaption > ul li {list-style: outside; margin-left: 1.5em;}
.con3_wrap_03 > div figure figcaption > ul li + li {margin-top: 5px;}
.con3_wrap_03 > div figure picture {width: 46%;}

.support_main {margin-bottom: 40px;}
.support_head h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.support_head h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.support_head h2 strong {padding-left: 53px;}
.support_main {margin-top: 20px;}
.support_main h3 {font-size: 24px; font-weight: 700;}
.support_main h3 span {color:#ea5550;}
.support_main h3 + p {margin-top: 16px;}
.box {background-color: #efefef; padding: 16px; margin-top: 16px;}
.box.row { display: flex; justify-content: space-between;}
.box.row.center {align-items: center;}
.support_main > div + div {margin-top: 20px;}
.box.row > div {width: 48.5%;}
.box > div h4 {font-size: 20px; font-weight: 700;color:#ea5550;}
.box > div p {font-size: 14px;margin-top: 10px;}
.box > div p span {color:#ea5550;}
.box > div > ul {margin-top: 10px;}
.box > div > ul > li {list-style: outside; margin-left: 1.5em; font-size: 14px;}
.box > div > ul > li + li {margin-top: 5px;}
.box > div > div.row {display: flex; justify-content: space-between;margin-top: 10px;}
.box > div > div.row > ul {width: 48.5%;}
.box > div > div.row > ul > li {list-style: outside; margin-left: 1.5em; font-size: 14px;}
.box > div > div.row > ul > li + li {margin-top: 5px;}
.box > div > ul > li ul {margin-top: 10px;}
.box > div > ul > li ul > li {font-size: 14px;}
.box > div > ul > li ul > li span {color:#ea5550;}
.box > div > ul > li ul > li + li {margin-top: 5px;}

.box > div p.etc {color: #0068b7;}
.box > div + div figure.row2 {display: flex; justify-content: space-between;}
.box > div + div figure.caption {display: flex; background-color: #FFF;}
.box > div + div figure.caption picture {flex-shrink: 0;}
.box > div + div figure.caption figcaption { padding: 10px; font-size: 12px;}
.box > div + div.row4 {display: flex;flex-wrap: wrap; gap: 20px 0px;}
.box > div + div.row4 figure {flex-shrink: 0; margin-right: 20px;}
.box > div + div.row4 figure picture {flex-shrink: 0;}
.box > div + div.row4 figure figcaption { margin-top: 5px; font-size: 12px;}
.box > div + div.row4 figure figcaption dl dt {color:#ea5550;}
.box > div + div.row4 figure figcaption dl dd {margin-top: 5px;}
.box > div + div.row4 figure figcaption dl dd.let0 {letter-spacing: -1px;}

.commitment_04_head h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.commitment_04_head h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.commitment_04_head h2 strong {padding-left: 53px; display: inline-block;}
.commitment_04_head figure {margin-top: 10px; display: flex; flex-direction: column; justify-content: space-between;}
.commitment_04_head figure figcaption {width: 100%;}
.commitment_04_head figure > picture {width: 100%; margin-top: 10px; text-align: center;}

.cons2_main {margin: 30px 0px 40px;}
.cons2_main > h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.cons2_cont {margin-top: 20px; background-color: #efefef; padding: 15px; box-sizing: border-box;;}
.cons2_cont > h4 {text-align: center; font-size: 20px; font-weight: 700;}
.cons2_cont > div {margin-top: 20px; display: flex; justify-content: space-between;}
.cons2_cont > div figure {width: 23%;}
.cons2_cont > div figure figcaption dl dt {margin: 10px 0px 5px; font-size: 14px;color: #ea5550;}

.recruit_new_head h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.recruit_new_head h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.recruit_new_head h2 strong {padding-left: 53px; display: inline-block;}
.recruit_new_head h2 + p {margin-top: 10px;}
.recruit_new_head > figure {margin-top: 10px;}
.recruit_new_head > figure picture {text-align: center;}

.recruit_cont {padding: 20px; margin-top: 20px;}
.recruit_cont_001 {background-color: #dff2fc; }
.recruit_cont_002 {background-color: #fdede4; margin-bottom: 40px;}
.recruit_cont h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.recruit_cont h3 + p {margin-top: 10px;}
.recruit_cont figure {margin-top: 20px;}
.recruit_cont figure figcaption h4 {font-size: 24px; font-weight: 700;}
.recruit_cont figure picture {margin-top: 16px;}
.recruit_cont figure + figure {margin-top: 20px;}
.recruit_cont p.link {margin: 20px auto 0px; width: 400px;}
.recruit_cont p.link a {display: block;background: #ea5550; border-radius: 20px;border: 1px solid #ea5550; text-align: center; color: #FFF; position: relative; font-weight: 700; font-size: 24px;}
.recruit_cont p.link a:after {content: ""; width: 24px; height: 24px; background: url("../images/link_icon_hover.png") no-repeat; background-size: cover; position: absolute; right: 6px; top: 6px;}
.recruit_cont p.link a:hover {opacity: 1; background-color:#FFF; color: #ea5550; border: 1px solid #CCC;}



.select_area h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.select_area h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.select_area h2 strong {padding-left: 53px;}
.select_area h2 + p {margin:10px 0px 30px;line-height: 180%;}
.select_area h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.select_area h4 {font-size: 20px; font-weight: 700; color: #FFF; position: relative; padding-left: 47px;}
.select_area h4 span {background-color:#EA5550; display: inline-block;width: 300px; padding: 3px 10px; box-sizing: border-box;}
.select_area h4 + p {margin:10px 0px 20px;line-height: 180%;}
.select_area .stp_01 {margin-top: 30px;}
.select_area .stp_01 h4:before {content: ""; width: 44px; height: 32px; background: url("../images/overseas/01.png") no-repeat; background-size: cover; display:block; position:absolute;left:0; top: 3px;}
.select_area .stp_01 > div {display: flex; justify-content: space-between;}
.select_area .stp_01 > div figure {width: 30%;}
.select_area .stp_01 > div figure picture {display: block;}
.select_area .stp_01 > div figure figcaption h5 {font-size: 18px; font-weight: 700; text-align: center; padding: 10px 0px;}
.select_area .stp_01 > div figure figcaption h6 a {display: block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; text-align: center; color: #000; position: relative;}
.select_area .stp_01 > div figure figcaption h6 a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 5px; top: 5px;}
.select_area .stp_01 > div figure figcaption h6 a:hover {opacity: 1;}
.select_area .stp_01 > div figure figcaption h6 a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}

.select_area .stp_02 {margin-top: 30px;}
.select_area .stp_02 h4:before {content: ""; width: 44px; height: 32px; background: url("../images/overseas/02.png") no-repeat; background-size: cover; display:block; position:absolute;left:0; top: 3px;}
.select_area .stp_02 > div {display: flex; justify-content: space-between;}
.select_area .stp_02 > div figure {width: 30%;}
.select_area .stp_02 > div figure picture {display: block;}
.select_area .stp_02 > div figure figcaption h5 {font-size: 18px; font-weight: 700; text-align: center; padding: 10px 0px;}
.select_area .stp_02 > div figure figcaption h6 a {display: block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; text-align: center; color: #000; position: relative;}
.select_area .stp_02 > div figure figcaption h6 a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 5px; top: 5px;}
.select_area .stp_02 > div figure figcaption h6 a:hover {opacity: 1;}
.select_area .stp_02 > div figure figcaption h6 a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}

.select_area .stp_03 {margin-top: 30px;margin-bottom: 30px;}
.select_area .stp_03 h4:before {content: ""; width: 44px; height: 32px; background: url("../images/overseas/03.png") no-repeat; background-size: cover; display:block; position:absolute;left:0; top: 3px;}
.select_area .stp_03 h4 + p span {color: #EA5550;}
.select_area .stp_03 h4 + p em {color: #EA5550; font-size: 14px;}
.select_area .stp_03 > div {display: flex; justify-content: space-between;}
.select_area .stp_03 > div figure {width: 23%;}
.select_area .stp_03 > div figure picture {display: block;}
.select_area .stp_03 > div figure figcaption dl {text-align: center;margin-top: 10px;}
.select_area .stp_03 > div figure figcaption dl dd {font-size: 14px; margin-top: 5px;}

.select_area .st_voice { background-color: #F6BEC8; margin:30px 0px 40px;}
.select_area .st_voice figcaption {width: 50%; float: left; padding: 20px; box-sizing: border-box;}
.select_area .st_voice figcaption h5 {font-size: 20px; line-height: 160%;}
.select_area .st_voice figcaption p {margin-top: 15px;}
.select_area .st_voice figcaption p a {display:inline-block; color: #FFF; position: relative;}
.select_area .st_voice figcaption p a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: -20px; top: 5px;}
.select_area .st_voice figcaption p a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.select_area .st_voice figcaption p a:hover {opacity: 1;}
.select_area .st_voice picture {display: block; padding-left: 50%; width: 50%;}
.select_area .st_voice picture img {width: 100%;}
.select_area .st_voice:after {content: "";display: block;clear: both;}

.rpa_content {display: flex;justify-content: center;align-items: center;min-height: 800px; padding-bottom: 50px; background-attachment: fixed;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;}
.bg_01 {background-image: url("../images/rpa/rpa_bg_01.png");}
.bg_02 {background-image: url("../images/rpa/rpa_bg_02.png");}
.bg_03 {background-image: url("../images/rpa/rpa_bg_01.png");}
.bg_04 {background-image: url("../images/rpa/rpa_bg_02.png");}
.bg_05 {background-image: url("../images/rpa/rpa_bg_01.png");}
.bg_06 {background-image: url("../images/rpa/rpa_bg_02.png");}
.rpa_content > div {width: 1000px; margin: 0px auto; }
.rpa_content > p {padding-top: 60px;color: #FFF;text-align: center;font-size: 14px; display: block;position: absolute; bottom: 10px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content > p span {position: absolute;bottom: 25px;left: 50%; width: 30px;height: 50px;margin-left: -15px;border: 2px solid #fff;border-radius: 50px;box-sizing: border-box;box-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content > p span:before {position: absolute;top: 10px;left: 50%;content: '';width: 6px;height: 6px;margin-left: -3px; background-color: #fff; border-radius: 100%;-webkit-animation: sdb 2s infinite; animation: sdb 2s infinite;box-sizing: border-box;box-shadow: 0px 0px 5px rgba(0,0,0,1);}
@-webkit-keyframes sdb {
  0% {-webkit-transform: translate(0, 0);opacity: 0;}
  40% {opacity: 1;}
  80% {-webkit-transform: translate(0, 20px);opacity: 0;}
  100% { opacity: 0;}
}
@keyframes sdb {
  0% {transform: translate(0, 0);opacity: 0;}
  40% {opacity: 1;}
  80% {transform: translate(0, 20px);opacity: 0;}
  100% {opacity: 0;}
}

.rpa_content.bg_01 > div h2 {font-size: 60px; text-align: center; color: #FFF; font-weight: 700;}
.rpa_content.bg_01 > div h2 span {border-bottom: 2px solid #EA5550;}
.rpa_content.bg_01 > div div {margin: 50px 0px 90px;}
.rpa_content.bg_01 > div div dl dt {font-size: 50px; font-weight: 700; color: #FFF;}
.rpa_content.bg_01 > div div dl dt span {color: #EA5550;}
.rpa_content.bg_01 > div div dl dd {text-align: center; color: #FFF; font-size: 24px;}
.rpa_content.bg_01 > div div {display: flex; justify-content: space-between;}
.rpa_content.bg_01 > div h3 {font-size: 30px; font-weight: 700; margin-bottom: 40px; color: #FFF; text-align: center; line-height: 180%;}
.rpa_content.bg_01 > div h3 span {color: #F6BEC8;}

.rpa_content.bg_02 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 50px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_02 > div ul {width: 880px; margin: 150px auto 140px;}
.rpa_content.bg_02 > div ul li {width: 45%; float: left;}
.rpa_content.bg_02 > div ul li + li {float: right;}
.rpa_content.bg_02 > div ul:after {content: "";display: block;clear: both;}

.rpa_content.bg_03 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 50px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_03 > div ul {width: 880px; margin: 150px auto 140px;}
.rpa_content.bg_03 > div ul li {width: 45%; float: left;}
.rpa_content.bg_03 > div ul li + li {float: right;}
.rpa_content.bg_03 > div ul:after {content: "";display: block;clear: both;}

.rpa_content.bg_04 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 50px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_04 > div ul {width: 880px; margin: 150px auto 140px;}
.rpa_content.bg_04 > div ul li {width: 45%; float: left;}
.rpa_content.bg_04 > div ul li + li {float: right;}
.rpa_content.bg_04 > div ul:after {content: "";display: block;clear: both;}

.rpa_content.bg_05 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 50px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_05 > div figure {margin: 20px 0px 45px;}
.rpa_content.bg_05 > div figure figcaption h3 {font-size: 30px; font-weight: 700;color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_05 > div figure figcaption h3 span {color: #EA5550;}
.rpa_content.bg_05 > div figure picture {display: block; margin-top: 30px;}

.rpa_content.bg_06 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 50px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_06 > div figure {margin: 20px 0px 45px;}
.rpa_content.bg_06 > div figure figcaption h3 {font-size: 30px; font-weight: 700;color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_06 > div figure figcaption h3 span {color: #EA5550;}
.rpa_content.bg_06 > div figure figcaption p {color: #FFF; font-size: 20px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_06 > div figure figcaption p span {color: #EA5550;}
.rpa_content.bg_06 > div figure picture {display: block; margin-top: 30px;}


.order_head h2 {color: #EA545D; letter-spacing: -2px; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.order_head h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.order_head h2 strong {padding-left: 53px;display: block;}
.order_head h2 + p {margin-top: 10px;line-height: 180%;}
.order_ex {margin-top: 30px;}
.order_ex > h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.order_cont {margin-top: 20px;}
.order_cont + .order_cont {margin-top: 60px; padding-bottom: 40px;}
.order_cont > div:first-child {width: 44%;float: left;}
.order_cont > div:nth-child(2) {width: 50%; float: right;}
.order_cont > div h4 {font-size:20px; font-weight: 700; color: #EA5550; margin-bottom: 10px;}
.order_cont > div dl {border-bottom: 1px solid #CCC;}
.order_cont > div dl dt {display: inline-block;padding: 5px 10px; width: 25%; font-weight: 700;}
.order_cont > div dl dd {display: inline-block; border-left: 1px solid #CCC;padding: 0px 10px;}
.order_cont > div h4 + dl {border-top: 1px solid #CCC;}
.order_cont > div ul li {padding-left: 1em;position: relative; line-height: 180%; margin-bottom: 5px;}
.order_cont > div ul li:before {content: "●";position: absolute;left: 0; top: 0;}
.order_cont > div h5 {font-size:20px; font-weight: 700; color: #EA5550; margin: 15px 0px 10px;}
.order_cont > div:nth-child(2) figure {margin-bottom: 20px;}
.order_cont > div:nth-child(2) figure figcaption {text-align: center; font-size: 12px;}
.order_cont:after {content: "";display: block;clear: both;}

.etc .etc_left {width: 660px; float: left;}
.etc .etc_left .notice {text-align: center;}
.etc .etc_left .notice div:first-child {display: inline-block; border-bottom: 2px solid #EA5550;}
.etc .etc_left .notice div:first-child h2 {display: inline-block; font-size: 30px; color: #EA5550;vertical-align: middle; margin-right: 25px;}
.etc .etc_left .notice div:first-child p {display: inline-block; vertical-align: middle;}
.etc .etc_left .notice div:first-child p a {color: #000; position: relative;padding-right: 20px;}
.etc .etc_left .notice div:first-child p a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 0px; top: 5px;}
.etc .etc_left .notice div:first-child p a:hover {opacity: 1;}
.etc .etc_left .notice div:first-child p a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.etc .etc_left .notice div + div {margin-top: 15px;}
.etc .etc_left .notice div + div dl {text-align: left; margin-bottom: 10px;}
.etc .etc_left .notice div + div dl dt {float: left; margin-right: 10px; color: #727171;}
.etc .etc_left .notice div + div dl dd { color: #727171; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.etc .etc_left .notice div + div dl dd a {color: #000;}
.etc .etc_left .notice div + div dl:after {content: "";display: block;clear: both;}

.etc .etc_left .info {text-align: center; margin: 30px 0px 40px;}
.etc .etc_left .info div:first-child {display: inline-block; border-bottom: 2px solid #EA5550;}
.etc .etc_left .info div:first-child h2 {display: inline-block; font-size: 30px; color: #EA5550;vertical-align: middle; margin-right: 25px;}
.etc .etc_left .info div:first-child p {display: inline-block; vertical-align: middle;}
.etc .etc_left .info div:first-child p a {color: #000; position: relative;padding-right: 20px;}
.etc .etc_left .info div:first-child p a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 0px; top: 5px;}
.etc .etc_left .info div:first-child p a:hover {opacity: 1;}
.etc .etc_left .info div:first-child p a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.etc .etc_left .info div + div {margin-top: 15px;}
.etc .etc_left .info div + div dl {text-align: left; margin-bottom: 10px;}
.etc .etc_left .info div + div dl dt {float: left; margin-right: 10px;color: #727171;}
.etc .etc_left .info div + div dl dd { color: #727171; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.etc .etc_left .info div + div dl dd a {color: #000;}
.etc .etc_left .info div + div dl:after {content: "";display: block;clear: both;}

.etc_under h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.etc_under h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.etc_under h2 strong {padding-left: 53px; display: block;}
.etc_under h2 + p {margin-top: 10px; line-height: 180%;}

.etc_under .etc_corp { margin-top: 30px;}
.etc_under .etc_corp h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.etc_under .etc_corp h3 + p {margin-top: 10px; line-height: 180%;}
.etc_under .etc_corp figure {margin-top: 20px;}
.etc_under .etc_corp figure figcaption {float: left; width: 64%;}
.etc_under .etc_corp figure figcaption h4 {font-size: 18px; font-weight: 700; color: #EA545D; border-bottom: 1px solid #EA545D; margin-bottom: 5px;}
.etc_under .etc_corp figure figcaption h4 + ul {font-size: 14px;}
.etc_under .etc_corp figure figcaption h4 + ul li {padding-left: 1em;position: relative; line-height: 180%; margin-bottom: 5px;}
.etc_under .etc_corp figure figcaption h4 + ul li:before {content: "●";position: absolute;left: 0; top: 0;}
.etc_under .etc_corp figure figcaption p {font-size: 12px; line-height: 180%;}
.etc_under .etc_corp figure figcaption p + h4 {margin-top: 20px;}
.etc_under .etc_corp figure picture {display: block; float: right; width: 33%;}
.etc_under .etc_corp figure:after {content: "";display: block;clear: both;}

.etc_under .etc_through { margin-top: 30px;}
.etc_under .etc_through h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.etc_under .etc_through h3 + p {margin-top: 10px; line-height: 180%;}
.etc_under .etc_through figure {margin-top: 20px;}
.etc_under .etc_through figure figcaption {float: left; width: 64%;}
.etc_under .etc_through figure figcaption h4 {font-size: 18px; font-weight: 700; color: #EA545D; border-bottom: 1px solid #EA545D; margin-bottom: 5px;}
.etc_under .etc_through figure figcaption h4 + ul {font-size: 14px;}
.etc_under .etc_through figure figcaption h4 + ul li {padding-left: 1em;position: relative; line-height: 180%; margin-bottom: 5px;}
.etc_under .etc_through figure figcaption h4 + ul li:before {content: "●";position: absolute;left: 0; top: 0;}
.etc_under .etc_through figure figcaption p {font-size: 12px; line-height: 180%;}
.etc_under .etc_through figure figcaption p + h4 {margin-top: 20px;}
.etc_under .etc_through figure picture {display: block; float: right; width: 33%;}
.etc_under .etc_through figure:after {content: "";display: block;clear: both;}

.etc_under .etc_down { margin-top: 30px;}
.etc_under .etc_down h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.etc_under .etc_down > div {display: flex; justify-content: space-between;flex-wrap: wrap; margin: 20px 0px 30px;}
.etc_under .etc_down > div dl {width: 48%; margin-bottom: 20px;}
.etc_under .etc_down > div dl dt a {display: block; font-size: 20px; position: relative; background-color: #EA5550; color: #FFF; text-align: center; padding: 3px 0px;}
.etc_under .etc_down > div dl dd {font-size: 14px; margin-top: 10px;}
.etc_under .etc_down > div dl dt a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon_hover.png") no-repeat; background-size: cover; position: absolute; right: 10px; top:10px;}
.etc_under .etc_down > div dl dt a:hover {opacity: 1;}
.etc_under .etc_down > div dl dt a:hover:after {background: url("../images/link_icon.png") no-repeat;background-size: cover;}

.etc .etc_right {width: 260px; float: right;}
.etc .etc_right section.etc_app a {display: block; height: 60px; width: 100%; border: 1px solid #CCCCCC; box-sizing: border-box; border-radius: 5px;background: rgb(234,85,80);background: linear-gradient(0deg, rgba(234,85,80,1) 20%, rgba(246,190,200,1) 100%); text-align: center; color: #FFF; line-height: 60px; vertical-align: middle;font-weight: 700;}
.etc .etc_right section.etc_app a:hover {color:#EA5550;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); opacity: 1; }
.etc .etc_right section.etc_app {margin-bottom: 20px;}
.etc .etc_right section.etc_site {padding: 0px;}
.etc .etc_right section.etc_site h3 {background-color: #EA545D;color: #FFF; font-weight: 700; text-align: center; padding: 5px 0px; border: 1px solid #CCCCCC; box-sizing: border-box; border-radius: 5px;}
.etc .etc_right section.etc_site ul {margin-top: 10px;}
.etc .etc_right section.etc_site ul li a {display: block;position: relative; color: #000; font-size: 14px;}
.etc .etc_right section.etc_site ul li a:after {content: ""; width: 14px; height: 14px; background: url("../images/link_icon_hover.png") no-repeat; background-size: cover; position: absolute; right:70px; top:4px;}
.etc .etc_right section.etc_site ul li a:hover {opacity: 1;}
.etc .etc_right section.etc_site ul li a:hover:after {background: url("../images/link_icon.png") no-repeat;background-size: cover;}
.etc .etc_right section.etc_site ul li {margin-bottom: 10px;}
.etc .etc_right section.etc_site ul li:last-child {margin-bottom: 0px;}
.etc .etc_right section.etc_dl {margin-top: 25px;}
.etc .etc_right section.etc_dl h3 {background-color: #EA545D;color: #FFF; font-weight: 700; text-align: center; padding: 5px 0px;border: 1px solid #CCCCCC; box-sizing: border-box; border-radius: 5px;}
.etc .etc_right section.etc_dl > div {margin-top: 10px;}
.etc .etc_right section.etc_dl > div dl {font-size: 14px; margin-bottom: 5px;}
.etc .etc_right section.etc_dl > div dl dt {float: left; width: 60%;}
.etc .etc_right section.etc_dl > div dl dd {float: right; width: 39%;}
.etc .etc_right section.etc_dl > div dl:after {content: "";display: block;clear: both;}
.etc .etc_right section.etc_dl > div dl dd a {display: block; padding-left: 16px; font-size: 14px; position: absolute; color: #F29C9F;}
.etc .etc_right section.etc_dl > div dl dd a:before {content: ""; width: 14px; height: 14px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; left: 0px; top:4px;}
.etc .etc_right section.etc_dl > div dl dd a:hover {opacity: 1;}
.etc .etc_right section.etc_dl > div dl dd a:hover:before {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.etc:after {content: "";display: block;clear: both;}

.intro h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.intro h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.intro h2 strong {padding-left: 53px; display: block;}
.intro h2 + .country_area {margin-top: 20px;}
.country_area {margin-bottom: 30px;}
.country_area > div {width: 48%; float: left;}
.country_area > div h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.country_area > div dl {border-top: 1px solid #9FA0A0; margin-top: 20px;}
.country_area > div dl + dl {border-bottom: 1px solid #9FA0A0; margin-top: 0px;}
.country_area > div dl dt {display: inline-block;padding: 5px 10px; width: 10%; font-weight: 700;}
.country_area > div dl dd {display: inline-block;border-left: 1px solid #9FA0A0;padding: 0px 10px;}
.country_area > div dl + p {padding: 5px 10px; line-height: 180%;border-bottom: 1px solid #9FA0A0;}
.country_area > figure {width: 48%; float: right;}
.country_area > figure picture {display: block; border: 1px solid #9FA0A0;}
.country_area:after {content: "";display: block;clear: both;}
.period h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.period {margin:50px 0px 40px;}
.period h3 + p {line-height: 180%; margin:15px 0px;}
.period dl {margin-bottom: 20px;}
.period dl dt {font-size: 20px; font-weight: 700; color: #FFF;}
.period dl dt span {width: 300px; display: inline-block; padding: 5px 10px; box-sizing: border-box; background-color:#EA5550;}
.period dl dd ul li {line-height: 180%; font-size: 20px; }
.period dl dd ul li a {color: #000; position: relative;}
.period dl dd ul li a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: -25px; top:8px;}
.period dl dd ul li a:hover {opacity: 1;}
.period dl dd ul li a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}

.specific_info h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.specific_info h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.specific_info h2 strong {padding-left: 53px; display: block;}
.specific_info h2 + p {line-height: 180%; margin: 20px 0px 30px;}
.specific_info h2 + p strong {font-size: 24px; color: #EA5550;}
.specific_info h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.specific_info h3 + ul {margin: 20px 0px 0px;}
.specific_info h3 + ul li {list-style: outside; margin-left: 1.5em; line-height: 180%;}
.specific_info ul + h3 {margin-top: 30px;}
.specific_info ul + p {font-size: 14px; color: #EA5550; margin-top: 5px;}
.specific_info_img {margin-top: 30px;}
.specific_info_img figure {width: 46%; float: left;}
.specific_info_img figure h4 {font-size: 20px; font-weight: 700; color: #EA5550; text-align: center; margin-bottom: 15px;}
.specific_info_img figure figcaption {margin-top: 10px; font-size: 12px;}
.specific_info_img > div {width: 50%; float: right; margin-top: 35px;}
.specific_info_img > div dl {margin-bottom: 20px;}
.specific_info_img > div dl dt {font-size: 20px; font-weight: 700;}
.specific_info_img > div dl dt:before {content: "□";}
.specific_info_img > div dl dd {margin-top: 5px;}
.specific_info_img > div dl dd ol li {list-style: decimal; margin-left: 1.5em; line-height: 180%;}
.specific_info_img > div dl dd ol li span {color: #EA5550;}
.specific_info_img:after {content: "";display: block;clear: both;}

.specific_skill h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.specific_skill h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.specific_skill h2 strong {padding-left: 53px; display: block;}
.specific_skill h3 {margin-top: 10px; font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.specific_skill figure {margin-top: 20px;}
.specific_skill figure figcaption {margin-top: 10px;}
.specific_skill figure figcaption p {line-height: 180%; margin-bottom: 10px;}
.specific_skill figure figcaption p a {color:#EA5550 ;}

.specific_support {margin-top: 30px;}
.specific_support h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.specific_support h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.specific_support h2 strong {padding-left: 53px; display: block;}
.specific_support > figure {margin-top: 10px;}
.specific_support > figure figcaption { width: 64%; float: left;}
.specific_support > figure figcaption p {line-height: 180%;}
.specific_support > figure figcaption ul {margin: 20px 0px 20px;}
.specific_support > figure figcaption ul li a {display: block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; text-align: center; color: #000; position: relative; font-weight: 700;}
.specific_support > figure figcaption ul li a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 5px; top: 5px;}
.specific_support > figure figcaption ul li a:hover {opacity: 1;}
.specific_support > figure figcaption ul li a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.specific_support > figure picture {display: block; width: 33%; float: right; border: 1px solid #9FA0A0;}
.specific_support > figure:after {content: "";display: block;clear: both;}
.specific_support > div {margin-top: 30px;}
.specific_support > div h3 {margin-bottom: 20px; font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.specific_support > div figure {margin-bottom: 30px;}
.specific_support > div figure:last-child {margin-bottom: 40px;}

.specific_flow h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.specific_flow h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.specific_flow h2 strong {padding-left: 53px; display: block;}
.specific_flow figure {margin: 20px 0px 40px;}
.specific_flow figure figcaption {margin-top: 10px; font-size: 12px;}

.skill_overview h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.skill_overview h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.skill_overview h2 strong {padding-left: 53px; display: block;}
.skill_overview > p {margin-top: 10px; line-height: 180%;}
.skill_overview h2 + p { margin-top: 20px;}

.skill_occupation { margin-top: 30px;}
.skill_occupation h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.skill_occupation h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.skill_occupation h2 strong {padding-left: 53px; display: block;}
.skill_occupation h3 {margin-top: 30px; font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.skill_occupation_head {margin-top: 20px;}
.skill_occupation_head > div {width: 42%; float: left;}
.skill_occupation_head > figure {width: 54%; float: right;}
.skill_occupation_head > div > p {line-height: 180%;}
.skill_occupation_head > div ul {margin: 20px 0px;}
.skill_occupation_head > div ul li a {display: block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; text-align: center; color: #000; position: relative; font-weight: 700;}
.skill_occupation_head > div ul li a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 5px; top: 5px;}
.skill_occupation_head > div ul li a:hover {opacity: 1;}
.skill_occupation_head > div ul li a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.skill_occupation_head > figure figcaption {margin-top: 20px;}
.skill_occupation_head > figure figcaption p {text-align: center;}
.skill_occupation_head > figure figcaption p a {display: inline-block; background-color:#EA5550; color: #FFF; font-weight: 700; padding:5px 50px; border: 1px solid #CCC;}
.skill_occupation_head:after {content: "";display: block;clear: both;}
.skill_occupation_head + div h3 + p {margin: 20px 0px; line-height: 180%;}
.skill_occupation_head + div figure {float: left; width: 48%;}
.skill_occupation_head + div figure + figure {float: right;}
.skill_occupation_head + div figure h4 {font-size: 20px;font-weight: 700; color: #EA5550; text-align: center; margin-bottom: 10px;}
.skill_occupation_head + div figure figcaption {margin-top: 10px; font-size: 12px;}
.skill_occupation_head + div:after {content: "";display: block;clear: both;}

.skill_supervision {margin-top: 30px;}
.skill_supervision h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.skill_supervision h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.skill_supervision h2 strong {padding-left: 53px; display: block;}
.skill_supervision figure {margin-top: 20px;}
.skill_supervision figure figcaption {width:59%; float: left;}
.skill_supervision figure figcaption p { margin-bottom: 10px; line-height: 180%;}
.skill_supervision figure figcaption p span {color: #EA5550;}
.skill_supervision figure > ul {width: 38%; float: right;font-size: 0;}
.skill_supervision figure > ul li {display: inline-block; width: 48%;}
.skill_supervision figure > ul li + li {margin-left: 4%;}
.skill_supervision figure:after {content: "";display: block;clear: both;}

.skill_flow {margin: 30px 0px 40px;}
.skill_flow h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.skill_flow h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.skill_flow h2 strong {padding-left: 53px; display: block;}
.skill_flow figure {margin-top: 20px;}
.skill_flow figure figcaption {font-size: 12px; margin-top: 5px;}

.praivacy_head {padding: 10px; border: 2px solid #F29C9F;}
.privacy section {margin-bottom: 40px;}
.privacy section dl {margin-top: 30px;}
.privacy section dl dt {font-size: 20px; font-weight: 700; border-bottom: 2px dotted #C9CACA; margin-bottom: 20px; padding-bottom: 7px; padding-left: 10px;position: relative;}
.privacy section dl dt:before {content: ""; width: 4px; height: 20px;background: rgb(233,83,125);background: linear-gradient(0deg, rgba(233,83,125,1) 0%, rgba(242,156,159,1) 100%); position: absolute; left: 0; top: 5px;}
.privacy section dl dd p {line-height: 180%;}
.privacy section dl dd p + p {margin-top: 20px;}
.privacy section > div {margin-top: 20px; line-height: 180%;}
.privacy section > h3 {margin-top: 30px; text-align: right;}
.privacy section > h3 img {width: 270px; height: auto;}

.regulation h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.regulation h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.regulation h2 strong {padding-left: 53px; display: block;}
.regulation > section {margin-top: 30px;}
.regulation > section dl {margin-bottom: 30px;}
.regulation > section dl dt {font-size: 20px; font-weight: 700; border-bottom: 2px dotted #C9CACA; margin-bottom: 20px; padding-bottom: 7px; padding-left: 10px;position: relative;}
.regulation > section dl dt:before {content: ""; width: 4px; height: 20px;background: rgb(233,83,125);background: linear-gradient(0deg, rgba(233,83,125,1) 0%, rgba(242,156,159,1) 100%); position: absolute; left: 0; top: 5px;}
.regulation > section dl dd p {line-height: 180%;}
.regulation > section dl dd p + p {margin-top: 20px;}
.regulation > section dl dd p + p.sub_title {margin-top: 40px;font-size: 18px; font-weight: 700;}
.regulation > section dl dd p + p.sub_title + p {margin-top: 5px;}
.regulation > section dl dd ol li {list-style: decimal; margin-left: 1.5em; margin-bottom: 20px;line-height: 180%}
.regulation > section dl dd ol li:last-child {margin-bottom: 0px;}
.regulation > section dl dd ol li > ol {margin-top: 20px;}
.regulation > section dl dd ol li > ol li {list-style-type: none;counter-increment: cnt; margin-left: 0em; padding-left: 1.5em; position: relative;}
.regulation > section dl dd ol li > ol li:before {content: "(" counter(cnt) ") "; position: absolute; left: 0;}
.regulation > section > h3 {text-align-last: right; margin-bottom: 40px;}
.regulation > section > h3 img {width: 270px; height: auto;}

.dx h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.dx h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.dx h2 strong {padding-left: 53px; display: block;}
.dx > section {margin-top: 30px;}
.dx > section > p {line-height: 180%;}
.dx > section > h3 { font-size: 30px; font-weight: 500; color: #ea5550; position: relative;  border-left: 2px solid #ea5550; line-height: 100%; padding-left: 10px; margin-top: 30px;}
.dx > section > figure {display: flex; justify-content: space-between; margin-top: 24px;}
.dx > section > figure figcaption {width: 64%; background-color: #efefef; padding: 20px; box-sizing: border-box;}
.dx > section > figure figcaption ul {list-style: square;}
.dx > section > figure figcaption ul li {font-size: 24px; font-weight: 500; margin-left: 1.5em; margin-bottom: 10px;}
.dx > section > figure picture {width: 36%; position: relative;}
.dx > section > figure picture img {position: absolute; height: 100%; width: auto; top: 0; object-fit: cover;}
.dx_achievement {margin-top: 30px;}
.dx_achievement > h4 {font-size: 20px; font-weight: 500; background-color: #ea5550; color: #FFF; text-align: center; width: 340px; margin: 0px auto;padding: 5px 0px;}
.dx_achievement > h5 {text-align: center; margin-top: 20px;}
.dx_achievement > div {margin-top: 20px; display: flex; justify-content: space-between;}
.dx_achievement > div figure:first-child {position: relative;}
.dx_achievement > div figure:first-child:before {content: "";position: absolute; top: calc(50% - 20px); right:-70px;display: block;width: 0px;height: 0px;border-style: solid;border-width: 20px 0 20px 40px;border-color: transparent;border-left-color: #ea5550;}
.dx_achievement > div figure:nth-child(2) {margin-left: 10%;}
.dx_achievement > div figure:nth-child(3) {margin-left: 4%;}
.dx_achievement > div figure figcaption {text-align: center; font-weight: 500; color: #ea5550; margin-bottom: 5px;}
.dx_achievement > p {text-align: center; font-size: 20px; font-weight: 500; color: #ea5550; margin: 20px 0px 40px;}

.contact_head {padding: 10px; border: 2px solid #F29C9F;line-height: 180%;}
.contact_head p:nth-child(2) {margin: 10px 0px 20px;}
.contact_head p strong {font-size: 18px; font-weight: 700;}
.contact_head p span {color: #F29C9F;}
.contact_head p em {color: #E60012;}
.thanks_head {margin: 30px 0px 100px;}
.thanks_head h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.thanks_head p {margin: 10px 0px 10px;}
.thanks_head p strong {font-size: 18px; font-weight: 700;}
.thanks_head p span {color: #F29C9F;}
.thanks_head ul {text-align: center;}
.thanks_head ul {margin-top: 30px;}
.thanks_head ul li a {display: inline-block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; font-weight: 500; color: #000; text-align: center; padding: 3px 20px; box-sizing: border-box;}
.thanks_head ul li a:hover {background: rgb(234,85,80);background: linear-gradient(0deg, rgba(234,85,80,1) 0%, rgba(246,190,200,1) 100%);color: #FFF; opacity: 1;}
.contact_main {margin: 40px 0px;}
.contact_main table {border-bottom: 1px solid #727171;}
.contact_main table th {width: 20%; background-color: #EFEFEF; padding: 20px 10px; box-sizing: border-box; border-top: 1px solid #727171; vertical-align: middle;}
.contact_main table th span {color: #E60012;}
.contact_main table th em {display: block; font-size: 12px;}
.contact_main table td { width: 80%; padding: 20px 0px 20px 20px; box-sizing: border-box; border-top: 1px solid #727171;font-size: 18px;}
.contact_main table td ul li {display: inline-block; margin-right: 40px;font-size: 16px;}
.contact_main table td.app_list ul li {margin-right: 10px;}
.contact_main table td.app_list dl {display: flex;}
.contact_main table td.app_list dl dt {width: 9.5em;}
.contact_main table td.app_list .err_after {margin-top: 10px;}
.contact_main table td input {padding: 10px; border: 1px solid #CCC; font-size: 16px; box-sizing: border-box;}
.contact_main table td input[type="text"],.contact_main table td input[type="email"],.contact_main table td textarea {-webkit-appearance: none;}
.contact_main table td textarea { width: 100%; box-sizing: border-box; border: 1px solid #CCC; padding: 10px;}
.contact_main table td.w10 input {width: 100%;}
.contact_main table td.w5 input {width: 50%;}
.contact_main table + p {font-size: 14px; text-align: center; margin-top: 20px;}
.contact_main table + p a {color:#F29C9F; }
.contact_main .conf_form {margin-top: 20px; text-align: center;}
.contact_main .conf_form li input[type="submit"] {cursor: pointer;-webkit-appearance: none; width: 160px; font-weight: 700; padding: 5px 0px; border: 1px solid #CCC;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); }
.contact_main .conf_form li input[type="submit"]:hover {background: rgb(234,85,80);background: linear-gradient(0deg, rgba(234,85,80,1) 0%, rgba(246,190,200,1) 100%);color: #FFF;}
.contact_main table td div.error {margin-top: 5px; color: #E60012; font-size: 14px; font-weight: 700; }

.confirmation_main {margin-bottom: 40px;}
.confirmation_main h3 { font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.confirmation_main h3 + p {margin-top: 20px;}
.confirmation_main table {margin: 40px 0px 20px; width: 100%; border-bottom: 1px solid #727171;}
.confirmation_main table th {width: 20%; background-color: #EFEFEF; padding: 20px 10px; box-sizing: border-box; border-top: 1px solid #727171; vertical-align: middle;}
.confirmation_main table td { width: 80%; padding: 20px 0px 20px 20px; box-sizing: border-box; border-top: 1px solid #727171;font-size: 18px;}
.confirmation_main .end_form {text-align: center;}
.confirmation_main .end_form li {display: inline-block;}
.confirmation_main .end_form li + li {margin-left: 20px;}
.confirmation_main .end_form li input {cursor: pointer;-webkit-appearance: none; width: 160px; font-weight: 700; padding: 5px 0px; border: 1px solid #CCC;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%);}
.confirmation_main .end_form li input:hover {background: rgb(234,85,80);background: linear-gradient(0deg, rgba(234,85,80,1) 0%, rgba(246,190,200,1) 100%);color: #FFF;}

.education_info h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.education_info h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.education_info h2 strong {padding-left: 53px; display: block;}
.education_info h2 + p {margin-top: 20px; line-height: 180%;}
.education_info figure {margin-top: 20px;}
.education_info figure figcaption {float: left; width: 49%; color: #EA5550; line-height: 180%;}
.education_info figure > picture {display: block; width: 49%; float: right;}
.education_info figure:after {content: "";display: block;clear: both;}

.education_001 {margin-top: 30px;}
.education_001 h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.education_001 h3 + figure {margin-top: 20px;}
.education_001 h3 + figure figcaption {float: right; width: 49%; line-height: 180%;}
.education_001 h3 + figure > picture {width: 49%; display: block; float: left;}
.education_001 h3 + figure:after {content: "";display: block;clear: both;}
.education_001 h3 + figure + figure {margin-top: 20px;}
.education_001 h3 + figure + figure picture {display: block;}
.education_001 h3 + figure + figure figcaption {color: #EA5550; font-weight: 700; font-size: 20px; margin-bottom: 20px;}
.education_001 > div {margin-top: 30px;}
.education_001 > div figure {width: 49%; float: left;}
.education_001 > div figure picture {display: block;}
.education_001 > div figure + figure {float: right;}
.education_001 > div figure figcaption { text-align: center; font-size: 14px; margin-top: 10px;}
.education_001 > div:after {content: "";display: block;clear: both;}

.education_002 {margin: 30px 0px 45px;}
.education_002 h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.education_002 h3 + p {line-height: 180%; margin-top: 20px;}
.education_002 .edu_002_01 {margin-top: 20px;}
.education_002 .edu_002_01 h4 {width: 49%; background-color: #EA5550; border-radius: 5px; text-align: center; color: #FFF; font-size: 20px;font-weight: 700; padding: 5px 0px; float: left;}
.education_002 .edu_002_01 h4 + h4 {float: right;}
.education_002 .edu_002_01 > figure {clear: both; padding-top: 20px;}
.education_002 .edu_002_01 > figure ul {display: flex;justify-content: space-between;}
.education_002 .edu_002_01 > figure ul li {width: 32%;}
.education_002 .edu_002_02 {margin-top: 30px;}
.education_002 .edu_002_02 h4 {width: 70%; background-color: #EA5550; border-radius: 5px; text-align: center; color: #FFF; font-size: 20px;font-weight: 700; padding: 5px 0px; float: left;}
.education_002 .edu_002_02 h4 + p {float: right; width: 28%;}
.education_002 .edu_002_02 > figure {clear: both; padding-top: 20px;display: flex; justify-content: space-between;}
.education_002 .edu_002_02 > figure picture {display: block; width: 32%;}
.education_002 .edu_002_02 > figure figcaption {width: 66%; border: 2px solid #F6BEC8; padding: 15px; box-sizing: border-box; line-height: 180%;}
.education_002 .edu_002_02 + figure {margin-top: 30px;}
.education_002 .edu_002_02 + figure figcaption {line-height: 180%; letter-spacing: -0.025em;}
.education_002 .edu_002_02 + figure picture {display: block; margin-top: 20px;}

.v_intern h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.v_intern h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.v_intern h2 strong {padding-left: 53px; display: block;}
.v_intern h2 + ul {margin-top: 20px; display:flex; justify-content: space-between;}
.v_intern h2 + ul li a {padding: 0px 50px; display: inline-block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; text-align: center; color: #000; position: relative;}
.v_intern h2 + ul li a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 5px; top: 5px;}
.v_intern h2 + ul li a:hover {opacity: 1;}
.v_intern h2 + ul li a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.intern_cont {margin: 30px 0px;}
.intern_cont > h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.intern_cont > div {margin-top: 20px;}
.intern_cont > div > figure {width: 25%; float: left;}
.intern_cont > div > figure picture {display: block;}
.intern_cont > div > figure figcaption h4 {margin: 10px 0px;}
.intern_cont > div > figure figcaption h6 {margin: 10px 0px;}
.intern_cont > div > figure figcaption dl {padding: 5px 0px; border-top: 1px solid #9FA0A0;}
.intern_cont > div > figure figcaption dl dt {display: inline-block; width: 25%; padding-left: 5px; vertical-align: top; box-sizing: border-box; font-weight: 700;}
.intern_cont > div > figure figcaption dl dd {display: inline-block; width: 70%; border-left:  1px solid #9FA0A0; box-sizing: border-box; padding-left: 5px;}
.intern_cont > div > figure figcaption dl + dl {border-bottom: 1px solid #9FA0A0;}
.intern_cont > div > div {width: 73%; float: right;}
.intern_cont > div > div h4 {font-size: 20px; font-weight: 700;color: #EA545D; }
.intern_cont > div > div h4 + p {margin: 10px 0px 20px; line-height: 180%;}
.intern_cont > div:after {content: "";display: block;clear: both;}

.intern_day > h3 {background-color: #EA545D; color: #FFF; font-size: 30px; font-weight: 700; text-align: center; padding: 5px 0px; border-radius: 5px}
.intern_day_cont {background: url("../images/overseas/intern_day_bg.png")no-repeat center top; background-attachment: fixed; z-index: 1;}
.intern_day_cont > div {padding: 20px 0px; border-bottom: 1px solid #9FA0A0; position: relative; z-index: -1;}
.intern_day_cont > div > dl {width: 45%; float: left; line-height: 180%;display: flex; flex-wrap: wrap; }
.intern_day_cont > div > dl dt {width: 15%; font-size: 18px;}
.intern_day_cont > div > dl dd {width: 85%; padding-left: 10px; box-sizing: border-box;position: relative;}
.intern_day_cont > div > dl dd h4:before {content: ""; width:2px; height: 16px; background-color: #9FA0A0; position: absolute; left: -1px; top: 7px;}
.intern_day_cont > div > dl dd div {margin-top: 5px; line-height: 160%;font-size: 14px; background-color: #F6BEC8; border-radius: 5px; padding: 5px 20px;}
.intern_day_cont > div > dl dd + dt {margin-top: 10px;}
.intern_day_cont > div > dl dd + dt + dd {margin-top: 10px;}
.intern_day_cont > div > figure {width: 45%; float: right;}
.intern_day_cont > div > figure ul {font-size: 0px;}
.intern_day_cont > div > figure ul li {width: 48%; display: inline-block;}
.intern_day_cont > div > figure ul li + li {margin-left: 4%;}
.intern_day_cont > div > figure figcaption {margin-top: 20px; background-color: #EFEFEF; padding: 10px 5px;}
.intern_day_cont > div > figure figcaption dl dt {width: 30%; float: left;}
.intern_day_cont > div > figure figcaption dl dd {width: 68%; float: right; font-size: 14px; line-height: 180%;}
.intern_day_cont > div > figure figcaption dl:after {content: "";display: block;clear: both;}
.intern_day_cont > div:last-child { border-bottom: none; margin-bottom: 50px;}
.intern_day_cont > div:after {content: "";display: block;clear: both;}

.faq h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.faq h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.faq h2 strong {padding-left: 53px; display: block;}

.faq > section {margin-top: 30px;}
.faq_navi li {display: inline-block; color: #FFF; width: 230px; text-align: center;}
.faq_navi li a {font-size: 24px; font-weight: 500; display: block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; color: #000; text-align: center; padding: 3px 0px; box-sizing: border-box;}
.faq_navi li.active a {display: block; color: #FFF; background: rgb(234,85,80);background: linear-gradient(0deg, rgba(234,85,80,1) 0%, rgba(246,190,200,1) 100%);opacity: 1;}
.faq > section > div {margin-top: 30px; margin-bottom: 50px;}
.faq > section > div dl { padding-left: 60px; margin-bottom: 40px;}
.faq > section > div dl dt {font-size: 24px; font-weight: 500; color: #ea545d; position: relative; padding-top: 5px;}
.faq > section > div dl dt:before {content: url("../images/faq_q.png");position: absolute; left: -65px; top: 0px;}
.faq > section > div dl dd {margin-top: 35px; position: relative; font-size: 20px; line-height: 150%;}
.faq > section > div dl dd:before {content: url("../images/faq_a.png");position: absolute; left: -65px; top: 0px;}
.faq > section > div dl dd > div.card_area {display: flex; padding-top: 10px;}
.faq > section > div dl dd > div.card_area figure { width: 220px; margin-right: 30px;}
.faq > section > div dl dd > div.card_area figure figcaption {margin-top: 10px;}
.faq > section > div dl dd > div.card_area figure figcaption p {font-size: 16px; font-weight: 700;}
.faq > section > div dl dd > div.card_area figure figcaption ul li {font-size: 14px; list-style: outside; margin-left: 1.5em; line-height: 140%;}
.faq > section > div dl dd a {text-decoration: underline;}
.faq > section > div dl dd p {margin-bottom: 10px;}
.faq > section > div dl dd p span {font-size: 16px;}
.faq > section > div dl dd ol {position: relative;}
.faq > section > div dl dd ol li {list-style: none;list-style-position: outside;margin: 0;padding-left: 1.25em}
.faq > section > div dl dd ol li span {position: absolute; left: 0; margin: 0;}

.chari h2 {color: #EA545D; font-size: 45px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.chari h2 em {padding-left: 53px; font-size: 30px; font-family: 'Noto Sans JP', sans-serif; font-weight: 700;display: inline-block; line-height: 0%; vertical-align: middle;}
.chari h2 span {display:block;vertical-align: middle;width: 40px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.chari h2 strong {display: inline-block; vertical-align: middle; line-height: 0%;}

.match h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.match h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.match h2 strong {padding-left: 53px; display: block;}
.match h2 + p {margin-top: 20px; line-height: 180%;}

.match_cons {margin-top: 30px;}
.match_cons > h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%}
.match_cons > div {margin-top: 20px; background-color: #efefef; padding: 20px;}
.match_cons > div > h4 {font-size: 20px; font-weight: 700; text-align: center;}
.match_cons > div > div {display: flex; justify-content: space-between; margin-top: 20px;}
.match_cons > div > div figure {margin-right: 15px;}
.match_cons > div > div figure:last-child {margin-right: 0px;}
.match_cons > div > div figure figcaption {margin-top: 10px;}
.match_cons > div > div figure figcaption dl dt {font-size: 14px; font-weight: 300; color: #ea5550;}
.match_cons > div > div figure figcaption dl dd {margin-top: 10px;}

.match_skill {margin-top: 30px;}
.match_skill > h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%}
.match_skill > div {margin-top: 20px; background-color: #efefef; padding: 20px;}
.match_skill > div > h4 {font-weight: 300; text-align: center;}
.match_skill > div > div {display: flex; justify-content: space-between; margin-top: 20px;}
.match_skill > div > div figure {margin-right: 10px;}
.match_skill > div > div figure:last-child {margin-right: 0px;}
.match_skill > div > div figure figcaption {font-size: 12px; text-align: center; background-color: #ea5550; padding: 5px; color: #FFF;}

.match_support {margin-top: 40px; padding-bottom: 40px;}
.match_support > h3 { font-weight: 700; color: #FFF; font-size: 20px; text-align: center;}
.match_support > h3 span { padding: 5px 70px; background-color: #ea5550;}
.match_support > div {display: flex; justify-content: center; margin-top: 20px;}
.match_support > div picture {width: 200px; margin-right: 30px;}
.match_support > div picture:last-child {margin-right: 0px;}
.match_support > h4 {margin-top: 30px; text-align: center;}

.match_top {margin-top: 20px; margin-bottom: 120px;}
.match_top figure picture {display: block; float: left; width: 30%;}
.match_top figure figcaption {float: right; width:68%; text-align: center;}
.match_top figure figcaption h3 {line-height: 180%; text-align: left;}
.match_top figure figcaption h4 {line-height: 180%; margin-top: 0.5em; text-align: left;}
.match_top figure figcaption p {display: inline-block; text-align: center; margin-top: 20px;}
.match_top figure figcaption p a {display: block;background: rgb(234,85,80);background: linear-gradient(0deg, rgba(234,85,80,1) 0%, rgba(246,190,200,1) 100%);color: #FFF; border: 1px solid #FFF; border-radius:5px;font-size: 32px; font-weight: 700; padding: 2px 20px;}
.match_top figure figcaption p a span {display: block; font-size: 16px; }
.match_top figure figcaption p a:hover {opacity: 1;background: rgb(229,229,229);background: linear-gradient(0deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); color: #000;border: 1px solid #FFF;}
.match_top figure:after {content: "";display: block;clear: both;}

.match_cont {margin-top: 20px; margin-bottom: 120px;}
.match_cont figure picture {display: block; float: left; width: 30%;}
.match_cont figure figcaption {float: right; width:68%;}
.match_cont figure figcaption h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.match_cont figure figcaption dl {margin: 12px 0px 24px;}
.match_cont figure figcaption dl dd {margin-top: 20px;}
.match_cont figure figcaption dl dd span {padding-right: 15px;}
.match_cont figure figcaption dl dd a {display: inline-block; padding-left: 18px; font-size: 16px; position: absolute; color: #F29C9F;}
.match_cont figure figcaption dl dd a:before {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; left: 0px; top:5px;}
.match_cont figure figcaption dl dd a:hover {opacity: 1;}
.match_cont figure figcaption dl dd a:hover:before {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.match_cont figure figcaption > p {font-size: 14px; line-height: 180%;}
.match_cont figure:after {content: "";display: block;clear: both;}

.uc {font-size: 30px; font-weight: 700; text-align: center; padding: 30px 0px 120px;}

.employment {}
.yesno {position:relative;height: 660px;}
#st {position:relative; height: 660px; background: url("../images/overseas/employment_bg.png") no-repeat center top;}
#st > div {width: 340px; margin: 0px auto; padding-top: 160px; text-align: center;}
#st > div h3 {font-size: 60px; font-weight: 700; color: #FFF; text-shadow: 0px 0px 5px rgba(0,0,0,1);}
#st > div h4 {font-size: 22px; background-color: #F6BEC8; text-align:center;}
#st > ul.stbt {margin-top: 20px;}
#st > ul.stbt li a {width: 340px; margin: 0px auto; display: block; height: 200px; background-color: rgba(255,255,255,.8); border: 5px solid #FFF; border-radius: 20px;font-size: 40px; color: #EA545D; font-weight: 700; text-align: center; line-height: 200px; vertical-align: middle;}
#st > ul.ball li:first-child {position: absolute; width: 300px; left: 20px; top: 50px;}
#st > ul.ball li:nth-child(2) {position: absolute; width: 200px; right: 20px; top: 50px;}
#st > ul.ball li:nth-child(3) {position: absolute; width: 220px; left: 20px; bottom: 50px;}
.positionFit {position:absolute;left: 0px;top: 0px; right: 0; margin: auto;}
.q_cont {width: 540px; margin: 20px auto;}
.q_cont > div {border: 2px solid #9FA0A0; padding: 40px 20px; border-radius: 20px;}
.q_cont > div h3 {font-size: 40px; text-align: center;color: #EA545D; font-weight: 700; margin-bottom: 40px;}
.q_cont > div h3 + p { text-align: center; font-size: 20px;}
.q_cont > div figure {margin-top: 20px;}
.q_cont > ul {display: flex; justify-content: space-between; margin-top: 20px;}
.q_cont > ul li a {display: block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; font-weight: 500; color: #000; text-align: center; padding: 3px 0px; box-sizing: border-box;}
.q_cont > ul li a:hover {background: rgb(234,85,80);background: linear-gradient(0deg, rgba(234,85,80,1) 0%, rgba(246,190,200,1) 100%);color: #FFF; opacity: 1;}
#q01.q_cont > ul li {width: 48%;}
#q02-1.q_cont > ul li,#q02-2.q_cont > ul li,#q03.q_cont > ul li { width: 31%;}
#a01.q_cont > ul li,#a02.q_cont > ul li {width: 24%;}

.online_head h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.online_head h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.online_head h2 strong {padding-left: 53px; display: block;}
.online_head h2 + p {margin-top: 20px; line-height: 180%;}
.online_head > div {display: flex; justify-content: space-between; margin-top: 30px;}
.online_head > div figure {width: 48%;}
.online_head > div figure ul li {width: 50%; float: left;}
.online_head > div figure ul li + li {float: right; margin-top: 130px;}
.online_head > div figure ul:after {content: "";display: block;clear: both;}
.online_head > div figure figcaption {font-size: 12px; text-align: center; margin-top: 5px;}
.online_jp {margin-top: 30px;}
.online_jp h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.online_jp > div div {width: 78%; float: left;}
.online_jp > div div h4 {font-size: 20px; color: #EA5550; line-height: 180%; font-weight: 700; margin: 20px 0px;}
.online_jp > div div h4 + p {line-height: 180%;}
.online_jp > div figure {width: 18%; float: right;}
.online_jp > div figure figcaption {font-size: 14px; text-align: center;line-height: 180%; margin-top: 5px;}
.online_jp > div:after {content: "";display: block;clear: both;}
.online_teaching {margin-top: 30px;}
.online_teaching h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.online_teaching > div {margin-top: 20px;}
.online_teaching > div div:first-child {width: 49%; float: left;}
.online_teaching > div div:first-child p {line-height: 180%;}
.online_teaching > div div:first-child h4 {margin-top: 20px; font-size: 20px; color: #EA5550; font-weight: 700;}
.online_teaching > div div:nth-child(2) {width: 49%; float: right;}
.online_teaching > div div:nth-child(2) figure:first-child {background-color: #EFEFEF; padding: 20px;}
.online_teaching > div div:nth-child(2) figure:first-child picture {float: left; width: 42%;}
.online_teaching > div div:nth-child(2) figure:first-child figcaption {float: right; width: 53%; font-size: 14px; line-height: 180%;}
.online_teaching > div div:nth-child(2) figure:first-child:after {content: "";display: block;clear: both;}
.online_teaching > div div:nth-child(2) figure:nth-child(2) {margin-top: 30px;}
.online_teaching > div div:nth-child(2) figure:nth-child(2) figcaption {font-size: 14px; margin-top: 5px; text-align: center;}
.online_teaching > div:after {content: "";display: block;clear: both;}
.online_skill {margin-top: 30px;}
.online_skill h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.online_skill h3 + p {margin-top: 20px; line-height: 180%;}
.online_skill > div {margin-top: 20px;}
.online_skill > div > p {float: left; width: 49%; color: #EA5550; line-height: 180%; font-weight: 700;}
.online_skill > div > figure {float: right; width: 49%;}
.online_skill > div > figure figcaption dl {font-size: 12px; margin-top: 5px; line-height: 180%;}
.online_skill > div > figure figcaption dl dt {text-align: left;}
.online_skill > div > figure figcaption dl dd {text-align: right;}
.online_skill > div:after {content: "";display: block;clear: both;}
.online_trial {margin-top: 30px;}
.online_trial h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.online_trial h3 + p {margin-top: 20px; line-height: 180%;}
.online_trial > div {margin-top: 20px;}
.online_trial > div > figure {float: left; width: 46%;}
.online_trial > div > figure img {border: 1px solid #C9CACA;}
.online_trial > div > div {float: right; width: 52%;}
.online_trial > div > div figure:nth-child(2) {display: flex; justify-content: space-between; margin-top: 20px;}
.online_trial > div > div figure:nth-child(2) picture {width: 53%;}
.online_trial > div > div figure:nth-child(2) figcaption {width: 42%; font-size: 12px; line-height: 180%;}
.online_trial > div > div img {border: 1px solid #C9CACA;}
.online_trial > div:after {content: "";display: block;clear: both;}
.online_test {margin-top: 30px; margin-bottom: 40px;}
.online_test h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.online_test h3 + p {margin-top: 20px; line-height: 180%;}
.online_test p + p {color: #EA5550; font-weight: 700;margin-top: 10px;}
.online_success {margin-top: 30px;}
.online_success h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.online_success h3 span {color: #727171; font-size: 20px; margin-left: 10px;}
.online_success h3 + figure {margin-top: 20px;}
.online_success figure + figure {margin: 20px 0px 40px;}
.online_success figure + figure figcaption {float: left; width: 49%; line-height: 180%;}
.online_success figure + figure picture {float: right; width: 49%;}
.online_success figure + figure:after {content: "";display: block;clear: both;}

.v_general h2 {color: #EA545D; font-size: 40px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.v_general h2 span {display:block;vertical-align: middle;width: 50px; height: 50px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 6px;}
.v_general h2 strong {padding-left: 53px; display: block;}
.v_general h2 + ul {margin-top: 20px; display:flex; justify-content: space-between;}
.v_general h2 + ul li a {padding: 0px 50px; display: inline-block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; text-align: center; color: #000; position: relative;}
.v_general h2 + ul li a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 5px; top: 5px;}
.v_general h2 + ul li a:hover {opacity: 1;}
.v_general h2 + ul li a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.general_cont {margin-top: 30px;}
.general_cont:last-child {margin-bottom: 40px;}
.general_cont > h3 {font-size: 26px; line-height: 160%;}
.general_cont > h4 {margin-top: 20px; color: #EA5550; font-weight: 700;}
.general_head {margin-top: 10px;}
.general_head > div {width: 42%; float: left;}
.general_head > figure {width: 53%; float: right;}
.general_head > div dl {padding: 5px 0px; border-top: 1px solid #9FA0A0;}
.general_head > div dl dt {display: inline-block; width: 20%; text-align: center; vertical-align: top; box-sizing: border-box; font-weight: 700;}
.general_head > div dl dd {display: inline-block; width: 75%; border-left:  1px solid #9FA0A0; box-sizing: border-box; padding-left: 10px;}
.general_head > div dl:last-child {border-bottom: 1px solid #9FA0A0;}
.general_head:after {content: "";display: block;clear: both;}
.general_main {margin-top: 20px;}
.general_main > div:first-child {float: left; width: 75%;}
.general_main > div:first-child h4 {font-size: 20px; font-weight: 700;color: #EA5550; margin-top: 20px;}
.general_main > div:first-child h4 + p {line-height: 180%;}
.general_main > div:first-child h4:first-child {margin-top: 0px;}
.general_main > div + div {float: right; width: 23%;}
.general_main > div + div figure {margin-bottom: 20px;}
.general_main > div + div figure figcaption {font-size: 14px; margin-top: 5px;}
.general_main:after {content: "";display: block;clear: both;}

.single {padding-top: 20px;}
.single .body_main {width: 660px; float: left; margin-bottom: 40px;}
.single .body_main > h2 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.single .body_main > h2 + dl {margin: 20px 0px;}
.single .body_main > h2 + dl dt {display: inline-block;}
.single .body_main > h2 + dl dd {display: inline-block; margin-left: 0.5em;}
.single .body_main .img_area {display: flex; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid #c9caca; margin-bottom: 20px;}
.single .body_main .img_area figure figcaption {font-size: 14px; margin-top: 5px;}
.single .body_main .img_area.second figure {width: 49%;}
.single .side_area {width: 260px; float: right; margin-bottom: 40px;}
.single .side_area h3 {font-size: 12px; font-weight: 700; text-align: center; color: #fff; background-color: #ea545d; border: 1px solid #CCC; height: 40px; line-height: 40px; box-sizing: border-box; vertical-align: middle;}
.single .side_area ul li {margin-top: 5px;}
.single .side_area ul li a {border: 1px solid #CCC;display: block; height: 40px; line-height: 40px; box-sizing: border-box; padding-left: 15px; color: #000; font-weight: 700;position: relative; background-color: #FFF; border-radius: 3px;}
.single .side_area ul li a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 15px; top: 12px;}
.single .side_area ul li a:hover {opacity: 1;background: rgb(234,85,80);background: linear-gradient(0deg, rgba(234,85,80,1) 0%, rgba(246,190,200,1) 100%);color: #FFF;border: 1px solid #FFF;}
.single .side_area ul li a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.single:after {content: "";display: block;clear: both;}

.body {line-height: 180%; padding-bottom: 30px; border-bottom: 1px solid #c9caca; margin-bottom: 20px;}
.body + ul li {text-align: center;}
.body + ul li a {padding: 10px 50px; display: inline-block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; text-align: center; color: #000; position: relative;}
.body + ul li a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 15px; top: 15px;}
.body + ul li a:hover {opacity: 1;background: rgb(234,85,80);background: linear-gradient(0deg, rgba(234,85,80,1) 0%, rgba(246,190,200,1) 100%);color: #FFF;border: 1px solid #FFF;}
.body + ul li a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}

.archive .archive_body {width: 660px; float: left; margin-bottom: 40px;}
.archive .archive_body h2 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.archive .archive_body .list {margin-top: 20px;}
.archive .archive_body .list dl {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #c9caca;}
.archive .archive_body .list dl dd a {color: #000;}
.archive .archive_body .list dl.is-hidden {visibility: hidden;opacity: 0;height: 0;margin: 0 0px;padding:0;}
.archive .side_area {width: 260px; float: right; margin-bottom: 40px;}
.archive .side_area h3 {font-size: 12px; font-weight: 700; text-align: center; color: #fff; background-color: #ea545d; border: 1px solid #CCC; height: 40px; line-height: 40px; box-sizing: border-box; vertical-align: middle;}
.archive .side_area ul li {margin-top: 5px;}
.archive .side_area ul li a {border: 1px solid #CCC;display: block; height: 40px; line-height: 40px; box-sizing: border-box; padding-left: 15px; color: #000; font-weight: 700;position: relative; background-color: #FFF; border-radius: 3px;}
.archive .side_area ul li a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 15px; top: 12px;}
.archive .side_area ul li a:hover {opacity: 1;background: rgb(234,85,80);background: linear-gradient(0deg, rgba(234,85,80,1) 0%, rgba(246,190,200,1) 100%);color: #FFF;border: 1px solid #FFF;}
.archive .side_area ul li a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.archive:after {content: "";display: block;clear: both;}

.more {text-align: center;}
.more button { cursor: pointer;padding: 10px 100px; font-weight: 700; display: inline-block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; text-align: center; color: #000; position: relative; border-radius: 3px;}
.more button:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 12px; top: 12px;}
.more button:hover {opacity: 1;background: rgb(234,85,80);background: linear-gradient(0deg, rgba(234,85,80,1) 0%, rgba(246,190,200,1) 100%);color: #FFF;border: 1px solid #FFF;}
.more button:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}

@media only screen and (max-width:834px){
.main_image {width: 100%; margin: 0px auto 0px;}

article.middle {width: 96%; margin: 0px auto;}

.overseas_head {width: 96%; margin: 10px auto 0px;}
.overseas_head > h2 {font-size: 24px; text-align: center;font-weight: 700; }
.overseas_head > h3 {font-size: 32px; text-align: center;font-weight: 700; color:#ea5550; margin-top: 20px;}
.overseas_head > ul {display: flex; margin-top: 20px;}

.over_commit > div.commit_list figure {width: 48%; display: flex;justify-content: space-around;flex-direction: column;}
.over_commit > div.commit_list figure picture {width: 100%;order: 2; text-align: center; margin: 10px 0px;}
.over_commit > div.commit_list figure figcaption {width: 100%; display: contents; flex-direction: column;}
.over_commit > div.commit_list figure figcaption h3 {font-weight: 700; display: flex; align-items: center; order: 1;}
.over_commit > div.commit_list figure figcaption h3:before {content: ""; flex-shrink: 0; width: 80px; height: 40px; display: block;background-size: cover;margin-right: 10px;}
.over_commit > div.commit_list figure figcaption p:not([class]) {order: 3;}
.over_commit > div.commit_list figure figcaption p.link {order: 4; margin-top: 20px;}

.overseas_voice > div {background-color: #efefef; padding: 16px; display: flex; justify-content: space-around; flex-direction: column; flex-wrap: wrap;}
.overseas_voice > div figure {width: 100%; display: flex; flex-direction: row-reverse;}
.overseas_voice > div figure figcaption {width: 70%; padding: 12px; box-sizing: border-box; background-color: #FFF; display: flex; flex-direction: column;}
.overseas_voice > div figure + figure figcaption {width: 70%;}
.overseas_voice > div figure picture {width: 30%;}
.overseas_voice > div figure + figure picture {width: 30%;}
.overseas_voice > div figure picture img {width: 100%;}
.overseas_voice > div figure figcaption p:not([class]) {margin-bottom: 20px;}

.overseas_under {margin: 40px 0px;}
.overseas_under > h2 {font-size: 24px; text-align: center;font-weight: 700;color:#ea5550;}
.overseas_under > h3 {font-size: 20px; text-align: center;margin-top: 20px;}

.specific_support > figure figcaption { width: 100%; float: none;}
.specific_support > figure picture {display: block; width: 100%; float:none; border: 1px solid #9FA0A0; box-sizing: border-box;}

.v_general h2 + ul {margin-top: 20px; display:block; justify-content: space-between;}
.v_general h2 + ul li {margin-bottom: 5px;}
.v_general h2 + ul li a {padding: 0px 20px; display: inline-block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; text-align: center; color: #000; position: relative; width: 100%; box-sizing: border-box;}
.v_general h2 + ul li a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 5px; top: 35%;}
.v_general h2 + ul li a:hover {opacity: 1;}
.v_general h2 + ul li a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.v_general h2 + ul li .br-sp {display: block;}

.v_intern h2 + ul {margin-top: 20px; display:block; justify-content: space-between;}
.v_intern h2 + ul li {margin-bottom: 5px;}
.v_intern h2 + ul li a {padding: 10px 20px; display: inline-block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; text-align: center; color: #000; position: relative; width: 100%; box-sizing: border-box;}
.v_intern h2 + ul li a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 5px; top: 35%;}
.v_intern h2 + ul li a:hover {opacity: 1;}
.v_intern h2 + ul li a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.intern_day_cont > div > dl dt {width: 20%; font-size: 18px;}
.intern_day_cont > div > dl dd {width: 80%; padding-left: 10px; box-sizing: border-box;position: relative;}

.period dl dt {font-size: 16px; font-weight: 700; color: #FFF; margin-bottom: 10px;}
.period dl dt span {width: 100%; display: inline-block; padding: 5px 10px; box-sizing: border-box; background-color:#EA5550;}
.period dl dd ul li {line-height: 180%; font-size: 14px; }
.period dl dd ul li a {color: #000; position: relative; display: inline-block;}
.period dl dd ul li a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: relative; right: -10px; top:3px; display: inline-block;}
.period dl dd ul li a:hover {opacity: 1;}
.period dl dd ul li a:hover:after {background: url("../images/link_icon_hover.png") no-repeat;background-size: cover;}
.online_success h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.online_success h3 span {color: #727171; font-size: 20px; margin-left: 0px; margin-top: 5px; display: block;}
.online_success h3 {font-size: 30px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.online_success h3 span {color: #727171; font-size: 20px; margin-left: 0px; margin-top: 5px; display: block;}

.contact_main table {border-bottom: 1px solid #727171;}
.contact_main table th {width:100%; display: block; background-color: #EFEFEF; padding: 20px 10px; box-sizing: border-box; border-top: 1px solid #727171; vertical-align: middle;}
.contact_main table th span {color: #E60012;}
.contact_main table th br {display: none;}
.contact_main table td { width: 100%; display: block; padding: 20px 0px 20px 0px; box-sizing: border-box; border-top: 1px solid #727171;font-size: 18px;}
.contact_main table td.w5 input {width: 100%;}

.confirmation_main table {margin: 40px 0px 20px; width: 100%; border-bottom: 1px solid #727171;}
.confirmation_main table th {width: 100%; display: block; background-color: #EFEFEF; padding: 20px 10px; box-sizing: border-box; border-top: 1px solid #727171; vertical-align: middle;}
.confirmation_main table td { width: 100%; display: block; padding: 20px 10px 20px 10px; box-sizing: border-box; border-top: 1px solid #727171;font-size: 18px;}
.confirmation_main .end_form {text-align: center;}
.confirmation_main .end_form li {display: inline-block; width: 40%;}
.confirmation_main .end_form li + li {margin-left: 20px;}
.confirmation_main .end_form li input {cursor: pointer;-webkit-appearance: none; width: 100%; font-weight: 700; padding: 5px 0px; border: 1px solid #CCC;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%);}
.confirmation_main .end_form li input:hover {background: rgb(234,85,80);background: linear-gradient(0deg, rgba(234,85,80,1) 0%, rgba(246,190,200,1) 100%);color: #FFF;}

.single .body_main {width: 100%; float:none; margin-bottom: 40px;}
.single .body_main > h2 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.single .body_main > h2 + dl {margin: 20px 0px;}
.single .body_main > h2 + dl dt {display: inline-block;}
.single .body_main > h2 + dl dd {display: inline-block; margin-left: 0.5em;}
.single .body_main .img_area {display: flex; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid #c9caca; margin-bottom: 20px;}
.single .body_main .img_area figure figcaption {font-size: 14px; margin-top: 5px;}
.single .body_main .img_area.second figure {width: 49%;}
.single .side_area {width: 100%; float: none; margin-bottom: 40px;}

.archive .archive_body {width:100%; float: none; margin-bottom: 40px;}
.archive .archive_body h2 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.archive .archive_body .list {margin-top: 20px;}
.archive .archive_body .list dl {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #c9caca;}
.archive .archive_body .list dl dd a {color: #000;}
.archive .archive_body .list dl.is-hidden {visibility: hidden;opacity: 0;height: 0;margin: 0 0px;padding:0;}
.archive .side_area {width: 100%; float: none; margin-bottom: 40px;}

.etc .etc_left {width: 100%; float: none;}
.etc .etc_right {width: 100%; float: none; margin-bottom: 60px;}

#st > ul.ball li:first-child {position: absolute; width: 200px; left: 10px; top: 50px;}
#st > ul.ball li:nth-child(2) {position: absolute; width: 150px; right: 10px; top: 40px;}
#st > ul.ball li:nth-child(3) {position: absolute; width: 160px; left: 20px; bottom: 20px;}

.q_cont {width: 96%; margin: 20px auto;}
#a01.q_cont > ul,#a02.q_cont > ul {flex-wrap: wrap;}
#a01.q_cont > ul li,#a02.q_cont > ul li {width: 49%; margin-bottom: 2%;}

.rpa_content > div {width: 96%; margin: 0px auto; }
.rpa_content {display: flex;justify-content: center;align-items: center;min-height: 800px; padding-bottom: 50px; background-attachment: fixed;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;}

.rpa_content.bg_01 > div h2 {font-size: 40px; text-align: center; color: #FFF; font-weight: 700;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div h2 span {border-bottom: 2px solid #EA5550;}
.rpa_content.bg_01 > div div {margin: 50px 0px 90px;}
.rpa_content.bg_01 > div div dl dt {font-size: 40px; font-weight: 700; color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div div dl dt span {color: #EA5550;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div div dl dd {text-align: center; color: #FFF; font-size: 18px;}
.rpa_content.bg_01 > div div {display: flex; justify-content: space-between;}
.rpa_content.bg_01 > div h3 {font-size: 24px; font-weight: 700; margin-bottom: 40px; color: #FFF; text-align: center; line-height: 180%;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div h3 span {color: #F6BEC8;}

.rpa_content.bg_02 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 35px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_02 > div ul {width: 96%; margin: 100px auto 120px;}
.rpa_content.bg_02 > div ul li {width: 45%; float: left;}
.rpa_content.bg_02 > div ul li + li {float: right;}
.rpa_content.bg_02 > div ul:after {content: "";display: block;clear: both;}

.rpa_content.bg_03 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 35px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_03 > div ul {width: 96%; margin: 100px auto 120px;}
.rpa_content.bg_03 > div ul li {width: 45%; float: left;}
.rpa_content.bg_03 > div ul li + li {float: right;}
.rpa_content.bg_03 > div ul:after {content: "";display: block;clear: both;}

.rpa_content.bg_04 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 35px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_04 > div ul {width: 96%; margin: 150px auto 120px;}
.rpa_content.bg_04 > div ul li {width: 45%; float: left;}
.rpa_content.bg_04 > div ul li + li {float: right;}
.rpa_content.bg_04 > div ul:after {content: "";display: block;clear: both;}

.rpa_content.bg_05 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 35px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_05 > div figure {margin: 20px 0px 45px;}
.rpa_content.bg_05 > div figure figcaption h3 {font-size: 24px; font-weight: 700;color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_05 > div figure figcaption h3 span {color: #EA5550;}
.rpa_content.bg_05 > div figure picture {display: block; margin-top: 30px;}

.rpa_content.bg_06 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 35px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_06 > div figure {margin: 20px 0px 45px;}
.rpa_content.bg_06 > div figure figcaption h3 {font-size: 24px; font-weight: 700;color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_06 > div figure figcaption h3 span {color: #EA5550;}
.rpa_content.bg_06 > div figure figcaption p {color: #FFF; font-size: 20px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_06 > div figure figcaption p span {color: #EA5550;}
.rpa_content.bg_06 > div figure picture {display: block; margin-top: 30px;}

.match_top figure picture {display: block; float: none; width: 100%; text-align: center;}
.match_top figure figcaption {float: none; width:100%; text-align: center; margin-top: 20px;}

.match_cont figure picture {display: block; float: none; width: 100%; text-align: center;}
.match_cont figure figcaption {float: none; width:100%; margin-top: 20px;}

}
@media only screen and (max-width:770px){
.contact_main table td.app_list ul li {margin-right: 10px; margin-bottom: 5px;}
.contact_main table td.app_list dl {display: block;}
.contact_main table td.app_list dl dt {width: auto; border-bottom: 1px dotted #CCC; margin-bottom: 3px; padding-bottom: 3px;}
.contact_main table td.app_list .err_after {margin-top: 20px;}

.dx_achievement > div figure:first-child:before {content: "";position: absolute; top: calc(50% - 20px); right:-50px;display: block;width: 0px;height: 0px;border-style: solid;border-width: 15px 0 15px 30px;border-color: transparent;border-left-color: #ea5550;}

.box.row { display: flex; justify-content: space-between; flex-direction: column;}
.box.row.center {align-items: flex-start;}
.support_main > div + div {margin-top: 20px;}
.box.row > div {width:100%;}
.box > div + div {margin-top: 20px;}
.box > div + div figure.row2 {display: flex; justify-content: flex-start; gap:0px 20px;}

.box > div > div.row {display: flex; justify-content: space-between;margin-top: 10px; flex-direction: column;}
.box > div > div.row > ul {width: 100%;}
.box > div > div.row > ul > li {list-style: outside; margin-left: 1.5em; font-size: 14px;}
.box > div > div.row > ul > li + li {margin-top: 5px;}
.box > div > div.row > ul + ul {margin-top: 5px;}

.con3_wrap_01 {display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column;}
.con3_wrap_01 > p {width: 100%; margin-bottom: 20px;}
.con3_wrap_01 > div.left {width:100%;}
.con3_wrap_01 > div.right {width: 100%; margin-top: 20px;}

}

@media only screen and (max-width:700px){
.inspection_country {margin-top: 20px; display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap; gap:20px 0px;}
.inspection_country > div {max-width: 450px; width: 100%; display: flex; margin: 0px auto;}
.inspection_country > div > figure {width: 42.2%;}
.inspection_country > div > figure figcaption {font-size: 20px; font-weight: 700; text-align: center; margin-top: 10px;}
.inspection_country > div > picture {width: 57.8%;}
.inspection_country > div:nth-child(3),.inspection_country > div:nth-child(4) {flex-direction: row;}

}

@media only screen and (max-width:640px){
.commitment_02_head figure {margin-top: 10px; display: flex; flex-direction: column; justify-content: space-between;}

.commitment_02_head figure figcaption {width: 100%;}
.commitment_02_head figure > div.movie {width: 100%;aspect-ratio:47 / 32; margin-top: 20px;}

.onlinelesson_cont {margin-top: 20px; }
.onlinelesson_cont > div.item_row {background-color: #efefef; padding: 20px; box-sizing: border-box; display: flex; justify-content: space-between; width: 100%; flex-direction: column;}
.onlinelesson_cont > div.item_row div {width: 100%; display: contents;}
.onlinelesson_cont > div.item_row div + div {width: 100%;}

.onlinelesson_cont > div.item_row div h4 {order: 1;}
.onlinelesson_cont > div.item_row div h4 + p {order: 2;}
.onlinelesson_cont > div.item_row div + div picture {order:3; margin-top: 20px; text-align: center;}
.onlinelesson_cont > div.item_row div p.etc {order: 4;}
.onlinelesson_cont > div.item_row p.link {order: 5;}

.onlinelesson_cont > div.item_row div h4 + picture { order: 2;}
.onlinelesson_cont > div.item_row div ul {order: 3; margin-top: 20px; display: flex; justify-content: center; gap: 0 10px;}

.commitment_03_head figure {margin-top: 10px; display: flex; flex-direction: column; justify-content: space-between;}
.commitment_03_head figure figcaption {width: 100%;}
.commitment_03_head figure > ul {width: 100%; display: flex; margin-top: 20px;}
.commitment_03_head figure > ul li {width: 50%; text-align: center;}

.commitment_04_head figure {margin-top: 10px; display: flex; flex-direction: column; justify-content: space-between;}
.commitment_04_head figure figcaption {width: 100%;}
.commitment_04_head figure > picture {width: 100%; margin-top: 20px; text-align: center;}

.cons2_cont > div {margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; gap:15px 0px;}
.cons2_cont > div figure {width:49%;}
.cons2_cont > div figure figcaption dl dt {margin: 10px 0px 5px; font-size: 14px;color: #ea5550;}

}

@media only screen and (max-width:600px){

.over_commit > div.commit_list { margin-top: 20px; display: flex; gap:0px 0px;justify-content: space-between; flex-direction: column; flex-wrap: wrap;}
.over_commit > div.commit_list figure {width: 100%; display: flex;justify-content: space-around;flex-direction: column;}
.over_commit > div.commit_list figure + figure {margin-top: 20px;}

.dx > section {margin-top: 30px;}
.dx > section > p {line-height: 180%;}
.dx > section > h3 { font-size: 30px; font-weight: 500; color: #ea5550; position: relative;  border-left: 2px solid #ea5550; line-height: 100%; padding-left: 10px; margin-top: 30px;}
.dx > section > figure {display:block; justify-content: space-between; margin-top: 24px;}
.dx > section > figure figcaption {width: 100%; background-color: #efefef; padding: 20px; box-sizing: border-box;}
.dx > section > figure figcaption ul {list-style: square;}
.dx > section > figure figcaption ul li {font-size: 24px; font-weight: 500; margin-left: 1.5em; margin-bottom: 10px;}
.dx > section > figure picture {width: 100%; position: relative; height: auto;}
.dx > section > figure picture img {position: relative; width: 100%; height: 100%; top: 0; object-fit: cover;}
.dx_achievement {margin-top: 30px;}
.dx_achievement > h4 {font-size: 20px; font-weight: 500; background-color: #ea5550; color: #FFF; text-align: center; width: 340px; margin: 0px auto;padding: 5px 0px;}
.dx_achievement > h5 {text-align: center; margin-top: 20px;}
.dx_achievement > div {margin-top: 20px; display: block; text-align: center; padding: 0px 20px; justify-content: space-between;}
.dx_achievement > div figure:first-child {position: relative; margin-bottom: 40px;}
.dx_achievement > div figure:first-child:before {content: "";position: absolute; top: auto; bottom: -25px; right:calc(50% - 20px);display: block;width: 0px;height: 0px;border-style: solid;border-width: 20px 15px 0px 15px;border-color: transparent;border-left-color: transparent; border-top-color: #ea5550;}
.dx_achievement > div figure:nth-child(2) {margin-left: 0%; margin-bottom: 20px;}
.dx_achievement > div figure:nth-child(3) {margin-left: 0%;}
.dx_achievement > div figure figcaption {text-align: center; font-weight: 500; color: #ea5550; margin-bottom: 5px;}
.dx_achievement > p {text-align: center; font-size: 20px; font-weight: 500; color: #ea5550; margin: 20px 0px 40px;}

.overseas_support figure {display: flex; justify-content: space-between; flex-direction: column; margin-top: 20px;}
.overseas_support figure figcaption {width: 100%; margin-top: 10px;}
.overseas_support figure picture {width: 100%; text-align: center;}

.overseas_under > div.movie {margin: 40px auto; display: flex; justify-content: space-between; flex-direction: column; gap: 20px 0px;}
.overseas_under > div.movie picture {aspect-ratio: 16 / 9;}
.overseas_under > div.movie iframe {width: 100%; height: 100%;}

}
@media only screen and (max-width:500px){

.recruit_new_head h2 {color: #EA545D; font-size:28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.recruit_new_head h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 11px;}
.recruit_new_head h2 strong {padding-left: 23px; display: inline-block;}

.recruit_cont {padding: 16px;}
.recruit_cont h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.recruit_cont h3 + p {margin-top: 10px;}
.recruit_cont figure {margin-top: 20px;}
.recruit_cont figure figcaption h4 {font-size: 18px; font-weight: 700;}
.recruit_cont figure picture {margin-top: 16px;}
.recruit_cont figure + figure {margin-top: 20px;}

.recruit_cont p.link {margin: 40px auto 0px; width: 100%;}
.recruit_cont p.link a {display: block;background: #ea5550; border-radius: 20px;border: 1px solid #ea5550; text-align: center; color: #FFF; position: relative; font-weight: 700; font-size: 20px; padding: 4px 0px;}
.recruit_cont p.link a:after {content: ""; width: 18px; height: 18px; background: url("../images/link_icon_hover.png") no-repeat; background-size: cover; position: absolute; right: 6px; top: 10px;}


.commitment_04_head h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.commitment_04_head h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 11px;}
.commitment_04_head h2 strong {padding-left: 23px; display: inline-block;}
.cons2_main > h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.cons2_cont > h4 {text-align: center; font-size:18px; font-weight: 700;}

.commitment_03_head h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.commitment_03_head h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 11px;}
.commitment_03_head h2 strong {padding-left: 23px; display: inline-block;}

.commitment_02_head h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.commitment_02_head h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 11px;}
.commitment_02_head h2 strong {padding-left: 23px; display: inline-block;}
.onlinelesson h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}

.onlinelesson_cont > div.item_row div h4 {font-size: 18px; font-weight: 700;}
.onlinelesson_cont > div.item_row div h4 + p {margin-top: 10px; font-size: 14px;}
.onlinelesson_cont > div.item_row div p.etc {background-color: #FFF; padding: 10px; font-size: 12px; border-radius: 10px; margin-top: 20px;}
.onlinelesson_cont > div.item_row div ul {gap: 0; justify-content: space-between; display: flex;}
.onlinelesson_cont > div.item_row div ul li {width: 49%;}

.onlinelesson_cont > div.item_row p.link {margin: 40px auto 0px; width: 100%;}
.onlinelesson_cont > div.item_row p.link a {display: block;background: #ea5550; border-radius: 20px;border: 1px solid #ea5550; text-align: center; color: #FFF; position: relative; font-weight: 700; font-size: 20px; padding: 4px 0px;}
.onlinelesson_cont > div.item_row p.link a:after {content: ""; width: 18px; height: 18px; background: url("../images/link_icon_hover.png") no-repeat; background-size: cover; position: absolute; right: 6px; top: 10px;}
.onlinelesson_cont > div.item_row p.link a:hover {opacity: 1; background-color:#FFF; color: #ea5550; border: 1px solid #CCC;}
.onlinelesson_cont > div.item_row p.link a:hover:after {background: url("../images/link_icon.png") no-repeat;background-size: cover;}

.commitment_01_head h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.commitment_01_head h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 11px;}
.commitment_01_head h2 strong {padding-left: 23px;display: inline-block;}

.commitment_01_head > p.link {margin: 40px auto 0px; width: 100%;}
.commitment_01_head > p.link a {display: block;background: #ea5550; border-radius: 20px;border: 1px solid #ea5550; text-align: center; color: #FFF; position: relative; font-weight: 700; font-size: 20px; padding: 4px 0px;}
.commitment_01_head > p.link a:after {content: ""; width: 18px; height: 18px; background: url("../images/link_icon_hover.png") no-repeat; background-size: cover; position: absolute; right: 6px; top: 10px;}

.inspection_cont > p.link {margin: 40px auto 0px; width:100%;}
.inspection_cont > p.link a {display: block;background: #ea5550; border-radius: 20px;border: 1px solid #ea5550; text-align: center; color: #FFF; position: relative; font-weight: 700; font-size: 20px; padding: 4px 0px;}
.inspection_cont > p.link a:after {content: ""; width: 18px; height: 18px; background: url("../images/link_icon_hover.png") no-repeat; background-size: cover; position: absolute; right: 6px; top: 10px;}

.support_head h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.support_head h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 11px;}
.support_head h2 strong {padding-left: 23px; display: inline-block;}


.overseas_under > p.link {margin: 12px auto 0px; width: 320px;}
.overseas_under > p.link a {display: block;background: #ea5550; border-radius: 20px;border: 1px solid #ea5550; text-align: center; color: #FFF; position: relative; font-weight: 700; font-size: 20px; padding: 4px 0px;}
.overseas_under > p.link a:after {content: ""; width: 18px; height: 18px; background: url("../images/link_icon_hover.png") no-repeat; background-size: cover; position: absolute; right: 6px; top: 10px;}
.overseas_under > p.link a:hover {opacity: 1; background-color:#FFF; color: #ea5550; border: 1px solid #CCC;}
.overseas_under > p.link a:hover:after {background: url("../images/link_icon.png") no-repeat;background-size: cover;}

.inspection h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.inspection_country > div > figure figcaption {font-size: 16px; font-weight: 700; text-align: center; margin-top: 10px;}

.overseas .notice div:first-child h2 {display: inline-block; font-size: 24px; color: #EA5550;vertical-align: middle; margin-right: 25px;}
.overseas .info div:first-child h2 {display: inline-block; font-size: 24px; color: #EA5550;vertical-align: middle; margin-right: 25px;}
.select_area h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.select_area h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 11px;}
.select_area h2 strong {padding-left: 23px;display: inline-block;}
.select_area h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 140%;}
.select_area .stp_01 > div {display: block; justify-content: space-between;}
.select_area .stp_01 > div figure {width: 100%; margin-bottom: 30px;}
.select_area .stp_02 > div {display: block; justify-content: space-between;}
.select_area .stp_02 > div figure {width: 100%;margin-bottom: 30px;}
.select_area .stp_03 > div {display: block; justify-content: space-between;}
.select_area .stp_03 > div figure {width: 100%;margin-bottom: 30px;}
.select_area .st_voice figcaption {width: 100%; float: none; padding: 10px; box-sizing: border-box;}
.select_area .st_voice figcaption h5 {font-size: 16px; line-height: 160%;}
.select_area .st_voice picture {display: block; padding-left: 0%; width: 100%;}

.regulation h2 {color: #EA545D; font-size:28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.regulation h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 11px;}
.regulation h2 strong {padding-left: 23px; display: block;}

.dx h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.dx h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 11px;}
.dx h2 strong {padding-left: 23px; display: block;}

.education_info h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.education_info h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 11px;}
.education_info h2 strong {padding-left: 23px; display: block;}
.education_info figure figcaption {float:none; width:100%; color: #EA5550; line-height: 180%;}
.education_info figure > picture {display: block; width: 100%; float: none; margin-top: 20px;}
.education_001 h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.education_001 h3 + figure figcaption {float: none; width: 100%; line-height: 180%;}
.education_001 h3 + figure > picture {width: 100%; display: block; float: none; margin-bottom: 20px;}
.education_001 > div figure {width: 100%; float: none;}
.education_001 > div figure picture {display: block;}
.education_001 > div figure + figure {float: none; margin-top: 20px;}
.education_002 h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.education_002 .edu_002_01 h4 {width: 100%; background-color: #EA5550; border-radius: 5px; text-align: center; color: #FFF; font-size: 18px;font-weight: 700; padding: 5px 0px; float: none;}
.education_002 .edu_002_01 h4 + h4 {float: none; margin-top: 10px;}
.education_002 .edu_002_01 > figure ul {display: block;justify-content: space-between;}
.education_002 .edu_002_01 > figure ul li {width: 100%; margin-bottom: 20px;}
.education_002 .edu_002_02 h4 {width: 100%; background-color: #EA5550; border-radius: 5px; text-align: center; color: #FFF; font-size: 18px;font-weight: 700; padding: 5px 0px; float: none;}
.education_002 .edu_002_02 h4 + p {float: none; width: 100%; margin-top: 5px; font-size: 14px;}
.education_002 .edu_002_02 > figure {clear: both; padding-top: 20px;display: block; justify-content: space-between;}
.education_002 .edu_002_02 > figure picture {display: block; width: 100%; margin-bottom: 20px;}
.education_002 .edu_002_02 > figure figcaption {width: 100%; border: 2px solid #F6BEC8; padding: 15px; box-sizing: border-box; line-height: 180%;}

.order_head h2 {color: #EA545D; letter-spacing: -2px; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.order_head h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.order_head h2 strong {padding-left: 23px; display: block;}
.order_cont > div:first-child {width: 100%;float: none;}
.order_cont > div:nth-child(2) {width: 100%; float: none; margin-top: 20px;}
.order_ex > h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}

.specific_info h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.specific_info h2 span {display:block;vertical-align: middle;width: 20px; height:20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.specific_info h2 strong {padding-left: 23px; display: block;}
.specific_info h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.specific_info_img figure {width: 100%; float: none;}
.specific_info_img figure h4 {font-size: 20px; font-weight: 700; color: #EA5550; text-align: center; margin-bottom: 15px;}
.specific_info_img figure figcaption {margin-top: 10px; font-size: 12px;}
.specific_info_img > div {width: 100%; float: none; margin-top: 35px;}
.specific_info_img > div dl dt {font-size: 18px; font-weight: 700;}

.specific_skill h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.specific_skill h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.specific_skill h2 strong {padding-left: 23px; display: block;}
.specific_skill h3 {margin-top: 10px; font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.specific_support h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.specific_support h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.specific_support h2 strong {padding-left: 23px; display: block;}
.specific_support .br-sp {display:block;}
.specific_support > figure figcaption ul li a:after {content: ""; width: 16px; height: 16px; background: url("../images/link_icon.png") no-repeat; background-size: cover; position: absolute; right: 5px; top: 35%;}
.specific_support > div h3 {margin-bottom: 20px; font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.specific_flow h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.specific_flow h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.specific_flow h2 strong {padding-left: 23px; display: block;}

.skill_overview h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.skill_overview h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.skill_overview h2 strong {padding-left: 23px; display: block;}

.skill_occupation h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.skill_occupation h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.skill_occupation h2 strong {padding-left: 23px; display: block;}
.skill_occupation h3 {margin-top: 30px; font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}
.skill_occupation_head > div {width: 100%; float: none;}
.skill_occupation_head > figure {width: 100%; float: none;}

.skill_occupation_head + div figure h4 {font-size: 18px;font-weight: 700; color: #EA5550; text-align: center; margin-bottom: 10px;}
.skill_occupation_head + div figure {float: none; width: 100%;}
.skill_occupation_head + div figure + figure {float: none; margin-top: 20px;}

.skill_supervision h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.skill_supervision h2 span {display:block;vertical-align: middle;width: 20px; height:20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.skill_supervision h2 strong {padding-left: 23px; display: block;}

.skill_supervision figure figcaption {width:100%; float:none;}
.skill_supervision figure figcaption p { margin-bottom: 10px; line-height: 180%;}
.skill_supervision figure figcaption p span {color: #EA5550;}
.skill_supervision figure > ul {width:100%; float: none;font-size: 0;}
.skill_supervision figure > ul li {display: inline-block; width: 48%;}
.skill_supervision figure > ul li + li {margin-left: 4%;}

.skill_flow h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.skill_flow h2 span {display:block;vertical-align: middle;width: 20px; height:20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.skill_flow h2 strong {padding-left: 23px; display: block;}

.v_general h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.v_general h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.v_general h2 strong {padding-left: 23px; display: block;}

.general_cont > h3 {font-size: 22px; line-height: 160%;}
.general_head > div {width:100%; float: none;}
.general_head > figure {width: 100%; float: none; margin-top: 20px;}
.general_main > div:first-child {float: none; width: 100%;}
.general_main > div:first-child h4 {font-size: 20px; font-weight: 700;color: #EA5550; margin-top: 20px;}
.general_main > div:first-child h4 + p {line-height: 180%;}
.general_main > div:first-child h4:first-child {margin-top: 0px;}
.general_main > div + div {float: none; width: 100%; margin-top: 20px;}
.general_main > div + div figure {margin-bottom: 20px;}
.general_main > div + div figure picture {text-align: center;}
.general_main > div + div figure figcaption {font-size: 14px; margin-top: 5px;}

.v_intern h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.v_intern h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.v_intern h2 strong {padding-left: 23px; display: block;}
.intern_cont > h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.intern_cont > div {margin-top: 20px;}
.intern_cont > div > figure {width: 100%; float: none;}
.intern_cont > div > figure picture {text-align: center;}
.intern_cont > div > div {width:100%; float:none; margin-top: 20px;}
.intern_day_cont > div {padding: 20px 0px; border-bottom: 1px solid #9FA0A0; position: relative; z-index: 1;}
.intern_day_cont > div > dl {width: 100%; float: none; line-height: 180%;display: flex; flex-wrap: wrap; }
.intern_day_cont > div > dl dt {width: 15%; font-size: 18px;}
.intern_day_cont > div > dl dd {width: 85%; padding-left: 10px; box-sizing: border-box;position: relative;}
.intern_day_cont > div > dl dd h4:before {content: ""; width:2px; height: 16px; background-color: #9FA0A0; position: absolute; left: -1px; top: 7px;}
.intern_day_cont > div > dl dd div {margin-top: 5px; line-height: 160%;font-size: 14px; background-color: #F6BEC8; border-radius: 5px; padding: 5px 20px;}
.intern_day_cont > div > dl dd + dt {margin-top: 10px;}
.intern_day_cont > div > dl dd + dt + dd {margin-top: 10px;}
.intern_day_cont > div > figure {width: 83%; float: none; margin-left: 17%; margin-top: 20px;}
.intern_day_cont {background: url("../images/overseas/intern_day_bg.png")no-repeat right 4% top; background-attachment: fixed; z-index: -1;}
.intern_day > h3 {background-color: #EA545D; color: #FFF; font-size: 24px; font-weight: 700; text-align: center; padding: 5px 0px; border-radius: 5px}

.intro h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.intro h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.intro h2 strong {padding-left: 23px; display: block;}
.country_area > div {width: 100%; float: none;}
.country_area > div h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.country_area > div dl {border-top: 1px solid #9FA0A0; margin-top: 20px;}
.country_area > div dl + dl {border-bottom: 1px solid #9FA0A0; margin-top: 0px;}
.country_area > div dl dt {display: inline-block;padding: 5px 10px; width: 15%; font-weight: 700;}
.country_area > div dl dd {display: inline-block;border-left: 1px solid #9FA0A0;padding: 0px 10px;}
.country_area > div dl + p {padding: 5px 10px; line-height: 180%;border-bottom: 1px solid #9FA0A0;}
.country_area > figure {width: 100%; float: none; margin-top: 20px;}

.period h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}

.online_head h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.online_head h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.online_head h2 strong {padding-left: 23px; display: block;}

.online_head > div {display: block; justify-content: space-between; margin-top: 30px;}
.online_head > div figure {width: 100%;}
.online_head > div figure ul li {width: 100%; float: none;}
.online_head > div figure ul li + li {float: none; margin-top: 20px; margin-bottom: 20px;}
.online_head > div figure ul:after {content: "";display: block;clear: both;}
.online_head > div figure figcaption {font-size: 12px; text-align: center; margin-top: 5px;}
.online_jp h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.online_jp > div div {width: 100%; float: none;}
.online_jp > div div h4 {font-size: 18px; color: #EA5550; line-height: 180%; font-weight: 700; margin: 20px 0px;}
.online_jp > div div h4 + p {line-height: 180%;}
.online_jp > div figure {width: 100%; float: none; margin-top: 20px;}

.online_teaching h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.online_teaching > div {margin-top: 20px;}
.online_teaching > div div:first-child {width: 100%; float: none;}
.online_teaching > div div:first-child p {line-height: 180%;}
.online_teaching > div div:first-child h4 {margin-top: 20px; font-size: 18px; color: #EA5550; font-weight: 700;}
.online_teaching > div div:nth-child(2) {width: 100%; float: none; margin-top: 20px;}

.online_skill h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.online_skill h3 + p {margin-top: 20px; line-height: 180%;}
.online_skill > div {margin-top: 20px;}
.online_skill > div > p {float: none; width:100%; color: #EA5550; line-height: 180%; font-weight: 700;}
.online_skill > div > figure {float:none; width: 100%; margin-top: 20px;}
.online_skill > div > figure figcaption dl {font-size: 12px; margin-top: 5px; line-height: 180%;}
.online_skill > div > figure figcaption dl dt {text-align: left;}
.online_skill > div > figure figcaption dl dd {text-align: left;}

.online_trial h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.online_trial h3 + p {margin-top: 20px; line-height: 180%;}
.online_trial > div {margin-top: 20px;}
.online_trial > div > figure {float: none; width: 100%;}
.online_trial > div > figure img {border: 1px solid #C9CACA;}
.online_trial > div > div {float: none; width: 100%; margin-top: 20px;}
.online_trial > div > div figure:nth-child(2) {display: block; justify-content: space-between; margin-top: 20px;}
.online_trial > div > div figure:nth-child(2) picture {width: 100%;}
.online_trial > div > div figure:nth-child(2) figcaption {width: 100%; font-size: 12px; line-height: 180%;}
.online_trial > div > div img {border: 1px solid #C9CACA;}

.online_test h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.online_test h3 + p {margin-top: 20px; line-height: 180%;}
.online_test p + p {color: #EA5550; font-weight: 700;margin-top: 10px;}
.online_success {margin-top: 30px;}
.online_success h3 + figure {margin-top: 20px;}
.online_success figure + figure {margin: 20px 0px 40px;}
.online_success figure + figure figcaption {float:none; width: 100%; line-height: 180%;}
.online_success h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.online_success h3 span {color: #727171; font-size: 18px; margin-left: 0px; margin-top: 5px; display: block;}
.online_success figure + figure picture {float: none; width:100%; margin-top: 20px;}

.contact_head p span {color: #F29C9F; display: block;}

.confirmation_main h3 { font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}

.single .body_main .img_area {display: block; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid #c9caca; margin-bottom: 20px;}
.single .body_main .img_area figure figcaption {font-size: 14px; margin-top: 5px;}
.single .body_main .img_area.second figure {width: 100%; margin-top: 20px;}

.thanks_head h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.thanks_head p {text-align: center;}
.thanks_head p span {color: #F29C9F; display: block;}

.chari h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.chari h2 em {padding-left: 23px; font-size: 24px; font-family: 'Noto Sans JP', sans-serif; font-weight: 700;display:block; line-height: 120%; vertical-align: middle;}
.chari h2 span {display:block;vertical-align: middle;width:20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 5px;}
.chari h2 strong {display: block;padding-left: 23px;  vertical-align: middle; line-height: 140%;}
.uc {font-size: 24px; font-weight: 700; text-align: center; padding: 30px 0px 120px;}


.match h2 {color: #EA545D; font-size:28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.match h2 span {display:block;vertical-align: middle;width:20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.match h2 strong {padding-left: 23px; display: block; vertical-align: middle; line-height: 140%;}

.match_cons > h3 {font-size:24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%}
.match_cons > div {margin-top: 20px; background-color: #efefef; padding: 20px 20px 10px 20px;}
.match_cons > div > h4 {font-size: 18px; font-weight: 700; text-align: center;}
.match_cons > div > div {display: flex; justify-content: space-between; margin-top: 20px; flex-wrap: wrap;}
.match_cons > div > div figure {margin-right: 0px; width: 49%; margin-bottom: 10px;}
.match_cons > div > div figure:last-child {margin-right: 0px;}
.match_cons > div > div figure figcaption {margin-top: 10px;}
.match_cons > div > div figure figcaption dl dt {font-size: 14px; font-weight: 300; color: #ea5550;}
.match_cons > div > div figure figcaption dl dd {margin-top: 10px; line-height: 120%;}

.match_skill {margin-top: 30px;}
.match_skill > h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%}
.match_skill > div {margin-top: 20px; background-color: #efefef; padding: 20px 20px 10px 20px;}
.match_skill > div > div {display: flex; justify-content: space-between; margin-top: 20px; flex-wrap: wrap;}
.match_skill > div > div figure {margin-right:0px; width: 49%; margin-bottom: 10px;}
.match_skill > div > div figure:last-child {margin-right: 0px;}
.match_skill > div > div figure figcaption {font-size: 12px; text-align: center; background-color: #ea5550; padding: 5px; color: #FFF;}


.faq h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.faq h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.faq h2 strong {padding-left: 23px; display: block;}

.etc .etc_left .notice div:first-child h2 {display: inline-block; font-size: 24px; color: #EA5550;vertical-align: middle; margin-right: 25px;}
.etc .etc_left .info div:first-child h2 {display: inline-block; font-size: 24px; color: #EA5550;vertical-align: middle; margin-right: 25px;}

.etc_under h2 {color: #EA545D; font-size: 28px; font-weight: 500;font-family: 'Noto Serif JP', serif; position: relative;}
.etc_under h2 span {display:block;vertical-align: middle;width: 20px; height: 20px; background: url("../images/overseas/h2_icon.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 13px;}
.etc_under h2 strong {padding-left: 23px; display: block;}
.etc_under .etc_corp h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.etc_under .etc_through h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.etc_under .etc_down > div {display: block; justify-content: space-between;flex-wrap: wrap; margin: 20px 0px 30px;}
.etc_under .etc_down > div dl {width: 100%; margin-bottom: 20px;}
.etc_under .etc_down h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 120%;}
.etc_under .etc_down > div dl dt a {display: block; font-size: 18px; position: relative; background-color: #EA5550; color: #FFF; text-align: center; padding: 3px 0px;}

.rpa_content.bg_01 > div div {margin: 50px 0px 50px;}
.rpa_content.bg_01 > div div dl dt {font-size: 30px; font-weight: 700; color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1); text-align: center;}
.rpa_content.bg_01 > div div dl dt span {color: #EA5550;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div div dl dd {text-align: center; color: #FFF; font-size: 16px;}
.rpa_content.bg_01 > div div {display: flex; justify-content: space-between;}
.rpa_content.bg_01 > div h3 {font-size: 20px; font-weight: 700; margin-bottom: 40px; color: #FFF; text-align: center; line-height: 180%;text-shadow: 0px 0px 5px rgba(0,0,0,1);}

.rpa_content.bg_02 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 30px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_03 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 30px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_04 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 30px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_05 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 30px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_06 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 30px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}

.rpa_content.bg_05 > div figure figcaption h3 {font-size: 20px; font-weight: 700;color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}

.rpa_content.bg_06 > div figure figcaption h3 {font-size: 20px; font-weight: 700;color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}


.faq_navi li {display: inline-block; color: #FFF; width:48%; text-align: center;}
.faq_navi li a {font-size: 18px; font-weight: 500;display: block;background: rgb(178,178,178);background: linear-gradient(0deg, rgba(178,178,178,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #CCC; color: #000; text-align: center; padding: 3px 0px; box-sizing: border-box;}

.faq > section > div {margin-top: 30px; margin-bottom: 50px;}
.faq > section > div dl { padding-left: 40px; margin-bottom: 40px;}
.faq > section > div dl dt {font-size: 20px; font-weight: 500; color: #ea545d; position: relative; padding-top: 5px;}
.faq > section > div dl dt:before {content: "";position: absolute; left: -40px; top: 5px; width: 30px; height: 30px; background: url(../images/faq_q.png) no-repeat; background-size: cover; display: block;}
.faq > section > div dl dd {margin-top: 35px; position: relative; font-size: 18px; line-height: 150%;}
.faq > section > div dl dd:before {content:"";position: absolute; left: -40px; top:0px; width: 30px; height: 30px;background: url(../images/faq_a.png) no-repeat; background-size: cover; display: block;}
.faq > section > div dl dd > div.card_area {display: flex; padding-top: 10px;}
.faq > section > div dl dd > div.card_area figure { width: 48%; margin-right: 0%;}
.faq > section > div dl dd > div.card_area figure:first-child {margin-right: 4%;}
.faq > section > div dl dd > div.card_area figure figcaption {margin-top: 10px;}
.faq > section > div dl dd > div.card_area figure figcaption p {font-size: 16px; font-weight: 700;}
.faq > section > div dl dd > div.card_area figure figcaption ul li {font-size: 14px; list-style: outside; margin-left: 1.5em; line-height: 140%;}
.faq > section > div dl dd a {text-decoration: underline;}
.faq > section > div dl dd p {margin-bottom: 10px;}
.faq > section > div dl dd p span {font-size: 16px;}
.faq > section > div dl dd ol {position: relative;}
.faq > section > div dl dd ol li {list-style: none;list-style-position: outside;margin: 0;padding-left: 1.25em}
.faq > section > div dl dd ol li span {position: absolute; left: 0; margin: 0;}

.con3_main { margin-top: 30px; margin-bottom: 40px;}
.con3_main h3 {font-size: 24px; font-weight: 700; color: #EA5550; border-left: 2px solid #EA5550; padding-left: 10px; line-height: 100%;}

.con3_wrap {margin-top: 20px; background-color: #EFEFEF; padding: 16px;}
.con3_wrap_01 {display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column;}
.con3_wrap_01 > p {width: 100%; margin-bottom: 20px;}
.con3_wrap_01 > div.left {width:100%;}
.con3_wrap_01 > div.left h4 {font-size: 18px; font-weight: 700;}
.con3_wrap_01 > div.left h4 + p {color: #ea5550; font-weight: 700; margin-top: 10px; font-size: 14px;}
.con3_wrap_01 > div.left ul {margin-top: 10px;}
.con3_wrap_01 > div.left ul li:before {content: "Q";color:#ea5550; margin-right: 0.5em;}
.con3_wrap_01 > div.left ul li {display: flex;font-size: 14px;}
.con3_wrap_01 > div.left ul li + li {margin-top: 10px;}
.con3_wrap_01 > div.left p.etc {margin-top: 10px; color:#ea5550;font-size: 14px;}
.con3_wrap_01 > div.right {width: 100%; margin-top: 20px;}
.con3_wrap_01 > div.right h5 {text-align: center; line-height: 100%; background-color:#ea5550; border-radius: 5px; color: #FFF; padding: 6px 0px; font-size: 16px; font-weight: 700;}
.con3_wrap_01 > div.right div {display: flex; justify-content: space-between; margin-top: 10px;}
.con3_wrap_01 > div.right figure {width: 48.5%;}
.con3_wrap_01 > div.right figure figcaption dl {margin-top: 10px;}
.con3_wrap_01 > div.right figure figcaption dl dt {font-size: 12px;color:#ea5550;}
.con3_wrap_01 > div.right figure figcaption dl dd {letter-spacing: -1px; font-size: 12px;}

.con3_wrap_02 {background-color: #FFF; padding: 16px; margin-top: 20px;}
.con3_wrap_02 h4 {font-size: 18px; font-weight: 700;color: #ea5550;}
.con3_wrap_02 h4 + p {margin-top: 10px;}
.con3_wrap_02 > ul {display: flex; justify-content: center; gap: 0 5px; margin-top: 20px;}
.con3_wrap_02 > div {margin-top: 20px;}
.con3_wrap_02 > div h5 {font-size: 16px; font-weight: 700; border-bottom: 2px solid #231815;}
.con3_wrap_02 > div figure {margin-top: 16px; display: flex; flex-direction: column; justify-content: space-between;}
.con3_wrap_02 > div figure figcaption {width: 100%;}
.con3_wrap_02 > div figure figcaption ol {margin-top: 10px;}
.con3_wrap_02 > div figure figcaption ol li {display: flex; font-size: 14px;}
.con3_wrap_02 > div figure figcaption ol li + li {margin-top: 5px;}
.con3_wrap_02 > div figure picture {width: 100%; margin-top: 20px;}
.con3_wrap_02 > div h5 + p {margin-top: 10px;}
.con3_wrap_02 > div dl {margin-top: 20px;}
.con3_wrap_02 > div dl dt {color: #ea5550; font-weight: 700;}
.con3_wrap_02 > div dl dd ul li {list-style: outside; margin-left: 1.5em; font-size: 14px;}

.con3_wrap_03 {background-color: #FFF; padding: 16px;margin-top: 20px;}
.con3_wrap_03 h4 {font-size: 18px; font-weight: 700;color: #ea5550;}
.con3_wrap_03 > ul {display: flex;justify-content: space-between; margin-top: 10px; flex-direction: column;}
.con3_wrap_03 > ul li {width: 100%; list-style: outside; margin-left: 1.5em;font-size: 15px;}
.con3_wrap_03 > figure {display: flex; justify-content: space-between;margin-top: 10px;}
.con3_wrap_03 > figure picture {width: 49%; text-align: right;}
.con3_wrap_03 > figure picture + picture {text-align: left;}
.con3_wrap_03 > div {margin-top: 20px;}
.con3_wrap_03 > div h5 {font-size: 16px; font-weight: 700; border-bottom: 2px solid #231815;}
.con3_wrap_03 > div figure {margin-top: 16px; display: flex; justify-content: space-between; flex-direction: column;}
.con3_wrap_03 > div figure figcaption {width: 100%;}
.con3_wrap_03 > div figure figcaption > dl {display: flex; justify-content: space-between; flex-wrap: wrap;}
.con3_wrap_03 > div figure figcaption > dl dt {width: 40%; margin-top: 5px; font-size: 14px;}
.con3_wrap_03 > div figure figcaption > dl dt:first-child {text-align: center; margin-top: 0px; background-color: #231815; color: #FFF; font-weight: 700; line-height: 100%; padding: 6px 0px;}
.con3_wrap_03 > div figure figcaption > dl dd {width: 59%;margin-top: 5px;font-size: 14px;}
.con3_wrap_03 > div figure figcaption > dl dt:first-child + dd {text-align: center; margin-top: 0px; background-color: #231815; color: #FFF; font-weight: 700; line-height: 100%; padding: 6px 0px;}
.con3_wrap_03 > div figure figcaption > ul {margin-top: 10px;}
.con3_wrap_03 > div figure figcaption > ul li {list-style: outside; margin-left: 1.5em;}
.con3_wrap_03 > div figure figcaption > ul li + li {margin-top: 5px;}
.con3_wrap_03 > div figure picture {width: 100%; margin-top: 20px; text-align: center;}

.overseas_head > h2 {font-size: 18px; text-align: center;font-weight: 700; }
.overseas_head > h3 {font-size: 24px; text-align: center;font-weight: 700; color:#ea5550; margin-top: 20px;}
.overseas_head > h3 br {display: none;}
.overseas_head > ul {flex-wrap: wrap;}
.overseas_head > ul li {width: 50%;}
.overseas_head > p {font-size: 18px;}
}

@media only screen and (max-width:414px){

.over_commit > h2 {font-size: 24px; font-weight: 700; color:#ea5550; border-left: 2px solid #ea5550; padding-left: 10px;line-height: 100%;}

.overseas_support h2 {font-size: 24px; font-weight: 700; color:#ea5550; border-left: 2px solid #ea5550; padding-left: 10px;line-height: 100%;}


.overseas_voice > div {background-color: #efefef; padding: 16px; display: flex; justify-content: space-around; flex-direction: column; flex-wrap: wrap;}
.overseas_voice > div figure {width: 100%; display: flex; flex-direction: column; background-color: #FFF; padding: 12px; box-sizing: border-box;}
.overseas_voice > div figure figcaption {width: 100%; padding: 12px; box-sizing: border-box; background-color: #FFF; display:contents; flex-direction: column;}
.overseas_voice > div figure + figure figcaption {width: 100%;}
.overseas_voice > div figure picture {width:100%; order: 2; margin-top: 12px; text-align: center;}
.overseas_voice > div figure + figure picture {width: 100%;}
.overseas_voice > div figure picture img {width: auto;}
.overseas_voice > div figure figcaption h3 {font-size: 20px; color: #ea5550; font-weight: 700; order: 1;}
.overseas_voice > div figure figcaption p:not([class]) {font-size: 14px; margin-top: 12px; order: 3;}
.overseas_voice > div figure figcaption p.link {margin-top: auto; order: 4;}

.etc_under .etc_corp figure figcaption {float: none; width: 100%;}
.etc_under .etc_corp figure picture {display: block; float: none; width: 100%; margin-top: 20px;}
.etc_under .etc_through figure figcaption {float: none; width: 100%;}
.etc_under .etc_through figure picture {display: block; float: none; width: 100%; margin-top: 20px;}

#st > ul.ball li:first-child {position: absolute; width: 180px; left: 00px; top: 50px;}
#st > ul.ball li:nth-child(2) {position: absolute; width: 130px; right: 10px; top: 40px;}
#st > ul.stbt li a {width: 90%; margin: 0px auto; display: block; height: 200px; background-color: rgba(255,255,255,.8); border: 5px solid #FFF; border-radius: 20px;font-size: 30px; color: #EA545D; font-weight: 700; text-align: center; line-height: 200px; vertical-align: middle;}

#st > div {width: 96%; margin: 0px auto; padding-top: 160px; text-align: center;}

.rpa_content {display: flex;justify-content: center;align-items: center;min-height: 100%; padding-bottom: 50px; background-attachment: fixed;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;}

.rpa_content.bg_01 > div {padding: 105px 0px;}
.rpa_content.bg_01 > div h2 {font-size: 40px; text-align: center; color: #FFF; font-weight: 700;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div h2 span {border-bottom: 2px solid #EA5550;}
.rpa_content.bg_01 > div div {margin: 50px 0px 50px;}
.rpa_content.bg_01 > div div dl dt {font-size: 28px; font-weight: 700; color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div div dl dt span {color: #EA5550;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div div dl dd {text-align: center; color: #FFF; font-size: 12px;}
.rpa_content.bg_01 > div div {display: flex; justify-content: space-between;}
.rpa_content.bg_01 > div h3 {font-size:20px; font-weight: 700; margin-bottom: 40px; color: #FFF; text-align: center; line-height: 180%;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div h3 span {color: #F6BEC8;}

.rpa_content.bg_02 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 24px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_02 > div {padding: 50px 0px 20px;}
.rpa_content.bg_02 > div ul {width: 96%; margin: 50px auto 60px;}
.rpa_content.bg_02 > div ul li {width: 100%; float: none; text-align: center;}
.rpa_content.bg_02 > div ul li img {width: 100%;}
.rpa_content.bg_02 > div ul li + li {float: none; margin-top: 20px;}

.rpa_content.bg_03 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 24px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_03 > div {padding: 50px 0px 20px;}
.rpa_content.bg_03 > div ul {width: 96%; margin: 50px auto 60px;}
.rpa_content.bg_03 > div ul li {width: 100%; float: none; text-align: center;}
.rpa_content.bg_03 > div ul li img {width: 100%;}
.rpa_content.bg_03 > div ul li + li {float: none; margin-top: 20px;}

.rpa_content.bg_04 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 24px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_04 > div {padding: 50px 0px 20px;}
.rpa_content.bg_04 > div ul {width: 96%; margin: 50px auto 60px;}
.rpa_content.bg_04 > div ul li {width: 100%; float: none; text-align: center;}
.rpa_content.bg_04 > div ul li img {width: 100%;}
.rpa_content.bg_04 > div ul li + li {float: none; margin-top: 20px;}

.rpa_content.bg_05 > div {padding: 50px 0px 245px;}
.rpa_content.bg_05 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 30px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_05 > div figure {margin: 50px 0px 50px;}
.rpa_content.bg_05 > div figure figcaption h3 {font-size: 18px; font-weight: 700;color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_05 > div figure figcaption h3 span {color: #EA5550;}
.rpa_content.bg_05 > div figure picture {display: block; margin-top: 30px;}

.rpa_content.bg_06 > div {padding: 50px 0px 245px;}
.rpa_content.bg_06 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 30px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_06 > div figure {margin: 50px 0px 50px;}
.rpa_content.bg_06 > div figure figcaption h3 {font-size: 18px; font-weight: 700;color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_06 > div figure figcaption h3 span {color: #EA5550;}
.rpa_content.bg_06 > div figure figcaption p {color: #FFF; font-size: 16px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_06 > div figure picture {display: block; margin-top: 30px;}

.support_main h3 {font-size: 20px; font-weight: 700;}
.box > div h4 {font-size: 16px; font-weight: 700;color:#ea5550;}
}
@media only screen and (max-width:375px){
.rpa_content.bg_01 > div {padding: 87px 0px;}
.rpa_content.bg_01 > div h2 {font-size: 30px; text-align: center; color: #FFF; font-weight: 700;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div h2 span {border-bottom: 2px solid #EA5550;}
.rpa_content.bg_01 > div div {margin: 50px 0px 50px;}
.rpa_content.bg_01 > div div dl dt {font-size: 24px; font-weight: 700; color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div div dl dt span {color: #EA5550;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div div dl dd {text-align: center; color: #FFF; font-size: 12px;}
.rpa_content.bg_01 > div div {display: flex; justify-content: space-between;}
.rpa_content.bg_01 > div h3 {font-size:18px; font-weight: 700; margin-bottom: 40px; color: #FFF; text-align: center; line-height: 180%;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div h3 span {color: #F6BEC8;}

.rpa_content.bg_02 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 20px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_02 > div {padding: 40px 0px 20px;}
.rpa_content.bg_02 > div ul {width: 96%; margin: 50px auto 50px;}

.rpa_content.bg_03 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 20px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_03 > div {padding: 40px 0px 20px;}
.rpa_content.bg_03 > div ul {width: 96%; margin: 50px auto 50px;}

.rpa_content.bg_04 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 20px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_04 > div {padding: 40px 0px 20px;}
.rpa_content.bg_04 > div ul {width: 96%; margin: 50px auto 50px;}

.rpa_content.bg_05 > div {padding: 50px 0px 208px;}
.rpa_content.bg_05 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 20px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_05 > div figure {margin: 50px 0px 50px;}
.rpa_content.bg_05 > div figure figcaption h3 {font-size: 16px; font-weight: 700;color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_05 > div figure figcaption h3 span {color: #EA5550;}
.rpa_content.bg_05 > div figure picture {display: block; margin-top: 30px;}

.rpa_content.bg_06 > div {padding: 50px 0px 208px;}
.rpa_content.bg_06 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 20px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_06 > div figure figcaption h3 {font-size: 16px; font-weight: 700;color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}

.faq > section > div dl dt {font-size: 18px; font-weight: 500; color: #ea545d; position: relative; padding-top: 5px;}
.faq > section > div dl dt:before {content: "";position: absolute; left: -40px; top: 5px; width: 25px; height: 25px; background: url(../images/faq_q.png) no-repeat; background-size: cover; display: block;}
.faq > section > div dl dd {margin-top: 15px; position: relative; font-size: 16px; line-height: 150%;}
.faq > section > div dl dd:before {content:"";position: absolute; left: -40px; top:0px; width: 25px; height: 25px;background: url(../images/faq_a.png) no-repeat; background-size: cover; display: block;}
.faq > section > div dl dd > div.card_area figure figcaption p {font-size: 14px; font-weight: 700;}
.faq > section > div dl dd > div.card_area figure figcaption ul li {font-size: 12px; list-style: outside; margin-left: 1.5em; line-height: 140%;}
.faq > section > div dl dd p span {font-size: 14px;}

.dx > section > h3 { font-size: 24px; font-weight: 500; color: #ea5550; position: relative;  border-left: 2px solid #ea5550; line-height: 100%; padding-left: 10px; margin-top: 30px;}
.dx > section > figure figcaption ul li {font-size: 18px; font-weight: 500; margin-left: 1.5em; margin-bottom: 10px;}

}
@media only screen and (max-width:320px){
.etc_under h2 strong br {display: none;}
#st > div h3 {font-size: 40px; font-weight: 700; color: #FFF; text-shadow: 0px 0px 5px rgba(0,0,0,1);}
#st > div h4 {font-size: 20px; background-color: #F6BEC8; text-align:center;}

.rpa_content.bg_01 > div {padding: 58px 0px;}
.rpa_content.bg_01 > div h2 {font-size: 28px; text-align: center; color: #FFF; font-weight: 700;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div h2 span {border-bottom: 2px solid #EA5550;}
.rpa_content.bg_01 > div div {margin: 40px 0px 40px;}
.rpa_content.bg_01 > div div dl dt {font-size: 20px; font-weight: 700; color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div div dl dt span {color: #EA5550;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div div dl dd {text-align: center; color: #FFF; font-size: 10px;}
.rpa_content.bg_01 > div div {display: flex; justify-content: space-between;}
.rpa_content.bg_01 > div h3 {font-size:16px; font-weight: 700; margin-bottom: 40px; color: #FFF; text-align: center; line-height: 180%;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_01 > div h3 span {color: #F6BEC8;}

.rpa_content.bg_02 > div {padding: 30px 0px 30px;}
.rpa_content.bg_02 > div ul {width: 96%; margin: 30px auto 30px;}

.rpa_content.bg_03 > div {padding: 30px 0px 30px;}
.rpa_content.bg_03 > div ul {width: 96%; margin: 30px auto 30px;}

.rpa_content.bg_04 > div {padding: 30px 0px 30px;}
.rpa_content.bg_04 > div ul {width: 96%; margin: 30px auto 30px;}

.rpa_content.bg_05 > div {padding: 50px 0px 138px;}
.rpa_content.bg_05 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 20px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_05 > div figure {margin: 50px 0px 50px;}
.rpa_content.bg_05 > div figure figcaption h3 {font-size: 14px; font-weight: 700;color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}

.rpa_content.bg_06 > div {padding: 50px 0px 138px;}
.rpa_content.bg_06 > div h2 {font-family: 'Noto Serif JP', serif; text-align: center; color: #FFF; font-weight: 700; font-size: 20px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_06 > div figure figcaption h3 {font-size: 14px; font-weight: 700;color: #FFF;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.rpa_content.bg_06 > div figure figcaption p {color: #FFF; font-size: 14px;text-shadow: 0px 0px 5px rgba(0,0,0,1);}
}