@charset "UTF-8";

:root {
	--defaultInner: 1100px;
	--font-family-w3: "Open Sans", "A+tanp-ヒラギノ角ゴ ProN W3", "NoChattering", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	--font-family-w6: "Open Sans", "A+tanp-ヒラギノ角ゴ ProN W6", "NoChattering", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	--color-navy: #003d64;
	--color-navy2: #102855;
	--color-lightYellow: #fffd60;
	--color-red: #cd281e;
	--color-link: #3c66b0;
	--color-gray-table: #d9e2e6;
}

html {}

html,
body {
	overflow-x: hidden;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #000000;

}

p:not(:last-child) {
	margin-bottom: 1em;
}

a:link {
	color: #1a77c5;
	text-decoration: underline;
}

a:hover {
	color: #3399CC;
	text-decoration: none;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
	zoom: 0.5;
	vertical-align: top;
}

figure {
	margin: 0;
}

/*----------------------------------------
■レイアウト
----------------------------------------*/
#container {
	padding-top: 40px;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-color: #fff;
	z-index: 10;
}

header .inner {
	max-width: var(--defaultInner);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	height: 100%;
}

header .inner .logo {
	width: 150px;
}

header .inner .account_btn_wrap a.btn:link,
header .inner .account_btn_wrap a.btn:visited {
	width: 118px;
	padding: 10px 30px;
	background-color: #ff8a00;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

#footerWrap {
	width: 100%;
	background: #f1f9fd;
	line-height: 1.8;
	letter-spacing: .05rem;
}

#footerWrap #attention h3 {
	margin: 0 0 30px;
}

#footerWrap #attention h3 span {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	padding: 47px;
}

#footerWrap #attention h3 span::before {
	position: absolute;
	content: "";
	display: block;
	background: url("../img/atten_ico.png") left center no-repeat;
	background-size: 100%;
	width: 94px;
	height: 85px;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

#footerWrap #attention {
	margin: 10px auto;
	background: url(/g/img/beginner/attention.gif) no-repeat 10px 20px;
	background-size: 100px auto;
	padding: 55px 10px 10px 10px;
	width: 100%;
	max-width: 980px;
	font-size: 12px !important;
	box-sizing: border-box;
}

#footerWrap #attention dt {
	font-weight: bold !important;
	margin-bottom: 5px;
	font-size: 12px;
}

#footerWrap #attention dd {
	margin-bottom: 10px;
	margin-left: 0;
	font-size: 12px;
}

#footerWrap #attention a.textlink1 {
	font-size: 10px;
}

#footerWrap #attention2 {
	width: 100%;
	max-width: 980px;
	margin: 10px auto;
	padding-top: 0;
	box-sizing: border-box;
	padding-bottom: 10px;
}

#footerWrap #attention2 a {
	font-size: 16px;

	transition: .3s all;
	font-weight: bold;
	color: #116FBB;
	margin: 0 0 5px;
}

#footerWrap #attention2 a:hover {
	border-bottom: none;
}

#footerWrap #footer {
	width: 100%;
	min-width: inherit;
	background: none;
	padding: 10px 0;
	text-align: center;
	background-color: #ffffff;
}

#footerWrap #attention {
	background: url(/g/general2/img/atten_icon2.png) no-repeat left 15px;
	padding: 100px 10px 10px 10px;
}

#footerWrap img {
	zoom: 1;
}

section>.inner {
	margin-left: auto;
	margin-right: auto;
}

.u-screen-reader {
	position: absolute;
	white-space: nowrap;
	width: 1px;
	height: 1px;
	overflow: hidden;
	border: 0;
	padding: 0;
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	margin: -1px;
}


/*----------------------------------------
■汎用クラス
----------------------------------------*/
.text_red {
	color: #e6002e;
}

.text_orange {
	color: #ff7e00;
}

.title_1 {
	font-size: 17px;
	font-weight: bold;
	color: #e6002e;
}

.title_2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 120%;
}

.title_3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 120%;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}

.global_account_btn_wrap {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin: 20px auto;
}

.global_account_btn_wrap.lightblue {
	background-color: #0a94a4;
}

.global_account_btn_wrap .sub {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
}

.global_account_btn_wrap .sub em {
	font-weight: bold;
	color: var(--color-lightYellow);
}

.global_account_btn_wrap .sub::before,
.global_account_btn_wrap .sub::after {
	background-color: #fff;
	border-radius: 5px;
	content: "";
	height: 3px;
	width: 30px;
}

.global_account_btn_wrap .sub::before {
	margin-right: 5px;
	transform: rotate(60deg);
}

.global_account_btn_wrap .sub::after {
	margin-left: 5px;
	transform: rotate(-60deg);
}

a.btn_1:link,
a.btn_1:visited {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: #ff8a00;
	box-shadow: 0px 6px 0px 0px #c86c00;
	width: 80%;
	height: 50px;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
}

a.btn_2:link,
a.btn_2:visited {
	box-shadow: 0px 5px 0px 0px #a7a500;
	background-image: linear-gradient(rgb(255, 254, 189) 50%, rgb(255, 253, 96) 50%);
	height: 60px;
	display: block;
	margin-inline: auto;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	font-size: calc(32px * 0.7);
	font-weight: bold;
	text-decoration: none;
	color: #000;
	border-radius: 10px;
	position: relative;
	padding-inline: 30px;
}

a.btn_2:after {
	content: "";
	width: 17px;
	height: 17px;
	background-image: url(/g/try/img/arrow@2x.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 10px;

}

a.btn_2 em {
	font-size: 28px;
	font-weight: bold;
}

.attentionList_1 {
	font-size: 12px;
	color: #5d5d5d;
}

.attentionList_1 li {
	margin-bottom: 5px;
	line-height: 140%;
}

.img {
	text-align: center;
}

.sp_hide {
	display: none;
}

.checkPoint {
	background-color: #0a94a4;
	padding: 50px 20px;
	padding-bottom: 20px;
	position: relative;
	margin-top: 100px;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	margin-top: 100px;
}

.checkPoint:before {
	content: "";
	width: 88px;
	height: 88px;
	background-image: url(/g/try/img/charm/icon_point.png);
	background-image: image-set(url(/g/try/img/charm/icon_point.png) 1x, url(/g/try/img/charm/icon_point@2x.png) 2x);
	background-size: 59px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #0a94a4;

	border-radius: 50%;
	position: absolute;
	left: 0;
	right: 0;
	top: -44px;
	margin-inline: auto;
}

.checkPoint .inner {
	background-color: #fff;
	max-width: var(--defaultInner);
	margin-inline: auto;
	padding: 30px 20px;
	text-align: left;
	box-shadow: 7.071px 7.071px 16px 0px rgba(16, 40, 85, 0.18);
}



.checkPoint .inner .text {
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
	text-decoration-color: #0a94a4;
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 10px;
	line-height: 170%;
}

.checkPoint .inner .text .red {
	color: var(--color-red);
}

/*----------------------------------------
■ビジュアル
----------------------------------------*/
.visual {
	background-image: url(/g/try/img/visual/bg_sp.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #1096a5;
}

.visual .inner {
	max-width: var(--defaultInner);
	margin-inline: auto;
	position: relative;
	padding-inline: 10px;
}

.visual .inner .imgs {
	padding-top: 110px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 45px;
}

.visual .inner .title {
	margin-bottom: 30px;
}

.visual .inner .rate {}

.visual .inner .anchorBtns {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.visual .inner .anchorBtns a:link,
.visual .inner .anchorBtns a:visited {
	box-shadow: 0px 5px 0px 0px #a7a500;
	background-image: linear-gradient(rgb(255, 254, 189) 50%, rgb(255, 253, 96) 50%);
	min-height: 60px;
	display: block;
	margin-inline: auto;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	border-radius: 10px;
	position: relative;
	padding-inline: 30px;
}

.visual .inner .anchorBtns a:after {
	content: "";
	width: 17px;
	height: 17px;
	background-image: url(/g/try/img/arrow@2x.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: 10px;
	transform: rotate(90deg);

}

/*----------------------------------------
■20241129トルコセミナー
----------------------------------------*/
#try_seminer {
	background-color: #1096a5;
}

#try_seminer .inner {
	padding-block: 20px;
	padding-inline: 10px;
	margin-inline: auto;
}

#try_seminer .inner .lead {
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

/*----------------------------------------
■20241213 教材プレゼント
----------------------------------------*/
#try_educational_materials {
	background-color: #1096a5;
	padding-top: 80px;
}

#try_educational_materials .inner {
	padding: 40px 20px;
	margin-inline: 10px;
	background-color: var(--color-navy);
	border: 2px solid #d8e9ff;
	border-radius: 10px;
	position: relative;

}

#try_educational_materials .inner+* {
	margin-top: 60px;
}

#try_educational_materials .inner>.title {
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 130%;
}

#try_educational_materials .inner>.title .pop {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 10px;
	color: var(--color-navy);
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	width: 270px;
	height: 40px;
	text-align: center;
	font-size: 16px;
	margin-inline: auto;
}

#try_educational_materials .inner>.title em {
	color: var(--color-lightYellow);
	font-weight: bold;
}

#try_educational_materials .materials {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#try_educational_materials .materials .material {
	background-color: #e5ecf5;
	padding: 20px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#try_educational_materials .materials .material .img {
	text-align: center;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#try_educational_materials .materials .material .img .limit {
	color: var(--color-red);
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}

#try_educational_materials .materials .material .tag {
	background-color: #fff;
	padding: 5px;
	border-radius: 30px;
	text-align: center;
	color: var(--color-navy);
	font-size: 14px;
	width: 100px;
	margin-inline: auto;
	margin-bottom: 15px;
}

#try_educational_materials .materials .material .title {
	font-size: 16px;
	font-weight: bold;
	color: var(--color-navy);
	text-align: center;
	margin-bottom: 15px;
}

#try_educational_materials .materials .material .description {
	font-size: 14px;
	line-height: 1.8;
}

#try_educational_materials .material_text {
	font-size: 14px;
	margin-top: 15px;
	line-height: 1.7;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
}

#try_educational_materials .material_text span {
	font-weight: bold;
	color: var(--color-navy);
	font-size: 20px;
}


/*----------------------------------------
■スワップmore
----------------------------------------*/
#try_moreSwap {
	background-color: #1096a5;
	padding-top: 80px;
}

#try_moreSwap .inner {
	padding: 40px 20px;
	margin-inline: 10px;
	background-color: var(--color-navy);
	border: 2px solid #d8e9ff;
	border-radius: 10px;
	position: relative;
}

#try_moreSwap .inner+* {
	margin-top: 60px;
}

#try_moreSwap .inner>.title {
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 130%;
}

#try_moreSwap .inner>.title .pop {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 10px;
	color: var(--color-navy);
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	width: 270px;
	height: 40px;
	text-align: center;
	font-size: 16px;
	margin-inline: auto;
}

#try_moreSwap .inner>.title em {
	color: var(--color-lightYellow);
	font-weight: bold;
}

#try_moreSwap .moreSwap {
	background-color: #e5ecf5;
	padding: 20px;
	border-radius: 10px;
}

#try_moreSwap .moreSwap .img {
	grid-area: img;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

#try_moreSwap .material_text {
	font-size: 14px;
	margin-top: 20px;
	line-height: 1.7;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
}

#try_moreSwap .material_text span {
	font-weight: bold;
	color: var(--color-navy);
	font-size: 22px;
}


/*----------------------------------------
■スワップキャンペーン
----------------------------------------*/
#swap_campaign {
	text-align: center;
	background-color: #1096a5;

}

#swap_campaign .sarani {
	padding-top: 20px;
	display: block;
}

#swap_campaign .body {
	background-image: url(/g/try/img/campaign/bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 100px;
	position: relative;
	padding-bottom: 30px;

}

#swap_campaign .body>.title {
	background-color: #fff;
	font-size: 28px;
	color: #a40000;
	border-radius: 80px;
	border: 3px solid #a40000;
	padding: 20px;
	font-weight: bold;
	position: absolute;
	top: -80px;
	left: 0;
	right: 0;
	margin-inline: 10px;
	line-height: 120%;
}

#swap_campaign .body>.title em {
	font-weight: bold;
	font-size: 1.2em;
}

#swap_campaign .body>.title .s {
	font-size: 0.8em;
}

#swap_campaign .body>.title:before {
	content: "";
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-top: 12px solid #FFF;
	z-index: 2;
}

#swap_campaign .body>.title:after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #a40000;
	z-index: 1;
}

#swap_campaign .body>.title .underLine {
	background: linear-gradient(transparent 30%, #fffebd 70%);
}

#swap_campaign .body .inner {
	max-width: var(--defaultInner);
	margin-inline: 10px;
	padding-top: 120px;
}

#swap_campaign .campaign_title {
	margin-bottom: 20px;
	display: block;
}

#swap_campaign .boxes {
	max-width: 530px;
	flex: 1;
}

#swap_campaign .boxes .box {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 4px 5px #7d0c0c;
	margin-bottom: 10px;
	padding: 10px 15px;
	box-sizing: border-box;
	align-items: center;
	line-height: 1.2;
	display: grid;
	grid-template-areas:
		"pair swap"
		"detail detail";
	grid-template-columns: 150px 1fr;

}

#swap_campaign .boxes .box .pair {
	grid-area: pair;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 16px;
	margin-right: 10px;

}

#swap_campaign .boxes .box .pair .flag {
	min-width: 186px;
	margin-bottom: 5px;
}

#swap_campaign .boxes .box .swapWrap {
	grid-area: swap;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#swap_campaign .boxes .box .swapWrap .increase {
	color: #fff;
	padding: 8px;
	font-weight: bold;
	border-radius: 10px;
	font-size: 12px;
	text-align: center;
	margin-right: 5px;
	width: 100%;
}

#swap_campaign .boxes .box .swapWrap .increase.pink {
	background-color: #f02959;
}

#swap_campaign .boxes .box .swapWrap .increase.orange {
	background-color: #ff701f;
}

#swap_campaign .boxes .box .swapWrap .swap .value {
	color: #c81616;
	font-size: 48px;
	font-family: var(--font-family-w6);
	font-weight: bold;
}

#swap_campaign .boxes .box .swapWrap .swap .unit {
	color: #c81616;
	font-size: 21px;
	font-family: var(--font-family-w6);
	font-weight: bold;
}

#swap_campaign .boxes .box .swapWrap .swap sup {
	font-size: 10px;
	display: inline-block;
	vertical-align: middle;
	color: #333;
}

#swap_campaign .boxes .box .increaseDetail {
	grid-area: detail;
	background-color: #0f2853;
	color: #fff;
	font-size: 14px;
	padding: 4px;
	margin-top: 5px;
}

#swap_campaign .boxes .box .increaseDetail .orange {
	color: #ffac50;
}

#swap_campaign .boxes .box .increaseDetail .lightblue {
	color: #85edff;
}

#swap_campaign .boxes .box .increaseDetail sup {
	font-size: 10px;
}

#swap_campaign .achievements {
	color: #fff;
	text-align: right;
	font-size: 14px;
}

#swap_campaign a.btn_detail,
#swap_campaign a.btn_detail:link,
#swap_campaign a.btn_detail:visited {
	background-color: #0f2853;
	border-radius: 5px;
	color: #fff;
	padding: 20px;
	display: block;
	margin-inline: 10px;
	margin-top: 10px;
	text-decoration: none;
	font-size: 16px;
}

#swap_campaign .swapCampaignPeriod {
	background-color: #000;
	color: #fff;
	padding: 20px;
}

#swap_campaign .swapCampaignPeriod .date {
	font-size: 18px;
	text-align: center;
	margin-bottom: 15px;
	display: block;
}

#swap_campaign .mvannotation {
	border-top: 1px solid #fff;
	padding-top: 10px;
	max-width: 960px;
	margin-inline: auto;
	text-align: left;
}

#swap_campaign .mvannotation li {
	padding-top: 5px;
	font-size: 12px;
	line-height: 130%;
}

#swap_campaign .mvannotation .numat {
	width: 2em;
	padding: 0;
}

#swap_campaign .txt_c_y {
	color: #ffda11;
}

/*----------------------------------------
■魅力
----------------------------------------*/
#sec_charm {
	background-color: #0a94a4;
	background-image: url(/g/try/img/charm/bg.png);
	background-repeat: repeat-x;
}

#sec_charm>.lead {
	max-width: var(--defaultInner);
	margin-inline: auto;
	padding-top: 60px;
	padding-bottom: 20px;
}

#sec_charm>.lead>.title {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1;
}

#sec_charm>.lead>.title .sub {
	font-size: 24px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

#sec_charm>.lead>.title .sub .hukidashi {
	display: inline-block;
	position: relative;
	background-image: url(/g/try/img/charm/line.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
}

#sec_charm>.lead>.title em {
	font-size: 1.5em;
	font-weight: bold;
}

#sec_charm .indexBoxes {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin-top: 10px;
	padding-inline: 20px;
}

#sec_charm .indexBoxes .box {
	background-color: #fff;
	position: relative;
	border: 3px solid var(--color-navy);
	border-radius: 10px;
	box-shadow: 0px 4px 0px 0px var(--color-navy);
}

#sec_charm .indexBoxes .box a:link,
#sec_charm .indexBoxes .box a:visited {
	text-decoration: none;
}


#sec_charm .indexBoxes .box:before {
	content: "";
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-top: 12px solid #FFF;
	z-index: 2;
}

#sec_charm .indexBoxes .box:after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid var(--color-navy);
	z-index: 1;

}

#sec_charm .indexBoxes .box .title {
	background-color: var(--color-navy);
	color: #fff;
	position: relative;
	padding-block: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

#sec_charm .indexBoxes .box .title .num {
	display: flex;
	background-color: #003d64;
	border-radius: 50%;
	font-size: 0.9em;
}

#sec_charm .indexBoxes .box .title .num:after {
	margin-left: 3px;
	margin-right: 1em;
}

#sec_charm .indexBoxes .box:nth-child(1) .title .num:after {
	content: "❶";
}

#sec_charm .indexBoxes .box:nth-child(2) .title .num:after {
	content: "❷";
}

#sec_charm .indexBoxes .box:nth-child(3) .title .num:after {
	content: "❸";
}

#sec_charm .indexBoxes .box .body {
	padding: 15px 10px;
	text-align: center;
	font-weight: 600;
	font-size: 36px;
	color: var(--color-navy);
	letter-spacing: 0.01em;
	line-height: 1;
}

#sec_charm .indexBoxes .box .body .sub {
	font-size: 16px;
	display: block;
	border-bottom: 1px solid var(--color-navy);
	padding-bottom: 10px;
	margin-bottom: 15px;
	width: 80%;
	margin-inline: auto;
}

#sec_charm .charms {
	background-color: #003d64;
}


#sec_charm .charms .charm {
	padding-top: 100px;
	max-width: var(--defaultInner);
	margin-inline: auto;
	position: relative;
}

#sec_charm .charms .charm:after {
	content: "";
	display: block;
	height: 78px;
	width: 100%;
	background-image: url(/g/try/img/charm/mosque.png);
	background-image: image-set(url(/g/try/img/charm/mosque.png) 1x, url(/g/try/img/charm/mosque@2x.png) 2x);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #0a94a4;
	position: absolute;
	top: 0;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
}

#sec_charm .charms .charm_1 {}

#sec_charm .charms .charm_1:before {
	content: "";
	display: block;
	width: 157px;
	height: 121px;
	margin-inline: auto;
	background-image: url(/g/try/img/charm/charm_1/charm_num.png);
	background-image: image-set(url(/g/try/img/charm/charm_1/charm_num.png) 1x, url(/g/try/img/charm/charm_1/charm_num@2x.png) 2x);
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#sec_charm .charms .charm>.title {
	text-align: center;
	font-size: 32px;
	line-height: 130%;
	font-weight: bold;
	color: #fff;
	margin-bottom: 25px;
}

#sec_charm .charms .charm>.title .sub {
	display: inline-block;
	background-color: #fff;
	font-size: 20px;
	color: var(--color-navy);
	padding: 5px 30px;
	border-radius: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-inline: 20px;
	line-height: 1;
}

#sec_charm .charms .charm>.title em {
	color: var(--color-lightYellow);
	font-weight: bold;
}


#sec_charm .contentWrap {
	background-color: #fff;
	padding: 30px 20px;
	text-align: center;
	margin-inline: 20px;
}

#sec_charm .contentWrap dl.about {
	margin-block: 30px;
	text-align: left;
}

#sec_charm .contentWrap dl.about dt {
	font-size: calc(24px * 0.8);
	color: var(--color-navy);
	font-weight: bold;
	border-bottom: 1px solid var(--color-navy);
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#sec_charm .contentWrap dl.about dt em {
	font-size: 24px;
	font-weight: bold;
}

#sec_charm .contentWrap dl.about dd {
	font-size: 14px;
}

#sec_charm .ribon {
	background-color: #cda74f;
	margin-inline: -25px;
	position: relative;
}

#sec_charm .charm_1 .ribon {
	margin-inline: -35px;

}

#sec_charm .ribon:before,
#sec_charm .ribon:after {
	content: "";
	width: 15px;
	height: 8px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -7px;
	background-image: url(/g/try/img/charm/charm_1/ribbon_bottom.svg);

}

#sec_charm .ribon:before {
	left: 0;
}

#sec_charm .ribon:after {
	right: 0;
	transform: scale(-1, 1)
}

#sec_charm .ribon .body {
	padding: 20px;
	line-height: 1;
	text-align: center;
}

#sec_charm .ribon .body .jp {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	margin-bottom: 10px;
	display: inline-block;
}

#sec_charm .ribon .body .jp .s {
	font-size: 0.9em;
}

#sec_charm .ribon .body .value {
	font-size: 47px;
	font-weight: bold;
	color: var(--color-lightYellow);
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;

}

#sec_charm .ribon .body .value .s {
	font-size: 0.8em;
}

#sec_charm .ribon .body .value:before,
#sec_charm .ribon .body .value:after {
	content: "";
	width: 22px;
	height: 57px;
	background-image: url(/g/try/img/charm/charm_1/obj.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

#sec_charm .ribon .body .value:before {
	margin-right: 20px;
}

#sec_charm .ribon .body .value:after {
	margin-left: 20px;
	transform: scale(-1, 1);
}

#sec_charm .rate_diffImg {}

#sec_charm .rate_diffImg .img {
	margin-block: 20px;
	display: block;
}

#sec_charm .rate_diffImg .text {
	font-size: 18px;
	text-align: left;
	line-height: 130%;
}

/*---スワップ------------------------------*/
#sec_charm .charms .charm_2 .contentWrap {
	padding-inline: 20px;
}

#sec_charm .charms .charm_2:before {
	content: "";
	display: block;
	width: 157px;
	height: 121px;
	margin-inline: auto;
	background-image: url(/g/try/img/charm/charm_2/charm_num.png);
	background-image: image-set(url(/g/try/img/charm/charm_2/charm_num.png) 1x, url(/g/try/img/charm/charm_2/charm_num@2x.png) 2x);
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}

#sec_charm .charms .charm_2 .lead {
	border: 1px solid var(--color-navy2);
	margin-bottom: 25px;
}

#sec_charm .charms .charm_2 .lead .title {
	background-color: var(--color-navy2);
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
}

#sec_charm .charms .charm_2 .lead .text {
	padding: 20px;
	font-size: 18px;
	text-align: left;
	line-height: 150%;
}

#sec_charm .charms .charm_2 .lead_text {
	font-size: 18px;
	line-height: 150%;
	text-align: left;
}

#sec_charm .charms .charm_2 .rate_diffImg {

	display: block;
	margin-bottom: 10px;

}

#sec_charm .charms .charm_2 .dateAttention {
	font-size: 12px;
	text-align: right;
	display: block;
	margin-bottom: 20px;
}

#sec_charm .charms .charm_2 .rateAttention {
	background-color: #eff2f5;
	font-size: 14px;
	padding: 10px;
	text-align: left;
	margin-bottom: 25px;
}

#sec_charm .charms .charm_2 .ribon {
	padding-block: 20px;
	margin-inline: -35px;
}

#sec_charm .charms .charm_2 .ribon .body {
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	line-height: 140%;
	justify-content: space-between;
	max-width: var(--defaultInner);
	margin-inline: auto;
	padding-block: 0;
}

#sec_charm .charms .charm_2 .ribon .body .c1 {
	padding-bottom: 10px;
	display: block;
}

#sec_charm .charms .charm_2 .ribon .body .c1,
#sec_charm .charms .charm_2 .ribon .body .c2 {
	flex: 1;
}

#sec_charm .charms .charm_2 .ribon .body .c1 em {
	color: var(--color-lightYellow);
	font-weight: bold;
	font-size: 1.2em;
}

#sec_charm .charms .charm_2 .ribon .body .c1 em .s {
	font-size: 19px;
}

#sec_charm .charms .charm_2 .ribon .body .c2 {
	border-top: 1px solid #fff;
	display: block;
	padding-top: 20px;
	font-size: 19px;
}

#sec_charm .charms .charm_2 .ribon .body .c2 em {
	font-weight: bold;
	font-size: 1.2em;
	background-image: radial-gradient(circle at center, rgb(255, 255, 255) 20%, transparent 20%);
	background-position: top right;
	background-repeat: repeat-x;
	background-size: 1em 0.3em;
	padding-top: .4em;
}

#sec_charm .charms .charm_2 .swapGraphImg {
	display: block;
	margin-block: 30px;
}

#sec_charm .charms .charm_2 .swapMerit {
	text-align: left;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 130%;
}

#sec_charm .charms .charm_2 .try_swapWrap {}

#sec_charm .charms .charm_2 .try_swapWrap>.title {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
	align-items: center;

}

#sec_charm .charms .charm_2 .try_swapWrap>.title .pair {
	background-color: var(--color-navy2);
	border-radius: 40px;
	padding: 5px 30px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

#sec_charm .charms .charm_2 .try_swapWrap>.title .text {
	color: #102855;
	font-size: 20px;
	font-weight: bold;
}

#sec_charm .charms .charm_2 .try_swapWrap .swap {
	border: 5px solid #e7e9ee;
	padding: 10px;
}

#sec_charm .charms .charm_2 .try_swapWrap .swap>.title {
	color: var(--color-navy2);
	font-size: 18px;
	font-weight: bold;
	text-decoration-color: var(--color-navy2);
	text-decoration-line: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 10px;
	margin-bottom: 20px;
	display: inline-block;
}

#sec_charm .charms .charm_2 .try_swapWrap .swap>.title em {
	font-size: 1.2em;
	font-weight: bold;
}

#sec_charm .charms .charm_2 .try_swapWrap .swap .price {
	display: flex;
	align-items: end;
	justify-content: center;
	gap: 5px;
}

#sec_charm .charms .charm_2 .try_swapWrap .swap .price .flag {
	width: 100px;
}

#sec_charm .charms .charm_2 .try_swapWrap .swap .price .value {
	font-size: 52px;
	font-weight: bold;
	color: var(--color-red);
	line-height: 1;
}

#sec_charm .charms .charm_2 .try_swapWrap .swap .price .value .unit {
	font-size: .6em;
}

#sec_charm .charms .charm_2 .try_swapWrap .swap .price .mark_attention {
	font-size: 14px;
	font-weight: normal;
	color: var(--color-red);
	line-height: 1;
}

#sec_charm .charms .charm_2 .try_swapWrap .swap .dateAttention {
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 0;
}

#sec_charm .charms .charm_2 .latestAttention {
	color: #fff;
	font-size: 14px;
	text-align: left;
	display: block;
	margin-top: 20px;
	margin-inline: 20px;
}

#sec_charm .charms .charm_2 .checkPoint .inner {
	margin-bottom: 80px;
}

#sec_charm .charms .charm_2 .checkPoint .inner .sub {
	background-color: #e6f4f6;
	font-size: 18px;
	line-height: 130%;
	text-align: left;
	padding: 15px;
	border-radius: 10px;
	margin-top: 30px;
}

#sec_charm .charms .charm_2 .checkPoint .inner .sub em {
	color: var(--color-red);
	font-weight: bold;
}

/*---レバレッジ------------------------------*/
#sec_charm .charms .charm_3:before {
	content: "";
	display: block;
	width: 157px;
	height: 121px;
	margin-inline: auto;
	background-image: url(/g/try/img/charm/charm_3/charm_num.png);
	background-image: image-set(url(/g/try/img/charm/charm_3/charm_num.png) 1x, url(/g/try/img/charm/charm_3/charm_num@2x.png) 2x);
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}

#sec_charm .charms .charm_3 .contentWrap>.title {
	font-size: 22px;
	text-align: left;
	line-height: 180%;
	font-weight: bold;
	color: var(--color-navy2);
	text-decoration-color: var(--color-navy2);
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 10px;
}

#sec_charm .charms .charm_3 .leverageImg {
	margin-block: 20px;
	display: block;
}

#sec_charm .charms .charm_3 .text {
	font-size: 18px;
	line-height: 150%;
	text-align: left;
}

#sec_charm .charms .charm_3 .leverage_exWrap {
	color: #fff;
	margin-top: 50px;
}

#sec_charm .charms .charm_3 .leverage_exWrap>.title {
	font-size: 24px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
}

#sec_charm .charms .charm_3 .leverage_exWrap>.title:before {
	content: "";
	width: 10px;
	height: 48px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#sec_charm .charms .charm_3 .leverage_exWrap>.title:after {
	content: "";
	width: 10px;
	height: 48px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#sec_charm .charms .charm_3 .leverage_exWrap .imgs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 60px;
	row-gap: 30px;
	margin-inline: 20px;
}

#sec_charm .charms .charm_3 .checkPoint .inner {
	margin-bottom: 70px;
}

#sec_charm .charms .charm_3 .checkPoint .inner .text {
	text-align: left;
	line-height: 170%;
	font-size: 22px;
	letter-spacing: 0.02em;
}

/*----------------------------------------
■シミュレーション
----------------------------------------*/
#sec_swap_simulation>.inner {
	max-width: var(--defaultInner);
	margin-inline: auto;
	margin-top: 30px;
	padding-inline: 20px;
}


#sec_swap_simulation>.inner:before {
	content: "";
	display: block;
	width: 121px;
	height: 93px;
	margin-inline: auto;
	background-image: url(/g/try/img/swap_simulation/icon_try.png);
	background-image: image-set(url(/g/try/img/swap_simulation/icon_try.png) 1x, url(/g/try/img/swap_simulation/icon_try@2x.png) 2x);
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}

#sec_swap_simulation>.inner>.title {
	color: var(--color-navy2);
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	line-height: 120%;
	margin-bottom: 30px;
}

/*----------------------------------------
■トルコリラってどんな通貨？
----------------------------------------*/
#sec_aboutTry {
	background-color: var(--color-navy);
	position: relative;
}


#sec_aboutTry:after {
	content: "";
	display: block;
	height: 78px;
	width: 100%;
	background-image: url(/g/try/img/charm/mosque.png);
	background-image: image-set(url(/g/try/img/charm/mosque.png) 1x, url(/g/try/img/charm/mosque@2x.png) 2x);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #0a94a4;
	position: absolute;
	top: 0;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
}

#sec_aboutTry>.inner {
	max-width: var(--defaultInner);
	margin-inline: auto;
	padding-top: 120px;
}

#sec_aboutTry>.inner:before {
	content: "";
	display: block;
	width: 134px;
	height: 102px;
	margin-inline: auto;
	background-image: url(/g/try/img/about/icon_try.png);
	background-image: image-set(url(/g/try/img/about/icon_try.png) 1x, url(/g/try/img/about/icon_try@2x.png) 2x);
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

#sec_aboutTry>.inner>h1.title {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin-bottom: 15px;
}

#sec_aboutTry .charms {
	text-align: center;
}

#sec_aboutTry .charms>h2.title {
	font-size: 22px;
	background-color: #fff;
	border-radius: 50px;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	padding: 5px 20px;
	margin-bottom: 30px;
	color: var(--color-navy2);
}

#sec_aboutTry .charms .contentWrap,
#sec_aboutTry .news .contentWrap {
	background-color: #fff;
	padding: 20px;
	margin-inline: 20px;
}

#sec_aboutTry .charms .charm>.title {
	color: var(--color-navy2);
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid var(--color-navy2);
	padding-bottom: 10px;
	margin-bottom: 20px;
	line-height: 120%;
}

#sec_aboutTry .charms {
	line-height: 150%;
	margin-bottom: 40px;
}

#sec_aboutTry .charms p:not(:last-child) {
	margin-bottom: 2em;
}

#sec_aboutTry .charms .charm {
	text-align: left;
}

#sec_aboutTry .charms .charm:not(:last-child) {
	margin-bottom: 40px;
}

#sec_aboutTry .charms .charm_1 {
	display: flex;
	flex-direction: column;

}

#sec_aboutTry .charms .charm_1 .title {
	order: 1;
	margin-bottom: 20px;
}

#sec_aboutTry .charms .charm_1 p {
	font-size: 18px;
	line-height: 150%;
	margin-bottom: 0;
}

#sec_aboutTry .charms .charm_1 p:nth-of-type(2) {
	order: 4;
}

#sec_aboutTry .charms .charm_1 .img_1 {
	order: 3;
	margin: 20px 0;
}

#sec_aboutTry .charms .charm_1 p:nth-of-type(1) {
	order: 2;
}

#sec_aboutTry .charms .charm_2 {
	display: flex;
	flex-direction: column;
}

#sec_aboutTry .charms .charm_2 .img_1 {
	order: 3;
	margin: 20px 0;
}

#sec_aboutTry .charms .charm_2>.title {
	order: 1;
}

#sec_aboutTry .charms .charm_2>.title .date {
	font-size: 0.8em;
}

#sec_aboutTry .charms .charm_2 p {
	margin-bottom: 0;
}

#sec_aboutTry .charms .charm_2 p:nth-of-type(1) {
	order: 2;
}

#sec_aboutTry .charms .charm_2 p:nth-of-type(2) {
	order: 4;
	margin-bottom: 1em;
}

#sec_aboutTry .charms .charm_2 .depositImg {
	text-align: center;
	order: 5;
}

#sec_aboutTry .charms .charm_3 .limitImg {
	text-align: center;
}

/*---情報------------------------------*/
#sec_aboutTry .news>.title {
	font-size: 24px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	text-align: center;
	margin-bottom: 30px;
	color: #fff;
	margin-inline: 20px;
}

#sec_aboutTry .news>.title:before {
	content: "";
	width: 10px;
	height: 76px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#sec_aboutTry .news>.title:after {
	content: "";
	width: 10px;
	height: 76px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#sec_aboutTry .news>.lead {
	color: #fff;
	margin-bottom: 50px;
	margin-inline: 20px;
	font-size: 18px;
}

#sec_aboutTry .news .maneiku_wrap {
	text-align: center;
}

#sec_aboutTry .news .maneiku_wrap .maneiku_logo {
	margin-bottom: 30px;
	display: block;
	max-width: 220px;
	text-align: center;
	margin-inline: auto;
}

#sec_aboutTry .news .maneiku_wrap .maneiku_screenshots {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

#sec_aboutTry .news .marketNEXT_wrap {
	margin-bottom: 25px;
}

#sec_aboutTry .news .marketNEXT_wrap .lead {
	border-top: 1px solid var(--color-navy2);
	border-bottom: 1px solid var(--color-navy2);
	padding: 30px 0px;
	font-size: 21px;
	position: relative;
	margin-top: 50px;
	margin-bottom: 20px;
}

#sec_aboutTry .news .marketNEXT_wrap .lead>.title {
	background-color: var(--color-navy2);
	color: #fff;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0px 30px;
	border-radius: 30px;
	position: absolute;
	height: 32px;
	width: max-content;
	top: -16px;
	left: 0;
	right: 0;
	margin-inline: auto;
	font-size: 18px;
}

#sec_aboutTry .news .marketNEXT_wrap .lead .text {
	text-align: center;
	font-weight: bold;
	line-height: 130%;
}

#sec_aboutTry .news .marketNEXT_wrap .lead .text img {
	width: 434px;
	display: inline-block;
	vertical-align: baseline;
}

#sec_aboutTry .news .marketNEXT_wrap .appWrap {
	display: grid;
	grid-template-areas:
		"img"
		"title"
		"textarea"
		"download";
	margin-inline: auto;
}

#sec_aboutTry .news .marketNEXT_wrap .appWrap .img {
	grid-area: img;
	max-width: 180px;
	text-align: center;
	margin-inline: auto;
	margin-bottom: 20px;
}

#sec_aboutTry .news .marketNEXT_wrap .appWrap .title {
	grid-area: title;
	align-self: flex-end;
	margin-bottom: 20px;
	text-align: center;
}

#sec_aboutTry .news .marketNEXT_wrap .appWrap .title .text {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	font-size: 18px;
}

#sec_aboutTry .news .marketNEXT_wrap .appWrap .title img {}

#sec_aboutTry .news .marketNEXT_wrap .appWrap .textarea {
	grid-area: textarea;
	margin-bottom: 20px;
	font-size: 18px;
}

#sec_aboutTry .news .marketNEXT_wrap .appWrap .download {
	grid-area: download;

}

#sec_aboutTry .news .marketNEXT_wrap .appWrap .download .bn_wrap {
	display: flex;
	justify-content: center;
	gap: 10px;
}

#sec_aboutTry .risk {
	border: 2px solid var(--color-red);
	padding: 20px;
	font-size: 14px;
}

#sec_aboutTry .risk .risk_dl:not(:last-child) {
	margin-bottom: 20px;
}

#sec_aboutTry .risk dt {
	font-weight: bold;
}

/*---口座開設キャンペーン----------------------------*/
#sec_aboutTry .accountCampaign>.inner {
	max-width: var(--defaultInner);
	margin-inline: auto;
	padding-block: 30px;
	text-align: center;
}

#sec_aboutTry .accountCampaign .title {
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

#sec_aboutTry .accountCampaign .title .text {
	display: flex;
	justify-content: center;
	align-items: center;
}

#sec_aboutTry .accountCampaign .title .text em {
	font-weight: bold;
	color: var(--color-lightYellow);
}

#sec_aboutTry .accountCampaign .title .text::before,
#sec_aboutTry .accountCampaign .title .text::after {
	background-color: #fff;
	border-radius: 5px;
	content: "";
	height: 3px;
	width: 40px;
}

#sec_aboutTry .accountCampaign .title .text::before {
	margin-right: 5px;
	transform: rotate(60deg);
}

#sec_aboutTry .accountCampaign .title .text::after {
	margin-left: 5px;
	transform: rotate(-60deg);
}

#sec_aboutTry .accountCampaign .bnImg {
	display: inline-block;
	text-align: center;
}

#sec_aboutTry .accountCampaign .global_account_btn_wrap {
	padding-block: 30px;
	padding-inline: 20px;
}

/*----------------------------------------
■トルコリラに関するキャンペーン
----------------------------------------*/
#sec_otherCampaign {
	background-color: #fff;
}

#sec_otherCampaign>.inner {
	max-width: var(--defaultInner);
	margin-inline: auto;
	padding-top: 25px;
	margin-inline: 20px;
}

#sec_otherCampaign>.inner:before {
	content: "";
	display: block;
	width: 134px;
	height: 102px;
	margin-inline: auto;
	background-image: url(/g/try/img/other_campaign/icon_try.png);
	background-image: image-set(url(/g/try/img/other_campaign/icon_try.png) 1x, url(/g/try/img/other_campaign/icon_try@2x.png) 2x);
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#sec_otherCampaign>.inner>.title {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	color: var(--color-navy2);
	line-height: 130%;
	margin-bottom: 30px;
}

#sec_otherCampaign .bns {
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex-wrap: wrap;
	margin-inline: auto;
}

#sec_otherCampaign .bns a img {
	width: 100%;
	zoom: 1;
}

/*--------------------
口座開設の流れ
---------------------*/
#account_step {
	letter-spacing: normal;
	overflow: hidden;
}

#account_step>.inner {
	margin-inline: 10px;
	padding-block: 30px;
}

#account_step h2 {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	color: var(--color-navy2);
	line-height: 1;
	margin-bottom: 20px;
}

#account_step h2+span.sub {
	font-size: 18px;
	text-align: center;
	display: block;
	font-weight: bold;
	color: var(--color-navy2);
	margin-bottom: 15px;
}

#account_step .step_container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 80px 0;
	margin-bottom: 0px;
}

#account_step .step_container .examination {
	width: 100%;
	-ms-writing-mode: unset;
	writing-mode: unset;
	font-size: 1.25rem;
	line-height: 40px;
	letter-spacing: normal;
	padding: 10px;
}


.step_info {
	background: #fff;
	border-radius: 10px;
	margin-bottom: 50px;
	padding: 50px 0 20px;
	position: relative;
	box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 22%);
	width: 100%;
}

.step_info::after,
.examination::after {
	display: block;
	position: absolute;
	margin: auto;
	content: "";
	width: 16px;
	height: 16px;
	border-top: 4px solid #174179;
	border-right: 4px solid #174179;
	margin-inline: auto;
	top: auto;
	bottom: -30px;
	right: 0;
	left: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.step_info:last-of-type:after {
	display: none;
}

#account_step .icon_step {
	display: block;
	position: absolute;
	width: 80px;
	height: 80px;
	top: -40px;
	line-height: 1.2;
	left: 10px;
	box-sizing: border-box;
}

#account_step .icon_step img {
	width: 100%;
}

#account_step .icon_step em {
	font-size: 50px;
}

.step_info .read {
	color: #102955;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
}

.step_info .image img {
	width: 100%;
}

.step_info .text {
	padding: 10px;
	line-height: 1.6;
	font-size: 14px;
}

.examination {
	background: #50607b;
	color: #fff;
	font-size: 25px;
	text-align: center;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 50px;
	position: relative;
}

#account_step .point_box_title {
	background: #174179;
	color: #fff;
	text-align: center;
	padding: 20px 10px;
	border-radius: 10px 10px 0 0;

}

#account_step .point_box_title h3 {
	letter-spacing: .2em;
	line-height: 3;
	font-size: 14px;
	position: relative;
	font-weight: bold;
}

#account_step .point_box_title h3 em {
	background: #fff;
	display: block;
	padding: 10px 10px;
	font-size: 14px;
	line-height: 1;
	color: #174179;
	font-weight: bold;
	margin: 0 10px;
}

#account_step .point_box_title h3 .fc_yel {
	color: #ffff66;
}

#account_step .point_box .point_box_contents {
	padding: 55px 20px 55px;
	border-radius: 0 0 10px 10px;
	background-image: linear-gradient(#f6f6f6 1.5px, transparent 0), linear-gradient(90deg, #f6f6f6 1.5px, transparent 0);
	background-size: 20px 20px;
}

#account_step .point_box .point_box_contents .boxes {
	margin: 0 0 35px;
}



#account_step .point_box {
	box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.22);
	margin: 0 0 50px;
	border-radius: 10px;
}

#account_step .point_box .point_box_contents .card_box {
	width: 100%;
	background: #f1f9fd;
	padding: 20px;
	text-align: center;
	letter-spacing: .24rem;
}

#account_step .point_box .point_box_contents .card_box dt {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 15px;
}

#account_step .point_box .point_box_contents .card_box dd img {
	display: block;
	margin: 0 auto 20px;
}

#account_step .point_box .point_box_contents .boxes>p {
	font-size: 44px;
	font-weight: bold;
	color: #174179;
	text-align: center;
	margin-bottom: 0;
}

#account_step .point_box .point_box_contents .card_box dd strong {
	font-size: 18px;
}

#account_step .point_box .point_box_contents .point_box_lead {
	letter-spacing: .24rem;
	background: #fff;
	border: #203864 3px solid;
	padding: 20px 10px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #203864;
	line-height: 180%;
	word-break: auto-phrase;
	text-wrap: pretty;
}


#account_step .point_box .point_box_contents .point_box_lead strong {
	font-size: 16px;
	letter-spacing: .24rem;
	background: linear-gradient(transparent 50%, #edf1f7 50%);
	padding: 0 20px;
}

#account_step .global_account_btn_wrap {
	padding-block: 30px;
	padding-inline: 20px;
}

#account_step .global_account_btn_wrap .l {
	font-size: 1.3em;
}

.video-btn {
	display: block;
	width: 100%;
	max-width: 340px;
}

.video-btn span {
	display: block;
	width: 100%;
	background: #f4c509;
	padding: 14px 30px;
	box-sizing: border-box;
	cursor: pointer;
	max-width: 340px;
	margin-top: 10px;
	border-radius: 10px;
	color: #000;
	font-weight: bold;
	position: relative;
}

.video-btn span::after {
	content: "";
	width: 11px;
	height: 18px;
	background-image: url(/g/try/img/arrow@2x.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 11px;
	top: calc(50% - 9px);
}

/*--------------------
アコーディオン
---------------------*/
.ac-menu {
	margin-top: 20px;
}

.ac-menu .ac-menu-label {
	background: #189ebd;
	padding: 14px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	cursor: pointer;
	position: relative;
	font-size: 14px;
	font-weight: bold;
}

.ac-menu .ac-menu-label::before,
.ac-menu .ac-menu-label::after {
	content: '';
	width: 20px;
	height: 4px;
	background: #fff;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

.ac-menu .ac-menu-label::after {
	transition: all .1s;
	width: 4px;
	height: 20px;
	right: 28px;
}

.ac-menu .ac-menu-label.open::after {
	opacity: 0;
	transform: rotate(90deg);
	top: calc(50% - 10px);
}

.ac-menu-detail {
	padding: 20px 14px;
	background: #e7eef0;
	font-size: 14px;
}