@charset "UTF-8";

/*----------------------------------------
	- base
-----------------------------------------*/

/*=======================================
	base
=======================================*/
/** {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
img,
figure,
picture {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
ul,
li {
	list-style: none;
}
a {
	text-decoration: none;
	opacity: 1;
	transition: all 0.3s ease;
}
@media (hover: hover) {
	a:hover {
		opacity: 0.8;
	}
}*/


main {
	padding-top: calc(52px + 50px)
}



.anchor {
    padding-top: 100px;
    margin-top: -100px;
}



/*=======================================
	contents
=======================================*/
h3.main_title {
	width: 272px;
	/* margin: 50px auto 62px; */
	margin: 0 auto 62px;
}
.cate_wrap {
	position: relative;
	padding: 70px 0 1px;
	margin-bottom: 51px;
}
.cate_wrap.ma_b {
	margin-bottom: 25px;
}
.cate_wrap.set_bg {
	background-image: url(/lp/ryugakulive/asset/images/abroad/bg_set.jpg);
	/* height: 100vh; */
	/* background-size: cover; */
	background-attachment: fixed;
	background-size: 100% 100%;
	margin-bottom: 56px;
	padding: 69px 0 25px;
}
.cate_wrap h4 {
	width: 220px;
	content: '';
	position: absolute;
	top: -27px;
	left: 50%;
	transform: translateX(-50%);
}
.cate_wrap .inner {
	/* overflow-y: auto; */
	/* padding: 0 5%; */
	/* height: 90vh; */
	/* margin: 20px 0 60px 0; */
}
.country_wrap {
	/* margin: 30px auto 76px; */
}
.country_wrap .coountry {
	width: 80px;
	margin: 0 auto 25px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.country_wrap .coountry p {
	font-size: 16px;
	font-weight: 500;
}
@media only screen and (max-width: 768px){
.cate_wrap.set_bg {
	background-position: bottom center;
}
}



.sec_abroad .country_wrap {
	/* margin-bottom: 50px; */
}
.sec_abroad .country_wrap .country {
	text-align: center;
	margin: 0 auto 25px;
}
.sec_abroad .country_wrap .country:not(:first-of-type) {
	margin-top: 50px;
}
.sec_abroad .country_wrap .country .img {
	max-width: 80.26px;
	margin: 0 auto;
}
.sec_abroad .country_wrap .country p {
	font-weight: 500;
	font-size: 16px;
	line-height: 32px;
}


.sec_abroad .country_wrap .link_set_img,
.sec_abroad .country_wrap .simple_img {
	margin: 0 auto 25px;
}
.sec_abroad .country_wrap .link_set_img .img,
.sec_abroad .country_wrap .simple_img .img {
	margin-bottom: 7px;
}
.sec_abroad .country_wrap p,
.sec_abroad .country_wrap ul li {
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
}
.sec_abroad .country_wrap ul {
	margin-top: 15px;
}
.sec_abroad .country_wrap ul li {
	white-space: nowrap;
}
.sec_abroad .country_wrap .link_set_img {
	width: 72.77%;
}
.sec_abroad .country_wrap .simple_img {
	width: 52.77%;
}
.sec_abroad .country_wrap .simple_img p {
	white-space: nowrap;
}



.sec_abroad .btn01 {
	margin-bottom: 48px;
}



.img_join {
	margin: 0 auto 28px;
	width: 62.06%;
}



/*=======================================
  Ô”¼š¥Ú©`¥¸
=======================================*/
.sec_abroad.detail h3 {
	margin-bottom: 35px;
}
.sec_abroad.detail .detail_wrap .flag {
	max-width: 100px;
	margin: 0 auto 15px;
}
.sec_abroad.detail .detail_wrap .main_img {
	margin-bottom: 15px;
}
.sec_abroad.detail .detail_wrap h4 {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	position: relative;
	padding-left: 16.5px;
	margin-bottom: 30px;
}
.sec_abroad.detail .detail_wrap h4::before {
	content: "";
	width: 4px;
	height: 100%;
	display: inline-block;
	background-color: #FFA0A0;
	position: absolute;
	left: 0;
	top: 0;
}
.sec_abroad.detail .detail_wrap h4 span {
	font-size: 16px;
	color: #ffa0a0;
	display: block;
}
.sec_abroad.detail .detail_wrap .item_wrap {
	margin: 0 auto 40px;
	width: 89.44%;
}
.sec_abroad.detail .detail_wrap .item:not(:last-child) {
	margin-bottom: 40px;
}
.sec_abroad.detail .detail_wrap .item h5 {
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
}
.sec_abroad.detail .detail_wrap .item h5 span {
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	background: #ffa0a0;
	height: 44px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: fit-content;
	padding: 0 27px 0 13px;
	border-top-right-radius: 30px;	
}
.sec_abroad.detail .detail_wrap .item .txt {
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
}
.sec_abroad.detail .detail_wrap .memo {
	width: 83.05%;
	margin: 0 auto 50px;
	background: url("/lp/ryugakulive/asset/images/abroad/memo_bg.png") no-repeat;
	background-size: 986.5px 100%;
	background-position: center;
	padding: 8px 7px;
	border-top-left-radius: 150px;
	border-bottom-right-radius: 150px;
	position: relative;
}
.sec_abroad.detail .detail_wrap .memo::before,
.sec_abroad.detail .detail_wrap .memo::after {
	content: "";
	width: 15px;
	height: 16px;
	display: inline-block;
	background-color: #fff;
	position: absolute;
}
.sec_abroad.detail .detail_wrap .memo::before {
	right: 0;
	top: 0;
}
.sec_abroad.detail .detail_wrap .memo::after {
	left: 0;
	bottom: 0;
}
.sec_abroad.detail .detail_wrap .memo .memo_inn {
	background: #fff;
	/*width: 94.98%;*/
	/*margin: 0 auto;*/
	border-top-left-radius: 150px;
	border-bottom-right-radius: 150px;
	padding: 50.4px 10.565% 63.5px;
}
.sec_abroad.detail .detail_wrap .memo .memo_inn h5 {
	max-width: 169.16px;
	/*width: 59.56%;*/
	margin: 0 2% 0 auto;
}
.sec_abroad.detail .detail_wrap .memo .memo_inn .img {
	max-width: 72px;
	margin: 0 auto 7px;
}
.sec_abroad.detail .detail_wrap .memo .memo_inn .name {
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 17.5px;
}
.sec_abroad.detail .detail_wrap .memo .memo_inn .name span {
	display: block;
	font-weight: normal;
}
.sec_abroad.detail .detail_wrap .memo .memo_inn .txt {
	font-weight: normal;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
	background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%),linear-gradient(180deg, #0058D1 1px, transparent 1px);
	background-size: 8px 100%,100% 34px;
	/* background-position: left 68px; */
	position: relative;
}
.sec_abroad.detail .detail_wrap .memo .memo_inn .txt::before,
.sec_abroad.detail .detail_wrap .memo .memo_inn .txt::after {
	content: "";
	width: 100%;
	height: 3px;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	left: 0;
}
.sec_abroad.detail .detail_wrap .memo .memo_inn .txt::before {
	top: -1px;
}
.sec_abroad.detail .detail_wrap .memo .memo_inn .txt::after {
	bottom: -1px;
}