@charset "utf-8";

@import url(reset.css);
@import url(common.css);
/**************************/

/*  General  */
body {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 16px;
	margin: 0;
	color: #666;
	background-repeat: round;
	background: url(/images/body_bg.gif) ;
}
/*body.bg_img {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 16px;
	margin: 0;
	color: #666;

}*/

a { text-decoration: none; }

p { line-height: 1.6em; color: #666 /*#cd0a00*/; }

/*  Header  
header {
	position: relative;
	margin: 0;
	height: 110px;
	background-color: #fffff0;
}*/
/*header*/
header {
	position: relative;
	margin: 0;
	height: 110px;
	background-size: 20px 20px;
	background-color: #fff;
    background-image: linear-gradient(45deg, rgb(253 253 253 / 50%) 25%, transparent 25%, transparent 50%, rgb(240 240 240 / 50%) 50%, rgb(255 255 255 / 50%) 75%, transparent 75%, transparent), linear-gradient(-45deg, rgb(240 240 240 / 50%) 25%, transparent 25%, transparent 50%, rgb(215 215 215 / 50%) 50%, rgb(255 255 255 / 50%) 75%, transparent 75%, transparent);
}

/**/

header #h-content {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
}

header #h-content .h-left { position: relative; margin: 3px auto 0; width: 450px; }
/*header #h-content .h-left h1 { margin-top: 0; height: 0; visibility: hidden; }*/
header #h-content .h-left h1 { margin-top: 0; height: 0; text-indent: -9999px; overflow: hidden; }
header #h-content .h-left p.fslogo { margin-top: 20px; padding: 0;}
header #h-content .h-left p.fslogo img { width: 100%; }

header #h-content .h-right { margin-top: 12px; margin-right: 1%; text-align: right; float: right; }
header #h-content .h-right p.h-addr { font-size: 1.0em; line-height: 1.2em; }
header #h-content .h-right p.h-phn { font-size: 1.6em; font-style: italic; font-weight: bold; }

/*セカンドページタイトル*/
h2#pagetit {
    font-size: 2.0em;
    letter-spacing: 0.1em;
    font-weight: 700;
    background-color: #f86d01;
    color: #fff;
    padding: 3%;
}
h3.h3tit {
    font-size: 1.8em;
    border: 8px solid #dacb68;
    color: #7ea400;
    background-color: #f0e791;
    font-weight: 700;
    margin-bottom: 25px;
    padding: 1.8%;
}


/***** グローバル・ナビゲーション *****/
nav.global {
    top: 0;
    position: sticky;
    z-index: 1;
    margin: 0px auto 25px auto;
    width: 100%;
    height: 50px;
    background-color: #ff9f00f0;
    box-shadow: 0px 5px 9px #393939;
}

.global ul {
	margin: 0 auto;
    width: 70%;
    padding: 0;
    list-style: none;
}

.global #gmenu { display: block; }

.global li {
	float: left;
    margin-left: 3px;
    width: auto;
    font-weight: 700;
}
/*矢印*/
.global li.has-child::before {
    content: '';
    position: absolute;
    /* left: 15px; */
    top: 20px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
/*追加20221107*/
.global li.g_tel {
	float: right;
    margin: 0 0 0 0;
    font-size: 1.9em;
    font-weight: 700;
    color: #ffffff;
}
.global li a {
	display: block;
    padding: 15px 15px 5px 15px;
    font-size: 1.0em;
    color: #fff;
    text-shadow: 3px 3px 3px #8b6e34;
    text-decoration: none;
}
.global li a:hover { color: #ca0; border-bottom: 2px solid #ca0; }
.global li a.thisp { 
	color: #fff;
    border-bottom: 2px solid #fff;
}

.global li.clsmnu { display: none; }


/********** Main Block **********/
.contents {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
}

main {
	position: relative;
	margin: 0;
	padding-left: 0%;
	padding-right: 0%;
	width: 100%;
}

/**** メニューボタン ****/
#mbtn { display: none; }
button.menubtn {
	position: absolute;
	top: 10px;
	right: 2%;
	border: none;
	background-color: transparent;
	cursor: pointer;
}
button.menubtn:focus { outline: none; }

button.menubtn img { width: 40px; height: 40px; }

/* Top Board */
main article.topface {
	position: relative;
	margin: 0 auto 20px auto;
	padding: 0;
	width: 100%;
	height: auto;
}
article.topface h1 { display: block; height: 0; text-indent: -9999px; overflow: hidden; }
article.topface img { width: 100%; }
article.topface img.pc { display: block; }
article.topface img.sp { display: none; }
.sp_disp { display: none; }


/* Top Message */
main .topmsg {
	position: relative;
	margin: 30px auto 20px auto;
	padding: 20px;
	/*width: 90%;*/
}
main .topmsg h2 {
	margin-top: -50px;
	margin-left: -10px;
	margin-bottom: 8px;
	padding: 5px 20px;
	width: 12em;
	line-height: 1.2em;
	font-size: 1.2em;
	color: #cd0a00;
	border: solid 2px #b22222;
	border-radius: 40px;
	background: #fffff0;
}
main .topmsg h3 {
	margin: 10px 0 30px 0;
	padding-left: 1.4em;
	width: 12em;
	line-height: 1.6em;
	font-size: 1.2em;
	font-weight: bold;
	color: #cd0a00;
	background: url(../images/ar_uline2.png) bottom left no-repeat;
	background-size: contain;
}

/*** info panel ***/
div.infopanel { margin: 0 auto 20px auto; width: 80%; }
.infopanel img { width: 100%; }
.infopanel p.license { margin: 0; width: 100%; text-align: left; font-size: 1.0em; color: #1a0000; }


/**** Job Container ****/
/*main .jobindex { position: relative; margin: 40px auto; width: 90%; }
main .jobindex h1 { margin: 0; padding: 0.4em; width: 12em; text-align: left; font-size: 1.2em;
	color: #8b0000; border-top: double 3px #800000; border-bottom: double 3px #800000; }*/

main .jobcontainer {
	position: relative;
	margin: 0px auto 60px auto;
	width: 90%;
	padding-bottom: 20px;
/*	border-bottom: double 3px #bba; */
}

.jobcontainer article.jobox {
	position: relative;
	margin: 20px 2% 10px 2%;
	width: 46%;
	float: left;
}
.jobcontainer article.jobox img { width: 100%; }
.jobcontainer article.jobox img.sqrphoto { margin-left: 20%; width: 55%; }
.jobcontainer article.jobox p.commt { font-size: 0.9em; padding-top: 0.2em; font-weight: bold; }
.jobcontainer article.jobox p.chui { font-size: 0.8em; padding-top: 0.4em;}


/**** PRICE LIST ****/
main .price {
	position: relative;
	margin: 50px auto;
	width: 90%;
	color: #a32003;
}

.price article.pricequote {
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 auto;
	width: 90%;
	padding: 30px 4%;
	background-color: #daebd8;
	border-radius: 20px;
}
.price article.pricequote h1 {
	position: absolute;
	top: -0.8em;
	left: 1.5em;
	width: 5em;
	line-height: 1.6em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #fffff0;
	border: 1px solid #006400;
	border-radius: 10px;
}
.price article.pricequote h2 {
	font-size: 1.1em;
	font-weight: bold;
}
.price article.pricequote .plist { margin: 10px; }
.price article.pricequote .plist img.prc { width: 60%; }
.price article.pricequote p.atten { font-size: 0.9em; line-height: 1.1em; padding-left: 1em; text-indent: -1em; }
.price article.pricequote .plist .pex { margin-top: 10px; margin-left: 10%; }
.price article.pricequote .plist .pex img { width: 40%; }
.price .quoteimg { position: absolute; top: 10%; left: 60%; width: 30%;}
.price .quoteimg img { width: 100%; }

.price .quotefree {
	position: relative;
	margin: 20px auto 0 auto;
	width: 65%;
	background: #ffef44;
	border-radius: 16px;
}
.price .quotefree p.qfree {
	padding: 15px;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.8em;
	color: #8b0000;
}


/**** contact ****/
main .contact {
	position: relative;
	margin: 50px auto;
	width: 90%;
	color: #a32003;
}

.contact article.contbox {
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	width: 60%;
	padding: 2.0em 4% 1.2em 4%;
	background-color: #fffff0;
	border: 1px solid #a32003;
}
.contact article.contbox h1 {
	position: absolute;
	top: -0.8em;
	left: 1.5em;
	width: 12em;
	line-height: 1.6em;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
	background-color: #daebd8;
	border: 1px solid #006400;
	border-radius: 10px;
}

.contact article.contbox .btn {
	margin: 10px auto;
	width: 70%;
}

.contact article.contbox .btn a {
	display: block;
	width: 80%;
	padding: 5px 20px;
	text-align: center;
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #a0a0ff;
	color: white;
	text-shadow: 1px 1px #3a3a00;
	text-decoration: none;
	border-top: none;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: none;
}

.contact article.contbox .btn a:hover {
	background-color: #c0c0ff;
	color: #ffffa0;
	border-top: 1px solid #486;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #486;
}

/**** Advertisement ****/
main .adv {
	position: relative;
	margin: 50px auto;
	width: 50%;
	padding: 10px 20% 10px 4%;
	background-image: url("../images/7_worker.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: contain;
	border-left: double 6px #a32003;
}
.adv p {
	font-size: 1.1em;
	line-height: 1.6em;
	color: #a32003;
}

/**** 外部リンク ****/
article#links { position: relative; margin: 30px auto; width: 90%; }
article#links h1 { margin-bottom: 40px; font-size: 1.2em; border-bottom: double 3px #b22222; }
article#links .link-item { margin: 20px auto; width: 60%; }
article#links .link-item img { width: 100%; }

p.backtop {
	margin: 20px 20px 10px 0;
	text-align: right;
	padding-top: 12px;
	padding-right: 25px;
	font-size: 0.9em;
	background: url(../images/balloon01sm.png) 100% 50% no-repeat;
	background-size: contain;
	height: 28px;
}


/**** Figure Configurations ****/
figure { display: block; }
figure img { width: 100%; }
figure.img-ctr { margin: 10px auto; text-align: center; }
figure.img-left { margin: 10px 2% 10px 0; float: left; }
figure.img-right { margin: 10px 0 10px 2%; float: right; }

figure.med40 { width: 40%; }


/********** ACTIVITY.HTML *********/

figure.rfig01 { margin: 10px 0 10px 2%; width: 40%; float: right; }
figure.rfig02 { margin: 0 0 10px 2%; width: 20%; float: right; }
figure.cfig01 { margin: 0 auto; width: 90%; }
figure.cfig60 { margin: 0 auto; width: 60%; }
/*edit*/
figure.grid_col2 { 
display: grid;
grid-template-columns: 1fr 1fr;
text-align: center;
background-color: #fff;
	padding: 2%;
}

.colwidth{
	display: grid;
	grid-template-columns: 40% 1fr;
	background-color: #fff;
}
/*end*/
figure img { width: 100%; }

article.kiji { position: relative; margin: 30px auto; width: 90%; }
article.kiji h1 { margin-bottom: 40px; font-size: 1.2em; border-bottom: double 3px #b22222; }
article.kiji p { margin: 0.8em 5%; line-height: 1.8em; }

article#profile table { margin: 30px 8%; }
article#profile table td.itm {
	padding: 2px 1%; line-height: 1.6em; width: 14em;
	color: #fff; background-color: #460; border: solid 1px #666;
}
article#profile table td.prof {
	padding: 0.8em 1em 0.8em 3em; line-height: 1.6em; border: solid 1px #666; font-size: 0.9em;
}

article#access h2 {
	margin: 30px 10%; padding-left: 8px; font-size: 1.2em; line-height: 1.4em; 
	border-left: 5px solid #a32003;
}
article#access p { 
	margin: 30px 10%;
	font-size: 1.4em;
    text-align: center;
}
article#access .placemap { display: block; margin: 20px auto; width: 100%; }
article#access .placemap-mb { display: none; margin: 20px auto; }


/********** CONTACT.HTML *********/

main article.frm {
	position: relative;
	margin: 10px auto 60px auto;
	padding: 30px 0;
	width: 90%;
	background: #fffff0;
/*	-webkit-box-shadow: 3px 3px 3px #999;
	box-shadow: 3px 3px 3px #999;*/
	box-shadow: none;
}

main article.frm h1 {
	margin-left: 30px;
	margin-bottom: 10px;
	line-height: 1.4em;
	font-size: 1.4em;
	color: #a32003;
}

p.atn { margin-left: 30px; font-size: 0.9em; color: #b22222; padding: 0 0 0 2em; }

div#formmail { margin: 20px auto; width: 90%; font-size: 1em; }
#formmail dl { margin-bottom: 20px; padding-top: 30px;
	border-top: 1px solid silver; border-bottom: 1px solid silver; }
#formmail dt { padding-left: 8px; border-left: 3px solid #088; line-height: 1.6em; }
#formmail dd { margin: 2px 0 10px 20px; line-height: 1.6em; }
#formmail input.broad { max-width: 80%; padding: 5px; border-top: 2px solid gray;
	border-right: 1px solid silver; border-bottom: 1px solid silver; border-left: 2px solid gray; }
#formmail textarea { max-width: 90%; border-top: 2px solid gray; border-right: 1px solid silver;
	border-bottom: 1px solid silver; border-left: 2px solid gray; }
#formmail input:focus, textarea:focus { background-color: #dee; }
#formmail .buttons { text-align: center; }


#formmail input.fchar { ime-mode: active; }
#formmail textarea.fchar { ime-mode: active; }
#formmail input.hchar { ime-mode: disabled; }


/********** TERMS.HTML *********/
article.tokusho { position: relative; margin:50px 2%; color: #333; }
article.tokusho h1 { text-align: center; font-size: 1.4em; line-height: 2em; }

p.sign { margin-bottom: 30px; margin-right: 20px; text-align: right; font-size: 1.0em; }

article.tokusho dl { margin: 40px 10%; font-size: 0.9em; border: solid 1px #999; }
article.tokusho dl dt {
	margin: 0; padding: 4px 10px; line-height: 1.8em;
	width: 16em; color: white; background: #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
}
article.tokusho dl dd {
	margin: 0; padding: 4px 4px 4px 8em;
	line-height: 1.8em; width: auto;
	border-bottom: solid 1px #999;
	background-color: #fff;
}
article.tokusho dl dd:after { content: ""; clear: both; display: none; }


/********** PRIVACY.HTML *********/
article.privacy { position: relative; margin:50px 2%; color: #333; }
article.privacy h1 { text-align: center; font-size: 1.4em; line-height: 2em; }

article.privacy h2.lead { margin-bottom: 0.8em; color: #000; }
article.privacy p.text { margin: 0 2em 1.2em 2em; }

/********** THANKS.HTML *********/
a.backbtn { text-decoration: none; }
a.backbtn button { display: block; margin: 50px auto; width: 100px; padding: 6px; }


/***** ボトムインデックス *****/
div#bottomindex { clear: both; margin-bottom: 10px; padding: 20px 0 10px 20px; }

#bottomindex ul#btm { list-style-type: none; margin: 0; }

#bottomindex ul#btm li {
	display: inline;
	float: left;
	margin-bottom: 0px;
	padding: 0 10px;
	font-size: 0.9em;
	border-right: 1px solid #999;
}
#bottomindex li.fst { border-left: 1px solid #999; }
#bottomindex a { text-decoration: none; color: #484; }
#bottomindex a:hover { text-decoration: underline; color: #daa520; }
#bottomindex:after { content: ""; clear: both; height: 0px; }


/**** 旧　FOOTER ***
footer {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
	height: 132px;
	background-color: #a32003;
	color: white;
}

footer .ft-left { position: relative; margin-left: 1%; width: 480px; float: left; }

footer .ft-left h1 { margin-top: 0; height: 0; visibility: hidden; }
footer .ft-left p.ftlogo { margin-top: 20px; padding: 0; }
footer .ft-left p.ftlogo img { width: 100%; }
footer .ft-left p.copyright { margin: 0; padding-left: 3%;
	font-size: 0.9em; line-height: 1.0em; color: white; font-family: Century, Times New Roman, serif;
}

footer .ft-right {
	margin-top: 20px;
	margin-right: 2%;
	float: right;
	font-size: 1.0em;
	font-weight: normal;
	text-align: right;
}
footer .ft-right p.ft-addr { color: white; line-height: 1.2em; }
footer .ft-right p.ft-phn { color: white; line-height: 1.4em; }
footer .ft-right p.ft-eml { color: white; line-height: 1.4em; }*/


/***************************************************************/
/**************** <<<   Responsive Desgin   >>> ****************/
/***************************************************************/

@media(min-width: 768px) {
	a[href^="tel:"]{ pointer-events: none; }
	/*top inq_box*/
	.inq_box{ display: none; 
}
	/**/
}
/****** notePC  <1370px ******/
@media only screen and (max-width: 1400px) {
	/*グローバル*/
		
		#container nav.global_re ul {
          display: grid;
          grid-template-columns: 18% 18% 18% 18% 28%;
          margin: 0 auto;
          width: 80%;
          padding: 0;
          list-style: none;
}
}
@media only screen and (max-width: 1190px) {
	/*グローバル*/
		
		#container nav.global_re ul {
          display: grid;
          grid-template-columns: 18% 18% 18% 18% 28%;
          margin: 0 auto;
          width: 90%;
          padding: 0;
          list-style: none;
}
}
@media only screen and (max-width: 1000px) {
	/*グローバル*/
		
		#container nav.global_re ul {
          display: grid;
          grid-template-columns: 18% 18% 18% 18% 28%;
          margin: 0 auto;
          width: 95%;
          padding: 0;
          list-style: none;
}
}

/****** Smartphone:  <480px ******/
@media (max-width: 480px) {

	header { height: 62px !important; }
	header #h-content .h-left { margin-left: 2% !important; width: 65% !important; }
	header #h-content .h-left p.fslogo { margin-top: 12px !important; }
	header #h-content .h-right { display: none; }
/*	header #h-content .h-right { margin-top: 8px !important; }
	header #h-content .h-right p.h-addr { font-size: 0.6em; }
	header #h-content .h-right p.h-phn { font-size: 0.8em !important; } */

	nav.global { display: none; width: 100%; height: auto; }
	/*追加*/
	
	.global #gmenu { display: none; }
	.global ul { position: absolute; z-index: 2; width: 100%; }
	.global li { float: none; margin: 0; width: 100%; }
	.global li a {
		padding: 0.6em 0 0.6em 0;
		line-height: 1.2em;
		text-align: center;
		font-size: 1.0em;
		border-bottom: 1px solid #333;
		background-color: #ffb000;
	}
	.global li.g_tel {
	float: none;
    font-size: 1.2em;
    padding: 20px 0 20px 0;
    margin: 0 0 0 0;
    text-align: center;
    width: 100%;
    background-color: #ffb000;
	}
	.global li a.thisp { border-bottom: 1px solid #00001a; background-color: #fffff0; }
	.global li.clsmnu { display: block; }
	#mbtn { display: none; }


	article.topface { width: 98%; }

	article.topface .img.pc { display: none; }
	/*top inq_box*/
	.inq_box{ display: block; }
	/**/
	article.topface .img.sp { display: block; }
	
    .pc { display: none; }
	.sp { display: block; }

	main .topmsg h2 { font-size: 1.0em; }
	main .topmsg p { font-size: 0.9em; }

	div.infopanel { width: 100%; }
	.infopanel p.license { margin: 0; width: 100%; text-align: left; font-size: 0.8em; color: #1a0000; }

	.jobcontainer {
		margin: 30px auto;
		width: 95% !important;
		padding: 0% !important;
	}
	.jobcontainer article.jobox {
		margin: 20px auto;
		width: 90%;
		float: none;
	}
	.jobcontainer article.jobox p.chui { top: 95%; }

	.price { margin-top: 20px !important; width: 98% !important; }
	.price article.pricequote h2 { font-size: 0.8em; }
	.price article.pricequote .plist > img.prc { width: 100%; }
	.price article.pricequote .plist .pex img { width: 80%; }
	.price .quoteimg { position: relative; top: 20px; left: 10%; width: 80%;}
	.price .quoteimg img { margin-left: 8%; width: 84%; }
	.price .quotefree { width: 95%; }
	.price .quotefree p.qfree { font-size: 1.1em; line-height: 1.4em; }

	.contact { width: 98% !important; }
	.contact article.contbox { width: 100%; padding-left: 20px; }
	.contact article.contbox p.note { font-size: 0.9em; }
	.contact article.contbox .btn { width: 80%; }
	.contact article.contbox .btn a { font-size: 1.1em; }

	.adv {
		width: 55% !important;
		padding-right: 35% !important;
	}
	.adv p { font-size: 0.8em; }

	article#links .link-item { margin: 20px auto; width: 90%; }

	/********** CONTACT.HTML *********/

	main article.frm { margin: -30px auto 0px auto; padding: 30px 0; width: 98%; }
	main article.frm h1 {
		margin-left: 1em;
		margin-bottom: 10px;
		line-height: 1.4em;
		font-size: 1.1em;
	}
	p.atn { margin-left: 0; font-size: 0.8em; }

	ul#btm li { font-size: 0.7em !important; }  /* ボトムインデックス */

	/********** ACTIVITY.HTML *********/
	figure.rfig01 { margin: 0px 5% 10px 5%; width: 90%; float: none; }
	figure.rfig02 { margin: 0 0 10px 2%; width: 30%; float: right; }
	/*edit*/
	figure.grid_col2 { 
    display: grid;
    grid-template-columns: 1fr;
    }
	.colwidth{
	display: grid;
    grid-template-columns: 1fr;
    background-color: #fff;
}
	h3.h3tit {
    font-size: 1.5em;
    border: 8px solid #dacb68;
    color: #7ea400;
    background-color: #f0e791;
    font-weight: 700;
    margin-bottom: 25px;
    padding: 2.8%;
}
/*	figure.cfig01 { margin: 0 auto; width: 50%; }*/

	article.kiji { width: 92%; }
	article.kiji h1 { margin-bottom: 20px; font-size: 1.1em; }
	article.kiji p { font-size: 0.9em; }

	article#profile table { margin: 30px 2%; }
	article#profile table td.itm { font-size: 0.9em; }
	article#profile table td.prof { padding-left: 2em; font-size: 0.9em; }

	article#access h2 { margin: 20px 2%; padding-left: 8px; font-size: 1.0em; }
	article#access p { margin: 10px 2%; padding-left: 0; font-size: 0.8em;}
	article#access .placemap { display: none; }
	article#access .placemap-mb { display: block; }

	/********** TERMS.HTML *********/
	article.tokusho { margin:20px 1%; }
	article.tokusho h1 { font-size: 1.1em; }
	p.sign { margin-bottom: 20px; font-size: 0.9em;}
	article.tokusho dl { margin: 20px 5%; font-size: 0.7em; }
	article.tokusho dl dd { padding-left: 2em; }

	/********** PRIVACY.HTML *********/
	article.privacy { margin:20px 2%; color: #333; }
	article.privacy h1 { font-size: 1.0em; }

	article.privacy h2.lead { font-size: 0.9em; }
	article.privacy p.text { font-size: 0.9em; }

	/********** 旧　FOOTER ********
	footer { height: 90px !important; }
	footer .ft-left { width: 60% !important; }
	footer .ft-left p.ft-logo { margin-top: 25px !important; }
	footer .ft-left p.copyright { font-size: 0.7em !important; line-height: 0.8em !important; }
	footer .ft-right { margin-top: 20px; font-size: 0.6em; 
}*/
	/*footer 新*/

	#container footer{
		background-color: #f86d01;
	}
	#container footer p.foot_logo {
    margin: 0 0 30px 0;
    text-align: center;
}
	#container footer p.foot_logo img {
    width: 80%;
}
	#container footer .footer_wap {
    width: 95%;
    padding-top: 20px;
	display: grid;
    grid-template-columns: 1fr;
}
	#container footer .footer_left {
    margin: 30px 0 0 0;
}
	#container footer ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
	#container footer ul li {
    border-left: 2px solid;
    margin-bottom: 15px;
	font-size: 0.9em;
}
	#container footer ul li a {
        color: #fff;
		display: block;
    }
	#container footer ul li a:hover {
        color: #ffd881;
    }
	#container footer ul li a:visited {
    color: #ffd881;
}
	#container footer address {
    color: #fff;
    font-size: 0.9em;
    line-height: 1.7em;
    font-weight: 700;
    border: 1px solid;
    padding: 20px;
    width: 70%;
    margin: 0 auto;
}
/*新フッター end*/
	
/*sp h2 wap*/
	main .toph2wap {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 auto;
    width: 90%;
    position: relative;
}
	main .toph2wap h2 {
	font-size: 0.9em;
	padding: 10px 10px 70px 10px;
}
	main .toph2wap h2 span {
    font-size: 0.6em;
    color: #505050;
    text-shadow: none;
}
	main .toph2wap p {
		

}
	main .toph2wap p img {
    width: 55%;
    bottom: -35px;
    left: 23%;
}
}
/*pc h2 wap*/
.toph2wap {
    display: grid;
    grid-template-columns: 1fr 30%;
    margin-bottom: 8px;
    margin-top: 20px;
    line-height: 1.3;
    border-bottom: 5px solid #fcb700;
    color: #cc6a16;
    font-size: 1.9em;
    font-weight: 700;
    /*position: relative;*/
	width: 74%;
    margin: 10px auto;
}
/*
.toph2wap h2 {
    border-radius: 12px;
    letter-spacing: 0.06em;
    text-shadow: 0px 2px 3px #648011;
    color: #fff;
    border-bottom: 1px dashed;
    font-size: 1.05em;
    margin: 0 0 10px 0;
    padding: 10px;
    font-weight: 700;
    background: #9cc400b8;
}*/
.toph2wap h2 {
    text-align: center;
    background: #9cc400b8;
    border-bottom: 1px dashed;
    border-radius: 12px;
    color: #fff;
    font-size: 90%;
    font-weight: 700;
    letter-spacing: .06em;
    margin: 0 0 10px;
    padding: 10px;
    text-shadow: 0 2px 3px #648011;
}
.toph2wap h2 span {
    font-size: 0.7em;
    color: #505050;
    text-shadow: none;
}
.toph2wap p {
    position: relative;
}
.toph2wap p img {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 30px;
}


/****** WiderSP:  480px - 767px ******/

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

	header { height: 85px; }
	header #h-content .h-left { width: 320px; }
	header #h-content .h-left p.fslogo { margin-top: 16px; }
	header #h-content .h-right { margin-top: 12px; }
	header #h-content .h-right p.h-addr { font-size: 0.8em; }
	header #h-content .h-right p.h-phn { font-size: 1.1em; }
/*
	article.topface { width: 98%; }

	article.topface img.pc { display: none !important; }
	article.topface img.sp { display: block !important; }

	.topmsg { background-size: 100% auto; }
	.topmsg p.p3 { font-size: 1.2em !important; }

	.jobcontainer { margin: 50px auto !important; width: 80% !important; }
	.jobcontainer article.jobox { margin: 20px auto !important; width: 70% !important; 
		float: none; padding-left: 5%; padding-right:5%; }
	.jobcontainer article.jobox h1 { font-size: 1.8em; }
	.jobcontainer article.jobox p { font-size: 1.2em; }
*/
	.price { width: 90%; }
	.price article.pricequote h2 { font-size: 1.0em; }
	.price article.pricequote .plist > img.prc { width: 90%; }
	.price article.pricequote .plist .pex img { width: 80%; }
	.price .quoteimg { position: relative; top: 20px; left: 15%; width: 70%;}
	.price .quoteimg img { margin-left: 25%; width: 50% !important; }

	.contact article.contbox { width: 80%; }
	.contact article.contbox p.note { font-size: 0.9em; }
	.contact article.contbox .btn { width: 80%; }
	.contact article.contbox .btn a { font-size: 1.1em; }

	.adv { width: 65% !important; padding-right: 18% !important; }
	.adv p { font-size: 1.0em; }

	article.frm { width: 90% !important; }
	article.frm h1 { padding-left: 2% !important; font-size: 1.2em !important; }
	p.atn { margin-left: 2em; font-size: 0.8em; }

	article.tokusho dl dd { padding-left: 4em; }
/*旧フッター*/
	/*
	footer { height: 120px; }
	footer .ft-left { width: 380px; }
	footer .ft-left p.ft-logo { margin-top: 35px; }
	footer .ft-left p.copyright { font-size: 0.8em; line-height: 0.8em; }
	footer .ft-right { margin-top: 35px; font-size: 0.9em; 
/*旧フッター end
}*/
}
/*top contents*/

.inq_box{
		background-color: #FFEFB1;
		border-radius:10px;
		padding: 3%;
		margin: 0 0 30px 0;
		
	}
	main .inq_box h3{
	margin: 10px 0 10px 0;
    padding-left: 1.4em;
    width: 13em;
    line-height: 1.6em;
    font-size: 1.2em;
    font-weight: bold;
    color: #cd0a00;
    background: url(../images/ar_uline2.png) bottom left no-repeat;
    background-size: contain;
		
	}
	.inq_box ul{
		display: grid;
		grid-template-columns: 1fr 1fr;
		
	}
	.inq_box ul li{
		margin: 0 auto;
		text-align: center;
	}
	.inq_box ul li a{
    display: block;
    color: #FFFFFF;
    margin: 0 auto;
}
	.inq_box ul li span{
		font-size: 0.9em;
		font-weight: 700;
		
	}
	
	/*ボタン*/
	.btn-real-dent {
  /*周りの凹み*/
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: rgba(3, 169, 244, 0.54);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  background: #ffeeb0;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
}
.btn-real-dent i {
  /*ボタン自体*/
  position: absolute;
  content: '';
  width: 80px;
  height: 80px;
  line-height: 80px;
  left: 10px;
  top: 9px;
  border-radius: 50%;
  font-size: 40px;
  background-image: linear-gradient(#ff6806 0%, #ff7807 100%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  border-bottom: solid 2px #b5b5b5;
}
  
.btn-real-dent .fa:active {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  border-bottom: solid 2px #d8d8d8;
}

	.delay-time{  
  animation-delay: 0.5s;
}
/*ボタン影ホバーアニメーション*/

/* 2. 影の透明度のみをtransitionで変更 */
.box2{
  transition: box-shadow 2s ease-out, transform 2s ease-out;
  box-shadow: 0 15px 10px 5px rgba(0, 0, 0, 0);
}
.box2:hover {
  box-shadow: 0 15px 10px 5px rgba(0, 0, 0, 1);
  transform: translateY(-10px);
}


/*グローバル*/
		
		nav.global_re {
              top: 0;
              position: sticky;
              padding: 1% 0 1% 0;
              z-index: 1;
              width: 100%;
              margin: 0 0 30px 0;
              background-color: #ce1a3a;
              box-shadow: 0px 5px 9px #393939;
}
		nav.global_re ul {
          display: grid;
          grid-template-columns: 18% 18% 18% 18% 28%;
          margin: 0 auto;
          width: 63%;
          padding: 0;
          list-style: none;
}
		nav.global_re ul.gmenu_top li{
		  text-align: center;
          width: auto;
          font-weight: 700;
}
        nav.global_re ul.gmenu_top li.telbox{
		  text-align: right;
		  font-size: 1.8em;
		  color: #fff;
		  margin-top: 10px;
}
        nav.global_re ul.gmenu_top li a{
			color: #fff;
			padding: 10%;
			margin: 0 17px 0 0;
			display: block;
}
        nav.global_re ul.gmenu_top li a:hover{
			color: #FFDD00;
			
			
}
/*グローバルアニメーション*/
		
.try .btn {
  position: relative;
  display: inline-block;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 300px;
          perspective: 300px;
  /*height: 15px;*/
  height: 12px;
  margin: 0 auto;
  cursor: pointer;
}

.try .btn.cubic {
}

.try .btn.cubic span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 0.7em;
    height: 100%;
    border: 1px solid white;
    line-height: 52px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.try .btn.cubic .hovering {
  background-color: #ffffff;
  color: #f86d01;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transform-origin: center center -25px;
          transform-origin: center center -25px;
}

.try .btn.cubic .default {
  background-color: #d42a18;
  color: #fff;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
  -webkit-transform-origin: center center -25px;
          transform-origin: center center -25px;
}

.try .btn.cubic:hover .hovering {
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

.try .btn.cubic:hover .default {
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
}

.btn {
  display: fles;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*トップページレイアウト*/

/*問い合わせコンテンツ*/
		.inqpcwap{
			display: grid;
            grid-template-columns: 1fr 1fr;
            width: 80%;
            margin: 0 auto 20px;
            background-color: #ff8e00f0;
            padding: 2%;
			border-radius: 20px;
		}
		.inqpcwap .inqpcbox_left {
            text-align: center;
        }
		.inqpcwap .inqpcbox_left img {
			width: 70%;

		}
		.inqpcwap .inqpcbox_right {

		}
		.inqpcwap .inqpcbox_right dl {
			color: #fff;
			font-weight: 700;
            padding: 20px 0 0 0;

		}
		.inqpcwap .inqpcbox_right dl dt {
            font-size: 1.5em;
            margin: 0 0 10px 0;
			
			
        }
		.inqpcwap .inqpcbox_right dl dd {
            font-size: 2.5em;
            margin: 0 0 15px 0;
        }
		.inqpcwap .inqpcbox_right p {

		}
		/*ボタン*/
		
.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-3d-flip {
    display: block;
    width: 84%;
    height: 100px;
    margin: 0 auto;
    padding: 0;
    -webkit-perspective: 600px;
    perspective: 600px;
}

  a.btn-3d-flip:hover .btn-3d-flip-box {
    -webkit-transform: translateY(-50%) rotateX(90deg);
    transform: translateY(-50%) rotateX(90deg);
  }

  a.btn-3d-flip.btn-3d-flip2:hover .btn-3d-flip-box2 {
    -webkit-transform: translateX(-50%) rotateY(-90deg);
    transform: translateX(-50%) rotateY(-90deg);
  }

  .btn-3d-flip-box {
    position: relative;

    display: block;

    width: 100%;
    height: 100%;
    margin: auto;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    text-decoration: none;
    text-transform: uppercase;

    color: #fff;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;
  }

  .btn-3d-flip-box2 {
    position: relative;

    display: block;

    width: 100%;
    height: 100%;
    margin: auto;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    text-decoration: none;
    text-transform: uppercase;

    color: #fff;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;
  }

  .btn-3d-flip-box-face {
    display: block;
    position: relative;

    width: 100%;
    padding: 1.5rem 0;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

    color: #fff;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;
  }

  .btn-3d-flip-box-face--front {
    background-color: #fb6300;
    opacity: 0.9;
    background-image: radial-gradient(#ffffff 0.4px, transparent 0.4px), radial-gradient(#ffffff 0.4px, #fb6300 0.4px);
    background-size: 16px 16px;
    background-position: 0 0,8px 8px;
	text-shadow: 1px 3px 3px #933b00;
}

  .btn-3d-flip-box-face--back {
	position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform: translateY(-1px) rotateX(-90deg);
    transform: translateY(-1px) rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0.9;
    background-image: radial-gradient(#ffffff 0.4px, transparent 0.4px), radial-gradient(#ffffff 0.4px, #ff8d00 0.4px);
    background-size: 16px 16px;
    background-position: 0 0,8px 8px;
	text-shadow: 1px 3px 3px #933b00;
  }

  .btn-3d-flip-box-face--front2 {
    color: #000;
    border: 2px solid #000;
    background: #fff;
  }

  .btn-3d-flip-box-face--back2 {
    position: absolute;
    top: 0;
    left: 100%;

    -webkit-transform: translateX(-1px) rotateY(90deg);

    transform: translateX(-1px) rotateY(90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    color: #fff;
    border: 2px solid #000;
    background: #000;
  }

  .fa-position-right {
    position: absolute;
    top: calc(50% - 0.5em);
    right: 1rem;
  }
  .inqpcout_wap {
    background-color: #FFEFC6;
    padding: 2%;
	margin-bottom: 30px;
}
  .inqpcout_wap h4 {
    font-size: 2.0em;
    font-weight: 700;
    text-align: center;
    border-bottom: 5px solid #fff;
    color: #000;
    margin: 10px 0 30px 0;
    padding-bottom: 2%;
    letter-spacing: 0.12em;
}
	h4.fontw {
    font-size: 1.4em;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-weight: 600;
    border-bottom: 2px solid;
	line-height: 1.5em;
}
    .c-ddred2 {
    color: #2a0000;
    padding: 20px;
    background: #eee;
}
/*問い合わせコンテンツ end*/

/*footer 新*/

	footer{
		background-color: #f86d01;
	}
	footer p.foot_logo {
    margin: 0 0 30px 0;
    text-align: center;
}
	footer p.foot_logo img{
		width: 65%;

	}
	footer .footer_wap {
    width: 70%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 30%;
}
	footer .footer_left {
    margin: 30px 0 0 0;
}
	footer ul{
	    margin: 20px 0 0 20px;
}
	footer ul li{
        font-size: 1.0em;
        color: #fff;
        font-weight: 700;
        border-bottom: 1px dashed;
        padding: 18px;
    }
	footer ul li a {
        color: #fff;
		display: block;
    }
	footer ul li a:hover {
        color: #ffd881;
    }
	footer ul li a:visited {
    color: #ffd881;
}
	footer address {
    color: #fff;
    font-size: 1.2em;
    line-height: 1.7em;
    font-weight: 700;
    border: 1px solid;
    padding: 20px;
    width: 70%;
    margin: 0 auto;
}
footer address a {
    color: #fff700;
}
footer address a:hover {
    color: #fff700;
}
footer p.copy {
    color: #fff;
	text-align: center;
	margin: 30px auto;
}
/*コンテンツ見出し*/

h3.contstit {
    margin: 40px 0 20px 0;
    font-size: 1.7em;
    font-weight: 700;
    background-color: #ce1a3a;
    border-radius: 8px;
    padding: 20px 0 20px 20px;
    /* display: block; */
    color: #fff;
    background-image: repeating-linear-gradient(45deg, rgb(255 112 75 / 30%), rgb(155 0 0 / 30%) 5px, rgba(0,0,0,0) 0, rgb(150 28 28 / 0%) 10px);
}
@media(max-width: 768px) {
	h3.contstit {
    margin: 40px 10px 30px 10px;
    font-size: 1.3em;
		
		
}
}

/*トップ事業内容*/
	.col2{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.widht_wap{
		width: 95%;
		margin: 0 auto;
	}
	.actbox {
    background-color: #fffed6;
    padding: 15px;
    margin: 0 0 15px 15px;
    border-radius: 10px;
    border: 10px solid #b2ce6b;
}
	.actbox h4 {
    font-size: 1.6em;
    font-weight: 700;
    text-align: center;
    margin: 20px 0 20px 0;
}
	.actbox_min {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
	
	.actbox ul{
		
	}
	.actbox ul li {
    margin: 0 0 15px 0;
    font-size: 1.2em;
    border-bottom: 1px dashed;
    padding: 5px;
}
	.actbox span {
    background-color: #c0da36;
    position: relative;
    border-radius: 10px;
    padding: 5px;
}
.actbox ul li b {
    font-size: 0.75em;
    font-weight: 700;
}
    .actbox span img {
    width: 230px;
    position: absolute;
    left: 10px;
}
	
.act_last {
    margin: 20px 0 0 0;
	text-align: center;
}
.act_last h4 {
    font-size: 2.2em;
    font-weight: 700;
    color: #ff8100;
    line-height: 1.3;
}
.act_last img {
    width: 75%;
}
.act_last p {
	margin: 10px 0 0 0;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
}
.act_last p span {
	font-size: 1.5em;
}
@media(max-width: 768px) {
	.col2 {
    display: grid;
    grid-template-columns: 1fr;
}
	.widht_wap {
    width: 93%;
    margin: 0 auto;
}
	.actbox {
    background-color: #fffed6;
    padding: 15px 10px 100px 10px;
    margin: 0 0 80px 0;
    border-radius: 10px;
    border: 10px solid #b2ce6b;
}
.actbox h4 {
    font-size: 1.6em;
    font-weight: 700;
    text-align: center;
    margin: 0 0 10px 0;
}
	.actbox_min {
    grid-template-columns: none;
}

	.actbox ul{
		
	}
	.actbox ul li {
    margin: 0 0 5px 0;
    font-size: 1em;
    border-bottom: 1px dashed;
    padding: 5px;
}
.actbox ul li b {
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1.3em;
}
.actbox .actbox_min span {
 background: none;
}
.actbox span img {
    width: 175px;
    position: absolute;
    top: 0px;
    left: 45px;
}
	
main .col2 .act_last {
    margin: 0;
    height: 240px;
	height: auto;
	position: static;

}
.act_last h4 {
    text-align: center;
	line-height: 1.2em;
    font-size: 1.8em;
    font-weight: 700;
    color: #ff8100;
    line-height: 1.3;
}
.act_last img {
    width: 280px;
    left: 10px;
	position: inherit;
}
.act_last p {
	font-size: 1.0em;
	margin: 10px 0 20px 0;
}
.act_last p span {
	font-size: 1.5em;
}
}
	.pricebox {
    padding: 10px;
    margin: 0 auto 30px;
    width: 95%;
}
    .pricebox dl {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.pricebox dl dt {
    color: #fff;
    font-weight: 700;
    border-bottom: 4px solid #249511;
    font-size: 1.5em;
    background-color: #99c329;
    line-height: 1.3em;
    text-align: center;
    padding: 38px 0 23px 10px;
}
.pricebox dl dd {
    font-size: 1.7em;
    padding: 10px;
    font-weight: 700;
    text-align: right;
    border-bottom: 4px solid #249511;
    background-color: #f9ffd3;
    line-height: 1.3em;
    padding: 30px 140px 23px 10px;
}
.pricebox dl dd span {
	font-size: 0.7em;

}
	.pricebox p{
		font-size: 1.1em
}
	.pricebox h4 {
    font-size: 2em;
    font-weight: 700;
    margin: 20px 0 20px 0;
    padding: 10px 0 10px 10px;
    border: left;
    border-left: 5px solid #0078ff;
    border-bottom: 5px solid #0078ff;
}
	.pricebox dl.sample_price dt {
    background-color: #00a8c9;
	border-bottom: 4px solid #148fa7;
}
    .pricebox dl.sample_price dd {
    border-bottom: 4px solid #148fa7;

}

br.sp {
    display: none;
}
.pricebox p {
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.5em;
    margin: 20px 0 0 0;
}
.pricebox dl dd b.text_red {
	color: #C30003;
	font-size: 1.4em;
}
.pricebox dl dd.muryo {
    padding: 30px 0 0 0;
    text-align: center;
}
/*mobile*/
@media(max-width: 768px) {
.pricebox h4 {
    font-size: 1.4em;
}
.pricebox {
    padding: 10px;
    margin: 0 auto;
	width: 90%;
}
.pricebox dl {
    display: grid;
    grid-template-columns: 40% 1fr;
    margin: 0 auto;
}
.pricebox dl dt {
    font-size: 0.8em;
    line-height: 1.3em;
    text-align: center;
    padding: 35px 0 35px 0;
}
.pricebox dl dd {
    font-size: 1.4em;
    padding: 10px;
    font-weight: 700;
    text-align: center;
    line-height: 1.1em;
    padding: 20px 0 0 0;
}
.pricebox dl.sample_price dt {
    background-color: #00a8c9;
    border-bottom: 4px solid #148fa7;
}
.pricebox dl.sample_price dd {
    border-bottom: 4px solid #148fa7;
	padding: 35px 0 0 0;
}
br.sp {
    display: block;
}
.pricebox p {
    font-size: 1.0em;
    line-height: 1.5em;
    margin: 20px 0 0 0;
}
}
/*問い合わせコンテンツ　PC*/
	.inqcon_wap{
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 84%;
    padding: 2;
    margin: 0 auto;
}
	.inqcon_wap_line {
    text-align: center;
    /* vertical-align: middle; */
    font-size: 1.4em;
    display: grid;
    grid-template-columns: 65% 35%;
    padding: 2%;
    background-color: #fff;
}
.inqcon_wap_line p {
    line-height: 1.6em;
    font-weight: 700;
    /* font-size: 1.0em; */
    color: #ff6615;
    padding: 25px 0 15px 0;
    /* vertical-align: middle !important; */
}
.inqcon_wap_line img {
    width: 90%;
    margin: 0 auto;
    /* text-align: right; */
}
/*問い合わせコンテンツ　PC　end*/

@media (max-width: 600px) {
    .main_pc { display: none; }
	.main_sp { display: block; }
	}
@media (min-width: 601px) {
    .main_pc { display: block; }
	.main_sp { display: none; 
	}
	}

/*最新チラシ*/
	.flyer_wap {
    padding: 10px;
    margin: 0 auto 30px;
    width: 95%;
	background-color: #FFFFFF;
}
	.flyer_wap h3 {
		font-size: 1.2em;
		line-height: 1.8em;
		text-align: center;
}

/* PDF ダウンロードボタン*/
.button018 a {
    align-items: center;
    color: #0f8cfb;
    display: flex;
    font-weight: 500;
    justify-content: space-around;
    margin: 40px auto;
    max-width: 330px;
    padding: 20px 0 20px 25px;
    position: relative;
    font-size: 1.5em;
    font-weight: 700;
    transition: 0.3s ease-in-out;
	z-index: 0;
}
@media(max-width: 768px) {
.button018 a {
    font-size: 1.2em;
}
.flyer_wap_inc {
	display: none;
}
}

.button018 a:before, .button018 a:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
}
.button018 a:before {
  width: 0.5rem;
  height: 0.5rem;
  left: 1.1rem;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  z-index: 2;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.3s;
}
.button018 a:after {
  left: 0;
  background: #6bb6ff;
  z-index: 1;
  width: 3rem;
  height: 3rem;
  border-radius: 4rem;
  transform: translateY(-50%);
  transition: all 0.5s;
}
.button018 a span {
  position: relative;
  transition: all 0.3s;
  z-index: 3;
}

.button018 a:hover span {
  color: #fff;
}
.button018 a:hover:before {
  left: 2rem;
}
.button018 a:hover:after {
  right: 0;
  width: 100%;
}

/*フライヤーinc*/


.flyer_wap_inc {
    background-color: #fff;
    margin: 0 auto 30px;
    padding: 10px;
    border: 12px solid #3165c8;
}
.flyer_wap_inc h3 {
    text-shadow: 0 2px 3px #26437a;
    font-weight: 700;
    color: #fff;
    font-size: 1.5em;
    background-color: #3165c8;
    border: 12px solid #6bb6ff;
    line-height: 1.9em;
    padding: 12px;
    text-align: center;
}