@charset "UTF-8";
/* START WSYS-11014 【サイト】初心者必見ページの修正 20240520 N.Kita*/

.novice .btn_area {
	padding: 20px 0 0;
}

.novice .btn_area.btn_area_second {
	display: block;
}

.btn_area_second a:nth-child(1) {
	margin-right: 0;
	margin-bottom: 20px;
}

/*Regist Button*/
.novice .btn_area .module-base_btn {
	width: 100%;
}

._inner_m,
._inner_s {
	padding-top: calc((30vw / 375) * 100);
	padding-bottom: calc((30vw / 375) * 100);
}

/* Heading */

.novice_head ._title {
	font-size: 2rem;
}

.novice_head ._text {
	text-align: left;
}

.novice_head ._accenttitle {
	font-size: 2rem;
	color: #fff;
	padding: 5px 25px;
	background: #3071b8;
	display: inline-block;
	border-radius: 50px;
}

/* novice_mainvisual */
/* START WSYS-11281 【フロント】初心者ページのMVのテキストをh1タグへ修正 20240806 N.Kita */
.novice_mainvisual_inner {
	width: 95%;
	padding: 20px 0 0;
	flex-direction: column;
	align-items: center;
}

.novice_mainvisual_content {
	text-align: center;
}

.novice_mainvisual_content,
.novice_mainvisual_image {
	width: 100%;
}

.novice_mainvisual_content ._subtitle {
	font-size: 1.6rem;
	padding: 10px;
	margin-bottom: 20px;
	box-shadow: 3px 3px 0px 0px #093970;
}

.novice_mainvisual_content ._subtitle::before {
	right: 93px;
	bottom: -13px;
	border-top: 10px solid #093970;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}

.novice_mainvisual_content ._subtitle::after {
	right: 96px;
	bottom: -10px;
	border-top: 10px solid #215FA8;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
.novice_mainvisual_content ._title {
	font-size: 4rem;
	align-items: center;
}

.novice_mainvisual_content ._shadow {
	text-shadow: 3px 2px 0 #1f1f1f;
}

.novice_mainvisual_content ._title ._fs-s {
	font-size: 2rem;
}

.novice_mainvisual_content ._text {
	font-size: 1.4rem;
	padding: 10px 0 20px;
}
/* E N D WSYS-11281 【フロント】初心者ページのMVのテキストをh1タグへ修正 20240806 N.Kita */

/* novice_method */
.novice_method_content {
	width: 100%;
	margin: 30px auto;
}

.novice_method_list {
	flex-direction: column;
	margin-bottom: 20px;
}

.novice_method_item {
	width: 100%;
	display: flex;
}

.novice_method_item ._textarea {
	padding-left: calc((120vw / 375) * 100);
}

.novice_method_item ._textarea ._title {
	height: auto;
	padding-bottom: 10px;
	text-align: left;
	font-size: 1.6rem;
}

.novice_method_item ._textarea ._text {
	padding-top: 0;
}

.novice_method_item::before {
	width: calc((106.5vw / 375) * 100);
	height: calc((77.5vw / 375) * 100);
	left: 5%;
	top: 50%;
	transform: translateY(-50%);
}

.novice_method_item ._choice {
	top: 2.6vw;
	width: 80%;
	margin: 0 auto;
}

.novice_method_item:nth-child(1) {
	padding-top: 13.3vw;
}

.novice_method_item:nth-child(1)::before {
	margin-top: 10px;
}

.novice_method_table::before {
	display: none;
}

.novice_method_table thead th p {
	font-size: 1.0rem;
	height: 20vw;
}

.novice_method_table tbody th,
.novice_method_table tbody td {
	height: 13.3vw;
}

.novice_method_table tbody th {
	font-size: 1.0rem;
}

.novice_method_table tbody td {
	font-size: 1.5rem;
	height: 50px;
}

/* novice_doubt */
.novice_doubt_head ._title {
	padding-left: 60px;
}

.novice_doubt_head ._text::before {
	width: 95.6px;
	height: 87.6px;
	left: 0px;
	top: -80px;
}

.novice_doubt_content {
	margin: 20px 0 0 0;
}

.novice_doubt_list {
	flex-direction: column;
}

.novice_doubt_item {
	width: 100%;
	justify-content: center;
	flex-direction: row;
	gap: 30px;
}

.novice_doubt_item ._image {
	width: 15%;
	height: auto;
	padding-bottom: 0;
}

.novice_doubt_item ._title {
	padding-bottom: 5px;
	font-size: 1.6rem;
	text-align: left;
}

.novice_doubt_answer ._balloon {
	margin: 20px 0 15px;
	padding: 5px 25px;
	font-size: 1.4rem;
}

.novice_doubt_answer ._head ._title {
	font-size: 1.5rem;
}

.novice_doubt_answer ._head ._title:before,
.novice_doubt_answer ._head ._title:after {
  margin: 0 .5em;
}

.novice_doubt_answer:before {
	height: 90px;
}

.novice_doubt_answer:after {
	top: 90px;
}

.novice_doubt_answer ._merit {
	gap: 10px;
	margin-top: 20px;
	padding-bottom: calc((240vw / 375) * 100);
}

.novice_doubt_answer ._merit::before {
	width: calc((146.25vw / 375) * 100);
	height: calc((226.75vw / 375) * 100);
	bottom: 0;
	left: calc((40vw / 375) * 100);
	transform: inherit;
}

.novice_doubt_answer ._merit::after {
	content: "";
	background: url(../../images/contents/novice/novice_tabifly_image01.png);
	background-size: cover;
	width: calc((144vw / 375) * 100);
	height: calc((146.3vw / 375) * 100);
	position: absolute;
	right: calc((40vw / 375) * 100);
	bottom: calc((20vw / 375) * 100);
	z-index: 10;
}

.novice_doubt_answer ._merit ._item {
	width: calc((100% - 10px)/2);
}

.novice_doubt_answer ._merit ._item::before {
	display: none;
}

.novice_doubt_answer ._merit ._item:nth-child(odd) {
	margin-right: 0;
}

.novice_doubt_answer ._merit ._item:nth-child(even) {
	margin-left: 0;
}

.novice_doubt_answer ._merit ._item:nth-child(1),
.novice_doubt_answer ._merit ._item:nth-child(5) {
	padding-left: 0;
}

.novice_doubt_answer ._merit ._item:nth-child(2),
.novice_doubt_answer ._merit ._item:nth-child(6) {
	padding-right: 0;
}

.novice_doubt_answer ._merit ._item:nth-child(4) {
	padding-left: 0;
}

.novice_doubt_answer ._merit ._item:nth-child(3) {
	padding-right: 0;
}

.novice_doubt_answer ._merit ._item ._textarea {
	height: auto;
}

.novice_doubt_answer ._merit ._item ._textarea ._title {
	font-size: 1.4rem;
	text-align: center;
}

.novice_doubt_answer ._merit ._item:nth-child(1) ._textarea,
.novice_doubt_answer ._merit ._item:nth-child(2) ._textarea {
	height: 40vw;
}

.novice_doubt_answer ._merit ._item:nth-child(3) ._textarea,
.novice_doubt_answer ._merit ._item:nth-child(4) ._textarea {
	height: 45vw;
}

.novice_doubt_answer ._merit ._item:nth-child(5) ._textarea,
.novice_doubt_answer ._merit ._item:nth-child(6) ._textarea {
	height: 33vw;
}

.novice_doubt_answer ._merit ._item:nth-child(1) ._textarea,
.novice_doubt_answer ._merit ._item:nth-child(4) ._textarea,
.novice_doubt_answer ._merit ._item:nth-child(5) ._textarea {
	background: #008ae1;
}

.novice_doubt_answer ._merit ._item:nth-child(2) ._textarea,
.novice_doubt_answer ._merit ._item:nth-child(3) ._textarea,
.novice_doubt_answer ._merit ._item:nth-child(6) ._textarea {
	background: #094aa7;
}

.novice_doubt_answer ._merit ._item ._textarea ._text {
	font-size: 1.2rem;
}

/* novice_about */
.novice_about {
	background-size: 798px;
}

.novice_about_head ._subtitle {
	font-size: 1.6rem;
}

.novice_about_head ._subtitle:before,
.novice_about_head ._subtitle:after {
	margin: 0 .5em;
}
.novice_about_head ._title::before {
	display: none;
}

.novice_about_content {
	margin: 20px 0 0 0;
}

.novice_about_detail {
	padding-bottom: calc((30vw / 375) * 100);
}

.novice_about_detail ._image {
	width: calc((110vw / 375) * 100);
}

.novice_about_detail ._catch {
	width: calc(100% - ((110vw / 375) * 100));
}

.novice_about_detail h3._head {
	font-size: 1.4rem;
	text-align: left;
}

.novice_about_detail ._medal {
	padding-top: 10px;
}

.novice_about_detail ._medal img {
	width: 43%;
}

.novice_about_detail ._note p {
	font-size: 1rem;
}

.novice_about_howto ._head {
	font-size: 1.8rem;
}

.novice_about_howto ._text {
	font-size: 1.2rem;
}

.novice_about_howto ._warp {
	max-width: 100%;
	padding: 5.3vw 10px 15px;
}

/* novice_reason */
.novice_head ._accenttitle {
	font-size: 1.4rem;
}

.novice_reason_head ._title::before {
	left: inherit;
	right: -95px;
	top: -51px;
	width: 100.3px;
	height: 94.2px;
}

.novice_reason_content {
	padding: 25px 0 0;
}

.novice_reason_list {
	flex-direction: column;
}

.novice_reason_item {
	width: 100%;
}

.novice_reason_item:nth-child(1):before,
.novice_reason_item:nth-child(3):before {
	border-top: 24vw solid #008ae1;
	border-right: 24vw solid transparent;
}
.novice_reason_item:nth-child(2):before,
.novice_reason_item:nth-child(4):before {
	border-top: 24vw solid #00b8bf;
	border-right: 24vw solid transparent;
}

.novice_reason_item:nth-child(1),
.novice_reason_item:nth-child(3) {
	border: 2px solid #008ae1;
}

.novice_reason_item:nth-child(2),
.novice_reason_item:nth-child(4) {
	border: 2px solid #00b8bf;
}

.novice_reason_item:nth-child(1) ._title,
.novice_reason_item:nth-child(3) ._title {
	color: #008ae1;
}

.novice_reason_item:nth-child(2) ._title,
.novice_reason_item:nth-child(4) ._title {
	color: #00b8bf;
}

.novice_reason_item ._image {
	padding-bottom: 10px;
}

.novice_reason_item ._title {
	font-size: 1.6rem;
	padding-bottom: 10px;
}

/* novice_plan */
.novice_plan_head ._title::before {
	display: none;
}

.novice_plan_content {
	padding: 20px 0 0 ;
}

.novice_plan_detail {
	flex-direction: column;
	gap: 50px;
}

.novice_plan .novice_plan_detail_item {
	width: 100%;
	padding: 15px 20px 5px;
}

.novice_plan_detail::before {
	font-size: 4rem;
	top: 49.5%;
}

/* novice_fee */
.novice_fee_warp ._textarea {
	font-size: 1.8rem;
}

.novice_fee_simulator ._note {
	text-align: left;
	font-size: 1.1rem;
}

/* simulator */

#Simulation {
	padding: 15px 30px;
}
#Simulation .price_search02 {
	width: 100%;
}
#Simulation .price_search02 .box02 {
	position:static;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

#Simulation .price_search02 table.select_box td{
	margin-bottom: 10px;
}

#Simulation label.selectTypeA {
	width:100%;
}

#Simulation .price_search02 table.select_box {
	width:100%;
}

#Simulation .price_search02 table.select_box td {
	display: block;
	width:100%;
}

#Simulation .price_search02 .box03 {
	padding-left:0px;
}

#Simulation .price_search02 .perday {
	display:block;
	margin: 0 auto 5px;
}

#Simulation .price_search02 dl {
	display:block;
	text-align: center;
	padding: 10px;
	margin: 0 auto;
}

#Simulation .price_search02 .box03{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	float: none;
}

.price_plandate_icon{
	display: none;
}

.price_simu_left{
	float: none;
}

.box0203_wrap{
	width: 100%;
	float: none;
	text-align: center;
}

.add_counties img{
	width: 48%;
}

#Simulation .price_search02 .box02 img{
	width: 80%;
}

/* novice_voice */
.novice_voice_content {
	padding: 20px 0 0;
}

.novice_voice_item:nth-child(1) {
	order: 1;
}

.novice_voice_item:nth-child(2) {
	order: 2;
}

.novice_voice_item:nth-child(3) {
	order: 4;
}

.novice_voice_item:nth-child(4) {
	order: 3;
}

.novice_voice_item {
	width: 100%;
}

.novice_voice_item ._textarea {
	width: 100%;
	font-size: 1.2rem;
	height: 34.6vw;
	padding: calc((20vw / 375) * 100);
}

.novice_voice_item::before {
	width: 100%;
	height: 54.6vw;
}

.novice_voice_item ._others ._text {
	font-size: 1.2rem;
}

.novice_voice_item ._others ._text span {
	height: calc((30vw / 375) * 100);
	margin-right: 6.4vw;
	padding: 5px 5px 5px 10px;
}

.novice_voice_item ._others ._text span::before {
	border: 4vw solid transparent;
	border-left: 4vw solid #333;
	right: calc((-30vw / 375) * 100);
}

/* novice_step */
.novice_step_content {
	padding: 20px 0 0;
}

.novice_step_list {
	flex-wrap: wrap;
}

.novice_step_item {
	width: calc((100% - 60px) / 2);
}

.novice_step_item:nth-child(3) {
	order: 3;
}

.novice_step_item:nth-child(2):after {
	bottom: -38px;
	top: inherit;
	right: 50%;
	transform: translate(0, 0) rotate(90deg);
}

.novice_step_item:nth-child(3):after {
	top: 105px;
	left: -27px;
	right: inherit;
	transform: translate(0, 0) rotate(-180deg);
}

.novice_step_item ._title {
	font-size: 1.6rem;
}

.novice_step_item ._image {
	padding: 10px 0;
}
/* END WSYS-11014 【サイト】初心者必見ページの修正 20240520 N.Kita */