@charset "utf-8";

/*

Theme Name: 	
Theme URI: 		
Author: 		
Author URI: 	
Description: 	Theme for ""
Version: 		1.0

*/


/* ============================================================

CSS INDEX

1. COMMON SETTING
	1.1. general setting
	1.2. color setting
	1.3. font setting
	1.4. layout setting

2. COMPONANT SETTING
	2.1. sns share setting
	2.2. cta setting
	2.3. breadcrumbs setting

3. TEMPLATE PARTS SETTING
	3.1. header.php15
	3.2. sidebar.php
	3.3. single.php

4. FRONT PAGE SETTING

5. PAGE SETTING
	5.1. common setting
	5.2. contact setting
	5.3. company setting

============================================================ */


/* ============================================================




1. COMMON SETTING




============================================================ */
/* //////////////////////////////


1.1. general setting


////////////////////////////// */
html {
	font-size: 15px;
	line-height: 1.6;
	color: #212529;
}
body {
	font-family: Meiryo, sans-serif;
}
p {
	margin-bottom: 10px;
}
.clearfix:after {
	clear: both;
	content: '';
	display: block;
}
img[src$=".svg"] {
    width: 100%;
}
.sp {
	display: none!important;
}
.pc {
	display: block;
}
@media screen and (max-width: 767px){
	.pc {
		display: none!important;
	}
	.sp {
		display: block!important;
	}
	img {
		max-width: 100%;
		height: auto;
	}
}

/* //////////////////////////////


1.2. color setting


////////////////////////////// */
/* font-color */
.red {
	color: #ac3323;
}
.winered {
	color: #5e300b;
}
.brown {
	color: #5e2f11;
}
.blue {
	color: #005173;
}
.lightblue {
	color: #edf0f3;
}
.yellow {
	color: #be9b06;
}
.white {
	color: #fff;
}
.gray {
	color: #6b7274;
}
.darkgray {
	color: #7c8285;
}

/* background color */
.bgred {
	background-color: #ac3323;
}
.bgwinered {
	background-color: #5e300b;
}
.bgbrown {
	background-color: #5e2f11;
}
.bgblue {
	background-color: #005173;
}
.bglightblue {
	background-color: #edf0f3;
}
.bgyellow {
	background-color: #be9b06;
}
.bgwhite {
	background-color: #fff;
}
.bggray {
	background-color: #6b7274;
}
.bgdarkgray {
	background-color: #7c8285;
}

/* border color */
.bcred {
	border-color: #ac3323;
}
.bcwinered {
	border-color: #5e300b;
}
.bcbrown {
	border-color: #5e2f11;
}
.bcblue {
	border-color: #005173;
}
.bclightblue {
	border-color: #edf0f3;
}
.bcyellow {
	border-color: #be9b06;
}
.bcwhite {
	border-color: #fff;
}
.bcgray {
	border-color: #6b7274;
}
.bcdarkgray {
	border-color: #7c8285;
}

/* //////////////////////////////


1.3. font setting


////////////////////////////// */
.koduka {
	font-family : '游明朝','Yumincho','Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif!important;
}
.serif {
	font-family: serif;
}


/* //////////////////////////////


1.4. layout setting


////////////////////////////// */
@media screen and (min-width: 993px){
	.container {
		max-width: 1150px;
	}
	header{
		width:100%;
	}
}
@media screen and (min-width: 481px) and (max-width: 767px){
	.container {
		max-width: 100%;
	}	
}
@media screen and (max-width: 767px){
	.wrapper .container {
		/*padding: 0;*/
		max-width: 100%;
	}
}

main {
	order: 2;
}
aside {
	order: 1;
}

@media screen and (max-width: 767px){
	main {
		order: 1;
	}
	aside {
		order: 2;
	}	
}






/* ============================================================




2. COMPONENT SETTING




============================================================ */
/* //////////////////////////////


2.1. sns_share setting


////////////////////////////// */
#sns-box {
	padding-left: 0;
}
.sns_btn_are {
	overflow: hidden;
	float: right;
}
.sns_btn_are ul li, .sns_btn_are ul li {
	float: left;
	background-image: none;
	padding-left: 0;
	margin-right: 10px;
	list-style: none;
	color: #fff;
	margin-bottom: 0;
}
.ogn_tweet a, .ogn_facebook a, .ogn_line a, .ogn_hatebu a, .ogn_tweet a, .ogn_facebook a, .ogn_line a, .ogn_hatebu a {
	display: block;
	height: 29px;
	width: 29px;
	border-radius: 5px;
}
.ogn_tweet a i, .ogn_facebook a i, .ogn_line a i, .ogn_hatebu a i, .ogn_tweet a i, .ogn_facebook a i, .ogn_line a i, .ogn_hatebu a i {
	color: #fff;
}
.fa {
	position: relative;
}
.fa:before {
	font-size: 24px;
	position: absolute;
	top: -13px;
	left: 4px;
}
.fa-facebook:before {
	left: 8px;
}
.ogn_tweet a, .ogn_tweet a {
	background-color: #55acee;
	color: #fff;
}
.ogn_facebook a, .ogn_facebook a {
	background-color: #305097;
}
.ogn_line a, .ogn_line a {
	background-color: #5ae628;
}
.ogn_hatebu a, .ogn_hatebu a {
	background-color: #00a4de;
}
.fa-hatebu {
	position: relative;
}
.sns_btn_are ul li .fa-hatebu:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    position: absolute;
    top: 2px;
    left: 2px;
}
.sns_btn_are ul li:hover, .sns_btn_are ul li:hover {
	opacity: 0.8;
}
.sns_btn_are a:hover, .sns_btn_are .btnWrap {
	top: 0;
	left: 0;
	opacity: 0.8;
}

#sns-top-share, .sns_share, #sns-top-share, .sns_share {
	overflow: hidden;
    margin: 45px 0 20px 10px;
}
#sns-top-share ul li, .sns_share ul li, #sns-top-share ul li, .sns_share ul li {
	float: left;
	background: none;
	padding-left: 0;
	margin-right: 10px;
	list-style: none;
}
#sns-top-share .twitter, #sns-top-share .line, #sns-top-share .twitter, #sns-top-share .line {
    color: #fff;
    font-size: 11px;
    padding: 3.5px 10px;
    border-radius: 3px;
    position: relative;
    top: -2px;
}
#sns-top-share .twitter, #sns-top-share .twitter {
    background: #00aced;
}
#sns-top-share .line, #sns-top-share .line {
	background: #5ae628;
}
.sns_share ul li img, .sns_share ul li img {
	margin: 0 auto 5px;
    display: block;
}
.sns_share ul li small, .sns_share ul li small {
	display: block;
	line-height: 1;
}
.sns_share ul li a {
	top: 0;
	left: 0;
}
.sns_share ul li:hover{
	opacity: 0.8;
}


/* //////////////////////////////


2.2. cta setting


////////////////////////////// */
.cta {
    border: 1px solid #34515f;
    padding: 10px;
    margin-bottom: 50px;
}
@media screen and (min-width:591px) {
.cta h2 {
	font-family: inherit;
	background-color: transparent;
	border-top: 0;
	border-bottom: 0;
	font-size: 31px;
	margin-bottom: 20px;
	padding: 0;
}}
@media screen and (max-width:335px) {
.cta h2 {
	font-family: inherit;
	background-color: transparent;
	border-top: 0;
	border-bottom: 0;
	font-size: 18px;
	margin-bottom: 20px;
	padding: 0;
}}
.cta_box {
    text-align: center;
}
@media screen and (min-width:650px) and (max-width:767px){
.cta_box {
    text-align: center;
    margin: 0 35px;
}}
.cta_box .cta_tel {
    border: 1px solid #005376;
    padding: 0 20px;
}
@media screen and (min-width:576px) and (max-width:649px){
.cta_box .cta_tel {
	box-sizing:border-box;
    border: 1px solid #005376;
    padding: 0 5px;
    width: 49%;
}}
@media screen and (min-width:650px) and (max-width:767px){
.cta_box .cta_tel {
	box-sizing:border-box;
    border: 1px solid #005376;
    padding: 0 5px;
    width: 49%;
}}
@media screen and (min-width:768px) and (max-width:992px){
.cta_box .cta_tel {
	box-sizing:border-box;
    border: 1px solid #005376;
    padding: 0 0px;
    width: 49%;
}}
.cta_box .cta_mail {
    border: 1px solid #005376;
    padding: 0 20px 10px 20px;
}
@media screen and (max-width:575px){
.cta_box .cta_mail {
    border: 1px solid #005376;
}}
@media screen and (min-width:576px) and (max-width:649px){
.cta_box .cta_mail {
	box-sizing:border-box;
    border: 1px solid #005376;
    padding: 0 20px;
    width: 49%;
}}
@media screen and (min-width:650px) and (max-width:767px){
.cta_box .cta_mail {
	box-sizing:border-box;
    border: 1px solid #005376;
    width: 49%;
}}
@media screen and (min-width:768px) and (max-width:992px){
.cta_box .cta_mail {
	box-sizing:border-box;
    border: 1px solid #005376;
    padding: 0 20px 0 20px;
    width: 49%;
}}
.cta_box .cta_tel h3 {
    background-color: #005173;
    color: #fff;
    padding: .25rem 0;
    margin-top: 0;
    font-size: 23px;
    margin: 0 -20px;
    border-left: 0;
}
@media screen and (min-width:576px) and (max-width:649px){
.cta_box .cta_tel h3 {
    background-color: #005173;
    color: #fff;
    padding: .25rem 0;
    margin-top: 0;
    font-size: 15px;
    margin: 0 -5px;
}}
@media screen and (min-width:650px) and (max-width:767px){
.cta_box .cta_tel h3 {
    background-color: #005173;
    color: #fff;
    padding: .25rem 0;
    margin-top: 0;
    font-size: 15px;
    margin: 0 -5px;
}}
@media screen and (min-width:768px) and (max-width:992px){
.cta_box .cta_tel h3 {
    background-color: #005173;
    color: #fff;
    padding: .25rem 0;
    margin-top: 0;
    font-size: 15px;
    margin: 0 0px;
}}
.cta_box .cta_mail h3 {
    background-color: #005173;
    color: #fff;
    padding: .25rem 0;
    margin-top: 0;
    font-size: 23px;
    margin: 0 -20px 0 -20px;
    border-left: 0;
}
@media screen and (max-width:575px){
.cta_box .cta_mail h3 {
    background-color: #005173;
    color: #fff;
    padding: .25rem 0;
    margin-top: 0;
    font-size: 23px;
}}
@media screen and (min-width:576px) and (max-width:649px){
.cta_box .cta_mail h3 {
    background-color: #005173;
    color: #fff;
    padding: .25rem 0;
    margin-top: 0;
    font-size: 15px;
    margin: 0 -20px;
}}
@media screen and (min-width:650px) and (max-width:767px){
.cta_box .cta_mail h3 {
    background-color: #005173;
    color: #fff;
    padding: .25rem 0;
    margin-top: 0;
    font-size: 15px;
}}
@media screen and (min-width:768px) and (max-width:992px){
.cta_box .cta_mail h3 {
    background-color: #005173;
    color: #fff;
    padding: .25rem 0;
    margin-top: 0;
    font-size: 15px;
    margin: 0 -20px;
}}
.cta_box .cta_tel small {
	display: block;
}
@media screen and (max-width:767px){
.cta_box .cta_tel small {
    display: block;
    /*width: 270px;*/
    font-size: 10px;
}}
@media screen and (min-width:768px) and (max-width:992px){
.cta_box .cta_tel small {
    display: block;
    font-size: 10px;
}}
.cta_tel a {
	font-size: 34px;
    transform: scale( 1 , 1.2 );
    display: inline-block;
    letter-spacing: 2px;
    color: #ae3124;
}
@media screen and (max-width: 992px) {
.cta_tel a {
	font-size: 26px;
    transform: scale( 1 , 1.2 );
    display: inline-block;
    letter-spacing: 2px;
    color: #ae3124;
}}
.cta_tel a:hover {
	text-decoration: none;
	opacity: 0.5;
}
.cta_tel a:before {
    content: '';
    background-image: url(img/tap.svg);
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    display: inline-block;
    position: relative;
    background-size: cover;
    top: 7px;
}
@media screen and (max-width: 992px) {
.cta_tel a:before {
    content: '';
    background-image: url(img/tap.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    background-size: cover;
    top: 7px;
}}
.cta_mail a {
    background: #ae3124;
    color: #fff;
    font-size: 17px;
    border-radius: 10px;
    display: block;
    padding: 0rem 1rem 1rem;
    margin-top: 16px;
    border: 1px solid transparent;
}
@media screen and (min-width:576px)  and (max-width: 992px) {
.cta_mail a {
    background: #ae3124;
    color: #fff;
    font-size: 13px;
    border-radius: 10px;
    display: block;
    padding: 0.5rem 0.3rem 0.5rem 0.3rem;
    margin-top: 15px;
    margin-bottom: 7px;
    border: 1px solid transparent;
}}
.cta_mail a:before {
    content: '';
    background-image: url(img/mail.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    background-size: cover;
    top: 12px;
    margin-right: 6px;
}
@media screen and (min-width:576px)  and (max-width: 992px) {
.cta_mail a:before {
    /*content: '';
    background-image: url(img/mail.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    background-size: cover;
    top: 4px;
    margin-right: 6px;*/
    content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background-image: url(img/mail.png);
	top: 2px;
	margin-right: 6px;
}}
.cta_mail a:hover {
	text-decoration: none;
	opacity: .5;	
}

@media screen and (min-width: 336px) and (max-width: 576px){
	.fv_cta {
	    text-align: center;
	}}
	@media screen and (min-width: 577px) and (max-width: 767px){
	.fv_cta {
	    text-align: center;
	    margin: 0 15px;
	}}
	.home main section.cta h2, .cta h2 {
		margin-bottom: 1rem;
		font-size: 20px;
		margin-top: .5rem;
		font-weight: bold;
		text-align: center;
	}
	.cta_box .cta_tel, .cta_box .cta_mail {
		margin-bottom: 1rem;
	}
	.cta_tel small {
		font-size: 13px;
	}

	.cta_mail a {
		margin-bottom: .5rem;
		font-size: 13px;
	}
@media screen and (max-width: 575px){
	.cta_mail a {
		margin-bottom: .5rem;
		font-size: 14px;
	}}
@media screen and (min-width: 768px) and (max-width: 992px){
	.cta_mail a {
		margin-bottom: .5rem;
		font-size: 12px;
	}
}

/* //////////////////////////////


2.3. breadcrumbs setting


////////////////////////////// */
.breadcrumbs {
    text-align: right;
    padding: 1rem 0;
}
.breadcrumbs li, 
.breadcrumbs li a, 
.breadcrumbs span {
    color: #6b7274;
}
.breadcrumbs li {
	list-style: none;
    display: inline-block;
    margin-right: .5rem;
}
.breadcrumbs span {
	margin-right: .5rem;
}
@media screen and (max-width: 590px){
	.breadcrumbs {
		padding: 4rem 0 .5rem;
		text-align: left;
		font-size: 10px;
	}
}

/* table setting */
table {
	border-top: 1px solid #ccc;
	width: 100%;
}
tr {
    border-bottom: 1px solid #ccc;
}
th {
	box-sizing:border-box;
    width: 37.5%;
    padding: 1.5rem;
    background-color: #f2f2f2;
}
td {
	padding: 1.5rem;
	margin-bottom: 0;
}
td p {
	margin-bottom: 1rem;
}
@media screen and (max-width: 590px){
	tr {
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	th {
		box-sizing:border-box;
	    width: 100%;
	    padding: 1rem;
	    display: block;
	}
	td {
		padding: 1rem;
		display: block;
	}
}


/* ============================================================




3. TEMPLATE PARTS SETTING




============================================================ */
/* //////////////////////////////


3.1. header.php


////////////////////////////// */
.site_title {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0;
    padding: 4px 0;
    font-weight: normal;
	color:#666666;
}
@media screen and (max-width: 576px){
	.site_title {
		font-size: 10px;
	}
}

/* header_top */
.header_top {
    padding: .5rem 1rem;
    font-weight: bold;
}
.header_top .company_name .red {
	font-size: 17px;
	line-height: 1.25;
	text-align: center;
	font-weight:normal;
}
@media screen and (max-width: 991px) {
.header_top .company_name .red {
    font-size: 13.7px;
	line-height: 1.25;
	text-align: left;
}}
@media screen and (min-width: 591px) and (max-width: 680px){
.header_top .company_name .red {
    font-size: 10px;
    line-height: 1.25;
    text-align: left;
}}
.header_top .company_name span {
	font-size: 26px;
	letter-spacing:-2px;
}
@media screen and (max-width:991px) {
.header_top .company_name span {
	font-size: 20px;
	text-align: left;
}}
@media screen and (min-width: 591px) and (max-width: 680px){
.header_top .company_name span {
	font-size: 15px;
	text-align: left;
}}
.company_contact p {
	line-height: 1.25;
}
.company_contact p.red {
    font-size: 26px;
    margin-right: 1rem;
}
@media screen and (max-width:991px) {
.company_contact p.red {
    font-size: 15px;
    margin-right: 1rem;
}}
@media screen and (min-width: 591px) and (max-width: 680px){
.company_contact p.red {
    font-size: 11px;
    margin-right: 0.5rem;
}}
.company_contact p.brown {
    font-size: 13px;
    margin-bottom: 0;
}
@media screen and (max-width:991px) {
.company_contact p.brown {
    font-size: 10px;
    margin-bottom: 0;
}}
.company_contact a.yellow.tel {
    font-size: 1.7rem;
    margin-bottom: 0;
    color: #be9c19;
    transform: scale( 1 , 1.4 );
    display: inline-block;
    letter-spacing: 1px;
}
@media screen and (min-width: 591px) and (max-width: 680px){
.company_contact a.yellow.tel {
    font-size: 23px;
    margin-bottom: 0;
    color: #be9c19;
    transform: scale( 1 , 1.4 );
    display: inline-block;
    letter-spacing: 1px;
}}
.company_contact a.yellow.tel:hover {
	text-decoration: none;
	opacity: .7;
}
.company_contact a.yellow.tel:before {
    content: '';
    background-image: url(img/TOP_TEL.gif);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 1.5rem;
    height: 1.7rem;
    position: relative;
    top: 1px;
}
@media screen and (min-width: 591px) and (max-width: 680px){
.company_contact a.yellow.tel:before {
    content: '';
    background-image: url(img/TOP_TEL.gif);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 1rem;
    height: 1.5rem;
    position: relative;
    top: 1px;
}}
.company_contact p.time {
    font-size: 12.5px;
    font-weight: normal;
    color: #5e2f16;
	margin-top:5px;
}
@media screen and (max-width:991px) {
.company_contact p.time {
    font-size: 9px;
    font-weight: normal;
    color: #5e2f16;
}}
.header_top .mail a {
    display: block;
    margin-bottom: 0;
    background-image: url(img/TOP_mail.gif);
    background-size: cover;
    padding: .5rem 1.5rem .5rem 4.5rem;
    color: #fff;
}
@media screen and (max-width:991px) {
.header_top .mail a {
    display: block;
    margin-bottom: 0;
    background-image: url(img/TOP_mail.gif);
    background-size: cover;
    padding: .5rem 1rem .5rem 3rem;
    color: #fff;
    font-size: 10px;
}}
@media screen and (min-width: 591px) and (max-width: 680px){
.header_top .mail a {
    display: block;
    margin-bottom: 0;
    background-image: url(img/TOP_mail.gif);
    background-size: cover;
    padding: .5rem .5rem .5rem 2.7rem;
    color: #fff;
    font-size: 10px;
}}
.header_top .mail a:hover {
	opacity: .7;
	text-decoration: none;
}
.header_top .mail .white {
	margin-bottom: 0;
}

/* navbar */
.navbar {
	padding: 0;
}
@media(min-width: 768px) {
.navbar-expand-lg {
    -ms-flex-flow: row nowrap!important;
    flex-flow: row nowrap!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
}}
@media (min-width: 768px) {
.navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;}
}
@media (min-width: 591px) {
.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}}
.navbar-expand-lg .navbar-nav {
	width: 100%;
}
.navbar-light .navbar-nav .nav-link {
    letter-spacing: 1px;
    text-align: center;
	background: linear-gradient(#005173, #001f2c);
    border: 1px solid #fff;
    border-right: 0;
    padding: 13px 1rem;
    color: #fff;
    font-weight: bold;
}
@media screen and (min-width: 591px) and (max-width: 991px){
.navbar-light .navbar-nav .nav-link {
    letter-spacing: 1px;
    text-align: center;
	background: linear-gradient(#005173, #001f2c);
    border: 1px solid #fff;
    border-right: 0;
    padding: 10px 0.5rem;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
	
}}
.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
    background: #005173;
}
.navbar-light .navbar-nav .nav-link.last {
    border-right: 1px solid #fff;
}

@media screen and (max-width: 767px){
	/* ハンバーガー */
	/*ヘッダーまわりはサイトに合わせて調整してください*/
	#nav-drawer {
		position: fixed;
		width: 100%;
		z-index: 2;
	}

	/*チェックボックス等は非表示に*/
	.nav-unshown {
	  display:none;
	}

	/*アイコンのスペース*/
	#nav-open {
		display: inline-block;
		width: 63px;
		height: auto;
		vertical-align: middle;
		overflow: hidden;
		border: 1px solid #fff;
		margin-bottom: 0;
	}
/*	#nav-open {
		display: inline-block;
		width: 32px;
		height: 32px;
		vertical-align: middle;
		top: 10px;
		left: 10px;
		position: absolute;
		overflow: hidden;
		border: 1px solid #fff;
		padding: 5px;
	}*/
/*	.sp_header {
		background-color: #1b5470
	}*/
	.sp_header {
	    /* background-color: #1b5470; */
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    border-bottom: 2px solid #1b5470;
	    background-color: #fff;
	}
/*	.site_name_box {
	    color: #fff;
	    padding: 10px 10px 10px 50px;
	}*/
	.site_name_box {
	    color: #fff;
	    padding: 10px;
	}
	.site_name_box p {
	    font-size: 10px;
	    line-height: 1.3;
	    margin-bottom: 0;
	}
	.site_name_box p span {
		font-size: 14px;
	    text-align: center;
	}
/*	.sp_tel {
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.sp_tel img {
	    vertical-align: middle;
	    border-style: none;
	    height: 30px;
	}*/
	.sp_tel {
		background-color: #005173;
    	padding: .5rem .25rem;
	}

	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 3px;/*線の太さ*/
	  width: 21px;/*長さ*/
	  border-radius: 3px;
	  background: #fff;
	  display: block;
	  content: '';
	  cursor: pointer;
	}
	#nav-open span:before {
	  bottom: -8px;
	}
	#nav-open span:after {
	  bottom: -16px;
	}

	/*閉じる用の薄黒カバー*/
	#nav-close {
	  display: none;/*はじめは隠しておく*/
	  position: fixed;
	  z-index: 99;
	  top: 0;/*全体に広がるように*/
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: black;
	  opacity: 0;
	  transition: .3s ease-in-out;
	}

	/*中身*/
	#nav-content {
	  overflow: auto;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 9999;/*最前面に*/
	  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	  max-width: 330px;/*最大幅（調整してください）*/
	  height: 100%;
	  background: #fff;/*背景色*/
	  transition: .3s ease-in-out;/*滑らかに表示*/
	  -webkit-transform: translateX(-105%);
	  transform: translateX(-105%);/*左に隠しておく*/
	}

	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
	  display: block;/*カバーを表示*/
	  opacity: .5;
	}

	#nav-input:checked ~ #nav-content {
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%);/*中身を表示（右へスライド）*/
	  box-shadow: 6px 0 25px rgba(0,0,0,.15);
	  background-color: rgba(255,255,255,.9);
	}

	#nav-content ul {
		padding-left: 0;
	}

	#nav-content li {
		list-style: none;
		padding: 1rem;
		border-bottom: 1px solid #ccc;
		margin-left: 1.5rem;
	}
	#nav-content li i {
		margin-right: .5rem;
		color: #be9b06;
	}
	#nav-content li a {
		color: #005173;
	}
	.fixed_header {
		margin-top: -18px;
		box-shadow: 0 0 6px #333;
	}
}
@media screen and (max-width: 321px){
	#nav-open {
		width: 39px;
	}
	.site_name_box {
		padding: 0px 5px;
	}
	.sp_tel {
		top: 8px;
		right: 5px;
	}
	.sp_tel img {
	    height: 22px;
	}
	.fixed_header {
		margin-top: -28px;
	}
}




/* //////////////////////////////


3.2. sidebar.php


////////////////////////////// */
aside section {
    margin-bottom: 2rem;
}
section#side_tel {
    border: 1px solid #edf0f3;
    padding: .25rem;
  	text-align: center;
}
.side_tel h2 {
    background: #005173;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: .5rem 0;
}
.side_tel a.yellow {
	font-size: 24px;
	transform: scale( 1 , 1.8 );
    display: inline-block;
    margin-bottom: .75rem;
    font-weight: bold;
}
@media screen and (max-width:991px){
.side_tel a.yellow {
	font-size: 100%;
	transform: scale( 1 , 1.8 );
    display: inline-block;
    margin-bottom: .75rem;
    font-weight: bold;
    width:100%;
}}
.side_tel a.yellow:hover {
	text-decoration: none;
	opacity: .7;
	color: #be9b06;
}
.side_tel a.yellow:before {
    content: '';
    background-image: url(img/side_TEL.gif);
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 32px;
    display: inline-block;
    position: relative;
    top: 5px;
    transform: scale( 1.25 , 0.8 );
}
.side_tel p {
	margin-bottom: 0;
	color: #5e2f14;
}
@media screen and (max-width:991px){
.side_tel p {
	margin-bottom: 0;
	color: #5e2f14;
	font-size:11px;
}}
.side_tel a.white {
    background-image: url(img/side-mail.gif);
    background-size: contain;
    background-repeat: no-repeat;
}
.side_tel a.white {
    background-image: url(img/side-mail.gif);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    padding: .5rem .5rem .5rem 4rem;
    text-align: left;
    margin: .5rem 0;
    font-weight: bold;
}
@media screen and (min-width: 768px) and (max-width: 991px){
.side_tel a.white {
    background-image: url(img/side-mail.gif);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    padding: .2rem .3rem .2rem 3rem;
    text-align: left;
    margin: .5rem 0;
    font-weight: bold;
    font-size: 10px;
}}
@media screen and (min-width: 591px) and (max-width: 767px){
.side_tel a.white {
    background-image: url(img/side-mail.gif);
    background-size: 30%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    margin: .5rem 0;
    font-weight: bold;
    font-size: 10px;
}}

.side_tel a.white:hover {
	text-decoration: none;
	opacity: .7;
	color: #fff;
}

.side_items h2,
.side_maker h2, 
.side_news h2 {
    color: #fff;
    background-color: #005173;
    font-size: 20px;
    text-align: center;
    padding: .5rem 0;
    margin-bottom: 1rem;
}

@media screen and (min-width:576px)and (max-width:991px){
.side_items h2,
.side_maker h2, 
.side_news h2 {
    color: #fff;
    background-color: #005173;
    font-size: 14px;
    text-align: center;
    padding: .5rem 0;
    margin-bottom: 1rem;
}}

.side_news h2 {
	margin: 0 -10px 1rem;
}
.side_items_box {
	background-image: url(img/side_1.gif);
	background-repeat: no-repeat;
	background-size: cover;
	height: 60px;
	margin-bottom: 1rem;
	padding: 1.25rem 0 1rem 9rem;
	border-right: 1px solid #ccc;
	box-sizing:border-box;
}
@media screen and (min-width:768px)and (max-width:991px){
.side_items_box {
    background-image: url(img/side_1.gif);
    background-size: cover;
    height: 35px;
    margin-bottom: 1rem;
	padding: 0.7rem 5rem 1rem 4.1rem;
    border-right: 1px solid #ccc;
}}
.side_items_box.item02 {
	background-image: url(img/side_2.gif);
}
.side_items_box.item03 {
	background-image: url(img/side_3.gif);
}
.side_items_box.item04 {
	background-image: url(img/side_4.gif);
}
.side_items_box.item05 {
	background-image: url(img/side_5.gif);
}
.side_items_box.item06 {
	background-image: url(img/side_6.gif);
}
.side_items_box.item07 {
	background-image: url(img/side_7.gif);
}
.side_items_box.item08 {
	background-image: url(img/side_8.gif);
}
.side_items_box p {
	color: #212529;
	font-size: 10px;
}
@media screen and (min-width:768px) and (max-width:991px) {
.side_items_box p {
	color: #212529;
	font-size: 10px;
	transform: scale(0.6);
	width: 110px;
}}
.side_maker {
	margin-bottom: 20px;
}
.side_maker .d-flex {
	padding: 0 5px;
}
.side_maker a {
    margin-bottom: 10px;
}
@media screen and (max-width: 991px){
.side_maker a {
    margin-bottom: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}}

@media screen and (max-width: 574px) {
.side_items_box {
    background-size: contain;
    height: 70px;
    margin-bottom: 1rem;
    padding: 1.5rem 0 1rem 10rem;
    border-right: 0px;
    background-repeat: no-repeat;
    margin: auto;
    max-width: 290px;
}}
@media screen and (min-width: 575px) and (max-width: 767px){
	.side_items_box {
	    background-size: contain;
        height: 79px;
        margin-bottom: 1rem;
        padding: 1.5rem 0 1rem 10rem;
        border-right: 0px;
        background-repeat: no-repeat;
        margin: auto;
        width: 50%;
	}
}
@media screen and (min-width: 577px) and (max-width: 767px){
	.side_items_box p {
		font-size: 10px;
		padding: 3px 10px 0;
	}
}

.side_news {
	border: 1px solid #ccc;
	padding: 0 10px;
}
.side_news h3 a {
	color: #212529;
	font-size: 13px;
	margin-bottom: 1rem;
}
@media screen and (min-width: 769px){
	.side_news h3 a {
		font-size: 15px;
	}
}

/* //////////////////////////////


3.3. footer.php


////////////////////////////// */
footer ul {
    padding-left: 0;
    display: flex;
    list-style: none;
    justify-content: space-between;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
footer ul li a {
	color: #212529;
}
@media screen and (min-width: 576px) and (max-width: 991px){
footer ul {
    padding-left: 0;
    display: flex;
    list-style: none;
    justify-content: space-between;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 10px;
}}
@media screen and (max-width: 576px){
	footer ul {
		flex-direction: column;
	}
	footer ul li {
		margin-bottom: .5rem;
	}
}


/* //////////////////////////////


3.4. single.php


////////////////////////////// */

article h2 {
	font-size: 28px;
    font-family: serif;
    color: #005476;
    background: #edf0f3;
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding: .5rem;
    margin-bottom: 2rem;
}
article h3 {
	font-size: 27px;
    border-left: 5px solid;
    border-bottom: 2px solid;
    padding: 0 0 5px 15px;
    font-family: serif;
    color: #005476;
    margin-bottom: 1.5rem;
}
.single time {
	margin-bottom: 2rem;
	display: block;
}
@media screen and (max-width: 480px){
	article h2 {
		padding: 1rem;
		margin: 0 0 1rem 0;
	}
}

/* ============================================================




4. FRONT PAGE SETTING




============================================================ */
.home main section {
	margin-bottom: 40px;
}
.home main section h2{
    text-align: center;
    font-size: 24px;
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: bold;
	color:#ffffff;
    background-color: #005173;
    border-top: 3px double #ffffff;
	border-bottom: 3px double #ffffff;
    padding: 10px 0;
    margin-bottom: 30px;
	text-shadow:0 0 1px;
}
.home main section h3 {
	font-size: 25px;
	margin-top: 20px;
	margin-bottom: 15px;
	letter-spacing: 2px;
	font-weight: bold;
}
.home main section h4 {
	font-size: 25px;
	margin-bottom: 15px;
	letter-spacing: 2px;
	font-weight: bold;
}
.home main section p {
	color: #212529;
}
@media screen and (max-width: 576px){
	.home main section h3 {
		margin-top: 10px;
	}
	main.col-md-9 {
		padding-left: 0;
		padding-right: 0;
	}
	aside.col-md-3 {
		padding-right: 0;
		padding-left: 0;
	}
}

/* feature */
@media screen and (max-width: 767px){
	.media {
		margin-bottom: 1rem;
	}
}
@media screen and (max-width: 767px){
	img.fv {
		padding: 60px 0 5px;
	}
	p.sp.media_text_sp {
		margin-bottom: 2rem;
		padding: 0 .5rem;
	}
}
@media screen and (max-width: 321px){
	img.fv {
		padding: 45px 0 5px;
	}
}


/* worry */
.worry ul {
    padding: 20px 20px 20px 20px;
    list-style: none;
    margin-bottom: 0;
    border: 1px solid #7c8285;
}
@media screen and (max-width: 768px){
.worry ul {
    padding: 20px 20px 20px 20px;
    list-style: none;
    margin-bottom: 0;
    border: 1px solid #7c8285;
}}
.worry li {
	font-size: 1.5rem;
	color: #ae3023;
	font-weight: bold;
	text-shadow:0 0 0.7px;
}
.worry li:before {
	content: '';
	background-image: url(img/check_RED.gif);
	background-size: contain;
	background-repeat: no-repeat;
	width: 2.5rem;
	height: 2rem;
	display: inline-block;
	top: 6px;
    position: relative;
}
@media screen and (max-width: 576px){
	.worry li {
	    font-size: 1.25rem;
	    padding-right: .5rem;
	}
}


/* assessment */
.assessment_body {
	padding: 0 20px;
}
@media screen and (max-width: 480px){
	.assessment_body {
		padding: 0 .5rem;
	}
}

/* reason */
.reason_box .media img {
	padding-left: .5rem;
}

/* purchase */
.home main section.purchase {
	margin-bottom: 50px;
}
.home main section.purchase h3 {
	margin-bottom: 30px;
}
.home main section.purchase h4 {
	color: #be9c19;
	font-size: 22px;
}
.home main section.purchase h4:before {
	content: '';
	background-image: url(img/check_GOLD.gif);
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 35px;
	height: 25px;
}
.purchase_merit p {
	padding-left: 3.5rem;	
}
.purchase_type {
	margin-bottom: 20px;
}
.home main section p.purchase_box__lead {
    font-size: 24px;
    color: #231815;
}
.purchase_box {
    border: 2px solid #005173;
    padding: 10px;
    font-size: 14px;
}
@media screen and (min-width:576px) and (max-width:991px) { 
.purchase_box {
    border: 2px solid #005173;
    padding: 10px;
    font-size: 10px;
}}
.purchase_trip, 
.purchase_box, 
.purchase_shop, 
.purchase_shipping {
	padding: 0 10px;
}
.purchase_trip h3:before, 
.purchase_shipping h3:before, 
.purchase_shop h3:before {
	content: '';
    background-image: url(img/car.gif);
    background-repeat: no-repeat;
    display: inline-block;
    width: 90px;
    height: 50px;
    position: relative;
    top: 20px;
}
.purchase_shipping h3:before {
	background-image: url(img/box.gif);
	height: 65px;
}
.purchase_shop h3:before {
	background-image: url(img/bild.gif);
	height: 65px;
}

.purchase_flow h5 {
    margin-top: .5rem;
}
.purchase_flow img {
	margin-bottom: 2rem;
}
.home main section.purchase .purchase_flow h4 {
    color: #005173;
	border-left: 7px solid #005173;
	padding-left:8px;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.home main section.purchase .purchase_flow h4:before {
	display: none;
}
.home main section.purchase .purchase_flow h5 {
	color: #005173;
}
@media screen and (max-width: 576px) {
	.purchase p.sp.media_text_sp {
		padding: 0;
	}
	.purchase_type {
		padding: 0 .5rem;
	}
	.purchase_box {
		margin-bottom: .5rem;
		padding: .5rem 0 0;
	}
	.purchase_merit p {
		padding-left: 0;
	}
	.purchase_flow img {
		margin-bottom: 0;
	}
}


/* about */
.about .text, .voice {
	padding: 0 20px;
}
.voice a {
	margin-bottom: 4rem;
	display: block;
}
.voice img {
	display: block;
	margin: 1rem auto 0;
}
@media screen and (max-width: 480px){
	.about .text, .voice {
		padding: 0 .5rem;
	}
}

/* faq */
.faq_box {
    border: 1px solid #edf0f3;
}
.faq_q {
    padding: 10px 20px;
    background-color: #edf0f3;
}
.faq_a {
    padding: 10px 20px;
    border: 1px solid #edf0f3;
    margin-bottom: 2rem;
}

.home main section .faq_q p {
	color: #005173;
	margin-bottom: 0;
	margin-top: 10px;
}
@media screen and (max-width: 480px){
	.faq_q, 
	.faq_a {
		padding: 1rem .5rem;
		margin-bottom: 0;
	}
	.home main section .faq_q p {
		margin-top: 0;
	}
}


/* ============================================================




5. PAGE SETTING




============================================================ */
/* //////////////////////////////


5.1. common setting


////////////////////////////// */
.page .single {
	padding: 10px;
}
.page main h2 {
    text-align: center;
    font-size: 24px;
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: 700;
    color:#ffffff;
    background-color: #005173;
    border-top: 3px double #ffffff;
    border-bottom: 3px double #ffffff;
    padding: 10px 0;
    margin-bottom: 30px;
}
.page main h3 {
	font-size: 27px;
    border-left: 5px solid;
    border-bottom: 2px solid;
    padding: 0 0 5px 15px;
    font-family: serif;
    color: #005476;
    margin-bottom: 1.5rem;
    margin-left: 10px;
}
@media screen and (max-width: 480px){
	main p {
		margin-left: .5rem;
	}
	.page main h2 {
	    padding: 1rem;
	    margin: 0 0 2rem 0;
	}
	.page main h3 {
	    margin-left: .5rem;
	}
}

/* //////////////////////////////


5.2. contact setting


////////////////////////////// */
.required, .nini {
	background-color: #ac3323;
    color: #fff;
    padding: .25rem .5rem;
    font-size: 12px;
    position: relative;
    bottom: 1px;
    margin-left: .5rem;
    font-weight: normal;
}
.nini {
	background-color: #bbb;
}
.privacy {
	background-color: #f2f2f2;
	margin-bottom: 2rem;
}
.privacy_text {
    border: 1px solid #ccc;
    padding: 1rem;
    max-height: 150px;
    overflow-y: scroll;
    margin-top: 2rem;
    background-color: #fff;
    font-size: 90%;
}
.privacy_check {
    padding: .5rem;
    text-align: center;
    border: 1px solid #ccc;
    border-top: 0;
}
.privacy_check p {
	margin-bottom: 0;
}
.contact .exp,
.exp {
    font-weight: normal;
    font-size: 80%;
    line-height: .75;
}
.contact input[type="text"], 
.contact input[type="email"], 
.contact input[type="tel"], 
textarea {
    width: 95%;
    padding: .5rem;
	box-sizing:border-box;
}
.contact td span.wpcf7-list-item {
	display: block;
}
.contact .submit,
.submit {
    margin: 2rem auto;
    text-align: center;
}
div.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
    padding: 1rem 8rem;
    border-radius: 10px;
}

[type=reset], [type=submit], button, html [type=button] {
    padding: 1rem 8rem!important;
    border-radius: 10px!important;
}


@media screen and (max-width: 567px){
	div.wpcf7 .wpcf7-submit:disabled {
		cursor: not-allowed;
	    padding: 1rem auto;
	    width: 90%;
	    display: block;
	    margin: 0 auto;
	    border-radius: 10px;
	}
}

/* //////////////////////////////


5.3. company setting


////////////////////////////// */
.company .box {
	margin-bottom: 3rem;
}


/* /////////////////////////////////////

archive page

/////////////////////////////// */
.line1 {
    padding: 0.4em 0.5em 0em 0.5em!important;
    background: #FFFFFF!important;
    border-left: solid 15px #CCD4D7!important;
    border-bottom: solid 1px #CCD4D7!important;
    margin-bottom: 1rem;
    display: block!important;
}

/* //////////////////////////////


okuda setting


////////////////////////////// */

.single .price {
	color: #ac3323;
	font-size: 23px;
}

.single .sell {
	font-size: 18px;
}

/* //////////////////////////////


Imajo setting


////////////////////////////// */

/*=========================
　テンプレCTA有り・なし
=========================*/

.cta-page h2,
.no-cta h2{
    text-align: center;
    font-size: 24px;
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
    color:#ffffff;
    background-color: #005173;
    border-top: 3px double #ffffff;
    border-bottom: 3px double #ffffff;
    padding: 10px 0;
    margin-bottom: 30px;
	text-shadow:0 0 1px;
}
.cta-page h3,
.no-cta h3{
	border:none !important;
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
	font-size: 25px !important;
	margin:20px 0 15px !important;
	padding:0 !important;
	color:#ac3323 !important;
	font-weight: bold;
}

.cta-page h3.navy,
.no-cta h3.navy{
	color:#005173 !important;
}

.cta-page h4,
.no-cta h4{
	font-size: 20px;
	margin-bottom: 15px;
	letter-spacing: 2px;
	color:#000;
	border-bottom:1px dotted #666;
}

/*=========================
　問い合わせ送信ボタン
=========================*/
div.wpcf7 .wpcf7-submit{
	background:#005173;
	color:#fff;
}
/*=========================
　上へ戻るボタン
=========================*/
#goTop{
	position:fixed;
	bottom:8px;
	right:10px;
	font-size:48px;
	z-index:99;
}
a#goTop{
	color:#005173;
	opacity:0.7;
}

/*=========================
　買取実績スペック表
=========================*/
table.spec th,
table.spec td{
	padding: 0.4rem 1.2rem;
	font-weight:normal;
}

table.spec{
	margin-bottom:40px;
}

/*=========================
　スタッフインタビュー
=========================*/
.staff-box{
	border:1px solid #999;
	border-radius:5px;
	margin:7px;
	padding:18px;
	font-size:14px;
}

.staff-box img{
	margin-top:0 !important;
}
img.staff-name{
	display:block;
	height:18px;
	width:auto;
	margin-bottom:5px;
}

.staff{
	border-bottom:1px dashed #999;
	padding-bottom:15px;
	margin-bottom:30px;
}

.staff:last-child{
	border-bottom:none;
}

@media screen and (max-width: 591px){
	.staff{
		padding:0 15px;
	}
}

.staff img.photo{
	width:240px;
	height:180px;
	float:left;
	margin: 0 15px 20px 0;
}

.staff img.name{
	width:auto;
	height:22px;
	margin-bottom:2px;
}

.staff .digest{
	display:inline;
	border:none;
	padding:0;
	margin:0;
	line-height:1.4;
}

.staff h4{
	font-size:18px;
	margin-top:20px;
	border:none;
}

.staff .staff-date{
	clear:both;
}
.staff .staff-date p{
	line-height:1.7em;
}

.staff .staff-date .history{
	color:#000;
	font-size:16px;
	border:1px solid #999;
	border-radius:9px;
	padding:15px;
	background:#e9e9e9;
}

.staff .staff-date h5{
	margin-top:25px;
	font-weight:bold;
	color:#005476;
}

/*=========================
　タブ見出しのBOX（アンケート★）
=========================*/
.tab-area h4{
	box-sizing:border-box;
	width:200px;
	height:34px;
	line-height:34px;
	margin-bottom:0 !important;
	background:#005173;
	color:#ffffff;
	font-size:16px !important;
	font-weight:normal !important;
	text-align:center;
	border-radius:9px 9px 0 0;
	border:none;
}

.tab-body{
	border: 1px solid #005173;
	background:#f3f3f3;
	margin-top:0;
	padding:15px 10px;
	border-radius:0 6px 6px 6px;
}

.tab-body ol li{margin-bottom:10px;}
.tab-body ol{margin-bottom:0 !important;}
.tab-body ol li:last-child{margin-bottom:0;}

.faq_q img{
	border:1px solid #005173;
	border-radius:50%;
}/*FAQの質問マークを線で縁取る*/

/*=========================
　トップページの悩みBOX
=========================*/
.nayami img{
	width:100%;
	height:auto;
	box-sizing:border-box;
	background:#f3f3f3;
	border:1px solid #e6e6e6;
}

/*=========================
　PCで右から出るCTA
=========================*/
@media screen and (max-width: 767px){
.pc_cta_tel,
.pc_cta_line{
	display:none;
}
}

@media screen and (min-width: 768px){

.pc_cta_tel,
.pc_cta_line{
	position:fixed;
	right:-175px;
	box-sizing:border-box;
	z-index:99;
	width:240px;
	height:65px;
	text-decoration:none;
	border-radius:7px 0 0 7px;
	opacity:0.7;
}

.pc_cta_tel div,
.pc_cta_line div{
	display:inline-block;
	margin:3px 17px 3px 8px;
	line-height:65px;
	font-size:54px;
}

.pc_cta_tel span,
.pc_cta_line span{
	font-size:21px;
	font-weight:bold;
}
.pc_cta_tel{
bottom:180px;
	background:#fff;
	border:solid #000033;
	border-width:2px 0 2px 2px;
	color:#000033;
}

.pc_cta_line{
bottom:100px;
	background:#fff;
	border:solid #33cc00;
	border-width:2px 0 2px 2px;
	color:#33cc00;
}
a.pc_cta_tel:hover,
a.pc_cta_line:hover{
	right:0px;
	text-decoration:none;
	opacity:1.0;
}
a.pc_cta_tel:hover{
	color:#000033;
}
a.pc_cta_line:hover{
	color:#33cc00;
}
}
/*=========================
　PCで複数カラム
=========================*/
@media screen and (min-width: 768px){
	.pc2column{width:50%;}
	.pc3column{width:33%;}

	.pc2column,
	.pc3column{
		box-sizing:border-box;
		float:left;
	}
	.f-container{display:flex;}
}

@media screen and (max-width: 767px){
	.pc2column,
	.pc3column{
		width:100% !important;
		float:none !important;
	}
	.f-container{display:block;}
}

.grid-1 .f-item{
	box-sizing:border-box;
	margin:7px 7px 30px 7px;
	padding:10px;
	border:1px solid #005173;
	border-radius: 5px;
	background: #f2f2f2;
}


/*=========================
　section 選ばれる理由・流れ
=========================*/
#feature-1,
#feature-2,
#feature-3{
	margin-bottom:30px;
	clear:both;
}

#feature img.merit{
	vertical-align:top;
	float:left;
	margin-right:15px;
}
#feature div.feature-txt{
	overflow:hidden;
}

#feature div.feature-txt p,
#purchase p{
	margin-bottom:20px;
	line-height:1.7em;
}

#feature h3{
	margin:10px 0 15px !important;
}

/*=========================
　強調で水色マーカー
=========================*/

#feature div.feature-txt strong,
#purchase strong,
#faq strong {
	background: linear-gradient(0deg,#fff 0%,#fff 7%,#a7d6ff 7%,#a7d6ff 45%,#fff 45%,#fff 100%) !important;
}

/*=========================
　CTA
=========================*/

.cta-img{
	border: 2px solid #005173;
	border-radius:5px;
}

.cta-img img{box-sizing:border-box;}

.cta-img img.cta-phone{width:50%;height:auto;}
.cta-img img.cta-mail,
.cta-img img.cta-line{
	width: 23%;
	height:auto;
	padding-left:1.5%;
	border-left:1px dotted #005173;
}

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

.cta-img img.cta-phone{width:100%;height:auto;}
.cta-img img.cta-mail,
.cta-img img.cta-line{
	width: 49%;
	height:auto;
	border-left:none;
 }
.cta-img img.cta-phone{border-bottom:1px dotted #005173;}
.cta-img img.cta-mail{
	padding-right:1.5%;
	border-right:1px dotted #005173;
 }

}

/*=========================
　汎用・共通
=========================*/
ul.maru{list-style-type:disc;}
ul.maru li{  
  margin-bottom:15px;
}

/*数字リスト青丸囲み・破線区切り*/
ol.disc-num{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;
  border: solid 2px #005173;
  margin-bottom:30px;
}

ol.disc-num li {
  border-bottom: dashed 1px #005173;
  position: relative;
  padding: 0.8em 0.5em 0.8em 40px;
  line-height: 1.5em;
}

ol.disc-num li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #005173;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size:1em;
}
ol.disc-num li:last-of-type {
  border-bottom: none; /*最後のliの線だけ消す*/
}

ol.disc-num li span{
  display:block;
  font-weight: bold;
  color:#005173;
  font-size:1.4em;
  margin-bottom:5px;
}

/*PCだけ・スマホだけ表示*/
@media screen and (min-width: 768px){
	.pc-only{display:block;}
	.sp-only{display:none;}
}

@media screen and (max-width: 767px){
	.pc-only{display:none;}
	.sp-only{display:block;}
}


/*画像に関する指定*/
img.aligncenter{
	display:block;
	margin:10px auto;
}
img.w-100p{
	width:100%;
	height:auto;
}
.va-top{vertical-align:top;}

.copy1{
	font-size:27px;
	font-family:'Noto Serif JP', serif;
	color:#005476;
	font-weight:bold;
	padding:10px;
}

figcaption{
font-size:12px;
margin-top:0 ;
}

 /*回り込み*/
.float-l{float:left;}
.of-h{overflow:hidden;}/*回りませないBOX*/

 /*中央配置の青ボタン*/
.btn-blueL{
	display:block;
	box-sizing:border-box;
	padding:8px 0 !important;
	border:3px double #fff;
	border-radius:50px;
	background:#005173;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px !important;
	color:#fff;
	padding:2px 6px;
	margin:20px auto;
	text-align:center;
}
.btn-blueL:hover{
	text-decoration:none;
	color:#005173;
	border:3px double #005173;
	background:#bfd3cd;
}


@media screen and (min-width: 768px){
	.btn-blueL{width:380px;}
}

@media screen and (max-width: 767px){
	.btn-blueL{width:280px !important;}
}


 /*右寄せオーバルの小さなボタン*/
.btn-more{
	display:block;
	box-sizing:border-box;
	width:8em;
	border:1px solid #007bff;
	border-radius:18px;
	padding:2px 6px;
	margin:10px 0 0 auto;
	text-align:center;
}
.btn-more:hover{
	text-decoration:none;
	background:#007bff;
	color:#fff;
}

 /*楕円の青背景ボタン*/
.btn-navyR{
	box-sizing:border-box;
	display:block;
	background:#005173;
	color:#fff;
	font-size:18px;
	text-align:center;
	padding:10px 20px;
	border-radius:46%;
}
.btn-navyR:hover{
	text-decoration:none;
	color:#005173;
	background:#bfd3cd;
}
.top-massage a.btn-navyR{
	width:9em;
	margin:20px auto -30px;
}

.center{text-align:center;}
.border-1c{border:1px solid #ccc;}  /*グレー細線囲み*/
.border-navy{border:2px solid #005173;} /*テーマカラー線囲み*/

/*---テキスト---*/
.marker-blue{background:linear-gradient(transparent 70%, #a7d6ff 70%) !important;} /*水色マーカー*/

/*---間隔調整---*/
.margin-t30{margin-top:30px;}
.margin-b40{margin-bottom:40px !important;}

/*---買取実績の画像挿入箇所---*/
.audio_img{text-align:center;}
.audio_img img{
	width:500px;
	height:auto;
	margin:15px 0;
}