@charset "UTF-8";

/* 一覧ページ */

h3.section_head {
	background-color: #efefef;
	padding: 10px;
}
.thanks h3.section_head {
	padding: 40px 0;
	text-align: center;
}
/* --------------------------------
	section_block
-------------------------------- */

.section_block .base_block {
	margin-top: 0;
}
.section_block .base_block h4,
.section_block .base_block p {
	margin: 0 0 8px 200px;
}

/* --------------------------------
	detail_btn
-------------------------------- */

.detail_btn {
	float: right;
	margin-left: 10px;
}
.detail_btn span {
	padding: 7px 20px;
}

/* --------------------------------
	catalog_btn
-------------------------------- */

.catalog_btn {
	text-align: right;
	padding-top: 15px;
}
.catalog_btn span {
	display: inline-block;
	background-color: #000;
	padding: 7px 20px;
}
.catalog_btn span a {
	color: #fff;
	font-size: 92%;
	background: url('/images/common/icon01.png') center left no-repeat;
	padding-left: 30px;
}
.catalog_btn span:hover {
	background-color: #8c0000;
}

/* 詳細ページ */

.detail h2#contents_title {
	padding-bottom: 10px;
}
#contents_title_en {
	font-size: 118%;
}
#product_img {
	text-align: center;
	padding: 20px 0;
}

.quality_list li {
	margin-top: 20px;
}
.quality_list h4 {
	font-size: 128%;
	font-weight: bold;
	margin-bottom: 5px;
}

/* --------------------------------
	basic_tbl
-------------------------------- */

.basic_tbl1 td,
.basic_tbl1 th {
	padding: 12px;
	font-weight: normal;
	text-align: left;
}
.basic_tbl1 td { font-size: 94%; }
.basic_tbl1 th { width: 40%; }

.basic_tbl2 td,
.basic_tbl2 th {
	padding: 8px;
	font-size: 94%;
	text-align: center;
	font-weight: normal;
}

.basic_tbl3 td,
.basic_tbl3 th {
	padding: 5px;
	font-size: 84%;
	text-align: center;
	font-weight: normal;
	line-height: 1.3;
}

.img_right {
	float: right;
}

.three_img p {
	text-align: center;
	float: left;
	margin-left: 7px;
}
.three_img p:first-child {
	margin-left: 0;
}
.pinkbox {
	float: none !important;
	width: 20px;
	margin: 0 3px;
	background-color: #f8ceb9;
	position: absolute;
}
.pinkbox_right {
	position: absolute;
	margin-left: 26px;
	font-size: 100% !important;
}

/* --------------------------------
	form
-------------------------------- */

.tipped { color: #BBB; }
.required { color: #E60024; font-weight: bold; }

.ERR {
	color: red;
	display: block;
	margin-top: 5px;
	font-weight: bold;
}
#contact_faq .error { margin-top: 30px; }
#header-error {
  height: 14px;
  background: url("../img/pr/header_error_bg.png") center;
}

#contact_faq .contact-title {
  text-align: center;
  margin-bottom: 20px;
}

#form-block {
  background-color: #00A8AB;
}
#form-block .wrapper {
  background: url("../img/pr/contact_point_top.png") no-repeat;
  background-position: 452px 0;
  padding: 60px 0 20px 0;
}

.form_basic {
}
.form_basic .content { font-size: 0.9em; }

.form_basic .its_l, .form_basic .its_m, .form_basic .its_s, .its_u {
	border: 1px solid #CCC;
	height: 30px;
	line-height: 40px;
	font-size: 100%;
	padding: 0 10px;
	/*font-family: 'メイリオ', sans-serif;*/

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

@media all and (-ms-high-contrast:none){
	.form_basic .its_l, .form_basic .its_m, .form_basic .its_s, .its_u {
		height: 30px;
		line-height: 20px;
	}
}
.form_basic textarea {
}
.form_basic .its_m {
	width: 94%;
}
.form_basic .its_s {
	width: 90px;
}
.form_basic .its_u {
	width: 180px;
}
.form_basic .w100 {
	width: 100px !important;
}
.form_basic .w80 {
	width: 80px !important;
}
.form_basic .ts_l {
	border: 1px solid #CCC;
	width: 94%;
	height: 140px;
	padding: 10px 10px;
	font-size: 100%;
	/*font-family: 'メイリオ', sans-serif;*/

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.radio_txt { margin-left: 10px; }

.form_basic .navi {
}

/* --------------------------------
	submit button
-------------------------------- */
button.submit,
input.submit {
	/*background: url("../images/contact/btn_check_bg.png") repeat-x;*/
    font-size: 1.4em;
    font-weight: bold;
    color: #FFF;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #e60012;
    border: 0;
	padding:20px;
}
.img-block input.submit {
    width: 100%;
}
input.submit:hover {
	background-color: #8c0000;
	cursor: pointer;
}
input.clear {
	background-color: #000;
    width: 100%;
}
input.clear:hover {
	background-color: #333;
}
.img-block {
	width: 330px;
	float: left;
	margin-left: 0px;
}
.i-block {
	width: 330px;
	display: inline-block;
	margin-left: 14px;
}


input.submit:hover {
  background-position: bottom;
/*  background: url("../img/pr/btn_send_submit.png") no-repeat top;*/
}

.form_basic .its_select {
  border: 0;
  height: 40px;
  width: 160px;
  line-height: 40px;
  padding: 0 2px 0 2px;
  /*font-family: 'メイリオ', sans-serif;*/
  background-color: #fff;
  border:1px solid #ccc;

  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.form_basic .form_select {
  font-size: 14px;
  height: 40px;
  background-color: #FCFCFC;
  border:1px solid #e7dab0;
}

select {
	font-size: 100%;
}

@-moz-document url-prefix() {
.form_basic .its_select {
  padding: 10px 10px 10px 10px;
/*
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
*/
    }
}

.contact_select li {
	width: 50%;
	float: left;
	margin: 5px 0;
}
.contact_service li {
	width: 33%;
	float: left;
	margin: 5px 0;
}
.form_basic input { 
	margin-right: 5px;
}
.tel_line {margin-top: 5px;}

.back_top {
	border: 1px solid #CCC;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 20px;
	background-color: #FFF;
}
.back_top a {
	display: block;
	padding: 10px;
}
.back_top a:hover { background-color: #F5F5F5; }

.scroll {
	height: 180px;
	border: 1px #ccc solid;
	overflow-y:scroll;
	padding: 10px;

    -webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.privacy_tit {
	font-size: 112%;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
/*-------------------------------------------------------------------------------------------------------
 * CONFIRM
 */

#confirm .wrapper {
}
#confirm #form-block {
	padding-bottom: 20px;
}
#confirm table {
	margin-bottom: 20px;
}
#confirm td,th {
	padding: 20px;
	color: #FFF;
}
#confirm th {
	font-weight: bold;
	padding-left: 220px;
	width: 260px;
}
#confirm td {
}
#confirm input.submit {
	margin-top: 10px;
}

/* --------------------------------
	page_title
-------------------------------- */

#page_title .contact {
	background: url('../images/contact/title_contact.png') no-repeat;
	width: 438px;
}


@media screen and (max-width:768px) {
	*{
		box-sizing:border-box;
	}
	body#contact #content #leftContent {
		padding-bottom:40px;
	}

	body#recruit #content h1+.pb20,
	body#contact #content h1+.pb20{
		padding:0 20px;
	}
	body#recruit #content h3.section_head,
	body#contact #content h3.section_head {
		padding:10px 20px;
		margin:0 15px;
	}
	body#recruit #content h3+.pt10,
	body#contact #content h3+.pt10{
		padding:20px 20px 0 20px;	
	}
	.form_basic table th,
	.form_basic table td{
		display:block;
		border:none;
		padding:12px 20px;
	}
	.form_basic table th{
		width:100%;
	}
	.form_basic table td input[type="text"]{
		height:40px;
		line-height:40px;
		font-size:16px;
	}
	.form_basic table td dl dd.pt10 span{
		display:block;
	}
	.form_basic table td dl dd.pt10 .its_u,
	.form_basic .its_m,
	.form_basic .ts_l{
		width:100%;
		font-size:16px;
	}
	.basic_tbl1+.clearfix.mt20.pb50{
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.btn_area{
		padding:20px;
	}
	.basic_tbl1+.clearfix.mt20.pb50:after{
		content:none;
	}
	.basic_tbl1+.clearfix.mt20.pb50>div{
		float:none;
		width:48%;
		margin:0;
	}
	.basic_tbl1+.clearfix.mt20.pb50>div input{
		margin:0;
	}
	.btn_area input,
	.btn_area button{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
		outline: none;
		width:100%;
		margin:0;
		font-size: 4vw;
		color:#fff;
		white-space: break-spaces;
	}
	body.en .btn_area button.submit{
		font-size:3.5vw;
	}
}
@media screen and (min-width:769px) {
	.form_basic button.submit,
	.form_basic input.submit { 
		white-space: nowrap;/*上書き*/
	}
	#leftContent .rakuraku{/*PC表示時非表示*/
	display: none;
	}
}
#leftContent .rakuraku{
	margin:20px 15px;
}
/*楽々明細---スマホ用*/
#leftContent .rakuraku a{
	width:100%;
	background: #707070;
	color:#fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size:140%;
	padding:10px;
	text-decoration: none;
}
/*楽々明細---PC用*/
#rightContent .rakuraku a{
	border:1px solid #C8C9C9;
	width: 207px;
	height: 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 10px;
	transition: .3s;
	font-weight: bold;
	color:#555;
}
#rightContent .rakuraku a:hover{
	text-decoration: none;
	border-color: #E60012;
}