/*
Theme Name: JUNK買取.com
*/
/*-----------------------------------------------------------------------
目次

１，基本スタイルシート
２，レイアウト基本スタイルシート
３，レイアウトスタイルシート
------------------------------------------------------------------------*/




/*-----------------------------------------------------------------------
基本共通スタイルシート
------------------------------------------------------------------------*/

/* タグの基本的な物 */
/* reset */
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
    font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

input,
textarea {
	margin: 0;
	padding: 0;
}

ol,
ul{
    list-style:none;
}

table{
    border-collapse: collapse;
    border-spacing:0;
}

caption,
th {
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*ﾂ･*//*/
	height: auto;
	overflow: hidden;
	/**/
}


.both{
	clear:both;
}

.bottom20 {
	margin-bottom: 20px;
}

.bottom10 {
	margin-bottom: 10px;
}

.top30 {
	margin-top: 30px;
}

.top20 {
	margin-top: 20px;
}

.action-p {
	line-height: 1.4;
	margin-bottom: 10px;
}

.action-img {
	float: left;
	margin-right: 10px;
}

/* 最低限必要なheightを指定して、後は容量合わせてautoに（今回は最低限50px）点線を引く */
.box {
	min-height:50px;
	height:auto !important;
	height:50px;
	margin:0px 0px 10px 0px;
	padding:10px;
	border:1px dotted #FF6600;
}

/* floatの解除①（floatの直後に設置） */
.myclear {
    	clear:both;
}

/* floatの解除②（floatの親要素に設置） */
.myclearfix {
    	min-height: 1px;
}
/*--------------------------------------------------------------
						サイト全体
----------------------------------------------------------------*/
.inner_grid {
	width: 965px;
	height: auto;
	margin: 0 auto;
}
.pc_view {
	display: block;
}
.sp_view {
	display: none;
}
.inner_grid.button ul li a:hover,
.jizen_list a:hover,
.card_inner a:hover,
.secondbox ul li a:hover,
.line_mail a:hover {
	opacity: 0.8;
}
ul.footermenu li a:hover {
	text-decoration: underline;
}
/*--------------------------------------------------------------
						ヘッダー
----------------------------------------------------------------*/
header {
	background-color: #724240;
	z-index: 999;
}
header .inner_grid {
	min-height: 75px;
	height: auto;

	display: flex;
	justify-content: center;
	align-items: center;
}
header img.logo {
	height: 55px;
}
header ul {
	display: none;
}
/* スクロール固定 */
#header.scroll {
  position: fixed;
  animation-name: anime;
  animation-duration: 0.3s;
	width: 100%;
}
@keyframes anime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#header.scroll .inner_grid {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header.scroll .inner_grid ul {
	display: flex;
	justify-content: space-around;
	width: 80%;
}
#header.scroll .inner_grid ul a {
	text-decoration: none;
	color: white;
}
#header.scroll .inner_grid ul a:hover {
	color: red;
}
#header.scroll .inner_grid ul img {
	width: 80px;
}
#header.scroll .inner_grid ul img:hover {
	opacity: 0.8;
}
/*--------------------------------------------------------------
						アイキャッチ
----------------------------------------------------------------*/
.eye {
	background-color: #A39D9D;
}
.eye.excep {
	background-color: #724240;
}
.eye .inner_grid {
	min-height: 70px;
	height: auto;
	padding-top: 15px;
}
.eye .inner_grid.eye_middle1 {
    min-height: 60px;
}
.inner_grid.eye_top,
.inner_grid.eye_middle2,
.inner_grid.eye_bottom {
	width: 965px;
	display: flex;
	justify-content: center;
	font-size: 15px;
}
.inner_grid.eye_top .left {
	width: 25%;
	position: relative;
}
.inner_grid.eye_top .left img {
	position: absolute;
	top: -15px;
	left: -15px;
}
.inner_grid.eye_top .right {
	font-size: 20px;
	color: white;
	width: 75%;
	z-index: 100;
}
.eye_top {
	display: flex;
	justify-content: flex-end;
}
.inner_grid.eye_middle1 {
	width: 100%;
	display: flex;
	justify-content: center;
}
.inner_grid.eye_middle1 .left,
.inner_grid.eye_middle1 .right,
.inner_grid.eye_middle2 .left,
.inner_grid.eye_middle2 .right {
	width: 50%;
}
.inner_grid.eye_middle1 .right,
.inner_grid.eye_bottom a {
	background-color: #333131;
	z-index: 100;
}
.eye_middle1 .title {
	/* width: 45%; */
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: auto;
	font-size: 40px;
	color: white;
	font-family: Hiragino Kaku Gothic Std;
	line-height: 1.0!important;
}
.eye_middle2 .title {
	color: white;
}
.eye_middle1 .title span.mini {
	font-size: 16px;
	line-height: 1.0!important
}
.inner_grid.eye_bottom {
	padding-bottom: 15px;
}

.inner_grid.eye_bottom .button {
	/* padding: 15px 10% 15px 10%;
	font-size: 26px;
	font-family: Hiragino Kaku Gothic Std;
	color: white;
	border-radius: 10px; */
}
.inner_grid.eye_bottom a {
	display: block;
	padding: 15px 8% 15px 8%;
	font-size: 26px;
	font-family: Hiragino Kaku Gothic Std;
	color: white;
	border-radius: 10px;
	text-decoration: none;
	line-height: 1.8;
}
.inner_grid.eye_bottom a:hover {
	opacity: 0.8;
}
/* トップページ以外のアイキャッチ */
.qa .eye .inner_grid {
	min-height: 275px;
	height: auto;

	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/eye_img2.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	display: flex;
	align-items: center;
}
.eye.excep .inner_grid p {
	color: white;
	padding-left: 70px;
	font-size: 24px;
	line-height: 1.0em;
}
.sitemap .eye.excep .inner_grid p {
    color: black;
}
.eye.excep .inner_grid p span {
	font-size: 16px;
	color: #BAB6B6;
}
.assessment .eye .inner_grid {
	min-height: 275px;
	height: auto;

	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/eye_img3.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	display: flex;
	align-items: center;
}

.line .eye .inner_grid {
	min-height: 275px;
	height: auto;

	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/eye_img4.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	display: flex;
	align-items: center;
}
.brand .eye .inner_grid {
	min-height: 275px;
	height: auto;

	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/eye_img5.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	display: flex;
	align-items: center;
}
.about .eye .inner_grid {
	min-height: 275px;
	height: auto;

	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/eye_img6.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	display: flex;
	align-items: center;
}
.mail .eye .inner_grid {
	min-height: 275px;
	height: auto;

	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/eye_img7.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	display: flex;
	align-items: center;
}
.terms .eye .inner_grid {
	min-height: 275px;
	height: auto;

	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/eye_img8.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	display: flex;
	align-items: center;
}
.privacy .eye .inner_grid {
	min-height: 275px;
	height: auto;

	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/eye_img9.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	display: flex;
	align-items: center;
}
.sitemap .eye .inner_grid {
	min-height: 275px;
	height: auto;

	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/eye_img10.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	display: flex;
	align-items: center;
}

/*--------------------------------------------------------------
						グローバルナビ
----------------------------------------------------------------*/
nav.main_nav {
	background-color: #494343;
}
nav.main_nav ul {
	display: flex;
	justify-content: space-around;
}
nav.main_nav ul li {
	width: 20%;
}
nav.main_nav ul li a {
	text-decoration: none;
	color: white;
	display: block;
	padding: 5% 10% 5% 10%;
}
nav.main_nav ul li a:hover {
	color: red;
}
/*--------------------------------------------------------------
						メインコンテンツ
----------------------------------------------------------------*/
.content {
	background-color: white;
	padding: 50px 0 50px 0;
}
.content.gray {
	background-color: #E2E0E0;
}
/* コンテンツ１ */
.headtext {
	margin-bottom: 30px;
}
h2 {
	display: inline-block;
	border-bottom: 3px #724240 solid;
	text-align: center;
	min-width: 10%;
	width: auto;
	margin-top: 0px;
	margin: 0 auto;
	font-size: 30px;
}
.headtext p {
	font-size: 15px;
	text-align: center;
}
.titlearea {
	display: flex;
	justify-content: center;
}
.inner_grid.description {
	text-align: center;
	line-height: 1.6;
}
.inner_grid.description img {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
}
.inner_grid.button ul {
	display: flex;
	justify-content: space-around;
}
.inner_grid.button ul li {
	width: 38%;
}
.inner_grid.button.three ul li {
	width: 30%;
}
.inner_grid.button ul li a,
.secondbox ul li a {
	text-decoration: none;
	color: inherit;
	font-size: 18px;
	background-color: #B2B1B1;
	display: block;
	padding: 10px 55px 10px 20px;
	border-radius: 10px;

	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 30px;
}
.secondbox ul li a {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/button_img1.png");
}
.inner_grid.button ul li a.asse_bt {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/button_img1.png");
}
.inner_grid.button ul li a.qa_bt,
.secondbox ul li a.qa_bt {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/button_img3.png");
}
.inner_grid.button ul li a.mail_bt {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/button_img4.png");
}
.inner_grid.button ul li a.brand_bt {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/button_img5.png");
}
.inner_grid.button ul li a.about_bt {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/button_img6.png");
}
.inner_grid.button ul li a.line_bt {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/button_img7.png");
}
.inner_grid.description .jizen_list {
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
}
.inner_grid.description .jizen_list li {
	width: 28%;
}
.inner_grid.description .jizen_list img {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3 {
	text-align: center;
	margin-top: 0px;
}
h3 span {
	border-left: 3px solid #B2B1B1;
	padding-left: 8px;
	font-size: 24px;
	font-weight: bold;
}
.bottomarea h3 span {
	color: white;
}
h4, .brand h4 {
	text-align: center;
	margin-top: 0px;
}
.brand h4 {
	margin-top: 30px;
}
.line h4,
.about h4 {
	text-align: left;
	margin-top: 20px;
}
.about h4 {
	margin-bottom: 5px;
	margin-top: 0px;
}
h4 span {
	border-left: 0px solid #B2B1B1;
	padding-left: 0px;
	font-size: 20px;
	font-weight: bold;
}
.line h4 span,
.brand h4 span,
.about h4 span {
	border-left: 3px solid #AE5554;
	padding-left: 10px;
	font-size: 20px;
	font-weight: bold;
}
.about h4 span {
	border-left: 3px solid #B2B1B1;
	padding-left: 10px;
	font-size: 20px;
	font-weight: bold;
}
.qa_area h4 {
	margin-top: 30px;
}
.inner_grid.button.three {
	margin-bottom: 25px;
}
.inner_grid.button.three a {
	display: flex;
	align-items: center;
}
.inner_grid.button.three span {
	font-size: 9px;
	line-height: 1.0em;
}
.inner_grid.button ul li.excep a {
	padding: 10px 55px 8px 20px;
	display: block;
}
.question {
	padding-left: 60px;
	background-color: #BAB6B6;
	font-size: 19px;
	border-radius: 30px / 50%;
	padding-top: 5px;
	padding-bottom: 5px;
	display: flex;
	align-items: center;
	margin-top: 25px;
	margin-bottom: 25px;
}
.question span.num {
	font-size: 26px;
	margin-right: 15px;
}
.question .text {
	line-height: 1.6;
}
.q_a {
	height: 55px;
	margin-left: 30px;
}
.answer {
	padding-left: 15px;
	padding-right: 7%;
	/* background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/q_a2.png");
	background-position: left 25px top;
	background-repeat: no-repeat;
	background-size: contain; */
	display: flex;
	align-items: center;
	line-height: 1.6;
}
.lasttext {
	text-align: left;
	font-size: 12px;
}
.answer .q_a {
	margin-right: 20px;
}
.qa_area {
	margin-bottom: 25px;
}
.qa_area.list {
	padding-bottom: 30px;
	/* border-bottom: 3px solid #BAB6B6; */
}
.qa_area.list .button.three {
	margin-top: 20px;
}
.qa_area.list .button.three ul {
	display: flex;
	justify-content: center;
}
.qa_area.list .button.three li {
	width: 140px;
	margin-right: 50px;
}
.qa_area.list .button.three li:last-child {
	margin-right: 0px;
}
.qa_area.list .button.three a {
	background-color: inherit;
	padding: 0px;
	background-image: none;
}
.qa_area.list .button.three a:hover {
	opacity: 0.8;
}
.qa_area.list .button.three img {
	width: 100%;
}
.breaklist {
	display: flex;
	justify-content: space-around;
	flex-direction: row!important;
}
.breaklist li {
	width: 23%;
}
.breaklist.three li {
	width: 32%;
}
.breaklist li img {
	width: 100%;
}
.inner_grid.satei ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.inner_grid.satei ul li {
	width: 25%;
}
.inner_grid.satei ul li.arrow {
	width: 4%;
}
.inner_grid.satei ul img {
	width: 100%;
}
/* カード */
.inner_grid.card ul {
	display: flex;
	justify-content: space-around;
}

.inner_grid.card ul li {
	width: 45%;
	padding: 5px;
	background-color: #935D5D;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	min-height: 175px;
	height: auto;
}
.pointcard.top {
	width: 100%;
	padding: 5px;
	background-color: #935D5D;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	min-height: 175px;
	height: auto;
}
.pointcard.top {
	box-shadow: 0 5px 8px black;
	z-index: 100;
	position: relative;
}
.pointcard.bottom {
	width: 100%;
	padding: 55px 5px 30px 5px;
	background-color: #BF8A8A;
	border-radius: 0 0 10px 10px;
	display: flex;
	justify-content: space-between;
	/* min-height: 135px; */
	height: auto!important;
	margin-top: -10px;
	z-index: 50;
	position: relative;
}
.inner_grid.card ul li img {
	width: 80%;
}
.inner_grid.card ul li .left {
	width: 35%;
	display: flex;
	align-items: center;
	justify-content:flex-end;
}
.pointcard.top .left {
	width: 35%;
	display: flex;
	align-items: center;
	justify-content: center;;
}
.inner_grid.card ul li .right {
	width: 60%;
	display: flex;
	align-items: center;
}
.pointcard.top .right {
	width: 65%;
	display: flex;
	align-items: center;
}
.inner_grid.card ul li .right p,
.pointcard.top .right p {
	font-size: 20px;
	font-weight: bold;
}
.assessment .card_bottom {
	margin-top: 25px;
}
.card_top li:first-child .left {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/merit1.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 60px 60px;
}
.card_top li:last-child .left {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/merit2.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 60px 60px;
}
.card_bottom li:first-child .left {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/merit3.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 60px 60px;
}
.card_bottom li:last-child .left {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/merit4.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 60px 60px;
}
.pointcard.top .left.first {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/point1.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 60px 60px;
}
.pointcard.top .left.second {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/point2.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 60px 60px;
}
.inner_grid.satei_step h3 {
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 80px;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	text-align: left;
	font-size: 24px;
	margin-top: 30px;

	border-bottom: 3px solid #E2E2E2;
}
.inner_grid.satei_step h3.s1 {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/step1.png");
}
.inner_grid.satei_step h3.s2 {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/step2.png");
}
.inner_grid.satei_step h3.s3 {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/step3.png");
}
.inner_grid.satei_step h3.s4 {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/step4.png");
}
.inner_grid.satei_step h3.s5 {
	background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/step5.png");
}
.inner_grid.satei_step ul {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.inner_grid.satei_step .text {
	padding-right: 15px;
	width: 55%;
}
.inner_grid.satei_step .satei_img {
	width: 40%;
	height: auto;
}
.inner_grid.satei_step .satei_img img {
	width: 100%;
}
.line_mail {
	display: flex;
	justify-content: space-around!important;
	flex-direction: row!important;
	padding-top: 15px;
}
.line_mail li {
	width: 194px;
	height: auto;
}
.line .line_mail li:last-child {
	width: 125px;
	height: auto;
}
.line_mail li a {
	display: block;
	width: 100%;
	height: 100%;
}
.line_mail li:first-child {
	display: flex;
	flex-direction: column-reverse;
}
.line_mail li img {
	width: 100%;
}
.pointcard.top:after {
    content: "";
    position: absolute;
    z-index: 75;
    width: 82px;
    height: 76px;
    bottom: -40px;
    left: 50%;
    margin: 0 0 0 -41px;
    background-image: url("http://junk.kcforce.jp/wp-content/themes/junk/img/tejun_arrow.png");
    background-repeat: no-repeat;
}
.boxflex {
	display: flex;
	justify-content: space-around!important;
}
/* .boxflex .line,.boxflex .mail {
	width: 30%;
	display: flex;
	justify-content: center;
} */
.boxflex img {
	width: 180px!important;
	height: auto!important;
}
.firstbox {
	margin-bottom: 30px;
}
.firstbox .card_inner {
	width: 60%;
	margin: 0 auto;

	display: flex;
	justify-content: space-around;
}
.secondbox {
	display: flex;
	justify-content: center!important;
}

/*--------------------------------------------------------------
						タブメニュー
----------------------------------------------------------------*/
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 0px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/2);
  height: 50px;
  border-bottom: 3px solid #B2B1B1;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.8;
}
.bottomarea {
	margin-top: 15px;
}
.toparea .inner_grid,
.bottomarea .inner_grid {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.toparea .inner_grid li,
.bottomarea .inner_grid li a {
	display: flex;
	justify-content: center;
}
.toparea .inner_grid img {
	width: 80%;
}
.bottomarea .inner_grid img {
	width: 70%;
}
.bottomarea .inner_grid.button ul li a {
	padding: 0px;
	background-image: none;
	background-color: inherit;
}
.kome {
	color: white;
	font-size: 12px;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
	background-color: #724240;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #724240;
  color: #fff;
}
/* メールフォーム */
.mail_title {
	display: flex;
	justify-content: center;

	background: linear-gradient(to top, #A5704A, white 40%, transparent);

	margin-top: 45px;
}
.mail_title.mt {
	margin-top: 60px;
}
.mail_title p {
	font-size: 20px;
	margin-bottom: 18px;
}
.mail_head {
	width: 280px;
}
.mail_head label {
	font-weight: bold;
}
.headline input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel,
input.wpcf7-form-control.wpcf7-text,
.headline.brand p select,
.headline.jiki p select,
.headline.condition p select {
	width: 670px;
	height: 50px;
	font-size: 1.5em;
}
.headline input span {
	height: 100%;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 670px;
}
.headline.radio p,
.headline.file p,
.headline.kiyaku p,
.headline.brand p {
	width: 670px;
	text-align: left;
}
.headline.file p span input {
	margin-bottom: 10px;
}
.headline {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.headline.button {
	display: flex;
	justify-content: center;
	margin-top: 25px;
}
.headline.top {
	margin-top: 20px;
}
.wpcf7-submit {
	width: 200px;
	height: 40px;
}
/* ご利用規約 */
.terms_list h3 {
	text-align: left;
	margin-top: 35px;
	line-height: 1.6;
}
.terms_list p {
	line-height: 1.6;
}
.terms_list ul li {
	list-style: disc;
	margin-left: 40px;
	margin-top: 5px;
	line-height: 1.6;
}
.terms_list .kome {
	color: inherit;
	list-style: none;
	margin-top: 10px;
}
.wpcf7-response-output,
.screen-reader-response p {
	text-align: center;
	margin-top: 30px;
	font-weight: bold;
	font-size: 20px;
}
/*--------------------------------------------------------------
						フッター
----------------------------------------------------------------*/
footer {
	background-color: #724240;
	min-height: 140px;
	height: auto;
	padding-bottom: 15px;
}
footer .inner_grid {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100px;
	height: auto;
}
footer img {
	width: 55px;
}
footer p {
	color: white;
	font-size: 16px;
	text-align: center;
}
/* フッターメニュー */
footer .inner_grid.f_menu {
	min-height: inherit;
	min-height: auto;
	padding-bottom: 25px;
}
ul.footermenu {
	display: flex;
	justify-content: space-around;
	width: 100%;
}
 ul.footermenu li {
	box-sizing: border-box;
	width: calc((100% - 60px) / 3);
	text-align: center;
}
 ul.footermenu li a {
	text-decoration: none;
	color: white;
	font-size: 12px;
}
.privacy h4 {
	text-align: left;
}
.sitemap .s_map {
	width: 95%;
	margin: 0 auto;
}
.sitemap .s_map ul {
	list-style: disc;
}
.sitemap .s_map ul li {
	margin-bottom: 15px;
}
.sitemap .s_map ul ul li:first-child {
	margin-top: 15px;
}
.sitemap .s_map ul ul {
	margin-left: 30px;
}
.sitemap ul a {
	text-decoration: none;
	color: black;
}
.sitemap ul a:hover {
	text-decoration: underline;
}
footer .lock_view {
	display: none;
}
.righttext,
.card_top .right,
.card_bottom .right,
.satei_des .text {
	line-height: 1.6;
}
.id_top {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	background-color: #18A63B;
	border-radius: 10px;
	margin-bottom: 8px;
}
.id_left {
	width: 30%;
	padding: 6%;
	box-sizing: border-box;
}
.id_left .img {
	width: 100%;
}
.id_right {
	width: 70%;
	display: flex;
	align-items: center;
	color: white;
}
.id_bottom {
	text-align: center;
}
.wpcf7-form-control.wpcf7-radio span label,
.wpcf7-form-control.wpcf7-radio span input {
	margin-left: 15px;
}
.wpcf7-form-control.wpcf7-radio span.first label,
.wpcf7-form-control.wpcf7-radio span.first input {
	margin-left: 0px;
}
footer .num_img {
	text-align: center;
	width: 100%;
	margin-top: 10px;
}
footer .num_img img {
	width: 250px;
}

@media screen and (max-width:964px) {
	#header.scroll {
	    padding-left: 2.5%;
			padding-right: 2.5%;
			box-sizing: border-box;
	}
	#header.scroll .inner_grid ul {
    width: 90%;
	}
	#header.scroll .inner_grid ul a {
    font-size: 0.8em;
	}
	.inner_grid {
		width: 100%;
	}
	.inner_grid.eye_top,
	.inner_grid.eye_middle2,
	.inner_grid.eye_bottom {
    width: 100%;
	}
	.content {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	.inner_grid.button ul li {
    width: 48%;
	}
	.inner_grid.button.three ul li {
    width: 32%;
	}
	nav.main_nav ul li a {
    font-size: 14px;
	}
	.headline {
		width: 100%;
	}
	.mail_head {
    width: 30%;
	}
	.headline p {
		width: 70%;
	}
	textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
	}
	.headline.radio p,
	.headline.file p,
	.headline.kiyaku p,
	.headline.brand p {
    width: 70%;
    text-align: left;
	}
	.headline input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
	input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel,
	input.wpcf7-form-control.wpcf7-text,
	.headline.brand p select,
	.headline.jiki p select,
	.headline.condition p select {
    width: 100%;
	}
	.headtext p {
		margin-bottom: 10px;
	}
	.mail_head {
		margin-bottom: 10px;
	}

}
@media screen and (max-width:579px) {
	/* ハンバーガーメニュー */
	header .ham ul {
    display: block;
	}
	#toggle {
    position: fixed;
    top: 15px;
    right: 25px;
	}
	#toggle-box {
    position: relative;
    width: 36px;
    height: 32px;
    cursor: pointer;
	}
	#toggle-box > span {
	  width: 100%;
	  height: 5px;
  	left: 0;
	  display: block;
	  background: black;
	  position: absolute;
	  transition: transform .6s ease-in-out, top .5s ease, bottom .5s ease;
	}
	#toggle-box > span:nth-child(1) {
    top: 0;
	}
	#toggle-box > span:nth-child(2) {
    top: 50%;
    transform: translatey(-50%);
	}
	#toggle-box > span:nth-child(3) {
	  bottom: 0;
	}
	#toggle {
    z-index: 1000;
	}
	#main {
    position: relative;
    z-index: 990;
	}
	#nav-content {
    z-index: 900;
    overflow: auto;
    width: 50%;
    height: 100%;
    background: #000;
		color: #fff;
		position: fixed;
		top: 0;
		right: 0;
		text-align: center;
		transform: translateX(100%);
		transition:  transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	#nav-content ul {
	  list-style: none;
	}
	#nav-content a {
	  display: block;
	  color: gray;
	  text-decoration: none;
	  padding: 20px 0;
	  transition: opacity .6s ease;
	}

	#nav-content a:hover {
	  opacity: 0.6;
	}

	.is-open {
	   overflow: hidden;
	}

	.is-open #toggle-box > span {
	   background: white;
	}

	.is-open #toggle-box > span:nth-child(1) {
	  top: 50%;
	  transform: rotate(45deg) translatey(-50%);
	}

	.is-open #toggle-box > span:nth-child(2) {
	  width: 0;
	}

	.is-open #toggle-box > span:nth-child(3) {
	  top: 50%;
	  transform: rotate(-45deg) translatey(-50%);
	}

	.is-open #nav-content {
	  z-index: 999;
	  transform: translateX(0);
	}

	.overlay {
	  background: rgba(0,0,0,0.5);
	  height: 100vh;
	}
	/* ハンバーガーメニューここまで */
	.eye.excep .inner_grid p {
		padding-left: 3%;
		font-size: 1.2em;
	}
	.mail h2 {
		font-size: 1.2em;
		margin-top: 30px;
	}
	.headtext p {
    font-size: 0.8em;
		width: 100%;
		margin-bottom: 8px;
	}
	.terms h2,
	.qa h2,
	.brand h2,
	.about h2,
	.line h2,
	.assessment h2,
	.toppage h2,
	.sitemap h2,
	.privacy h2 {
		font-size: 1.2em;
	}
	.mail .eye .inner_grid,
	.terms .eye .inner_grid,
	.qa .eye .inner_grid,
	.brand .eye .inner_grid,
	.about .eye .inner_grid,
	.line .eye .inner_grid,
	.assessment .eye .inner_grid,
	.privacy .eye .inner_grid,
	.sitemap .eye .inner_grid {
		min-height: 100px;
	}
	.content {
		padding: 40px 3% 40px 3%;
	}
	.content.gyay {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.headline {
		display: block;
		margin-bottom: 30px;
	}
	.mail_head {
		width: 100%;
		margin-bottom: 8px;
	}
	.headline input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
	input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel,
	input.wpcf7-form-control.wpcf7-text,
	.headline.brand p select {
		width: 100%;
		height: 50px;
		font-size: 1.5em;
	}
	.headline.radio p,
	.headline.file p,
	.headline.kiyaku p,
	.headline.brand p,
	.headline.jiki p select,
	.headline.condition p select  {
		width: 100%;
		text-align: left;
	}
	textarea.wpcf7-form-control.wpcf7-textarea {
		width: 100%;
	}
	.wpcf7-list-item {
		display: block;
		width: 100%;
		margin-bottom: 8px;
	}
	.scroll,
	nav.main_nav {
		display: none;
	}
	.question {
    padding-left: 15px;
    font-size: 15px;
	}
	.q_a {
    margin-left: 15px;
		margin-right: 5px;
	}
	.inner_grid.description {
		font-size: 0.8em;
		text-align: left;
	}
	header img.logo {
		height: 40px;
	}
	header .inner_grid {
		min-height: 60px;
	}
	footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 2000;

		background-color: #724240;
		min-height: 66px;
		height: auto;
		padding-bottom: 0px;
	}
	footer .inner_grid {
		min-height: 70px;
	}
	footer img {
		width: 40px;
	}
	footer p {
		font-size: 0.7em;
	}
	.pointcard.top {
    width: 96%;
    padding: 2%;
    background-color: #935D5D;
    border-radius: 10px;
    display: block;
    min-height: 175px;
    height: auto;
	}
	.pointcard.top .left {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	}
	.pointcard.top .right {
    width: 100%;
    display: flex;
    align-items: center;
		z-index: 200;
		position: relative;
	}
	.pointcard.top .right p {
    font-size: 16px;
	}
	.firstbox .card_inner {
    width: 100%;
		display: flex;
    justify-content: space-around;
	}
	.firstbox .card_inner img {
		width: 160px;
	}
	.secondbox ul li a {
    font-size: 1.0em;
	}
	.pointcard.bottom {
    width: 96%;
    padding: 55px 2% 30px 2%;
	}
	.inner_grid.satei_step ul {
		display: block;
	}
	.inner_grid.satei_step .satei_img {
    width: 80%;
	}
	.inner_grid.satei_step .text {
    padding-right: 0px;
    width: 80%;
	}
	.inner_grid.satei_step ul li {
		margin: 0 auto;
	}
	.line_mail li a {
		height: auto;
	}
	.breaklist li {
    width: 60%;
	}
	.inner_grid.satei_step h3 {
    font-size: 18px;
	}
	.line_mail li {
    width: 60%;
    height: auto;
	}
	.line_mail li:first-child {
		padding-bottom: 15px;
	}
	/* カード */
	.inner_grid.card ul {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.inner_grid.card ul li {
		box-sizing: border-box;
    width: 100%;
    padding: 5px;
	}
	.inner_grid.card ul li:first-child {
		margin-bottom: 20px;
	}
	.inner_grid.satei ul {
		display: block;
	}
	.inner_grid.satei ul li {
		width: 65%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.inner_grid.satei ul li.arrow {
		width: 30%;
	}
	.inner_grid.satei ul img {
		width: 100%;
	}
	.pc_view {
		display: none;
	}
	.sp_view {
		display: block;
	}
	.inner_grid.description .jizen_list {
    display: block;
	}
	.inner_grid.description .jizen_list li {
		width: 65%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	/* トップページ */
	.inner_grid.button ul {
    display: block;
	}
	.inner_grid.button.three ul li {
    width: 90%;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.qa_area.list .button.three li {
		width: 90%;
	}
	.inner_grid.button ul li.excep a {
    padding: 15px 55px 10px 20px;
	}
	.inner_grid.button ul li {
    width: 90%;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.top_excep ul {
		margin-top: 20px;
	}
	.toppage h3 span {
    font-size: 18px;
		display: block;
		text-align: left;
	}
	.inner_grid.eye_top,
	.inner_grid.eye_middle2,
	.inner_grid.eye_bottom {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 15px;
	}
	.eye {
		overflow: hidden;
	}
	.inner_grid.eye_top .left img {
    position: absolute;
    top: -15px;
    left: -80px;
	}
	.inner_grid.eye_top .right {
    font-size: 1.1em;
    color: white;
    width: 75%;
	}
	.inner_grid.eye_middle1 .left,
	.inner_grid.eye_middle2 .left {
    width: 40%;
	}
	.inner_grid.eye_middle1 .right,
	.inner_grid.eye_middle2 .right {
    width: 60%;
	}
	.eye_middle2 .title {
    font-size: 0.8em;
	}
	.inner_grid.eye_bottom a {
		padding: 5% 10% 5% 10%;
    font-size: 1.2em;
	}
	.eye_middle1 .title {
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
		padding-right: 5%;
	}
	.inner_grid.eye_middle1 .title img {
		width: 100%;
	}
	.breaklist {
    display: block;
    justify-content: space-around;
    flex-direction: row!important;
	}
	.breaklist li {
		width: 65%;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.inner_grid.description img {
    margin-top: 30px;
    margin-bottom: 0px;
}
	.sitemap .s_map {
		width: 80%;
		margin: 0 auto;
	}
	ul.footermenu {
		display: none;
	}
	footer .inner_grid.f_menu {
    padding-bottom: 0px;
	}
	.footer_sp_menu {
		margin-bottom: 65px;
	}
	.footer_sp_menu li a {
		display: block;
		padding: 3% 3% 2% 3%;
		box-sizing: border-box;
		border-bottom: dotted 1px gray;
		text-decoration: none;
		background-color: #BEA69A;
		color: black;
	}
	.footer_sp_menu li a:hover {
		background-color: #B99F8C;
	}
	.footer_sp_menu li.sp_num,
	.footer_sp_menu li.sp_logo {
		padding-top: 7px;
		padding-bottom: 7px;
		background-color: #71413F;
	}
	.footer_sp_menu li.sp_num p,
	.footer_sp_menu li.sp_logo p {
		text-align: center;
	}
	.footer_sp_menu li.sp_logo p a {
		background-color: inherit;
		padding: 0;
		border: none;
	}
	.footer_sp_menu li.sp_num p img {
		width: 50%;
	}
	.footer_sp_menu li.sp_logo p img {
		width: 8%;
	}
	.lock_excep {
		display: none!important;
	}
	footer .lock_view {
		display: flex;
		justify-content: space-between;

	}
	footer .lock_view .button {
		width: 50%;
		box-sizing: border-box;
	}
	footer .lock_view .button i {
		width: 40%;
		padding: 10% 3% 10% 3%;
		font-size: 1.8em;
		text-align: center;
		box-sizing: border-box;
	}
	footer .lock_view .button p {
		width: 60%;
		box-sizing: border-box;
		text-align: left;
		font-size: 1.1em;
	}
	footer .lock_view .button a {
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-decoration: none;
		color: white;
	}
	footer .lock_view .button.line {
		background-color: green;
	}
	footer .lock_view .button.mail {
		background-color: skyblue;
	}
	.id_top {
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		background-color: #18A63B;
		border-radius: 10px;
		margin-bottom: 8px;
	}
	.id_left {
		width: 30%;
		padding: 6%;
		box-sizing: border-box;
	}
	.id_left .img {
		width: 100%;
	}
	.id_right {
		width: 70%;
		display: flex;
		align-items: center;
		color: white;
		font-size: 1.1em;
	}
	.id_bottom {
		text-align: center;
	}
	.wpcf7-form-control.wpcf7-radio span label,
	.wpcf7-form-control.wpcf7-radio span input {
		margin-left: 0px;
	}

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

}