@charset "UTF-8";

.img_step {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}

.img_step .-item {
	width: 215px;
	background: #07308c;
	border-radius: 10px;
	border: 1px solid #07308c;
	border-bottom-width: 3px;
	transition: 0.3s;
	overflow: hidden;
}

.img_step .-item:hover {
	text-decoration: none;
	opacity: 0.8;
}

.img_step .-item .-num {
	color: #ffffff;
	font-size: 2.2rem;
	text-align: center;
	padding: 2px 0;
	font-weight: 700;
	overflow: hidden;
}

.img_step .-item .-img {
	position: relative;
	width: 100%;
}

.img_step .-item .-img:before {
	content: "";
	display: block;
	padding-top: 58%;
}

.img_step .-item .-img .-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
}

.img_step .-item.-step1 .-bg {
	background-image: url(../../images/page/module/flow_step1_img.jpg);
}

.img_step .-item.-step2 .-bg {
	background-image: url(../../images/page/module/flow_step2_img.jpg?date=20190509);
}

.img_step .-item.-step3 .-bg {
	background-image: url(../../images/page/module/flow_step3_img.jpg);
}

.img_step .-item.-step4 .-bg {
	background-image: url(../../images/page/module/flow_step4_img.jpg?date=20190509);
}

.img_step .-item .-txt {
	background: #ffffff;
	color: #000000;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	border-radius: 0 0 10px 10px;
	display: flex;
	height: 40px;
	align-items: center;
	justify-content: center;
	padding-right: 40px;
	position: relative;
}

.img_step .-item .-txt:after {
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	background: #07308c;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	line-height: 1;
}

.flow_area {
	margin-bottom: 100px;
}

.plan_column {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.plan_column .-item:not(.-ico) {
	border: 1px solid #008ae1;
}

.plan_column .-item .-title {
	color: #07308c;
	font-weight: 700;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
}

.plan_column .-item_speed {
	padding: 20px 40px;
	width: 432px;
}
.plan_column .-item_speed .-communicationspeed {
	padding: 0 10px 20px;
}
.plan_column .-item_speed .-communicationspeed .-img {
	width: auto;
}
.plan_column .-item_capacity {
	padding: 20px 50px;
	width: 432px;
}
.plan_column .-item_capacity .img {
    margin-top: 40px;
}

.plan_column .-item.-ico {
	font-size: 4rem;
	font-weight: 700;
	color: #008ae1;
	display: flex;
	align-items: center;
}

.country_area {
	position: relative;
	padding-right: 455px;
	padding-bottom: 50px;
	min-height: 250px;
}

.country_area .fukidashi {
	background: #e0f2fe;
	font-size: 1.8rem;
	font-weight: 700;
	color: #07308c;
	text-align: center;
	line-height: 1;
	padding: 15px 0;
	width: 370px;
	border-radius: 10px;
	margin-bottom: 20px;
	position: relative;
}

.country_area .fukidashi:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 7.5px 0 7.5px;
	border-color: #e0f2fe transparent transparent transparent;
	position: absolute;
	left: 50%;
	transform: translateY(-50%);
	bottom: -18px;
}

.country_area .-title {
	font-size: 2.6rem;
	font-weight: 700;
	margin-bottom: 10px;
}

.country_area .-title .-num {
	color: #008ae1;
}

.country_area .-txt {
	margin-bottom: 30px;
}

.country_area .-note {
	font-size: 1.4rem;
	line-height: 1.2;
}

.country_area .-img {
	position: absolute;
	right: 0;
	top: 0;
}

.other_column {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

.other_column > .-item {
	width: 48.9%;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
}

.other_column > .-item .-title {
	background: #008ae1;
	color: #ffffff;
	text-align: center;
	padding: 3px 0;
	margin-bottom: 30px;
}

.other_column > .-item .-read {
	font-weight: 700;
	color: #002664;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 30px;
}

.other_column > .-item .-read .-sub {
	font-size: 1.6rem;
}

.other_column > .-item .-read .-main {
	font-size: 2.4rem;
}

.other_column > .-item .-btn_area {
	align-self: center;
	padding: 50px 30px 0;
	width: 100%;
}

.other_column .-product_column {
	display: flex;
	justify-content: space-around;
}

.other_column .-product_column .-item {
	width: 32%;
}

.other_column .-product_column .-img {
	width: 135px;
	margin: 0 auto 10px;
}

.other_column .-product_column .-name {
	font-weight: 700;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.2;
}

.other_column .-product_column .-name .-mini {
	font-size: 1.4rem;
}

.other_column .-item_hosho .-product_column .-img {
	width: 97px;
	margin: 0 auto 10px;
}

.other_column .-item_hosho .-product_column .-name {
	text-align: center;
	color: #002664;
	font-size: 1.8rem;
	line-height: 1.2;
}

.other_column .-item_hosho .-product_column .-name .-mini {
	font-size: 1.4rem;
}

.other_column .-item_option .-product_column .-img {
	margin-bottom: 20px;
}

.other_column .-hosho_note {
	line-height: 1;
	padding-top: 20px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 400;
}

.card_column {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

.card_column .-img {
	width: 26%;
}

.card_column .-txt {
	font-size: 1.4rem;
	width: 74%;
	padding-left: 30px;
	line-height: 1.8;
}
.np_banner{
	margin: 30px 0;
	text-align: center;
}
.color_label_box {
	display: flex;
	border-style: solid;
	border-width: 3px;
	flex-direction: column;
	font-size: 2rem;
	font-weight: 700;
}

.color_label_box .-name {
	color: #ffffff;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px 0 5px 0;
}

.color_label_box .-txt {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	padding: 5px 0;
	width: 100%;
}

.color_label_box .-txt .-tax {
	font-size: 1.4rem;
}

.color_label_box.-pink {
	border-color: #ff348a;
}

.color_label_box.-pink .-name {
	background: #ff348a;
}

.color_label_box.-blue {
	border-color: #008ae1;
}

.color_label_box.-blue .-name {
	background: #008ae1;
}

.color_label_box.-fee {
	border-color: #00b8bf;
	flex-direction: row;
	height: 79px;
}

.color_label_box.-fee .-name {
	background: #00b8bf;
	width: 40%;
}

.color_label_box.-fee .-txt {
	width: 60%;
}

.item_round .-item {
	border: 1px solid #efefef;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
}

.item_round .-item:not(:last-of-type) {
	margin-bottom: 5px;
}

.item_round .-item .-product {
	border-right: 1px solid #efefef;
	display: flex;
	flex-direction: row;
	margin: 15px 0;
	width: 45%;
}

.item_round .-item .-product .-img {
	width: 130px;
	text-align: center;
}

.item_round .-item .-product .-img img {
	width: 105px;
}

.item_round .-item .-product .-name {
	font-weight: 700;
	font-size: 1.8rem;
	display: flex;
	align-items: center;
}

.item_round .-item .-txt {
	width: 55%;
	display: flex;
	align-items: center;
	padding: 0 20px;
}

.return_box{
	padding: 15px 10px;
	border: 1px solid #efefef;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.return_icon {
	margin-bottom: 10px;
}
.return_txt{
	font-size: 2rem;
	font-weight: 700;
}
.precautions_area {
	background: #ffffff;
	padding-top: 80px;
}

.qa_area {
	background: #ffffff;
	padding-top: 80px;
}

/* -----------
novice_banner
------------ */

.novice_banner .-img > a:hover {
	opacity: 0.8;
}


.unlimited_bnr_area {
	position: relative;
}
.unlimited_bnr_area .-txt {
	font-size: 2.0rem;
}

.rentalclass{
	padding-top: 110px; 
}
.mb-10{
	margin-bottom: -10px!important;
}


/* -----------
申込期限
------------ */
.limit .module-page_link .-item{
	flex: none;
	margin: 0 ;
}

.limit .extparent{
	width: 93%;
	margin: auto;
	flex-wrap: wrap;
	justify-content: space-around;
}

.limit .module-page_link .-item.ext {
	width: 47%;
	margin: 0.5% 0;
}

.item_round .-item .-product .-img > .resize {
	width: 40%;
	padding:7%;
}

/* WSYS-9973 【サイト】サービスバナーの差し替え 20220921 T.B. Shimul */
.service_banner_txt{
	font-size: 0.785em;
	text-align: center;
}

/* WSYS-11935 【フロント】サイトTOPと共通コンテンツの修正 20250213 M.Amano */
.flow_area .-banner_block {
	margin: -50px 0 30px 0;
}

/* WSYS-12277 【フロント】レンタルセットの画像差し替え 20250527 M.Shimizu */
.layout-column.theme-col02.theme-mg_large > .set-image {
	width: 33%;
}