@charset "UTF-8";
/*
Theme Name: Ai-CleanLife
Theme URI:
Description: This is our original theme.
Author: atinterface
Author URI:
Version:1.0
*/


/*
#0071BE 青基本
#FCEE21 黄色
*/


@import url("css/bootstrap.min.css");
@import url("css/reset.css");
@import url("css/slider-pro.css");
@import url("css/slicknav.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");


/*::::::::::::::::::::::::::::::::::::::::::::::::::
base
::::::::::::::::::::::::::::::::::::::::::::::::::*/
body {}
body * {
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}

sup { font-size: 10px; }

a, a:hover {
	text-decoration: none;
}
a:hover {
	background-color: #FCEE21;
}
a img {}
a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
a:hover img.rollover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

strong,
.strong { font-weight: bold; }

/*スマフォの画面右隙間削除*/
#wrapper {
	overflow: hidden;
}

/*reset.cssのカスタマイズ*/
.fl-l {
	margin-right: 10px;
	margin-bottom: 10px;
}
.fl-r, .alignright {
	margin-left: 10px;
	margin-bottom: 10px;
}
.alignleft {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.mt70 { margin-top: 70px !important; }
.fz18 { font-size: 18px !important; }
.fz21 { font-size: 21px !important; }
.strong { font-weight: bold !important; }
.orange { color: #EA553A; }

/*::::::::::::::::::::::::::::::::::::::::::::::::::
ヘッダ
::::::::::::::::::::::::::::::::::::::::::::::::::*/
#header h1 {
	margin-top: 10px;
	margin-bottom: 10px;
}
#header .header_address {
	margin-top: 5px;
	text-align: right;
	font-size: 16px;
}
#header .header_tel {
	text-align: right;
	margin-top: 10px;
}
#header .header_tel a {
	background-color: transparent;
}
#header .header_text {
	text-align: right;
	font-size: 21px;
	font-weight: bold;
	color: #4d4d4d;
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	#header h1 img {
		margin-left: auto;
		margin-right: auto;
	}
	#header .header_address,
	#header .header_tel,
	#header .header_text {
		text-align: center;
	}
	#header .header_text {
		margin-bottom: 20px;
		font-size: 18px;
	}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::
ナビゲーション
::::::::::::::::::::::::::::::::::::::::::::::::::*/
#global_nav {}
#global_nav ul {
	overflow: auto;
}
#global_nav ul li {
	float: left;
	width: 25%;
	position: relative;
}
#global_nav ul li a {
	color: #333;
	display: block;
	text-align: center;
	padding: 25px 0px;
	font-size: 18px;
}
#global_nav ul li a:hover {
	background-color: #0071BE;
	color: #fff;
}
#global_nav ul li.current-menu-item a {
	background-color: #0071BE;
	color: #fff;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
SlickNav
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.slicknav_menu { display:none; }

/*slicknavスタマイズ*/
.slicknav_menu { background-color: #0071BE; }
.slicknav_btn {
	background-color: rgba(255,255,255,0.4);
}
.slicknav_nav ul {
	border-top: 2px dotted #99C5E0;
	margin-left: 0;
}
.slicknav_nav li {
	text-align: center;
	border-bottom: 2px dotted #99C5E0;
}
.slicknav_nav li:last-child {
	border-bottom: 0px;
}
.slicknav_nav a {
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	font-size: 18px;
	padding: 10px 0px;
	color: #fff;
}
.slicknav_nav a:hover {
	color: #fff;
	background-color: rgba(255,255,255,0.2);
}
.slicknav_nav li img {
	width: 140px;
}
a.slicknav_btn:hover {
	background-color: rgba(255,255,255,0.2);
}
.slicknav_menu .slicknav_menutxt {
	text-shadow: none;
}
.slicknav_menu .slicknav_icon-bar {
	box-shadow: none;
	color: #dc6b9a;
}


/*切り替え*/
@media screen and (max-width: 767px) {
	#global_nav { display:none; }
	.nav_bg { display: none; }
	.slicknav_menu { display:block; }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
スライド
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.slider_wrapper {
	border-top: 25px solid #FCEE21;
}
.sp-horizontal .sp-next-arrow {
	margin-left: 580px;
}
.sp-horizontal .sp-previous-arrow {
	margin-left: -650px;
}
.sp-fade-arrows {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
トップページ
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.intro_text {
	font-size: 36px;
	color: #EA553A;
	font-weight: bold;
	text-align: center;
	margin: 50px 0px 40px;
	line-height: 1.8;
	letter-spacing: 2px;
}
.intro_text_2 {
	font-size: 18px;
	text-align: center;
}
.intro_text_2 strong {
	font-size: 18px;
}
.intro_text_2 span {
	background-color: #FFFF00;
}

@media screen and (max-width: 767px) {
	.intro_text {
		font-size: 24px;
		margin: 20px 0px;
		line-height: 1.5;
	}
	.intro_text_2 {
		text-align: left;
	}
}

.sec02 {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
}
.sec02 img {
	width: 25%;
	float: left;
}
@media screen and (max-width: 767px) {
	.sec02 img {
		width: 50%;
	}
}

.home h2 {
	color: #1a1a1a;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 3px;
	text-align: center;
}

.sec03_text {
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
	text-align: center;
}
.sec03_text span {
	color: #EA553A;
	font-size: 20px;
}

.top_news {
	overflow: auto;
	padding-bottom: 30px;
	border-bottom: 4px solid #e6e6e6;
}
.top_news div {
	width: 48%;
	padding: 10px;
	float: left;
	margin: 1%;
}
.top_news div dt {
	display: block;
	width: 120px;
	float: left;
	font-weight: normal;
}
.top_news div dd {
	padding-left: 120px;
}
.top_news div dd a {
	text-decoration: underline;
}
.top_news div dd a:hover {
	text-decoration: none;
}
.top_news div:nth-child(3) {
	clear: both;
}

@media screen and (max-width: 767px) {
	.top_news div {
		width: 98%;
		border-left: 5px solid #eee;
		padding-left: 10px;
		background-color: #f3f3f3;
	}
	.top_news div dt {
		float:none;
		width: 100%;
	}
	.top_news div dd {
		padding: 0;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
ページ共通
::::::::::::::::::::::::::::::::::::::::::::::::::*/
h1.h1_base {
	color: #FCEE21;
	background-color: #4D4D4D;
	font-size: 60px;
	text-align: center;
	font-weight: bold;
	padding: 20px 10px;
}

h2.h2_base {
	position: relative;
	text-align: center;
}
h2.h2_base span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;

	color: #1a1a1a;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 3px;
}
h2.h2_base::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background-color: #e6e6e6;
}

.under_title {
	color: #0071BE;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

h3.h3_base {
	font-size: 24px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}
@media (max-width: 1199px) {
	h1.h1_base {
		font-size: 40px;
		padding: 10px 5px;
		margin: 0;
	}
	h3.h3_base {
		font-size: 20px;
	}
}

@media screen and (max-width:767px) {
	h1.h1_base {
		font-size: 30px;
		padding: 10px 5px;
		margin: 0;
	}
	h2.h2_base span {
		font-size: 22px;
		margin: 0;
	}
}


.btn_base {
	background-color: #ccc;
	color: #fff;
}
.btn_base:hover {
	background-color: #eee;
}

.table_01 { width: 100%; }
.table_01 th, .table_01 td {
	border: 1px solid #999;
	padding: 10px;
}
.table_01 th {
	background-color: #E5F4DB;
}

@media screen and (max-width: 767px) {
	.table_01 th, .table_01 td {
		display: block;
		width: 100%;
	}
}

.ul_01 {
	margin-left: 30px;
}
.ul_01 li {
	list-style: disc;
}
.ul_02:after {
	display: block;
	content: "";
	clear: both;
}
.f_left {
	margin-bottom: 1em;
}
@media (min-width: 992px) {
	.f_left {
		float: left;
		width: 430px;
		margin-bottom: 0;
	}
}
@media (min-width: 992px) {
	.f_right {
		float: right;
		width: 100%;
		padding-left: 460px;
		margin-left: -430px;
	}
}
.f_left img {
	display: block;
  margin-left: auto;
  margin-right: auto;
	max-width: 100%;
	height: auto;
}

.btn_01 {
	text-align: center;
	margin-top: 3em;
}
.btn_01 a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: .8em 5em;
	background-color: #0071BE;
}
.btn_01 a:hover {
	opacity: 0.8;
}

.box_01, .box_02, .box_03 {
	background-color: #f2f2f2;
}
.box_01 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 30px 20px;
}
.box_02 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 30px 20px;
}
.box_02:after {
	display: block;
	content: "";
	clear: both;
}
.box_03 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 20px 8px 8px;
}
.box_03 p.box_03_p {
	margin-top: 10px;
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 16px;
}

.item7 {
	overflow: auto;
}
.item7 li {
	text-align: center;
	width: 14.2857%;
	float: left;
}

@media (max-width:767px) {
	.item7 li {
		width: 50%;
		padding-bottom: 20px;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
買取について : purchase
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.purchase_table {
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 30px;
}
.purchase_table td {
	padding: 5px;
	font-size: 18px;
	vertical-align: top;
}

@media (max-width:767px) {
	.purchase_table {
		margin-left: 0;
		margin-right: 0;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
買取の流れ : flow
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.flow_table {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
.flow_table th,
.flow_table td {
	padding: 10px;
	vertical-align: top;
}
.flow_table td dt {
	font-size: 21px;
	border-bottom: 1px solid #0071BE;
	margin-bottom: 10px;
}
.flow_table td dd {
	font-size: 18px;
}
.flowimg {
	margin-top: 28px;
	margin-left: 10px;
}

@media (max-width:1199px) {
	.flow_table {
		width: 100%;
	}
}
@media (max-width:991px) {
	.flowimg{
		width: 200px;
	}
}
@media (max-width:767px) {
	.flow_table th, .flow_table td {
		width: 100%;
		display: block;
	}
	.flow_table th {
		text-align: center;
	}
	.flow_table th img {
		margin-left: auto;
		margin-right: auto;
	}
	.flow_table td img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.flowimg {
		margin: 10px 0px 20px;
	}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::
処分について : disposal
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.disposal_text {
	text-align: center;
	font-size: 18px;
}

@media (max-width:767px) {
	.disposal_text {
		font-size: 14px;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
会社案内 : company
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.company_table {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
.company_table th,
.company_table td {
	padding: 10px;
	vertical-align: top;
	font-size: 21px;
}

@media (max-width:767px) {
	.company_table th, .company_table td {
		display: block;
		width: 100%;
		font-size: 18px;
	}
	.company_table th {
		background-color: #eee;
	}
	.company_table td:nth-child(2) {
		display:none;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
お問い合わせ（未）
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.contact_tel strong {
	font-size: 32px;
}
.contact_tel_mb strong {
	font-size: 32px;
}
@media screen and (max-width:767px) {
	.contact_tel strong { font-size: 26px; }
	.contact_tel_mb strong { font-size: 26px; }
}

/*フォーム*/
.form_width { max-width: 100%; }

.form_dl { overflow: auto; }
.form_dl dt {
	float: left;
	width: 30%;
	text-align: right;
	margin-bottom: 20px;
	clear: both;
	padding: 5px 10px;
	background-color: #fafafa;
}
.form_dl dd {
	float: right;
	margin-bottom: 20px;
	width: 65%;
}
.form_dl dd input {
	width: 100%;
	padding: 5px;
	box-shadow: none;
}
.form_dl dd textarea {
	width: 100%;
	padding: 5px;
	box-shadow: none;
	border-color: #ccc;
}


@media screen and (max-width: 767px) {
	.form_dl dt, .form_dl dd {
		float: none;
		display: block;
		width: 100%;
	}
	.form_dl dt { text-align: center; }
}


/*送信ボタン*/
.wpcf7-submit {
	font-size: 16px;
	padding: 3px 25px;
	background: #e9e9e9;
	color: #363B3F;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
}
.wpcf7-submit:hover {
	background-color: #dcdcdc;
}


.screen-reader-response {
	display: none;
}
.wpcf7-not-valid-tip {
	background-color: #eee;
	padding: 5px;
	width: 100%;
	display: block;
}
/*送信エラー*/
.wpcf7-validation-errors {
	font-weight: bold;
	background-color: #ffa500;
	color: #fff;
	padding: 20px 10px !important;
	border: none !important;
}
/*送信完了*/
.wpcf7-mail-sent-ok {
	font-weight: bold;
	background-color: #228b22;
	color: #fff;
	padding: 20px 10px !important;
	border: none !important;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
投稿アーカイブページ
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.archive_ul {
	margin: 40px 20px 20px;
}
.archive_ul li {
	font-size: 16px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #ccc;
}
.archive_ul li:before {
	content: "● ";
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::
サイド
::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*::::::::::::::::::::::::::::::::::::::::::::::::::
フッタ
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.page_top {
	position: fixed;
	bottom: 10px;
	right: 0px;
	width: 50px;
	height: 160px;
	z-index: 10;
}
.page_top a {
	color: #333;
	background-color: transparent;
}

@media screen and (max-width: 767px) {
	.page_top {
		display: none;
	}
}

#footer {
	background-color: #0071BE;
	text-align: left;
	margin-top: 50px;
	padding: 20px 0px;
}
#footer * {
	color: #fff;
}
#footer address {
	font-size: 12px;
}
#footer address img {
	margin-bottom: 10px;
}
#footer a:hover {
	color: #ffd700 !important;
	background-color: transparent;
}
#footer ul {
	text-align: right;
}
#footer li {
	display: inline-block;
}
#footer li:after {
	content: " ｜";
}
#footer li:last-child:after {
	content: "";
}
#footer a:hover,
#footer a:hover i { color:#0071BC; }

.copyright {
	background-color: #4D4D4D;
	color: #fff;
	text-align: center;
	padding: 10px 0px;
	font-size: 12px;
}

@media screen and (max-width:991px) {
	#footer address {
		text-align: center;
	}
	#footer address img {
		margin-left: auto;
		margin-right: auto;
	}
	#footer ul {
		text-align: center;
	}
	#footer li:after {
		content: none;
	}
	#footer li {
		display: block;
		border-top: 2px dotted #99C5E0;
	}
	#footer li  a {
		display: block;
		padding: 10px 0px;
		font-size: 18px;
	}
	#footer ul {
		border-bottom: 2px dotted #99C5E0;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
他設定
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.row-vm {
	font-size: 0;
}
.row-vm > [class*="col-"] {
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}


/*gridのgutter調整*/
.row-0{
	margin-left:0px;
	margin-right:0px;
}
.row-0 > div{
        padding-right:0px;
        padding-left:0px;
}
.row-10{
    margin-left:-5px;
    margin-right:-5px;
}
.row-10 > div{
        padding-right:5px;
        padding-left:5px;
}
.row-20{
	margin-left:-10px;
	margin-right:-10px;
 }
 .row-20 > div{
        padding-right:10px;
        padding-left:10px;
}
.row-30{
	margin-left:-15px;
	margin-right:-15px;
 }
.row-30 > div{
        padding-right:15px;
        padding-left:15px;
}
.row-40{
	margin-left:-20px;
	margin-right:-20px;
 }
.row-40	> div{
        padding-right:20px;
        padding-left:20px;
}