@charset "utf-8";
/* 900px SP */
@media screen and (max-width: 900px) {
	html{
		font-size: 2.56410256vw; /* デザイン390px幅で10pxを1remと指定。 */
	}
	body{
		font-size: 1.6rem;
		padding-top: 7rem;
	}
	body::before{
		background-image: url(../img/common/body_background_sp.png);
		background-size: cover;
	}
	img{
		width: 100%;
	}
	.pc_only,
	.pc{
		display: none !important;
	}

	/*---------------------------------------------------------*/
	/* wrapper */
	.wrapper_ll,
	.wrapper_l,
	.wrapper_m,
	.wrapper_s{
		padding: 0 1.5rem;
		margin:0 auto;
	}

	/*---------------------------------------------------------*/
	/* font */
	.text_center_sponly{
		text-align: center !important;
	}
	.text_right_sponly{
		text-align: right !important;
	}
	.text_left_sponly{
		text-align: left !important;
	}

	/*---------------------------------------------------------*/
	/* sp_mt */
	.sp_mt_10{
		margin-top: 1rem;
	}
	.sp_mt_20{
		margin-top: 2rem;
	}
	.sp_mt_30{
		margin-top: 3rem;
	}
	.sp_mt_40{
		margin-top: 4rem;
	}
	.sp_mt_40{
		margin-top: 4rem;
	}
	.sp_mt_50{
		margin-top: 5rem;
	}
	.sp_mt_60{
		margin-top: 6rem;
	}
	.sp_mt_70{
		margin-top: 7rem;
	}
	.sp_mt_80{
		margin-top: 8rem;
	}
	.sp_mt_90{
		margin-top: 9rem;
	}
	.sp_mt_100{
		margin-top: 10rem;
	}
	.sp_mt_120{
		margin-top: 12rem;
	}
	.sp_mt_140{
		margin-top: 14rem;
	}
	.sp_mt_160{
		margin-top: 16rem;
	}
	.sp_mt_180{
		margin-top: 18rem;
	}
	.sp_mt_200{
		margin-top: 20rem;
	}

	/*---------------------------------------------------------*/
	/* flex & float */
	.flex_block.sp_noflex{
		display: block;
	}
	.flex_block.sp_noflex > div,
	.flex_block.sp_noflex.column_2 > div,
	.flex_block.sp_noflex.column_2.percent_61_36 > div:nth-child(2n+1),
	.flex_block.sp_noflex.column_2.percent_61_36 > div:nth-child(2n),
	.flex_block.sp_noflex.column_2.percent_33_64 > div:nth-child(2n+1),
	.flex_block.sp_noflex.column_2.percent_33_64 > div:nth-child(2n),
	.flex_block.sp_noflex.column_3 > div{
		width: 100%;
	}
	.flex_block.sp_noflex > div:not(:first-child){
		margin-top: 1.5em;
	}

	/*---------------------------------------------------------*/
	/* box */
	.box_radius,
	.box_swr{
		border-radius: 0.3rem;
	}
	.box_radius_l{
		border-radius: 0.4rem;
	}
	.box_radius_16{
		border-radius: 0%8;
	}
	.box_padding_50{
		padding: 2.5rem;
	}
	.box_border.box_padding_50{
		padding: calc(2.5rem - 1px);
	}
	.box_padding_16{
		padding: 0.8rem;
	}
	.box_padding_24{
		padding: 1.2rem;
	}
	.box_padding_32{
		padding: 1.6rem;
	}
	.box_padding_40{
		padding: 2rem;
	}

	/*---------------------------------------------------------*/
	/* table */
	.sp_verticallayout,
	.sp_verticallayout thead,
	.sp_verticallayout tbody,
	.sp_verticallayout tr,
	.sp_verticallayout th,
	.sp_verticallayout td{
		display: block !important;
		width: 100% !important;
	}

	/*---------------------------------------------------------*/
	/* title */

	/* title_en_jp */
	.title_en_jp{
		margin-bottom: 3.2rem;
	}
	.title_en_jp .en{
		font-size: 3.2rem;
		line-height: 0.77;
	}
	.title_en_jp .en.text_gray{
		font-size: 3.2rem;
	}
	.title_en_jp .jp{
		font-size: 2rem;
		margin-top: 1.6rem;
		padding-left: 4rem;
	}
	.title_en_jp .jp::before{
		top: 1.2rem;
		height: 0.4rem;
		width: 2.4rem;
	}
	.title_en_jp.jp_s{
		margin-bottom: 1.6rem;
	}
	.title_en_jp.jp_s .jp{
		font-size: 2rem;
		padding-left: 3.2rem;
	}
	.title_en_jp.jp_s .jp::before{
		top: 1.4rem;
		height: 0.4rem;
		width: 2.4rem;
	}

	.title_en_jp.jp_s .link_blackbox{
		font-size: 1.2rem;
	}
	.title_en_jp.jp_s .link_blackbox .icon_arrow_white_right{
		height: 1.4rem;
		width: 1.4rem;
	}

	/*---------------------------------------------------------*/
	/* link_underline & link_blackbox & link_whitebox*/
	.link_blackbox,
	.link_brownbox,
	.link_whitebox{
		padding: 1.2rem 3.2rem 1.1rem;
	}
	.link_blackbox.return{
		font-size: 1.2rem;
		padding: 0.8rem 1.6rem;
	}
	.link_blackbox.return .icon_return{
		height: 1.8rem;
		width: 1.8rem;
	}
	.link_brownborder{
		padding: calc(1.2rem - 1px) calc(3.2rem - 1px) calc(1.2rem - 1px);
	}

	/*---------------------------------------------------------*/
	/* btn */
	.btn_black,
	.btn_brown{
		font-size: 1.4rem;
		padding: 0.6rem 1.6rem;
	}

	/*---------------------------------------------------------*/
	/* list */
	.list_check > li{
		padding:0.2em 0 0.2em 3.2rem;
		background-size: 2.2rem;
	}

	/*---------------------------------------------------------*/
	/* head_hamburger */
	/* head_hamburger_body */
	.head_hamburger_body{
		padding: 2rem 0;
	}
	.head_hamburger_body .inner{
		width: 100%;
	}

	/*---------------------------------------------------------*/
	/* pagetop */
	.pagetop {
		width: 3.6rem;
		height: 3.6rem;
	}

}