@charset "utf-8";
/* 900px for SP */
@media screen and (max-width: 900px) {

	html{
		font-size: 2.56410256vw; /* デザイン390px幅で10pxを1remと指定。 */
	}
	body{
		background: #F4F4F4;
		font-size: 1.4rem;
		padding: 5.6rem 0 0;
	}
	h1, h2, h3, h4, h5, h6 {
		font-size:1.6rem;
	}
	img{
		width: 100%;
	}
	.pc_only{
		display: none !important;
	}
	.overflow_auto{
		overflow: auto;
	}

	/*---------------------------------------------------------*/
	/* wrapper */
	.wrapper_full,
	.wrapper_l,
	.wrapper_m,
	.wrapper_s,
	.wrapper_700,
	.wrapper_ss{
		padding: 0 1.5rem;
		margin:0 auto;
		max-width: none;
	}
	
	/*---------------------------------------------------------*/
	/* icon */
	.ic_3dot{
		background-size: 1.4rem auto;
		height: 2.6rem;
		width: 2.6rem;
	}

	/*---------------------------------------------------------*/
	/* margin & padding */
	.sp_mt_30{
		margin-top: 3rem;
	}
	.sp_mt_40{
		margin-top: 4rem;
	}
	.sp_mt_60{
		margin-top: 6rem;
	}
	.sp_mt_80{
		margin-top: 8rem;
	}
	.sp_mt_100{
		margin-top: 10rem;
	}
	.sp_mt_130{
		margin-top: 13rem;
	}
	.sp_mt_160{
		margin-top: 16rem;
	}
	.sp_mt_180{
		margin-top: 18rem;
	}
	.sp_mt_200{
		margin-top: 20rem;
	}

	/*---------------------------------------------------------*/
	/* box */
	.box_border{
		border: 0.1rem solid #ddd;
		border-radius: 0.4rem;
		padding: 1.5rem;
	}
	.box_shadow{
		box-shadow: 0 0.1rem 1rem 0 rgba(0, 0, 0, 0.1);
		border-radius: 0.4rem;
		padding: 1.5rem;
	}
	.box_shadow + .box_shadow{
		margin-top: 1.6rem;
	}
	.box_shadow.box_dark{
		box-shadow: 0px 0.1rem 1rem 0px rgba(255,255,255, 0.3);
	}
	
	/*---------------------------------------------------------*/
	/* title */
	/* title_A */
	.title_A{
		font-size: 1.8rem;
		margin-bottom: 2.4rem;
	}

	/* title_B */
	.title_B,
	.login_table th{
		font-size: 1.4rem;
		padding: 0 0 1.2rem 2.4rem;
	}
	.title_B:not(:nth-child(1)){
		margin-top: 2.4rem;
	}
	.title_B::before,
	.login_table th::before{
		top: 0.75rem;
		height: 0.3rem;
		width: 1.8rem;
	}

	/* title_C */
	.title_C{
		font-size: 1.4rem;
		padding-left: 2.2rem;
	}
	.title_C::before{
		top: 0.75rem;
		height: 0.3rem;
		width: 1.4rem;
	}

	/*---------------------------------------------------------*/
	/* header */
	.head{
		background: #004EBB;
		height: 5.6rem;
		justify-content: flex-end;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
	}

	/* logo */
	.head .logo{
		padding: 0;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: 12.2rem;
	}
	.head .logo img{
		width: 100%;
	}

	/* head_info_wrapper */
	.head_info_wrapper{
		margin-right: 0.4rem;
		height: 3.2rem;
	}
	.head_info_unlead{
		top: 0;
		height: 0.6rem;
		width: 0.6rem;
	}	
	.head_info_bell{
		background-size: contain;
		height: 3.2rem;
		width: 3.2rem;
	}
	.head_info_body{
        left: -23rem;
		top: 3.2rem;
		width: 30rem;
	}
	.head_info_body a{
		padding: 1rem;
	}
	.head_info_body a .info_date{
		font-size: 1.2rem;
	}
	.head_info_body a .date{
		font-size: 1.2rem;
	}
	.head_info_body li:not(:first-child){
		border-top:solid 0.1rem #DDDDDD;
	}

	/* head_faq */
	.head_faq a{
		background-size: contain;
		margin-right: 0.4rem;
		height: 3.2rem;
		width: 3.2rem;
	}

	/* head_account */
	.head_account_wrapper{
		margin-right: 1.2rem;
	}
	.head_account_wrapper,
	.head_account_title{
		height: 3.2rem;
		width: 3.2rem;
	}
	.head_account_body{
		font-size: 1.3rem;
		right: 0;
		top: 3.2rem;
		padding: 1.2rem;
		width: 16rem;
	}
	.head_account_body li{
		margin-bottom: 0.8rem;
	}
	.head_account_body li.logout{
		margin:1.2rem 0 0;
	}
	.head_account_body li.logout a{
		background: url(../img/head/logout.svg) no-repeat left center;
		background-size: 1.6rem 1.6rem;
		padding-left: 2rem;
		height: 1.6rem;
	}

	/* head_hamburger */
	.head_hamburger{
		top: 1.2rem;
		right: 0.8rem;
		width: 3.2rem;
		height: 3.2rem;
	}
	.head_hamburger .border{
		border-radius: 1rem;
		width: 2.6rem;
		height: 0.2rem;
	}
	.head_hamburger .border:nth-child(1){
		top: 0.5rem;
	}
	.head_hamburger .border:nth-child(3){
		bottom: 0.5rem;
	}
	.head_hamburger.active .border:nth-child(1){
		top: calc(50% - 0.1rem);
	}
	.head_hamburger.active .border:nth-child(2){
		width: 0;
	}
	.head_hamburger.active .border:nth-child(3){
		top: calc(50% - 0.1rem);
	}

	/* globalnav */
	.globalnav{
		background: none;
	}
	.globalnav .inner{
		padding: 1.6rem 3.2rem;
		height: calc(100% - 5.6rem);
		width: 100%;
		top: 5.6rem;
	}

	/* search_form */
	.search_form{
		display: flex;
		font-size: 1.6rem;
		margin-bottom: 1.6rem;
		width: 100%;
	}
	.search_form .word{
		border: none;
		border-radius: 0.6rem 0 0 0.6rem;
		padding: 0 1.1rem;
		height: 4.4rem;
		width: calc(100% - 4.4rem);
	}
	.search_form .searchbtn{
		background: #3E3E3E url(../img/head/search_white.svg) no-repeat center center;
		background-size: 3.2rem 3.2rem;
		border: none;
		border-radius: 0 0.6rem 0.6rem 0;
		height: 4.4rem;
		width: 4.4rem;
	}

	/*---------------------------------------------------------*/
	/* main_wrapper */
	.main_wrapper{
		padding: 1.5rem 0 20rem;
	}

	/*---------------------------------------------------------*/
	/* form */
	/* text textarea*/
	.form_basic input[type=text],
	.form_basic input[type=email],
	.form_basic input[type=password],
	.form_basic textarea,
	.form_basic select{
		border: 0.2rem solid #dddddd;
		border-radius: 0.6rem;
		font-size: 1.3rem;
		padding: 0 1rem;
		height: 4.4rem;
	}
	.form_basic textarea{
		padding: 1rem;
		height: 10rem;
	}

	/* radio & checkbox & file */
	.form_basic input[type=file],
	.form_basic input[type=radio] + label,
	.form_basic input[type=checkbox] + label{
		border: 0.2rem solid #dddddd;
		border-radius: 0.6rem;
		padding: 1rem 2rem;
		font-size: 1.3rem;
		line-height: 1.2;
	}
	.form_basic input[type=file]{
		padding: 1rem 3rem 1rem 1rem;
	}

	/* input_image */
	::file-selector-button,
	::-webkit-file-upload-button{
		border-radius: 0.8rem;
		background: no-repeat left 0.5rem center, center center;
		background-image: url(/common/img/ic_upload.svg), linear-gradient(0deg, #EFEFEF 0%, #FFFFFF 100%);
		background-size: 2.5rem 2.5rem, 100% 100%;
		height: 3rem;
		padding: 0 1rem 0 3rem;
	}

/* delete */
.form_basic .dbimage_block .delete,
.form_basic .input_file_reset .delete{
	height: 3rem;
	width: 3rem;
	top: -0.5em;
	right: -0.5em;
}
.form_basic .input_file_reset .delete{
	top: calc(50% - 1.5rem);
	right: 0.5rem;
}	
.form_basic .dbimage_block .delete::before,
.form_basic .dbimage_block .delete::after,
.form_basic .input_file_reset .delete::before,
.form_basic .input_file_reset .delete::after{
	width: 1.5rem;
	height: 0.2rem;
}

/* toggle */
.form_basic .toggle_title{
	font-size: 1.1rem;
}
.form_basic .toggle input[type=radio] + label{
	padding: 0;
	height: 2rem;
	width: 2rem;
}
.form_basic .toggle input[type=radio]:last-of-type + label::before{
	height: 1.2rem;
	width: 1.2rem;
	top: 0.4rem;
	left: 0.4rem;
}
.form_basic .toggle input[type=radio]:last-of-type:checked + label::before{
	left: 2.4rem;
}

/* input_notice_list */
.form_basic .input_notice_list li{
	margin-top: 0.8rem;
}

	/* btn_submit */
	.btn_submit_block,
	.btn_return_block{
		margin: 5rem auto;
	}
	.btn_submit,
	.btn_return{
		border-radius: 20rem;
		font-size: 1.4rem;
		margin-bottom: 1.2rem;
		padding: 1.2rem 3rem;
	}

/* formError */
.formError{
	bottom: -3rem !important;
}
.formError .formErrorContent{
	font-size: 1.4rem !important;
}

	/*---------------------------------------------------------*/
	/* submit_btns */
	.submit_btns .btn_submit{
		font-size: 1.4rem;
	}
	.submit_btns .btn_submit,
	.submit_btns .btn_preview{
		margin:0;
	}

/*---------------------------------------------------------*/
/* basic_table  */
.basic_table{
	border: solid 0.1rem #DDDDDD;
	border-radius: 0.8rem;
}
.basic_table tr,
.basic_table th,
.basic_table td{
	text-align: left;
	display: block;
}
.basic_table tr > *{
	border-bottom: solid 0.1rem #DDDDDD;
	padding: 1rem 1.5rem;
}
.basic_table tr:last-child > *{
	border-bottom: none;
}

	/*---------------------------------------------------------*/
	/* easytips */
	.easytips::before{
		left: -0.4rem;
	}
	.easytips_icon{
		height: 1.3rem;
		width: 1.3rem;
	}
	.easytips_body{
		font-size: 1.2rem;
		left: calc(50% - 3rem);
		padding: 1rem;
		width: 16rem;
	}
}

/* 横向きの場合 */
@media only screen and (max-width: 900px) and (orientation: landscape){
	html{
		font-size: 3vh;
	}
	.head{
		height: 10vh;
	}
	.head .logo a{
		display: flex;
		justify-content: center;
	}
	.head .logo img{
		height: 6vh;
		width: auto;
	}
	.head_info_wrapper,
	.head_info_bell,
	.head_faq a,
	.head_account_wrapper,
	.head_account_title{
		height: 8vh;
		width: 8vh;
	}
	.head_info_body,
	.head_account_body{
		top: 9vh;
	}
	.head_hamburger{
		top: 0;
		height: 10vh;
		width: 10vh;
	}
	.head_hamburger .border{
		height: 0.5vh;
		width: 8vh;
	}
	.head_hamburger .border:nth-child(1) {
        top: 2vh;
    }
	.head_hamburger .border:nth-child(3) {
        bottom: 2vh;
    }
	.globalnav .inner{
		height: calc(100% - 10vh);
		top: 10vh;
	}
}