@charset "UTF-8";
/*
=====================================

RESET

=====================================
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1.7;
	color: #333;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: normal;
	text-align: left;
	background-color: #fff;
	font-size: 95%;
	background:url(../../img/common/bg_loop.jpg) repeat-y center;
}
html body {
	height: 100%;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover{
	text-decoration:none;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
input, select {
	vertical-align: middle;
}
/* clearfix */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
/* clearfix(IE 6/7) */
.clearfix {
	zoom: 1;
}
/*hr*/
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #e5e5e5;
	margin: 25px 0;
	padding: 0;
}
.min_hr {
	margin: 10px 0;
}
.col_red{
	font-weight:bold;
	color:#F30;
}
#sanko {
    background-color:#FAF3BA;
    padding: 25px;
    margin: 50px 0;
}
.bg_pink {
    background-color: #feecec;
}
/* ドラッグの色 */
::selection {
	background: #ff830a;
	color: #FFF; /* Safari */
}
.bold {
	font-weight: bold;
}
.jp {
	font-family: 'Noto Serif JP', serif;
	
}
/*
=====================================
//RESET
=====================================
*/
/*
=====================================

body-OPTION

=====================================
*/
body {
	padding-top: 140px;
}
/*
=====================================
//body-OPTION
=====================================
*/
/*
=====================================

header
 
=====================================
*/
/* active */
nav ul li a:hover, .active a {
	color: #ff830a;
}
* html body {
	height: 100%;
}
/* Toggle(Button) */
#navToggle, #navToggle2, #sp_contact_nav {
	display: none;
}
header a {
	color: #333;
}
header {
	position: fixed;
	z-index: 99;
	background: #fff;
	border-top:10px solid #ff830a;
	box-shadow: 0 0 8px -3px rgb(0 0 0 / 46%);
	margin: 0 auto;
	right: 0;
	left: 0;
	top: 0;
}
/*logo*/
header .wrapper {
	position: relative;
}
header #logo {
    margin: 20px auto 10px;
    width: 233px;
}
header #logo img{
	width:100%;
	height:auto;
}
#main_menu li {
    text-align: center;
    width: 20%;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    margin-top: -8px;
}
/*inline-blockタイプ*/
nav {
	clear: both;
}
nav ul {
	clear: both;
}
nav ul li {
	display: inline-block;
	font-size: 18px;
	position:relative;
}
nav ul li::after,nav ul li:first-child::before{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:1px;
	height:100px;
	background: rgb(204,204,204);
background: linear-gradient(0deg, rgba(204,204,204,1) 64%, rgba(211,211,211,0) 100%, rgba(255,255,255,0.9) 100%, rgba(255,255,255,0) 100%);
}
nav ul li:first-child::before{
	right:auto;
	left:0;
}
nav ul li a {
    display: block;
    text-align: center;
    vertical-align: top;
    color: #333;
    padding: 8px 0;
    box-sizing: border-box;
    font-weight: bold;
}
nav ul li a:hover {
	text-decoration:none;
}
nav ul li:last-child a span {
	background: #E44E4E;
	border-radius: 5px;
	padding: 2px 2px 4px;
	color: #FFF;
	display: block;
}
nav ul li:last-child a:hover span {
	background: #F32812
}
nav ul li:last-child a:hover {
	text-decoration: none;
}
#main_menu a {
	position: relative;
}
/*.mail_btn a, .line_btn*/
.mail_btn a, .line_btn a {
	display: block;
	font-size: 17px;
	box-sizing: border-box;
	border-radius: 10px;
	line-height: 21px;
	margin-top: -6px;
	font-weight: normal;
	position: relative;
	text-align: left!important;
	border: 2px solid #efa226;
	color: #efa226!important;
	min-width: 172px;
	white-space: nowrap;
	padding: 9px 15px 5px 55px;
	width: 100%;
	font-weight: bold;
}
.line_btn a {
	border: 2px solid #00b900;
	color: #00b900!important;
}
.mail_btn .fa-envelope, .line_btn .fa-line {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
 -webkit- transform: translateY(-50%);
	font-size: 38px;
	left: 10px;
}
@media only screen and (max-width : 760px) {
.mail_btn a, .line_btn a {
	font-size: 15px;
	padding: 9px 10px 5px 48px;
	min-width: inherit;
}
.mail_btn .fa-envelope, .line_btn .fa-line {
	font-size: 30px;
}
}
#dark_bg {
	position: fixed;
	background: rgba(0,0,0,0);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.openNav #dark_bg, .openNav2 #dark_bg {
	background: rgba(0,0,0,0.5);
	display: block;
	width: 100%;
	height: 100%;
	z-index: 10;
}
@media screen and (max-width: 1200px) {
header {
    border-top:none;
}
header #logo {
    margin: 11px 0;
    width: 180px;
}
nav ul {
	width: 100%;
}
#header_r .header_item {
	margin-left: 10px;
}
#header_top {
	display: none;
}
#header_r {
	display: none;
}
header {
	border-bottom: 1px solid #ccc;
	position: fixed;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	z-index: 9999999;
	height: 66px;
}
header a {
	padding: 0;
}
#logo {
	display:block;
	margin:20px auto;
}
header .header_logo b {
	font-size: 20px;
	font-weight: bold;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	color: #057f95;
	margin-top: -5px;
}
#navToggle, #navToggle2 {
	display: block;
	position: absolute;
	top: 0;
	cursor: pointer;
	padding: 13px;
}
#navToggle {
	right: 0;
	background: #ff830a;
	z-index: 9999;
}
#navToggle span, #navToggle2 span {
	display: block;
	width: 40px;
	height: 40px;
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
	position: relative;
}
#navToggle span {
	background: url(../../img/icons/menu.png) no-repeat center center;
	background-size: cover;
}
#navToggle2 span {
	background: url(../../img/icons/contact.png) no-repeat center center;
	background-size: cover;
}
#navToggle div {
	position: relative
}
header a {
	display: block;
}
/*スマホ用開閉メニュー*/
#sp_contact_nav {
	display: block;
}
header nav{
	position: fixed;
	top: 0;
	width: 310px;
	height: 100%;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #fff;
	padding: 35px 30px;
	z-index: 999;
	right: -380px;
	box-sizing: border-box;
}
header nav {
	z-index: 9999;
}
/*open*/
.openNav #navToggle span {
	background: url(../../img/icons/close.png) no-repeat center center;
	background-size: cover;
	margin-right: 310px;
}
.openNav nav{
	-moz-transform: translateX(-380px);
	-webkit-transform: translateX(-380px);
	transform: translateX(-380px)
}
nav ul li a {
    text-align: left;
    line-height: 1.4em;
    font-size: 0.8em;
    font-weight: normal;
}
nav ul li::after, nav ul li:first-child::before {
    display: none;
}
.openNav nav ul li {
    display:block;
}
}
/*
=====================================
//header
=====================================
*/
/*
=====================================

#main

=====================================
*/
/*  メイン（サイドメニューを使用する場合）  */
#main {
	width: 75%;
	float: left;
	margin-bottom: 70px;
}
/*  基本のタイトル  */
#ks_title {
	background:url(../../img/common/main_img_bg.jpg) no-repeat;
	background-size:cover;
	border-bottom:1px solid #f1f1f1;
}
#ks_title #ks_title_wrap {
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #fff;
	padding:50px 0;
    text-shadow: 0px 0px 3px #000000;
}
#fa-truck_motion,#fa-truck_motion2 {
    text-align: center;
    font-size: 50px;
    color: #ff830a;
    display: block;
    margin: 0 auto 6px;
	animation-name: car_motion;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@media only screen and (max-width : 760px) {
#ks_title #ks_title_wrap {
    box-sizing: border-box;
    font-size: 20px;
    padding: 35px 0 30px;
    line-height: 1.5em;
}
}
@media only screen and (max-width : 500px) {
#ks_title #ks_title_wrap {
	width: 80%;
	margin: 0 auto;
}
}
/* h1 */
.stn_h1 {
    text-align: center;
    font-size: 33px;
    font-weight: bold;
    padding: 80px 0;
    margin: 0 auto 0;
    background: url(../../img/common/ks_title_bg.jpg) no-repeat center top fixed;
    border-bottom: 3px solid #f1f1f1;
}
/* h2 */
h2 {
	text-align: center;
	font-size: 1.9em;
	margin: 50px 0 25px;
	z-index: 1;
	position: relative;
}
/*先頭のh2*/
#main > section:first-child h2 {
	margin-top: 0;
}
.first_h2 {
	margin-top: 0!important;
}
/* || h2.stn_title */
h2.stn_title, .blog_contents h2 {
    text-align: left;
    position: relative;
    padding: 0 10px 15px 0;
    line-height: 1.4em;
    font-weight: bold;
    border-bottom: 5px solid #cfcfcf;
}
h2.stn_title::after, .blog_contents h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom:-5px;
	width:120px;
	height:5px;
	background:#ff830a;
}
/* .center | h2.side-border | //.center  */
h2.side-border {
	display: inline-block;
	padding-right: 35px;
	padding-left: 35px;
	line-height: 1.2em;
	margin-right: auto !important;
	margin-left: auto !important;
	margin-bottom: 30px;
	font-size: 2em;
	font-weight: bold;
}
h2.side-border::before, h2.side-border::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 25px;
	height: 5px;
	background-color: #ccc;
}
h2.side-border::before {
	left: 0;
}
h2.side-border::after {
	right: 0;
	opacity: 0.8;
}
/* 基本のh3 */
h3 {
    font-size: 1.3em;
    text-align: left;
    margin-top: 35px;
    margin-bottom: 15px;
    position: relative;
    font-weight: bold;
    background: #f1f1f1;
    padding: 13px 0 13px 44px;
}
h3::before{
	content:"";
	width:6px;
	height:33px;
	background:#fff;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
/* h4 */
h4 {
	margin: 30px 0 12px;
	padding: 10px;
	background: #f1f1f1;
}
h4::before {
	content: "\f324";
	font-family: "Font Awesome 5 Pro";
	color: #999;
	margin-right: 10px;
}
ol h4 {
	margin-top: 0;
}
/*subtitle*/
.subtitle {
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 20px;
	color: #ff830a;
}
/*other*/
p {
	margin-bottom: 10px;
	margin-top: 10px;
}
/*
=====================================
//#main
=====================================
*/
/*
=====================================

breadcrumb

=====================================
*/
#breadcrumb {
    margin: 10px auto 25px;
    font-size: 12px;
    max-width: 950px;
}
#breadcrumb li {
	display: inline-block;
	color: #999;
}
#breadcrumb li a {
	color: #999;
}
#breadcrumb li:first-child::before {
	content: "\f80a";
	font-family: "Font Awesome 5 Pro";
	margin-right: 3px;
	color: #666;
}
#breadcrumb li::after {
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	margin: 0 3px 0 8px;
	color: #666;
}
#breadcrumb li:last-child::after {
	content: "";
	display: none;
}
/*
=====================================
//breadcrumb
=====================================
*/
/*
=====================================

side

=====================================
*/
#main_contents_wrapper {
    padding-top: 50px;
}
.l_side {
	width: 20%;
	float: left;
}
#r_side {
    width: 80%;
    float: left;
    box-sizing: border-box;
    padding-left: 55px;
    position: relative;
    z-index: 9;
}
.l_side_title {
	text-align: center;
	padding: 17px 0;
	color: #fff;
	background-size: auto auto;
	background-color: rgba(255, 156, 59, 1);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(255, 131, 10, 1) 6px, rgba(255, 131, 10, 1) 9px );
	margin: 25px 0 5px;
}
.l_side_menu > li {
	position: relative;
}
.l_side_category_list a, .l_side_menu > li > a {
	display: block;
	padding: 22px 0;
	position: relative;
	box-sizing: border-box;
}
.l_side_category_list a:hover, .l_side_menu > li > a:hover {
	text-decoration: none;
}
.l_side_category_list a, .l_side_menu > li {
	border-bottom: 1px solid #ccc;
}
.l_side_menu > li .fa-chevron-right {
	content: "\f054";
	font-family: "Font Awesome 5 Pro";
	width: 20px;
	height: 20px;
	border-radius: 30px;
	background: #ff830a;
	color: #fff;
	display: block;
	position: absolute;
	left: 0;
	font-size: 12px;
	top: 53%;
	transform: translateY(-50%);
 -webkit- transform: translateY(-50%);
	display: inline-block;
	border: solid #ff830a 6px;
	box-sizing: border-box;
}
.l_side_menu > li > a {
	padding: 15px 0;
	padding-left: 30px;
}
.l_side_category_list a {
	padding-left: 60px;
}
.l_side_category_list img {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.l_side_menu > li > ul {
	margin-top: -10px;
	padding-bottom: 20px;
	font-size: 13px;
}
.l_side_menu > li > ul > li a {
	display: block;
	padding: 1px 0 1px 20px;
	position: relative;
	margin-left: 27px;
}
.l_side_menu > li > ul > li a::before {
	content: "";
	background: url(../../img/icons/ks_arrow.png) no-repeat;
	width: 15px;
	height: 15px;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
@media only screen and (max-width : 1200px) {
	nav .l_side {
		width: 100%;
		float: none;
	}
}
/*
=====================================
//side
=====================================
*/

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

シンプルなdl ol ul

=====================================
*/
/*common*/
.smpl_ul, .arrow_ul, .border_ul, .check_ul .smpl_ol, .smpl_dl, .circle_ol {
	margin: 15px 0;
	position: relative;
	z-index: 2;
	opacity: 1!important;
}
.arrow_ul a, .border_ul a, .check_ul a, .smpl_ol a, .smpl_dl a, .circle_ol a {
	display: block;
}
/*smpl_ul*/
.smpl_ul > li {
    list-style: outside none none;
    margin-left: 7px;
    margin-bottom: 15px;
}
.smpl_ul > li::before {
	color: #ff830a;
	content: "●";
	display: inline-block;
	font-size: 8px;
	margin-right: 6px;
	vertical-align: middle;
}
/*arrow_ul*/
.arrow_ul > li {
	padding-left: 25px;
	position: relative;
	margin-bottom: 5px;
}
.arrow_ul a {
	position: relative;
	z-index: 1;
}
.arrow_ul > li::before {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    background: url(../../img/icons/arrow.png) no-repeat;
    background-size: cover;
    color: #fff;
    background: #ff830a;
    border-radius: 30px;
    position: absolute;
    top: 1px;
    font-size: 9px;
    padding: 2px 7px 1px;
    left: 0;
}
.arrow_ul > li:hover::before {
	background: #0057a4;
}
.arrow_ul > li.under {
	margin: -5px 0 5px 18px;
	padding-left: 25px;
	font-size: 0.9em;
}
/*check_ul*/
.check_ul > li {
	margin: 5px 0;
}
.check_ul > li::before {
	content: "\f14a";
	font-family: "Font Awesome 5 Pro";
	margin-right: 10px;
	color: #cda135;
}
.wide100 {
	width: 100% !important;
	min-height: 200px;
	box-sizing: border-box;
}
/*border_ul*/
.border_ul {
	border-top: 1px solid #ccc;
}
.border_ul li {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
/*slash_ul*/
.slash li {
	display: inline-block;
	margin-right: 2px;
}
.slash li::after {
	content: "/";
	padding-left: 5px;
	color: #CCC;
}
.slash li:last-child::after {
	display: none;
}
/*smpl_ol ＆ circle_ol*/
.circle_ol {
	margin: 20px 0;
}
.smpl_ol > li, .circle_ol > li {
	counter-increment: cnt 1;
	list-style-position: inside;
	list-style-type: none;
	padding: 2px 0 2px 28px;
	position: relative;
	margin-bottom: 10px;
	letter-spacing: normal;
}
.circle_ol > li {
	padding: 2px 0 2px 40px;
}
.smpl_ol > li::before {
	content: "(" counter(cnt, decimal) ") ";
	left: 0;
	position: absolute;
	color: #333;
}
.circle_ol > li::before {
	content: counter(cnt, decimal);
	left: 0;
	top: 0;
	position: absolute;
	color: #ccc;
	border: 2px solid #ccc;
	padding: 3px 9px 2px;
	border-radius: 30px;
	font-weight: bold;
	font-size: 12px;
}
.circle_ol > li:nth-child(n+10)::before {
	padding: 4px 6px;
}
/*smpl_dl*/
.smpl_dl {
	letter-spacing: -0.4em;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.smpl_dl.news_dl{
	border-top:none;
}
.smpl_dl dt {
	width: 20%;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}
/*news_dl*/
.news_dl dd {
	box-sizing: border-box;
}
.news_cat_icon {
	font-size: 11px;
	background: #666;
	color: #fff;
	padding: 1px 4px;
	border-radius: 5px;
	margin-right: 3px;
	width: 80px;
	left: 0;
	text-align: center;
}
@media only screen and (max-width : 1200px) {
.smpl_dl dt {
	width: 20%;
}
}
.smpl_dl dd {
	vertical-align: middle;
	display: inline-block;
	width: 77%;
	margin-left: 1%;
	letter-spacing: normal;
}
.smpl_dl > div {
	display: block;
	padding: 13px 0;
	border-bottom: 1px solid #ccc;
}
.smpl_dl > div:last-child {
	border-bottom: none;
}
@media only screen and (max-width : 760px) {
.smpl_dl {
	font-size: 15px;
}
.smpl_dl dt {
    width: 100%;
    color: #ff830a;
    margin: 0;
    font-weight: bold;
    font-size: 12px;
}
.smpl_dl dd {
	width: 100%;
	margin-left: 0;
}
}
/*リストのオプション*/
ul.lines li {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
ul.box, ol.box {
	padding: 15px;
	border: 1px solid #f1f1f1;
	background: #f9f9f9;
	border-radius: 3px;
}
ul.box li:last-child {
	border-bottom: none;
}
.yoko li {
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}
/*
=====================================
//シンプルなdl ol ul
=====================================
*/
/*
=====================================

inner_tel

=====================================
*/
.inner_tel .middle_title {
    text-align: center !important;
    font-weight: bold !important;
    margin: 25px auto 0 !important;
    font-size: 26px !important;
}
.inner_tel {
	text-align: center!important;
}
.l_side .inner_tel p {
	line-height: 1.2em!important;
	margin: 0 auto;
}
.inner_tel .num a {
	color: #41b53e !important;
}
.inner_tel .num span, .blog_inner_tel span {
	font-size: 11px;
	color: #fff!important;
	padding: 2px 5px;
	border-radius: 10px;
	background: red;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-left: -15px;
	letter-spacing: normal !important;
	line-height: 20px!important;
}
.inner_tel {
	text-align: center!important;
}
.inner_tel .num {
	text-align: center;
	font-size: 45px;
	display: block;
	margin: 0px auto -5px!important;
	white-space: nowrap;
	font-weight: bold;
	line-height: 1em;
}
.inner_tel p.switch {
	margin: 0 auto;
}
.cash_box {
    width: 524px;
	box-sizing:border-box;
    text-align: center;
    padding: 8px 10px;
    background: #F8F4DA;
    margin: 4px auto 14px !important;
    display: block;
}
.cash_box > img{
	display:inline-block;
	vertical-align:middle;
	width:80px!important;
}
.cash_box_sub {
    padding-top: 5px;
    border-top: 1px solid #ccc;
    font-size: 12px;
    display: block;
    margin-top: 9px;
}
@media only screen and (max-width : 760px) {
.cash_box {
    width: 100%;
    margin: 15px auto 14px !important;
}
}
.inner_tel .minititle_24 {
    text-align: center;
    margin: 10px auto 0px !important;
    font-size: 12px;
    color: #777;
    font-weight: bold;
    max-width: 300px;
}
.inner_tel .split2 {
	max-width: 600px;
	margin: 0 auto 5px;
}
.merit_block {
	display: block;
	margin: 10px 0 !important;
}
.merit_block span {
	padding: 1px 6px;
	font-size: 14px;
	background: #09C;
	border-radius: 5px;
	margin: 0 2px 13px;
	color: #FFF;
}
@media only screen and (max-width : 760px) {
.inner_tel .num {
	font-size: 30px;
}
.inner_tel .spw100 > li {
	margin: 0px !important;
}
.cash_box {
	margin: 15px auto 14px !important;
}
}
@media only screen and (max-width : 600px) {
.inner_tel a {
	width: 80%!important;
}
}
/*
=====================================
//inner_tel
=====================================
*/
/*
=====================================

ふきだし

=====================================
*/
.fukidashi_item {
	display: inline-block;
	letter-spacing: -.4em;
	vertical-align: middle;
	margin: 10px 0;
}
.fukidashi_item p {
	letter-spacing: normal;
}
.fukidashi_icon_l .fukidashi_item:last-child, .fukidashi_icon_r .fukidashi_item:first-child {
    width: 70%;
    padding: 20px 30px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 30px;
    position: relative;
    background: #fff;
}
.fukidashi_icon_l .fukidashi_item:last-child::before {
	content: "◀";
	left: -18px;
}
.fukidashi_icon_r .fukidashi_item:first-child::before {
	content: "▶";
	right: -12px;
}
.fukidashi_icon_l .fukidashi_item:last-child::before, .fukidashi_icon_r .fukidashi_item:first-child::before {
	font-size: 19px;
	color: #ccc;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
 -webkit- transform: translateY(-50%);
	z-index: 2;
}
.fukidashi_icon_l .fukidashi_item:first-child, .fukidashi_icon_r .fukidashi_item:last-child {
	width: 25%;
	padding: 20px;
	box-sizing: border-box;
	color: #666;
	text-align: center;
	position: relative;
	z-index: 1;
}
.fukidashi_icon_l .fukidashi_item:first-child img, .fukidashi_icon_r .fukidashi_item:last-child img {
    border-radius: 200px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 20px;
    max-width: 145px;
    height: auto;
}
.fukidashi_icon_l .fukidashi_item:first-child p, .fukidashi_icon_r .fukidashi_item:last-child p {
	margin: 2px 0;
}
.fukidashi_item .fukidashi_name {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 12px;
}
@media only screen and (max-width : 760px) {
.fukidashi_icon_l .fukidashi_item:last-child, .fukidashi_icon_r .fukidashi_item:first-child {
	width: 70%;
	padding: 10px 15px;
	font-size: 12px;
}
.fukidashi_icon_l .fukidashi_item:first-child, .fukidashi_icon_r .fukidashi_item:last-child {
	width: 28%;
	padding: 0;
	font-size: 11px;
}
.fukidashi_item .fukidashi_name {
	bottom: -20px;
}
}
/*
=====================================
//ふきだし
=====================================
*/
/*
=====================================

SPLIT

=====================================
*/
.split2, .split3, .split4, .split5, .split6, .l_cont, .r_cont {
	display: inline-block;
	vertical-align: top;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 20px 0;
	letter-spacing: -.4em;
	position: relative;
	z-index: 2;
}
.split2 > li, .split3 > li, .split4 > li, .split5 > li, .split6 > li {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	letter-spacing: normal;
	position: relative;
}
.split2 > li {
	margin: 0 0.8% 2%;
}
.split3 > li {
	margin: 0 1% 2%;
}
.split4 > li, .split5 > li, .split6 > li {
	margin: 0 0.5% 10px;
}
.l_cont, .r_cont {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	margin: 0 1%;
}
.l_cont p, .r_cont p, .l_cont h1, .r_cont h1, .l_cont h2, .r_cont h2, .l_cont h3, .r_cont h3, .l_cont h4, .r_cont h4, .l_cont ul, .r_cont ul, .l_cont dl, .r_cont dl, .l_cont small, .r_cont small, .l_cont blockquote, .r_cont blockquote, .l_cont cite, .r_cont cite, .l_cont tr, .r_cont tr {
	letter-spacing: normal;
}
.split2 > li:nth-child(2n+1), .split3 > li:nth-child(3n+1), .split4 > li:nth-child(4n+1), .split5 > li:nth-child(5n+1), .split6 > li:nth-child(6n+1), .l_cont {
	margin-left: 0;
}
.split2 > li:nth-child(2n), .split3 > li:nth-child(3n), .split4 > li:nth-child(4n), .split5 > li:nth-child(5n), .split6 > li:nth-child(6n), .r_cont {
	margin-right: 0;
}
.split2 > li {
	width: 49.2%;
}
.l_cont, .r_cont {
	width: 48.7%;
}
.l_cont.w28 {
	width: 18%;
}
.r_cont.w28 {
	width: 78%;
}
.l_cont.w82 {
	width: 78%;
}
.r_cont.w82 {
	width: 19%;
}
.l_cont.w73 {
	width: 70.7%;
}
.r_cont.w73 {
	width: 26.7%;
}
.l_cont.w37 {
	width: 26.7%;
}
.r_cont.w37 {
	width: 70.7%;
}
.l_cont.w46 {
	width: 37%;
}
.r_cont.w46 {
	width: 59.3%;
}
.l_cont.w64 {
	width: 59.3%;
}
.r_cont.w64 {
	width: 37%;
}
.split3 > li {
	width: 32%;
}
.split4 > li {
	width: 24.25%;
}
.split5 > li {
	width: 19.2%;
}
.split6 > li {
	width: 15.8%;
}
/* split 画像 */
.split2 img, .split3 img, .split4 img, .split5 img, .split6 img {
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;
}
.split2 li > a, .split3 li > a, .split4 li > a, .split5 li > a, .split6 li > a {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
/* 分割のオプション */
.edge > li {
	border: 1px solid #ccc;
	background: #fff;
	box-sizing: border-box;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.p15 > li {
	display: block;
	padding: 15px;
}
.p30 > li {
	display: block;
	padding: 30px;
}
.ap15 > li > a, .ap30 > li > a {
	display: block;
	z-index: 2;
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.ap15 > li > a {
	padding: 15px;
}
.ap30 > li > a {
	padding: 30px;
}
.edge > li > a > p:first-child {
	margin-top: 0;
}
.middle {
	vertical-align: middle!important;
}
.bottom {
	vertical-align: bottom!important;
}
.center li {
	text-align: center;
}
/*flat*/
ul.flat > li {
	position: relative;
}
ul.flat > li::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: transparent #3375c6 transparent transparent;
	z-index: 3;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
ul.flat > li:hover::after {
	border-width: 0 20px 20px 0;
}
ul.flat > li img {
	margin-bottom: 3px;
}
ul.flat > li time {
	padding: 2px 0;
	margin: -3px 0 0;
}
/*triangle*/
.triangle > li {
	position: relative;
}
.triangle > li::before, .triangle > li::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 2px;
	right: 2px;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.triangle > li::before {
	border-style: solid;
	border-width: 0 30px 30px 0;
	border-color: transparent #3375c6 transparent transparent;
	z-index: 3;
}
.triangle > li::after {
	content: "\f067";
	font-family: "Font Awesome 5 Pro";
	top: 2px;
	right: 14px;
	color: #fff;
	font-size: 12px;
	z-index: 4;
}
.triangle > li:hover::after {
	top: 1px;
	right: 18px;
	color: #fff;
	font-size: 16px;
}
.triangle > li:hover::before {
	border-width: 0 40px 40px 0;
}
/*kazari*/
.kazari {
	border: 2px solid #C90;
	position: relative;
	padding: 15px 25px;
}
.kazari::before, .kazari::after, .kazari .kazari_inner::before, .kazari .kazari_inner::after {
	content: "";
	height: 30px;
	width: 30px;
	background: url(../../img/icons/kazari.png) no-repeat;
	background-size: cover;
	position: absolute;
}
.kazari::before {
	top: 1px;
	right: 1px;
}
.kazari::after {
	top: 1px;
	left: 1px;
	transform: rotate(270deg);
}
.kazari .kazari_inner::before {
	bottom: 1px;
	right: 1px;
	transform: rotate(90deg);
}
.kazari .kazari_inner::after {
	bottom: 1px;
	left: 1px;
	transform: rotate(180deg);
}
@media only screen and (min-width : 1200px) {
/*PCのみ*/
/*padding*/
.pl15 {
	padding-left: 15px;
}
.pr15 {
	padding-right: 15px;
}
.pl30 {
	padding-left: 30px;
}
.pr30 {
	padding-right: 30px;
}
}
@media only screen and (max-width : 1000px) {
.split5 > li {
	width: 31.33%;
	margin: 0 1% 10px!important;
}
}
@media only screen and (max-width : 760px) {
.l_cont.w46 img, .l_cont.w46 img, .l_cont.w64 img, .l_cont.w64 img, .l_cont.w37 img, .l_cont.w28 img, .l_cont.w73 img, .l_cont.w82 img, .r_cont.w37 img, .r_cont.w28 img, .r_cont.w73 img, .r_cont.w82 img {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	display: block;
	height: auto;
}
.split6 > li {
	width: 31.33%;
	margin: 0 1% 10px!important;
}
.l_cont.w46, .r_cont.w46, .l_cont.w64, .r_cont.w64, .l_cont.w28, .r_cont.w28, .l_cont.w82, .r_cont.w82, .l_cont.w73, .r_cont.w73, .l_cont.w37, .r_cont.w37 {
	width: 100%;
	margin: 0;
}
/*オプション*/
.ap30 > li > a {
	padding: 20px;
}
.ap15 > li a {
	padding: 10px;
}
.split3 > li, .split4 > li, .split6 > li, .split5 > li {
	width: 49%;
	margin: 2px 0.5% 5px !important;
}
.l_cont, .r_cont {
	width: 100%;
	margin: 0;
}
}
@media only screen and (max-width : 500px) {
.spw100 > li {
	width: 100%!important;
	margin: 0 0 10px!important;
}
.spw50 > li {
	width: 46.4% !important;
	margin: 0 1.3% !important;
}	
}
/*clear*/
.title_mt_clear h1, .title_mt_clear h2, .title_mt_clear h3, .title_mt_clear h4 {
	margin-top: 10px!important;
}
.title_mb_clear h1, .title_mb_clear h2, .title_mb_clear h3, .title_mb_clear h4 {
	margin-bottom: 10px!important;
}
.img_mclear img {
	margin-bottom: 0;
}
/*
=====================================
//SPLIT
=====================================
*/
/*
=====================================

シンプルなdl ol ul_BEFORE

=====================================
*/
.smpl_ul, .arrow_ul, .border_ul, .check_ul .smpl_ol, .smpl_dl, .circle_ol, .slash_ul {
	opacity: 0;
	filter: alpha(opacity=0); /* IE8 and lower */
	zoom: 1; /* Triggers "hasLayout" in IE 7 and lower */
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
}
/*
=====================================
//シンプルなdl ol ul
=====================================
*/
/*
=====================================

汎用アイコン

=====================================
*/
.icons {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.icons.pdf, .icons.excel, .icons.word {
	width: 20px;
	height: 20px;
	margin-top: -7px;
	background-size: cover;
}
/* FontAwsome */
.fa-chevron-right {
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
	margin-top: -2px;
	margin-right: 8px;
	vertical-align: middle;
}
a:hover .fa-chevron-right {
	margin-left: 2px;
	margin-right: 6px;
}
.fa-folder {
	margin-right: 5px;
}
.fa-external-link {
	margin-left: 5px;
	color: #999;
	font-size: 10px;
}
.switch .fa-external-link {
	color: #fff;
}
.fa-at {
	color: #7DBFAF;
	margin: 0 2px;
}
/* NEW */
.new_icon {
	background: #e62929 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	margin: 0 0 0 5px;
	padding: 1px 5px;
	vertical-align: middle;
}
/* time */
time {
    display: block;
    margin: 0 0 10px;
    border-bottom: aliceblue;
    color: #999;
}
time::before {
	content: "\f017";
	font-family: "Font Awesome 5 Pro";
	color: #999;
}
.time_category {
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px;
	margin: 0 0 10px;
	color: #666;
	font-size: 12px;
}
.time_category time {
	display: inline-block;
	width: 93px;
	border: none;
	margin: 0 5px 0 0;
	padding: 0;
}
/*
=====================================
//汎用アイコン
=====================================
*/
/*
=====================================

COMMON

=====================================
*/
/* wrapper */
.wrapper {
	max-width: 1200px;
	margin: 0 auto;
}
.content_wrapper {
	max-width: 950px;
	margin: 0 auto;
}
.mb40{
	margin-bottom:40px;
}
/*画像をレスポンシブ化*/
.max, .max img {
	width: 100%;
	height: auto;
}
/*幅制限*/
.limit250 img,.limit300 img, .limit250 img,.limit350 img, .limit400 img, .limit450 img, .limit500 img, .limit300, .limit350, .limit400, .limit450, .limit500 {
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.limit250 img, .limit250 {
	max-width: 250px!important;
	margin:0 auto;
}
.limit300 img, .limit300 {
	max-width: 300px!important;
}
.limit350 img, .limit350 {
	max-width: 350px!important;
}
.limit400 img, .limit400 {
	max-width: 400px!important;
}
.limit450 img, .limit450 {
	max-width: 450px!important;
}
.limit500 img, .limit500 {
	max-width: 500px!important;
}
/*アンカー*/
.ancher {
	display: block;
	padding-top: 150px!important;
	margin-top: -150px!important;
}
/*clear*/
.clear_bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}
.clear_top {
	margin-top: 0;
	padding-top: 0;
}
.clear_right {
	margin-right: 0;
	padding-right: 0;
}
.clear_left {
	margin-left: 0;
	padding-left: 0;
}
/*中央揃え*/
.center {
	text-align: center;
}
.center img {
	display: block;
	margin: 0 auto;
}
/*NOW*/
nav .now {
	color: #ff830a!important;
}
/* float */
.f_l {
	float: left;
}
.f_r {
	float: right;
}
/* ページトップへ移動 */
#pageTop {
	background-color: #ff830a;
	border-radius: 50px;
	bottom: 10px;
	color: #fff;
	font-size: 20px;
	padding: 0px 11px;
	position: fixed;
	right: 10px;
	text-decoration: none;
	z-index: 999;
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
}
#pageTop:hover {
	bottom: 12px;
}
/*waku*/
.waku {
	padding: 5px 20px;
	background: #f1f1f1;
	border-radius: 15px;
	display: block;
}
/*blog_contents*/
.blog_contents li {
	list-style: disc;
	margin-left: 16px;
}
.blog_contents blockquote {
	padding: 8px 20px;
	border-radius: 5px;
	border: 3px solid #ccc;
	margin: 20px 0;
	position: relative;
	z-index: 1;
}
.blog_contents blockquote::before {
	content: "\f10d";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	left: -15px;
	top: -15px;
	z-index: 2;
	background: #fff;
	border-radius: 30px;
	color: #ccc;
	font-size: 18px;
	width: 30px;
	height: 30px;
	text-align: center;
}
/*PCのみ表示する*/
@media screen and (max-width: 1200px) {
.pc_only {
	display: none;
}
}
/*スマホのみ表示する*/
@media screen and (min-width: 1200px) {
.sp_only {
	display: none;
}
}
@media screen and (max-width: 1200px) {
.sp_only {
	display: block;
}
}
/* スマホで改行させる */
@media screen and (min-width: 600px) {
.br-sp {
	display: none;
}
}
@media screen and (max-width: 600px) {
.br-sp {
	display: block;
	line-height: 0.5em;
}
}
/*
=====================================
//COMMON
=====================================
*/
/*
=====================================

ANIMATION

=====================================
*/
.anim_in {
	opacity : 0;
	transition : all 1s;
}
/*初期値調整*/
/*direction*/
.anim_in.up {
	transform : translate(0, 15px);
}
.anim_in.down {
	transform : translate(0, -15px);
}
.anim_in.right {
	transform : translate(15px, 0);
}
.anim_in.left {
	transform : translate(-15px, 0);
}
/*flash*/
.anim_in.flash {
	opacity : 1;
	filter: brightness(200%);
	animation-delay: 0.3s;
}
/*zoom*/
.anim_in.zoom {
	opacity: 1;
	transform: scale(0.8);
}
/*minzoom*/
.anim_in.minzoom {
	opacity: 1;
	transform: scale(0.9);
}
/*フォーカス*/
.anim_in.focus_in {
	transform: scale(1.3);
	-webkit-filter: blur(12px);
	filter: blur(12px);
}
@keyframes car_motion {
0% {
 padding-left:0;
}
50% {
 padding-left:25px;
}
100% {
 padding-left:0;
}
}
/*
=====================================
//ANIMATION
=====================================
*/
/*
=====================================

スマホ・タブレット対応

=====================================
*/
@media only screen and (max-width : 1200px) {
/*body*/
body {
	padding-top: 68px;
	background:none;
}
/*nav*/
nav ul {
	width: 100%;
}
/* 固定横幅を100%に */
.wrapper,.content_wrapper {
	width: 100%!important;
	box-sizing: border-box!important;
	padding: 0 20px!important;
}
.wrapper .wrapper{
	padding:0!important;	
}
/*tel_btn*/
.tel_btn p:first-child {
	font-size: 28px;
	line-height: 1.2em;
}
}
@media only screen and (max-width : 1000px) {
/*mega_menu*/
#mega_menu {
	display: none!important;
}
}
@media only screen and (max-width : 760px) {
.stn_h1 {
    padding: 50px 30px;
    font-size: 25px;
}
/* header */
header .header_logo a::before {
    height: 40px;
    width: 40px;
	left: -4px;
}
header .header_logo {
    font-size: 19px;
    top: 14px;
}
/* main */
#main {
	float: none;
	margin-bottom: 30px;
	width: 100%;
}
main .l_side {
	display:none;
}
.l_side {
	width:100%;
    float: none;
}
/*r_side*/
#r_side {
    float: none;
    width: 100%;
    margin: 0 auto 0;
    clear: both;
    margin-top: 35px;
    padding-left: 0;
}
/*テーブルを横スクロール可能に*/
.scroll_table::before {
	content: "この表は左右にスクロールできます";
	color: #888;
	font-size: 12px;
	display: block;
	background: #f1f1f1;
	padding: 0 10px;
	width: 200px;
	text-align: center;
	margin: 0;
	border: 1px solid #ccc;
	border-radius: 10px 10px 0 0;
}
.scroll_table {
	overflow: auto;
	position: relative;
	margin: 15px 0;
}
table th, table td {
	word-break: normal;
	padding: 5px;
	vertical-align: top;
}
.scroll_table table {
	width: 600px;
}
.scroll_table.wide table {
	width: 1000px;
}
}
@media only screen and (max-width : 600px) {
header .header_logo span {
    font-size: 10px;
}
/*tel_btn*/
.tel_btn {
	line-height: 20px;
}
}
@media only screen and (max-width : 400px) {
	header .header_logo a::before{
		background: none;
	}
	header .header_logo {
    font-size: 20px;
    top: 15px;
	left: 5px;
    width: 135px;
}
header .header_logo span {
    display: none;
}
header .header_logo a {
    padding-left: 10px;
}
}
/*ECCUBEのCSS 上書き*/
.ec-headerNaviRole {
    padding-bottom: 0;
}
.ec-productRole {
    margin: 10px auto 0;
    padding-left: 0;
    padding-right: 0;
}
#page_homepage .ec-headerNaviRole{
	padding-top: 35px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ccc;
}
.ec-topicpath {
    padding: 5px 0 10px;
}
.ec-layoutRole .ec-layoutRole__contents{
    max-width:none!important;
}
.ec-shelfGrid .ec-shelfGrid__item-image {
    height: auto;
}
.ec-productRole .ec-productRole__title .ec-headingTitle {
    
	font-weight:bold;
	text-align: left;
}
.ec-layoutRole {
	background:none;
}
.ec-cartNavi {
    position: relative;
}
.ec-cartNavi .ec-cartNavi__badge {
    left: 80%;
    top: -8px;
}
.ec-role {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

.ec-shelfGrid .ec-shelfGrid__item{
	display:inline-block;
	position:relative;
	padding-bottom:60px!important;
}
.ec-shelfGrid__item .ec-blockBtn--action{
	position:absolute;
	bottom:0;
	width:90%;
}
#guide a{
	display:inline-block;
}
.fa-shopping-cart:before {
    content: "\f07a";
}
.ec-cartNaviNull.is-active {
    z-index: 10;
}
@media only screen and (min-width: 768px){
.ec-productRole .ec-productRole__title .ec-headingTitle {
    font-size: 20px;
}
.ec-cartNavi .ec-cartNavi__badge {
    left: -18px;
    top: -5px;
}
}