@charset "UTF-8";

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

	/***西東京バス***/
	/*main*/
	.nishitokyo_main {
		width: 100%;
		height: 430px;
		background-image: url(/img/nishitokyo/main_bg.webp);
		background-position: center;
		background-size: cover;
	}

	.nishitokyo_main_wrap {
		position: relative;
	}

	.nishitokyo_main_ttl {
		background: #fff7e3;
		height: 320px;
		width: 320px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		position: absolute;
		top: -50px;
		left: 8px;
	}

	.nishitokyo_main_ttl h1 {
		padding-left: 33px;
		padding-top: 100px;
		font-size: 23px;
		line-height: 20px;
		font-weight: bold;
		margin-bottom: 13px;
	}

	.nishitokyo_main_ttl h1 span {
		display: block;
		background: #111;
		color: #fff;
		font-weight: normal;
		font-size: 12px;
		line-height: 22px;
		width: 155px;
		text-align: center;
		margin: 10px 0 4px 2px;
	}

	.nishitokyo_main_ttl>a {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
		width: 250px;
		background: #cc2515;
		color: #fff;
		font-size: 14px;
		line-height: 40px;
		font-weight: bold;
		margin: 0 auto;
	}

	.nishitokyo_main_ttl>a i {
		margin-right: 7px;
	}

	.nishitokyo_main_wrap>img {
		display: block;
		position: absolute;
		right: 3%;
		top: 205px;
		width: 75%;
	}

	/*nishitokyo_intro*/
	.nishitokyo_intro {
		margin-top: -55px;
		margin-bottom: 75px;
	}

	.nishitokyo_intro_nayami {
		position: relative;
		display: block;
		width: 80%;
		background: #FFF;
		border: solid 5px #f0f0f0;
		border-radius: 10px;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 10px 5% 15px;
		margin-bottom: 50px;
	}

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

	.nishitokyo_intro_nayami::after {
		content: "";
		position: absolute;
		bottom: -35px;
		left: 50%;
		margin-left: -19px;
		border: 16px solid transparent;
		border-top: 16px solid #f0f0f0;
		z-index: 1;
	}

	.nishitokyo_intro_nayami_ttl {
		display: flex;
		align-items: baseline;
		justify-content: center;
		padding-left: 8%;
		margin-bottom: 10px;
	}

	.nishitokyo_intro_nayami_ttl h2 {
		font-size: 16px;
		font-weight: bold;
		border-bottom: 2px solid #cc2515;
		padding-bottom: 2px;
		margin-right: 5px;
	}

	.nishitokyo_intro_nayami_ttl img {
		width: 20px;
	}

	.nishitokyo_intro_nayami ul li {
		display: flex;
		align-items: baseline;
		padding: 5px 0;
	}

	.nishitokyo_intro_nayami ul li i {
		color: #cc2515;
		margin-right: 5px;
	}

	.nishitokyo_intro_kaiketsu {
		margin-bottom: 40px;
	}

	.nishitokyo_intro_kaiketsu h2>img {
		display: block;
		margin: 0 auto;
		margin-bottom: 25px;
		width: 94%;
	}

	.nishitokyo_intro_kaiketsu_p {
		position: relative;
		width: 360px;
		height: 200px;
		margin: 0 auto;
		z-index: 1;
	}

	.nishitokyo_intro_kaiketsu_p p {
		position: absolute;
		background: #FFF7E3;
		width: 140px;
		height: 140px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.nishitokyo_intro_kaiketsu_p .kaiketsu01 {
		width: 180px;
		height: 180px;
		left: 0;
		top: 50px;
	}

	.nishitokyo_intro_kaiketsu_p .kaiketsu02 {
		top: 0;
		left: 135px;
	}

	.nishitokyo_intro_kaiketsu_p .kaiketsu03 {
		right: 0;
		top: 85px;
	}

	.nishitokyo_intro_kaiketsu>img {
		display: block;
		margin: 0 auto;
		position: relative;
		z-index: 2;
		width: 94%;
	}

	.nishitokyo_intro_media {
		margin-bottom: 30px;
	}

	.nishitokyo_intro_media_ttl {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 15px;
	}

	.nishitokyo_intro_media_ttl h2 {
		font-size: 20px;
		font-weight: bold;
	}

	.nishitokyo_intro_media_ttl img {
		width: 24px;
		display: block;
		margin-left: 2px;
	}

	.nishitokyo_intro_media_flex div {
		background: #f0f0f0;
		padding: 15px 3% 20px;
		box-sizing: border-box;
		margin: 0 3%;
		margin-bottom: 10px;
		border-radius: 5px;
	}

	.nishitokyo_intro_media_flex h3 {
		text-align: center;
		margin-bottom: 5px;
	}

	.nishitokyo_intro_media_flex ul {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	.nishitokyo_intro_media_flex ul li a {
		display: block;
		color: #111;
		line-height: 35px;
		border-radius: 20px;
		padding: 0 20px;
		margin: 3px;
	}

	.nishitokyo_intro_media_flex div:nth-child(1) ul li a {
		background: #ffbb00;
	}

	.nishitokyo_intro_media_flex div:nth-child(2) ul li a {
		background: #2296de;
		color: #fff;
	}

	.nishitokyo_intro_media_flex div:nth-child(3) ul li a {
		background: #eb6457;
		color: #fff;
	}

	.nishitokyo_intro_select img {
		display: block;
		width: 80%;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.nishitokyo_intro_select_link {
		width: 80%;
		margin: 0 auto;
	}

	.nishitokyo_intro_select_link p {
		display: block;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 5px;
	}

	.nishitokyo_intro_select_link p::before {
		content: "/";
		display: inline-block;
		transform: scale(-1, 1);
	}

	.nishitokyo_intro_select_link p::after {
		content: "/";
	}

	.nishitokyo_intro_select_link a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30px;
		color: #111;
		font-weight: bold;
		line-height: 50px;
		border-radius: 5px;
		background: #FFE88C;
	}

	/*nishitokyo_price*/
	.nishitokyo_price {
		background-image: repeating-linear-gradient(-45deg,
				/* 角度の指定 */
				#FFF7E3,
				/* 色A ... 開始 */
				#FFF7E3 10px,
				/* 色A ... 終了 */
				#FFFCF4 10px,
				/* 色B ... 開始 */
				#FFFCF4 20px
				/* 色B ... 終了 */
			);
		padding: 30px 0;
		margin-bottom: 60px;
	}

	.nishitokyo_price_flex {
		margin: 0 5%;
		margin-bottom: 30px;
		padding-bottom: 35px;
		border-bottom: 4px dotted #bbb;
		position: relative;
	}

	.nishitokyo_price_sticker {
		background: #fff;
		border-radius: 10px;
		padding: 20px 10%;
		box-sizing: border-box;
		margin-bottom: 50px;
	}

	.nishitokyo_price_sticker h2 {
		font-size: 16px;
		font-weight: bold;
	}

	.nishitokyo_price_sticker img {
		display: block;
		margin-top: 10px;
		margin-bottom: 15px;
	}

	.nishitokyo_price_sticker p {
		font-size: 10px;
		line-height: 16px;
	}

	.nishitokyo_price_operation img {
		display: block;
		width: 260px;
		padding-left: 13px;
		margin: 0 auto;
		margin-bottom: 80px;
	}

	.nishitokyo_price_operation_link {
		position: relative;
	}

	.nishitokyo_price_operation_link img {
		position: absolute;
		top: -68px;
		right: 30px;
		width: 130px;
	}

	.nishitokyo_price_operation_link a {
		width: 90%;
		margin: 0 auto;
		color: #111;
		background: #FFE88C;
		border-radius: 5px;
		line-height: 50px;
		font-weight: bold;
		padding: 0 30px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.nishitokyo_price_and {
		position: absolute;
		width: 36px;
		top: 190px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	.lp_inq {
		margin: 0 10%;
		position: relative;
		z-index: 99;
	}

	.lp_inq ul li {
		margin-bottom: 20px;
	}

	.lp_inq ul li p {
		font-size: 13px;
		line-height: 37px;
		text-align: center;
		position: relative;
		display: block;
		margin: 20px auto;
		margin-bottom: -5px;
		width: 250px;
		color: #111;
		background: #ffffff;
		border-radius: 25px;
		filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
	}

	.lp_inq ul li p:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -10px;
		border: 10px solid transparent;
		border-top: 10px solid #ffffff;
	}

	.lp_inq ul li a {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 5%;
		font-weight: bold;
		line-height: 50px;
		border-radius: 5px;
	}

	.lp_inq ul li a i {
		margin-right: 10px;
	}

	.lp_inq ul li:nth-child(1) a {
		color: #111;
		background: #FFBB00;
	}

	.lp_inq ul li:nth-child(2) a {
		color: #fff;
		background: #cc2515;
	}

	/*lp_case*/
	.lp_case {
		margin: 0 5%;
		margin-bottom: 80px;
	}

	.lp_case h2 {
		margin-bottom: 25px;
	}

	.lp_case h2 img {
		display: block;
		margin: 0 auto;
		height: 35px;
	}

	.lp_case ul {
		margin-bottom: 40px;
	}

	.lp_case ul li a {
		margin: 0 5px;
		display: block;
		border: 5px solid #f0f0f0;
		border-radius: 10px;
		background: #fff;
		padding: 15px 5%;
		box-sizing: border-box;
	}

	.lp_case ul li a img {
		width: 100%;
		height: 160px;
		object-fit: cover;
		font-family: 'object-fit: cover';
		object-position: center;
	}

	.lp_case ul li a h3 {
		margin-top: 10px;
		margin-bottom: 3px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.lp_case_p {
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		height: 44px;
		margin-bottom: 10px;
	}

	.lp_case_tag {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		height: 28px;
		white-space: nowrap;
		overflow: hidden;
	}

	.lp_case_tag span {
		display: block;
		font-size: 13px;
		line-height: 28px;
		background: #D6EFFF;
		padding: 0 13px;
		border-radius: 14px;
		margin-right: 5px;
	}

	.lp_case_link {
		width: 90%;
		margin: 0 auto;
	}

	.lp_case_link a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30px;
		font-weight: bold;
		line-height: 50px;
		border-radius: 5px;
		color: #111;
		background: #FFE88C;
	}

	/*lp_area*/
	.lp_area {
		margin-bottom: 80px;
	}

	.lp_area h2 {
		font-size: 20px;
		line-height: 30px;
		font-weight: normal;
		text-align: center;
		margin-bottom: 30px;
	}

	.lp_area_data {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin: 0 auto;
		width: 340px;
		margin-bottom: 25px;
	}

	.lp_area_data li,
	.lp_area_impression_box {
		text-align: center;
		margin: 0 15px;
		margin-bottom: 15px;
	}

	.lp_area_data li p,
	.lp_area_impression_box p {
		display: block;
		margin-bottom: 2px;
	}

	.lp_area_data li div {
		font-size: 25px;
		font-weight: bold;
	}

	.lp_area_data li div span {
		font-size: 15px;
		margin: 0 2px;
	}

	.lp_area_impression {
		overflow: hidden;
		margin-bottom: 25px;
	}

	.lp_area_impression_box div {
		font-size: 35px;
		line-height: 40px;
		font-weight: bold;
	}

	.lp_area_impression_box div span {
		font-size: 20px;
	}

	.lp_area_impression_quote {
		display: block;
		text-align: center;
		font-size: 11px;
		line-height: 16px;
	}

	.lp_area_img {
		margin-bottom: 30px;
	}

	/*lp_flow*/
	.lp_flow {
		margin: 0 5%;
		margin-bottom: 60px;
	}

	.lp_flow h2 {
		font-size: 20px;
		line-height: 30px;
		text-align: center;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.lp_flow_box {
		background: #f0f0f0;
		border-radius: 10px;
		padding-top: 25px;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}

	.lp_flow_box li {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 47%;
		position: relative;
		margin-bottom: 30px;
	}

	.lp_flow_box li::after {
		font-family: "Font Awesome 5 Free";
		content: '\f105';
		font-weight: 900;
		color: #bbb;
		font-size: 25px;
		position: absolute;
		top: 75px;
		right: 2px;
	}

	.lp_flow_box li:last-child::after {
		content: '';
		margin: 0;
		padding: 0;
	}

	.lp_flow_box li p {
		text-align: center;
		font-size: 12px;
	}

	.lp_flow_box li img {
		width: 100px;
		display: block;
		margin-top: 10px;
	}

	.nishitokyo_flow_p {
		display: block;
		margin-bottom: 20px;
	}

	.nishitokyo_flow_link {
		width: 90%;
		margin: 0 auto;
	}

	.nishitokyo_flow_link p {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 5px;
	}

	.nishitokyo_flow_link p::before {
		content: "/";
		display: inline-block;
		transform: scale(-1, 1);
		margin-right: 5px;
	}

	.nishitokyo_flow_link p::after {
		content: "/";
	}

	.nishitokyo_flow_link a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30px;
		font-weight: bold;
		line-height: 50px;
		border-radius: 5px;
		color: #111;
		background: #FFE88C;
	}

	.nishitokyo_link_cheering {
		margin-bottom: 60px;
	}

	.nishitokyo_link_cheering a {
		display: block;
		width: 95%;
		margin: 0 auto;
	}

	/***paper***/
	.lp_nishitokyo_wrap .conts_ttl {
		background-image: url(/img/nishitokyo/paper_main_bg.webp);
		background-position: center;
		background-size: cover;
	}

	.paper_wrap {
		background: #fff;
		border: 5px solid #f0f0f0;
		border-radius: 10px;
		padding: 15px 5%;
		margin: 0 3%;
		margin-bottom: 30px;
	}

	.paper_thum img {
		border: 1px solid #ccc;
	}

	.paper_thum p {
		display: block;
		margin-top: 15px;
	}

	.paper_thum span {
		font-size: 11px;
		line-height: 16px;
		margin-top: 10px;
		margin-bottom: 30px;
		display: block;
	}

	.paper_back a,
	.paper_download_back a {
		display: flex;
		align-items: center;
		color: #111;
		margin-top: 40px;
		width: 230px;
	}

	.paper_back a i,
	.paper_download_back a i {
		color: #FFBB00;
		margin-right: 5px;
	}

	.paper_form tr {
		padding-bottom: 20px;
	}

	.paper_form th p {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 5px;
		font-weight: bold;
	}

	.paper_form th .required {
		width: 55px;
		text-align: center;
		line-height: 30px;
		background: #cc2515;
		color: #fff;
		border-radius: 15px;
		font-weight: normal;
	}

	.paper_form td {
		width: 100%;
	}

	.paper_form td input[type="text"],
	.paper_form td input[type="email"],
	.paper_form td input[type="tel"] {
		width: 100%;
		border: 1px solid #ccc;
		background: #f5f5f5;
		font-size: 16px;
		line-height: 27px;
		border-radius: 5px;
		padding: 8px 3%;
		box-sizing: border-box;
		font-family: "Noto Sans JP", "MS PGothic", sans-serif;
	}

	.paper_form td input[type="text"]:focus-visible,
	.paper_form td input[type="email"]:focus-visible,
	.paper_form td input[type="tel"]:focus-visible {
		outline: none;
		border: 1px solid #2296DE;
		background: #fff;
	}

	.paper_privacy {
		margin-bottom: 20px;
		margin-top: 15px;
	}

	.paper_recaptcha p {
		font-size: 13px;
		line-height: 22px;
		color: #888;
	}

	.paper_privacy a,
	.paper_recaptcha a {
		color: #2296DE;
		text-decoration: underline;
	}

	.paper_btn {
		width: 100%;
		height: 65px;
		margin: 20px auto 0;
		position: relative;
		border-radius: 5px;
	}

	.paper_btn i {
		margin-right: 10px;
		color: #111;
		position: absolute;
		top: 24px;
		right: 9%;
		z-index: 10;
		font-size: 18px;
	}

	.paper_btn input[type="submit"],
	.paper_download>a {
		width: 100%;
		height: 65px;
		background: #ffbb00;
		color: #111;
		border-radius: 5px;
		font-weight: bold;
		border: none;
		padding: 0;
		padding-right: 10%;
		font-family: "Noto Sans JP", "MS PGothic", sans-serif;
		font-size: 18px;
		line-height: 27px;
	}

	.wpcf7-spinner {
		margin: 0 auto !important;
		display: block !important;
	}

	/**kokusai_bnr**/
	.paper_kokusai_ds_bnr {
		text-align: center;
		margin: 0 3% 50px;
	}

	.paper_kokusai_ds_bnr a {
		display: block;
	}

	/***paper_download***/
	.paper_download {
		text-align: center;
		width: 100%;
	}

	.paper_download>a {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
		margin-top: 30px;
		padding-right: 0;
	}

	.paper_download>a i {
		margin-right: 10px;
	}

	.paper_download_back a {
		width: 230px;
	}


	/***kokusai***/
	.lp_kokusai_wrap .conts_ttl {
		background-image: url(/img/kokusai/paper_main_bg.webp);
		background-position: center;
		background-size: cover;
	}

}