@charset "utf-8";
/* CSS Document */



/*===========================================================
   PC・スマートフォン共通
===========================================================*/
/* link */
a:link {
	color: #00207f;
	text-decoration: underline;
}
a:hover {
	color: #cf1919;
}

a img:hover {
	opacity: 0.6;
}
/* icon */
a.pdf {
	background-image: url("../images/icon_pdf.png");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 30px;
}

/* カラーなど */
.fc_red {
	color: #ff0000!important;
}
.fc_red2 {
	color: #d22d30!important;
}
.fc_pink {
	color: #ff69b4!important;
}
.fc_green1 {
	color: #74B523!important;
}
.fc_green2 {
	color: #A1D135!important;
}
.fc_green3 {
	color: #607C1D!important;
}
.fc_blue1 {
	color: #21B8CE!important;
}

/* 文字装飾など */
strong {
	font-weight: bold;
}
.fw_b {
	font-weight: bold;
}
.f200 {
	font-size: 200%!important;
}
.f180 {
	font-size: 180%!important;
}
.f160 {
	font-size: 160%!important;
}
.f140 {
	font-size: 140%!important;
}
.f120 {
	font-size: 120%!important;
}
.f80 {
	font-size: 80%!important;
}
.f60 {
	font-size: 60%!important;
}
.lh120 {
	line-height: 1.2;
}


.img-border {
	border: 1px solid #3B170B;
}
.img-radius {
	border-radius: 1rem;
}

.marker {
	background-image: -webkit-linear-gradient(left, transparent 50%, rgb(244,107,107) 50%);
	background-image: -moz-linear-gradient(left, transparent 50%, rgb(244,107,107) 50%);
	background-image: -ms-linear-gradient(left, transparent 50%, rgb(244,107,107) 50%);
	background-image: -o-linear-gradient(left, transparent 50%, rgb(244,107,107) 50%);
	background-image: linear-gradient(left, transparent 50%, rgb(244,107,107) 50%);
	background-repeat: repeat-x;
	background-size: 200% .3em;
	background-position: 0 1em;
	transition: all 2.5s ease;
	font-weight: bold;
}
.marker.marker-animation {
 	background-position: -100% 1em;
}

.marker2 {
	background: linear-gradient(transparent 30%, #F5EF53 30%);
}
.namisen {
	background: url(/site/wp-content/themes/gojoh/css/images/wave-skyblue.png) bottom repeat-x;
	background-size: 20px;
}


/* 要素位置など */
.fl {
	float: left;
}
.fr {
	float: right;
}
.clr_b {
	clear: both;
}
.txt-r {
	text-align: right;
}
.txt-l {
	text-align: left;
}
.txt-c {
	text-align: center;
}


.mt100 {
	margin-top: 100px!important;
}
.mt90 {
	margin-top: 90px!important;
}
.mt80 {
	margin-top: 80px!important;
}
.mt70 {
	margin-top: 70px!important;
}
.mt60 {
	margin-top: 60px!important;
}
.mt50 {
	margin-top: 50px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt0 {
	margin-top: 0px!important;
}

.mr100 {
	margin-right: 100px!important;
}
.mr90 {
	margin-right: 90px!important;
}
.mr80 {
	margin-right: 80px!important;
}
.mr70 {
	margin-right: 70px!important;
}
.mr60 {
	margin-right: 60px!important;
}
.mr50 {
	margin-right: 50px!important;
}
.mr40 {
	margin-right: 40px!important;
}
.mr30 {
	margin-right: 30px!important;
}
.mr20 {
	margin-right: 20px!important;
}
.mr10 {
	margin-right: 10px!important;
}
.mr0 {
	margin-right: 0px!important;
}

.mb100 {
	margin-bottom: 100px!important;
}
.mb90 {
	margin-bottom: 90px!important;
}
.mb80 {
	margin-bottom: 80px!important;
}
.mb70 {
	margin-bottom: 70px!important;
}
.mb60 {
	margin-bottom: 60px!important;
}
.mb50 {
	margin-bottom: 50px!important;
}
.mb40 {
	margin-bottom: 40px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.mb00 {
	margin-bottom: 0px!important;
}

.ml100 {
	margin-left: 100px!important;
}
.ml90 {
	margin-left: 90px!important;
}
.ml80 {
	margin-left: 80px!important;
}
.ml70 {
	margin-left: 70px!important;
}
.ml60 {
	margin-left: 60px!important;
}
.ml50 {
	margin-left: 50px!important;
}
.ml40 {
	margin-left: 40px!important;
}
.ml30 {
	margin-left: 30px!important;
}
.ml20 {
	margin-left: 20px!important;
}
.ml10 {
	margin-left: 10px!important;
}
.ml0 {
	margin-left: 0px!important;
}

.wd100 {
	width: 100%!important;
}
.wd90 {
	width: 90%!important;
}
.wd80 {
	width: 80%!important;
}
.wd70 {
	width: 70%!important;
}
.wd60 {
	width: 60%!important;
}
.wd50 {
	width: 50%!important;
}
.wd40 {
	width: 40%!important;
}
.wd30 {
	width: 30%!important;
}
.wd20 {
	width: 20%!important;
}
.wd10 {
	width: 10%!important;
}
.wd80px {
	width: 80px!important;
}
.wd100px {
	width: 100px!important;
}
.wd150px {
	width: 150px!important;
}
.wd200px {
	width: 200px!important;
}
.mwd100 {
	max-width: 100%!important;
}
.mwd90 {
	max-width: 90%!important;
}
.mwd80 {
	max-width: 80%!important;
}
.mwd300 {
	max-width: 300px!important;
}


/* Yoast SEO OGP画像対策 */
.main_ogp_img {
	display: none;
}


/* breadcrumbs */
.breadcrumbs span a {
	color: #00207f;
	text-decoration: underline;
}	
.breadcrumbs span a:hover {
	color: #cf1919;
}
/* biz_calendar */
/* #biz_calendar table.bizcal .holiday,
#biz_calendar p span.boxholiday {
	background-color: #F78181!important;
}*/


/* animation */

.kv_smf_m {
	max-width: 80%;
	margin: 0 auto 100px;
	position: relative;
	text-align: center;
}
.kv_smf_m img.blade {
	max-width: 40%;
	-webkit-animation: roll_smf_m 3s linear infinite;
	animation: roll_smf_m 3s linear infinite;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
@keyframes roll_smf_m {
  0% {
    transform: rotate(0); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); }
}
.kv_smf_m img.fan {
	max-width: 58%;
	position: absolute;
	top: -25px;
	left: 10px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	z-index: 3;
}

@media all and (-ms-high-contrast: none) {
	.box-customer .problem-txt:before {
	  -webkit-transition: all 1s;
	  -webkit-transform: translate(0, 0);
	  opacity: 1;
	}
	.box-customer.move .problem-txt:before {
	  -webkit-transform: translate(-10px, 0);
	  opacity: 0;
	}
	.problem-txt:after {
		text-align: right;
	  -webkit-transition: all 1s;
	  -webkit-transform: translate(0, 0);
	  opacity: 1;
	}
	.box-gojoh.move .problem-txt:after {
	  -webkit-transform: translate(10px, 0);
	  opacity: 0;
	}
}



/*===========================================================
   PC・スマートフォン共通ここまで
===========================================================*/

/*===========================================================
   PCここから
===========================================================*/
@media screen and (min-width: 768px) {


	/* pc全体 */
	.sp {
		display: none!important;
	}

	img {
		max-width: 100%;
	}

	.wd100pc {
		width: 100%!important;
	}
	.wd90pc {
		width: 90%!important;
	}
	.wd80pc {
		width: 80%!important;
	}
	.wd70pc {
		width: 70%!important;
	}
	.wd60pc {
		width: 60%!important;
	}
	.wd50pc {
		width: 50%!important;
	}
	.wd40pc {
		width: 40%!important;
	}
	.wd30pc {
		width: 30%!important;
	}
	.wd20pc {
		width: 20%!important;
	}
	.wd10pc {
		width: 10%!important;
	}
	.mwd100pc {
		max-width: 100%!important;
	}
	.mwd90pc {
		max-width: 90%!important;
	}
	.mwd80pc {
		max-width: 80%!important;
	}

	.pdl-pc30 {
		padding-left: 30px;
	}
	.pdl-pc40 {
		padding-left: 40px;
	}
	.pdl-pc50 {
		padding-left: 50px;
	}
	.pdl-pc60 {
		padding-left: 60px;
	}

	.mt100pc {
		margin-top: 100px!important;
	}
	.mt90pc {
		margin-top: 90px!important;
	}
	.mt80pc {
		margin-top: 80px!important;
	}
	.mt70pc {
		margin-top: 70px!important;
	}
	.mt60pc {
		margin-top: 60px!important;
	}
	.mt50pc {
		margin-top: 50px!important;
	}
	.mt40pc {
		margin-top: 40px!important;
	}
	.mt30pc {
		margin-top: 30px!important;
	}
	.mt20pc {
		margin-top: 20px!important;
	}
	.mt10pc {
		margin-top: 10px!important;
	}
	.mt0pc {
		margin-top: 0px!important;
	}

	.mr100pc {
		margin-right: 100px!important;
	}
	.mr90pc {
		margin-right: 90px!important;
	}
	.mr80pc {
		margin-right: 80px!important;
	}
	.mr70pc {
		margin-right: 70px!important;
	}
	.mr60pc {
		margin-right: 60px!important;
	}
	.mr50pc {
		margin-right: 50px!important;
	}
	.mr40pc {
		margin-right: 40px!important;
	}
	.mr30pc {
		margin-right: 30px!important;
	}
	.mr20pc {
		margin-right: 20px!important;
	}
	.mr10pc {
		margin-right: 10px!important;
	}
	.mr0pc {
		margin-right: 0px!important;
	}

	.mb100pc {
		margin-bottom: 100px!important;
	}
	.mb90pc {
		margin-bottom: 90px!important;
	}
	.mb80pc {
		margin-bottom: 80px!important;
	}
	.mb70pc {
		margin-bottom: 70px!important;
	}
	.mb60pc {
		margin-bottom: 60px!important;
	}
	.mb50pc {
		margin-bottom: 50px!important;
	}
	.mb40pc {
		margin-bottom: 40px!important;
	}
	.mb30pc {
		margin-bottom: 30px!important;
	}
	.mb20pc {
		margin-bottom: 20px!important;
	}
	.mb10pc {
		margin-bottom: 10px!important;
	}
	.mb00pc {
		margin-bottom: 0px!important;
	}

	.ml100pc {
		margin-left: 100px!important;
	}
	.ml90pc {
		margin-left: 90px!important;
	}
	.ml80pc {
		margin-left: 80px!important;
	}
	.ml70pc {
		margin-left: 70px!important;
	}
	.ml60pc {
		margin-left: 60px!important;
	}
	.ml50pc {
		margin-left: 50px!important;
	}
	.ml40pc {
		margin-left: 40px!important;
	}
	.ml30pc {
		margin-left: 30px!important;
	}
	.ml20pc {
		margin-left: 20px!important;
	}
	.ml10pc {
		margin-left: 10px!important;
	}
	.ml0pc {
		margin-left: 0px!important;
	}

	.link_button {
		width: 100%;
		margin: 20px auto 60px;
		text-align: center;
	}
	.square_btn {
		max-width: 50%;
		display: inline-block;
		padding: 1em 2em;
		text-decoration: none!important;
		background: #1BB9CF;/*ボタン色*/
		color: #fff!important;
		border-bottom: solid 4px #627295;
		border-radius: 3px;
	}
	.square_btn:hover {
		background: #A9E2F3;/*ボタン色*/
	}
	.square_btn:active {/*ボタンを押したとき*/
		-ms-transform: translateY(4px);
		-webkit-transform: translateY(4px);
		transform: translateY(4px);/*下に動く*/
		box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
		border-bottom: none;
	}

	/* 画像横並び */
	.line1,
	.line2,
	.line3,
	.line4 {
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.line1 img,
	.line2 img,
	.line3 img,
	.line4 img {
		margin: 10px;
		max-width: 90%;
	}
	.line1 p,
	.line2 p,
	.line3 p,
	.line4 p {
		margin: 0 auto 20px;
		max-width: 90%;
	}

	.line2 .area1,
	.line2 .area2 {
		float: left;
		width: 50%;
		margin: 0 auto 20px;
		text-align: center;
	}

	.line3 .area1,
	.line3 .area2,
	.line3 .area3 {
		float: left;
		width: 33%;
		margin: 0 auto 20px;
		text-align: center;
	}

	.line4 .area1,
	.line4 .area2,
	.line4 .area3,
	.line4 .area4 {
		float: left;
		width: 25%;
		margin: 0 auto 20px;
		text-align: center;
	}


	/* header */
	header p.toptxt {
		font-size: 14px;
	}

	header .logo_move {
		animation-name: logo_move;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}
	@keyframes logo_move {
	  0% {
	    transform: translate(0, 0); }
	  50% {
	    transform: translate(0, 20px); }
	  100% {
	    transform: translate(0, 0); } }

	/* nav */

	header nav ul.pcmenu > li > ul > li > a {
		color: #00207f;
		padding: 10px 5px;
	}
	header nav ul.pcmenu > li > ul > li a:before {
		margin-right: 15px;
	}
	header nav ul.pcmenu > li > ul > li > a:hover {
		color: #cf1919;
		background-color: #F5EF52;
	}

	header nav ul.pcmenu > li > ul > li > a > strong {
	/*	padding: 5px; */
	}

	header nav ul.pcmenu > li > ul > li > a > strong + span {
		font-size: 10px;
		color: #333;
	}
	header nav ul.pcmenu > li > ul > li > a:hover > strong + span {
		color: #0489B1;
	}
	header nav ul.pcmenu > li > ul > li.smf a:before {
		content: url(../images/img_dropdown_menu_smf.png);
	}
	header nav ul.pcmenu > li > ul > li.smf-sale a:before {
		content: url(../images/img_dropdown_menu_smf_sale.png);
	}
	header nav ul.pcmenu > li > ul > li.smf2 a:before {
		content: url(../images/img_dropdown_menu_smf2.png);
	}
	header nav ul.pcmenu > li > ul > li.smf3 a:before {
		content: url(../images/img_dropdown_menu_smf3.png);
	}
	header nav ul.pcmenu > li > ul > li.smf_move a:before {
		content: url(../images/img_dropdown_menu_smf_move.png);
	}
	header nav ul.pcmenu > li > ul > li.smf_move2 a:before {
		content: url(../images/img_dropdown_menu_smf_move2.png);
	}
	header nav ul.pcmenu > li > ul > li.smf_tree a:before {
		content: url(../images/img_dropdown_menu_smf_tree.png);
	}


	/* footer */
	#fmain ul {
		padding-top: 5px;
	}
	#fnav .fnav-box > ul > li > ul > li {
		margin-bottom: 10px;
	}

	#fnav .fnav-box > ul > li > a,
	#fnav .fnav-box > ul > li > ul > li > a,
	#fmain ul li a {
		color: #00207f;
		text-decoration: underline;
	}
	#fnav .fnav-box > ul > li > a:hover,
	#fnav .fnav-box > ul > li > ul > li > a:hover,
	#fmain ul li a:hover {
		color: #cf1919;
	}

	#fnav .fnav-box .nolink {
		display: block;
		font-size: 16px;
		color: #333;
		text-decoration: none;
		border-left: 10px solid #0489B1;
		padding: 5px 0 5px 20px;
	}
	.widget_xo_event_calendar {
		max-width: 250px;
	}

	/* TOP */
	#product h1 {
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 30px;
	}
	.bx-wrapper .bx-custom-pager {
		display: none;
	}
	.bx-wrapper .bx-pager-item .activetext {
		font-size: 0;
	}
	.bx-wrapper .bx-pager-item img {
		border: 5px solid #ccc;
	}
	.bx-wrapper .bx-pager-item .active img {
		opacity: 0.2;
		border: 5px solid #DF3A01;
	}
	.bx-wrapper .bx-pager-item .active .activetext {
		width: 100%;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		line-height: 1.2;
		color: #155724;
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		margin: 0;
		padding: 0;
	}

	.attention {
		width: 1160px;
		margin: 0 auto 20px;
		padding: 20px 10px;
		text-align: center;
		background-color: #F8E0E0;
		font-size: 120%;
	}
	.attention a {
		font-size: 100%!important;
	}

	.bnr-area {
		width: 1160px;
		margin: 0 auto 20px;
		padding: 20px 0;
		text-align: center;
	}
	.bnr-area img {
		width: 80%;
	}
	.bnr-area .bnr-sub {
		float: left;
		width: 30%;
		margin: 20px 1.5%;
		text-align: center;
	}
	.bnr-area .bnr-sub img {
		width: 90%;
	}

	.bnr-area2 {
		width: 1200px;
		margin: 0 auto 20px;
		padding: 20px 0;
		text-align: center;
	}
	.bnr-area2 img {
		width: 100%;
	}

	.link-btn a {
		color: #333;
		text-decoration: none;
		background-color: #1BB9CF;
	}
	.link-btn a:hover {
		color: #cf1919;
	}

	#product .product-box img.fan-mg {
		margin-bottom: 20px;
	}
	#product .product-box img.fan-mg-sale {
		margin-bottom: 50px;
		margin-top: 50px;
	}
	#product .product-box img.fan-mg2 {
		margin-bottom: 100px;
	}
	#product .product-box img.fan-mg3 {
/*		margin-bottom: 80px; */
/*		margin-bottom: 78px; */
		margin-bottom: 22px;
		margin-top: 50px;
	}
	#product .product-box img.fan-move2 {
		max-width: 300px;
/*		margin-bottom: 76px; */
		margin-bottom: 50px;
		margin-top: 20px;
	}
	#product .product-box img.fan-tree {
		max-width: 300px;
/*		margin-bottom: 40px; */
		margin-bottom: 60px;
		margin-top: 20px;
	}

	#problem {
/*		background-color: #EEEEEE; */
		background-color: #E0F8F7;
	}
	#problem .problem-box {
		margin-bottom: 20px;
	}
	#problem .problem-box .box-customer .problem-txt::before {
		background-image: url(../images/problem_customer_jet.png);
	}
	#problem .problem-box .box-gojoh .problem-txt {
/*		background-color: #A9E2F3; */
		background-color: #1BB9CF;
	}
	#problem .problem-box .box-gojoh .problem-txt::after {
		background-image: url(../images/problem_gojoh_jet.png);
	}
	.top_youtube {
		width: 80%;
		margin: 0 auto 20px;
		position: relative;
		border: 1px solid #1BB9CF;
		z-index: 3;
	}
	.top_youtube::before {
		content: "";
		display: block;
		padding-top: 56.5%;
	}
        .top_youtube iframe {
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;

	}
	#what h3 {
		border: none;
	}

	#what .scene-box .scene-thumb {
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative; /* 相対位置指定 */
	}
	#what .scene-box .scene-thumb img {
		width: 100%;
	}

	.midashi {
		width: 100%;
		font-size: 18px!important;
		text-align: center;
		bottom: 10px;
		margin: 0;
		padding: 10px 0;
		color: #fff;
		line-height: 1.5;
		background: rgba(0,0,0,0.6); /* 帯の透明度 */
		position: absolute; /* 絶対位置指定 */
	}

	#problem .problem-notes {
		font-size: 120%;
	}


	#record {
		background-color: #EEEEEE;
		padding: 30px 0;
	}
	#record .record-wrap {
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;
	}
	#record .record-box {
		margin: 0 auto;
		width: 33%;
		text-align: center;
	}
	#record .record-box .record-img img {
		max-width: 90%;
	}
	#record .record-box .record-txt {
	}

	#record .record-box2 {
		float: left;
		margin: 0 auto;
		width: 50%;
		text-align: center;
	}
	#record .record-box2 .record-img img {
	/*	max-width: 70%;*/
		max-height: 300px;
	}
	#record .record-box2 .record-txt {
		padding-top: 10px;
	}

	#record .record-box3 {
		float: left;
		width: 33%;
		text-align: center;
	}
	#record .record-box3 .record-img img {
		max-width: 90%;
		max-height: 250px;
	}
	#record .record-box3 .record-txt {
	}


	#voice {
		background-color: #E0F8F7;
	}
	#voice .copy {
		font-size: 24px;
		font-weight: bold;
		float: left;
		margin-bottom: 15px;
	}
	#voice .voice-box:nth-child(2n) .copy {
		background: linear-gradient(transparent 30%, #66ccff 30%);
	}
	#voice .voice-box:nth-child(2n+1) .copy {
		background: linear-gradient(transparent 30%, #F5EF53 30%);
	}
	#voice .company {
		clear: both;
		display: block;
		font-size: 18px;
		font-weight: bold;
		padding-left: 20px;
		margin-bottom: 30px;
	}
	#voice .voice-txt p {
		margin: 10px 10px 20px;
	}
	#voice .voice-img {
		text-align: center;
	}
	#voice .voice-img img {
		max-width: 360px;
	}
	#voice .voice-img img.tate {
		max-width: 240px;
	}
	#voice .voice-box {
/*		border-bottom: 1px solid #1BB9CF; 事例が増えた時にこちらに切り替える*/
		border-bottom: none;
	}

	#media {
		background-color: #EEEEEE;
		padding: 30px 0;
	}
	#media .media-wrap {
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;
	}
	#media .media-box {
		margin: 0 auto;
		width: 33%;
		text-align: center;
	}
	#media .media-box .media-img img {
		max-width: 90%;
	}
	#media .media-box .media-txt {
	}

	#media .media-box2 {
		float: left;
		margin: 0 auto;
		width: 50%;
		text-align: center;
	}
	#media .media-box2 .media-img img {
	/*	max-width: 70%;*/
		max-height: 300px;
	}
	#media .media-box2 .media-txt {
		padding-top: 10px;
	}

	#media .media-box3 {
		float: left;
		width: 33%;
		text-align: center;
	}
	#media .media-box3 .media-img img {
		max-width: 90%;
	}
	#media .media-box3 .media-txt {
	}

	#news .news-wrap .news-txt a {
		color: #00207f;
		text-decoration: underline;
	}
	#news .news-wrap .news-txt a:hover {
		color: #cf1919;
	}
	/* 投稿 */
	#blog {
		width: 1160px;
		padding: 20px 0;
		margin: 0 auto;
	}
	#blog h2 {
		width: 100%;
		clear: both;
	}
	#blog h3,
	#blog h4,
	#blog h5,
	#blog h6 {
		width: 90%;
		clear: both;
		margin: 20px auto;
		padding: 5px;
	}

	#blog h3 {
		font-size: 20px;
		color: #086A87;
		border-left: 5px solid #0489B1;
	}
	#blog h4 {
		font-size: 18px;
		font-weight: bold;
		color: #086A87;
		border-top: 2px dashed #ccc;
		border-bottom: 2px dashed #ccc;
	}

	#blog p {
		margin: 10px 10px 20px;
	}

	#blog ul {
		list-style-type: circle;
		margin-left: 40px;
	}
	#blog ul li {
		padding: 5px 10px;
	}

	#blog .youtube {
		width: 80%;
		margin: 0 auto 40px;
		position: relative;
		border: 1px solid #1BB9CF;
		z-index: 3;
	}
	#blog .youtube::before {
		content: "";
		display: block;
		padding-top: 56.5%;
	}
	#blog .youtube iframe {
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;
	}

	/* NEWS一覧ページ */
	#lower .news-wrap .news-txt a {
		color: #00207f!important;
		text-decoration: underline;
	}
	#lower .news-wrap .news-txt a:hover {
		color: #cf1919;
	}
	.wp-pagenavi {
		margin: 20px auto;
		text-align: center;
	}
	.wp-pagenavi .current {
		background-color: #1BB9CF;
		color: #fff;
	}

	/* category一覧ページ */
	#post h2.post-ttl {
		width: 1200px;
		font-size: 20px;
		color: #FFF!important;
		background: #1BB9CF!important;
		box-sizing: border-box;
		padding: 15px;
		margin: 10px auto 20px; 
	}
	#post h2.post-ttl a {
		color: #FFF!important;
		font-size: 20px!important;
		font-weight: normal;
	}
	#meta {
		text-align: right;
	}

	#post .youtube {
		width: 80%;
		margin: 0 auto 40px;
		position: relative;
		border: 1px solid #1BB9CF;
		z-index: 3;
	}
	#post .youtube::before {
		content: "";
		display: block;
		padding-top: 56.5%;
	}
	#post .youtube iframe {
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;
	}

	/* news 営業日用table */
	.news-table,
	.news-table2 {
		width: 90%;
		margin: 10px auto 20px;
		text-align: center;
	}
	.news-table3 {
		max-width: 90%;
		margin: 10px auto 20px;
		text-align: center;
	}
	.news-table td,
	.news-table2 td,
	.news-table3 td {
		border: 1px solid #ccc;
		padding: 5px;
	}
	.news-table3 td {
		width: 120px;
	}
	.news-table .date,
	.news-table2 .date,
	.news-table3 .date {
		background-color: #F2F2F2;
	}
	.news-table .obon,
	.news-table2 .obon,
	.news-table3 .obon {
		background-color: #F5ECCE;
	}
	.news-table .obon2,
	.news-table2 .obon2,
	.news-table3 .obon2 {
		background-color: #F5ECCE;
		color: #ff0000;
	}
	.news-table .sun,
	.news-table2 .sun,
	.news-table3 .sun {
		background-color: #F6CECE;
		color: #ff0000;
	}
	.news-table .sat,
	.news-table2 .sat,
	.news-table3 .sat {
		background-color: #CEE3F6;
		color: #0000FF;
	}

	/* 下層 */
	#lower {
		width: 1160px;
		padding: 20px 0;
	}
	#lower h2 {
		width: 100%;
		clear: both;
	}
	#lower h3,
	#lower h4,
	#lower h5,
	#lower h6 {
		width: 90%;
		clear: both;
		margin: 20px auto;
		padding: 5px;
	}

	#lower h3 {
		font-size: 20px;
		color: #086A87;
		border-left: 5px solid #0489B1;
	}
	#lower h4 {
		font-size: 18px;
		font-weight: bold;
		color: #086A87;
		border-top: 2px dashed #ccc;
		border-bottom: 2px dashed #ccc;
	}

	#lower p {
		margin: 10px 10px 20px;
	}

	#lower ul {
		list-style-type: circle;
		margin-left: 40px;
	}
	#lower ul li {
		padding: 5px 10px;
	}

	#lower .youtube {
		width: 80%;
		margin: 0 auto 40px;
		position: relative;
		border: 1px solid #1BB9CF;
		z-index: 3;
	}
	#lower .youtube::before {
		content: "";
		display: block;
		padding-top: 56.5%;
	}
	#lower .youtube iframe {
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;
	}


	/* 開発ストーリー */
	table.tbl_concept1 {
		float: left;
		margin-left: 20px;
		border: none;
	}
	table.tbl_concept1 td {
		border: none;
		text-align: left;
		vertical-align: middle;
		font-size: 24px;
		font-weight: bold;
		color: #000080;
		padding: 5px 10px;
	}
	table.tbl_concept1 td img {
		display: inline-block;
		vertical-align: middle;
	}

	.under_triangle {
		width: 0;
		height: 0;
		margin: 20px auto;
		border-left: 120px solid transparent;
		border-right: 120px solid transparent;
		border-top: 60px solid #ccc;
	}

	.manga {
		width: 90%;
		margin: 20px auto;
		text-align: center;
	}
	.manga img {
	}

	/* スマイルファンの特徴・導入効果 */
	#features .feature_nav {
		width: 100%;
		margin: 20px auto;
		clear: both;
		text-align: center;
	}
	#features .feature_nav ul {
		list-style: none;
		margin-left: 0;
	}
	#features .feature_nav ul li {
		width: 20%;
		display: inline-block;
		margin: 10px 1%;
		padding: 0;
		list-style-type: none;
		background-color: #FFF;
		font-size: 120%;
		line-height: 1.5;
	}
	#features .feature_nav ul li:hover {
		background-color: #0489B1;
		/* background-color: #A9E2F3; */
	}
	#features .feature_nav ul li.now {
		background-color: #0489B1;
	}
	#features .feature_nav ul li a {
		display: block;
		padding: 40px 20px;
		border: solid 1px #0489B1;
		font-size: 100%;
		line-height: 1.5;
	}
	#features .feature_nav ul li a:hover {
		color: #fff;
		text-decoration: none;
	}
	#features .feature_nav ul li.now a {
		color: #fff;
		text-decoration: none;
	}
	#features h2.no-deco {
		background: none;
		margin-bottom: 0;
	}
	#features h2.ttl01 img {
		max-width: 739px;
	}
	#features h2.ttl02 img {
		max-width: 638px;
	}
	#features h2.ttl03 img {
		max-width: 543px;
	}
	#features h2.ttl04 img {
		max-width: 835px;
	}
	#features .features01,
	#features .features02,
	#features .features03,
	#features .features04,
	#features .features05,
	#features .features06 {
		width: 100%;
	}
	#features .features01 .img-area,
	#features .features02 .img-area,
	#features .features03 .img-area,
	#features .features04 .img-area,
	#features .features05 .img-area,
	#features .features06 .img-area {
		float: right;
		width: 40%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#features .features01 .img-area2,
	#features .features02 .img-area2,
	#features .features03 .img-area2,
	#features .features04 .img-area2,
	#features .features05 .img-area2,
	#features .features06 .img-area2 {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#features .features01 img,
	#features .features02 img,
	#features .features03 img,
	#features .features04 img,
	#features .features05 img,
	#features .features06 img {
		max-width: 100%;
	}


	#features .feature_nav2 {
		width: 100%;
		margin: 20px auto;
		clear: both;
		text-align: center;
	}
	#features .feature_nav2 .menu {
		float: left;
/*		width: 18%;
		margin: 10px 1%; */
		width: 15%;
		margin: 10px 0.8%;
		padding: 0;

	}

	#features .feature_nav2 .menu .img-box {
		position: relative;
	}
	#features .feature_nav2 .menu .img-box .active {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		transition: 0.5s;
	}
	#features .feature_nav2 .menu .img-box:hover .active {
		opacity: 1;
	}


	/* 製品一覧ページ */
	#product table.item_lineup {
		width: 90%;
		margin: 0 auto;
		border: none;
	}
	#product table.item_lineup th {
		width: 30%;
		text-align: center;
		border: none;
		background: none;
	}
	#product table.item_lineup th img {
		max-width: 90%;
	}
	#product table.item_lineup td {
		text-align: left;
		vertical-align: middle;
		border: none;
	}


	/* 製品詳細ページ */
	#smile-fans .introduction_area,
	#smile-fans .feature_area,
	#smile-fans .location_area,
	#smile-fans .specification_area {
		width: 100%;
	}
	#smile-fans .introduction_area .img-area,
	#smile-fans .feature_area .img-area,
	#smile-fans .location_area .img-area,
	#smile-fans .specification_area .img-area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#smile-fans .introduction_area img,
	#smile-fans .feature_area img,
	#smile-fans .location_area img {
		max-width: 80%;
	}
	#smile-fans .specification_area img {
		max-width: 80%;
	}
	#smile-fans .specification_area img.fan-mg {
		margin-top: -200px;
		margin-bottom: -200px;
	}
	#smile-fans .specification_area img.fan-mg2 {
		margin-bottom: 40px;
	}

	#smile-fans .specification_area table {
		width: 80%;
		margin: 20px auto 40px;
	}
	#smile-fans .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}

	#smile-fans3 .introduction_area,
	#smile-fans3 .feature_area,
	#smile-fans3 .location_area,
	#smile-fans3 .specification_area {
		width: 100%;
	}
	#smile-fans3 .introduction_area .img-area,
	#smile-fans3 .feature_area .img-area,
	#smile-fans3 .location_area .img-area,
	#smile-fans3 .specification_area .img-area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#smile-fans3 .introduction_area img,
	#smile-fans3 .feature_area img,
	#smile-fans3 .location_area img {
		max-width: 100%;
	}
	#smile-fans3 .specification_area img {
		max-width: 80%;
	}
	#smile-fans3 .specification_area img.fan-mg {
		margin-top: -200px;
		margin-bottom: -200px;
	}
	#smile-fans3 .specification_area img.fan-mg2 {
		margin-bottom: 40px;
	}

	#smile-fans3 .specification_area table {
		width: 80%;
		margin: 20px auto 40px;
	}
	#smile-fans3 .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans3 .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}

	#smile-fans-move .introduction_area,
	#smile-fans-move .feature_area,
	#smile-fans-move .location_area,
	#smile-fans-move .specification_area {
		width: 100%;
	}
	#smile-fans-move .introduction_area .img-area,
	#smile-fans-move .feature_area .img-area,
	#smile-fans-move .location_area .img-area,
	#smile-fans-move .specification_area .img-area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#smile-fans-move .introduction_area img,
	#smile-fans-move .feature_area img,
	#smile-fans-move .location_area img {
		max-width: 80%;
	}
	#smile-fans-move .specification_area img {
		max-width: 60%;
	}
	#smile-fans-move .specification_area table {
		width: 80%;
		margin: 20px auto 40px;
	}
	#smile-fans-move .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans-move .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}

	#smile-fans-move2 .introduction_area,
	#smile-fans-move2 .feature_area,
	#smile-fans-move2 .location_area,
	#smile-fans-move2 .specification_area {
		width: 100%;
	}
	#smile-fans-move2 .introduction_area .img-area,
	#smile-fans-move2 .feature_area .img-area,
	#smile-fans-move2 .location_area .img-area,
	#smile-fans-move2 .specification_area .img-area {
		float: right;
		width: 30%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#smile-fans-move2 .introduction_area img,
	#smile-fans-move2 .feature_area img,
	#smile-fans-move2 .location_area img {
		max-width: 80%;
	}
	#smile-fans-move2 .specification_area img {
		max-width: 40%;
	}
	#smile-fans-move2 .specification_area table {
		width: 80%;
		margin: 20px auto 40px;
	}
	#smile-fans-move2 .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans-move2 .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}


	#smile-fans-tree .introduction_area,
	#smile-fans-tree .feature_area,
	#smile-fans-tree .location_area,
	#smile-fans-tree .example_area,
	#smile-fans-tree .specification_area {
		width: 100%;
	}
	#smile-fans-tree .introduction_area .img-area,
	#smile-fans-tree .feature_area .img-area,
	#smile-fans-tree .location_area .img-area,
	#smile-fans-tree .example_area .img-area,
	#smile-fans-tree .specification_area .img-area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#smile-fans-tree .introduction_area img,
	#smile-fans-tree .feature_area img,
	#smile-fans-tree .location_area img {
		max-width: 80%;
	}
	#smile-fans-tree .example_area .case_area {
		margin: 0 auto 40px;
	}
	#smile-fans-tree .example_area .case_area .case {
		float: left;
		width: 30%;
		margin: 0 1.5% 20px;
		text-align: center;
	}

	#smile-fans-tree .example_area .case_area .case img {
		max-width: 60%;
	}

	#smile-fans-tree .specification_area .model_area {
		margin: 0 auto 40px;
	}
	#smile-fans-tree .specification_area .model_area .model {
		float: left;
		width: 40%;
		margin: 0 5% 20px;
		text-align: center;
	}

	#smile-fans-tree .specification_area .model_area .model img {
		max-width: 60%;
	}
	#smile-fans-tree .specification_area table {
		width: 80%;
		margin: 20px auto 40px;
	}
	#smile-fans-tree .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans-tree .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}

	/* ムービーページ */
	#movie .movie-area {
		width: 100%;
	}

/*	#movie .movie-area .movie-list {
		float: left;
		width: 18%;
		height: 250px;
		margin: 0 1% 20px;
		background-color: #e9eaef;
	}*/
	#movie .movie-area .movie-list {
		float: left;
		width: 22%;
		min-height: 260px;
		margin: 0 1.5% 20px;
		background-color: #e9eaef;
	}
	#movie .movie-area .movie-list .movie-thumb {
		width: 100%;
	}
	#movie .movie-area .movie-list .movie-text {
		width: 100%;
		font-size: 90%;
	}
	#movie .movie-area .movie-list .movie-more {
		width: 100%;
	}
	#movie .movie-area .movie-list .movie-more a {
		font-size: 90%;
	}


	/* 導入フロー */
	.smile-fans_flow .smile-fans_flow_l {
		float: left;
		width: 46%;
		margin: 0 2%;
	}
	.smile-fans_flow .smile-fans_flow_r {
		float: right;
		width: 46%;
		margin: 0 2%;
	}
	.smile-fans_flow .smile-fans_flow_l .thumb-img,
	.smile-fans_flow .smile-fans_flow_r .thumb-img {
		text-align: center;
	}
	.smile-fans_flow .smile-fans_flow_l .thumb-img img,
	.smile-fans_flow .smile-fans_flow_r .thumb-img img {
		max-width: 80%;
		margin: 0 auto;
	}

	.smile-fans_flow .ribbon_box1,
	.smile-fans_flow .ribbon_box2 {    
		display: block;
		position: relative;
		margin: 15px auto 0;
		padding: 10px 0;
		width: 90%;
		background: #f1f1f1;
		border-radius: 10px;
	}
	.smile-fans_flow .ribbon1_h,
	.smile-fans_flow .ribbon2_h {
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		padding: 10px;
		margin: 0 -20px;
		width: calc(100% + 40px);
		font-size: 22px;
		color: #fff;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	}
	.smile-fans_flow .ribbon1_h {
/*		background: #F5A9A9; */
		background: #086A87;
	}
	.smile-fans_flow .ribbon2_h {
		background: #1BB9CF;
	}
	.smile-fans_flow .ribbon1_h:before,
	.smile-fans_flow .ribbon2_h:before {
		position: absolute;
		content: '';
		top: 100%;
		left: 0;
		border: none;
		border-bottom: solid 15px transparent;
	}
	.smile-fans_flow .ribbon1_h:before {
		border-right: solid 20px #1BB9CF;
	}
	.smile-fans_flow .ribbon2_h:before {
		border-right: solid 20px #086A87;
	}

	.smile-fans_flow .ribbon1_h:after,
	.smile-fans_flow .ribbon2_h:after {
		position: absolute;
		content: '';
		top: 100%;
		right: 0;
		border: none;
		border-bottom: solid 15px transparent;
	}
	.smile-fans_flow .ribbon1_h:after {
		border-left: solid 20px #1BB9CF;
	}
	.smile-fans_flow .ribbon2_h:after {
		border-left: solid 20px #086A87;
	}



	.smile-fans_flow .triangle{
		width: 0;
		height: 0;
		margin: 0 auto 15px;
		border-top: 20px solid #f1f1f1;
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
	}
	/* 保証・メンテナンス */
	#assurance .assurance_area,
	#assurance .mentenance_area {
		width: 100%;
	}
	#assurance .assurance_area .img-area,
	#assurance .mentenance_area .img-area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#assurance .assurance_area img,
	#assurance .mentenance_area img {
		max-width: 100%;
	}

	/* お客様の声 */
	#voices .voice {
		margin-bottom: 40px;
		clear: both;
	}
	#voices .img_area {
		width: 90%;
		margin: 0 auto;
		overflow: auto;
	}
	#voices .img_area .l-img,
	#voices .img_area .r-img {
		float: left;
		width: 45%;
		margin: 20px 2.5%;
		text-align: center;
	}
	#voices .img_area .l-img img,
	#voices .img_area .r-img img {
		max-width: 90%;
		max-height: 250px;
	}
	#voices .img_area .l-img img.tate,
	#voices .img_area .r-img img.tate {
		max-width: 90%;
		max-height: 350px;
	}
	#voices .img_area img.tate250 {
		height: 250px;
	}
	#voices .voice_logo_area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 3% 3%;
	}
	#voices .voice_txt_area {
		float: left;
		width: 74%;
		text-align: left;
		margin: 0 3% 3% 0;
	}
	#voices .voice img,
	#voices .voice-other img {
		max-width: 100%;
	}
	#voices .voice-other .comment {
		animation-name: move;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}
	@keyframes move {
	  0% {
	    transform: translate(0, 0); }
	  50% {
	    transform: translate(0, 30px); }
	  100% {
	    transform: translate(0, 0); } }


	/* よくあるご質問 */
	ul.qa_outline {
		list-style-type: none!important;
		font-size: 14px;
		margin: 10px 0 40px 40px;
	}
	ul.qa_outline li {
		padding: 10px 5px!important;
		line-height: 1.2;
	}
	table.qa_tbl1 {
		width: 60%;
		margin-bottom: 60px;

	}
	table.qa_tbl1 th,
	table.qa_tbl1 td {
		border: 1px solid #ccc!important;
		padding: 10px;
	}

	/* パートナー会社 */
	.partner_logo {
		width: 15%;
		float: left;
		text-align: center;
	}
	.partner_logo img {
		padding-top: 40px;
		max-width: 70%;
	}
	table.partner {
		width: 80%;
		border: 1px solid #ccc;
		margin: 20px 0 40px;
	}
	table.partner th {
		width: 10%;
		border: 1px solid #ccc;
		padding: 10px;
		vertical-align: middle;
	}
	table.partner td {
		border: 1px solid #ccc;
		padding: 10px;
		text-align: left;
	}


	/* ショールーム */
	.map {
		width: 90%;
		margin: 20px auto;
	}
	.map img {
		width: 100%;
	}
	.showroom {
		width: 90%;
		margin: 20px auto 40px;
		overflow: auto;
	}
	.showroom .img-area {
		float: left;
		width: 50%;
		text-align: center;
	}
	.showroom .img-area img {
		max-width: 80%;
		height: 250px;
	}

	/* 運営会社 */
	table.tbl_company {
		width: 70%;
		float: left;
		margin: 20px 0 40px 60px;
	}
	table.tbl_company th {
		width: 30%;
		vertical-align: middle;
		background-color: #f2f2f2;
		padding: 5px 10px;
		border: 1px solid #ccc;
	} 
	table.tbl_company td {
		text-align: left;
		vertical-align: middle;
		padding: 5px 10px;
		border: 1px solid #ccc;
	}
	.movie {
		width: 90%;
		margin: 0 auto;
	}
	.company_youtube {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; /* 現プレイヤーでは不要？ */
		height: 0;
		overflow: hidden;
	}
	.company_youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.access {
		margin: 0 auto 20px;
		width: 90%;
	}
	.access iframe {
		width: 100%;
	}

	/* プライバシーポリシー */
	table.tbl_pp {
		float: right;
		border: none;
	}
	table.tbl_pp td {
		border: none;
	}

	/* お問い合わせ */
	.tel_area-l {
		width: 48%;
		float: left;
		margin: 0 1%;
	}
	.tel_area-r {
		width: 48%;
		float: right;
		margin: 0 1%;
	}
	.tel_area-l p,
	.tel_area-r p {
		margin-bottom: 10px!important;
	}

	.form_area {
		margin-bottom: 40px;
	}

	.form_area table {
		width: 90%;
		margin: 20px auto;
		font-size: 110%;
	}
	.form_area table th {
		width: 30%;
		padding: 10px;
		vertical-align: middle;
		border: 1px solid #ccc;
	}
	.form_area table td {
		padding: 10px;
		text-align: left;
		border: 1px solid #ccc;
	}

	.form_area input,
	.form_area textarea {
		border: 1px solid #ccc;
		font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}
	.form_area input:hover,
	.form_area textarea:hover {
		border: 1px solid #1BB9CF;
	}
	.form_area .smf_quantity,
	.form_area .smf_m_quantity {
		width: 10%;
		padding: 10px;
		margin: 10px;
		font-size: 100%;
		text-align: right;
	}
	.form_area .user_address,
	.form_area .company_name,
	.form_area .department_name,
	.form_area .user_name,
	.form_area .tel_number,
	.form_area .mail_address,
	.form_area .inquiry_contents {
		width: 94%;
		padding: 10px;
		font-size: 100%;
	}
	.form_area .postal_code {
		width: 30%;
		padding: 10px;
		margin-left: 10px;
		margin-bottom: 10px;
		font-size: 100%;
	}
	.form_area .submit_btn,
	.form_area .back_btn {
		font-size: 110%;
		padding: 20px 40px;
		margin: 10px 20px;
		background-color: #F5F5F5;
	}
	.form_area .submit_btn:hover,
	.form_area .back_btn:hover {
		color: #fff;
		background-color: #1BB9CF;
		cursor: pointer;
	}

	.thanks_area {
		width: 80%;
		margin: 40px auto;
		background-color: #F5F5F5;
		border: 1px solid #ccc;
	}
	.thanks_area p {
		font-size: 140%;
		padding: 20px;
	}
	/* ブログ */
	.blog .img_area {
		width: 90%;
		overflow: auto;
	}
	.blog .img_area .l-img,
	.blog .img_area .r-img {
		float: left;
		width: 45%;
		margin: 20px 2.5%;
		text-align: center;
	}
	.blog .img_area .l-img img,
	.blog .img_area .r-img img {
		max-width: 90%;
		max-height: 250px;
	}

	/* イマスグ現調・オキガル商談 */
	#quick .introduction .img-area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#quick .introduction .img-area img {
		max-width: 100%;
	}

	table.tbl_quick1 {
		float: left;
		margin-left: 20px;
		border: none;
	}
	table.tbl_quick1 td {
		border: none;
		text-align: left;
		vertical-align: middle;
		font-size: 24px;
		font-weight: bold;
		color: #000080;
		padding: 5px 10px;
	}
	table.tbl_quick1 td img {
		display: inline-block;
		vertical-align: middle;
	}

	#quick-problem {
		background-color: #FFFFFF;
		padding: 30px 0;
	}
	#quick-problem .problem-wrap {
		width: 1160px;
		margin: 0 auto;
	}
	#quick-problem .problem-box {
		position: relative;
		margin-bottom: 20px;
	}
	#quick-problem .problem-box .problem-txt {
		display: inline-block;
		font-size: 28px;
		font-weight: bold;
		vertical-align: middle;
		border-radius: 20px 20px;
		padding: 20px;
	}
	#quick-problem .problem-box .problem-img {
		display: inline-block;
		vertical-align: middle;
		}
	#quick-problem .problem-box .box-customer {
		font-size: 0;
	}
	#quick-problem .problem-box .box-customer .problem-txt {
		background-color: #E0F8F7;
		margin-left: 20px;
	}
	#quick-problem .problem-box .box-customer .problem-txt:before {
		display: block;
	    content: "";
	    position: absolute;
	    top: 52px;
	    left: 147px;
	    height: 33px;
	    width: 27px;
	    background-image: url(../images/problem_customer_jet2.png);
	}
	#quick-problem .problem-box .box-gojoh {
		font-size: 0;
		text-align: right;
	}
	#quick-problem .problem-box .box-gojoh .problem-txt {
		background-color: #1BB9CF;
		text-align: left;
		margin-right: 20px;
	}
	#quick-problem .problem-box .box-gojoh .problem-txt:after {
		display: block;
	    content: "";
	    position: absolute;
	    top: 51px;
	    left: 984px;
	    height: 33px;
	    width: 27px;
	    background-image: url(../images/problem_gojoh_jet.png);
	}
	#quick-problem .problem-notes {
		font-weight: bold;
		text-align: center;
		margin-top: 30px;
	}

	.box-customer {
	  -webkit-transition: all 1s;
	  -webkit-transform: translate(0, 0);
	  opacity: 1;
	}
	.box-customer.move {
	  -webkit-transform: translate(-10px, 0);
	  opacity: 0;
	}
	.box-gojoh {
		text-align: right;
	  -webkit-transition: all 1s;
	  -webkit-transform: translate(0, 0);
	  opacity: 1;
	}
	.box-gojoh.move {
	  -webkit-transform: translate(10px, 0);
	  opacity: 0;
	}

	#quick .issues .img-area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#quick .issues .img-area img {
		max-width: 100%;
		max-height: 200px;
	}
	#quick .issues table {
		width: 90%;
	}
	#quick .issues table th {
		color: #ffffff;
		background-color: #1BB9CF;
		font-weight: bold;
		border: 1px solid #0489B1;
	}
	#quick .issues table td {
		vertical-align: middle;
		border: 1px solid #0489B1;
	}
	#quick .issues table .bg-change {
		background-color: #F8E0E0;
	}
	#quick .quick-sdgs .img-area1 {
		width: 80%;
		text-align: center;
		margin: 20px auto;
	}
	#quick .quick-sdgs .img-area1 img {
		max-width: 100%;
	}
	#quick .quick-sdgs .img-area2 {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#quick .quick-sdgs .img-area2 img {
		max-width: 80%;
	}

	#quick .quick-flow .img-area {
		text-align: center;
		margin: 0 auto 20px;
	}
	#quick .quick-flow .img-area img {
		max-width: 100%;
	}
	#quick .quick-btn-area {
		width: 30%;
		margin: 10px auto;
	}
	#quick .quick-btn-area a {
		color: #fff;
		text-decoration: none;
		display: block;
		font-size: 140%;
		font-weight: bold;
		background-color: #FF8000;
		text-align: center;
		border-radius: 10px 10px;
		text-decoration: none;
		padding: 20px;
	}
	#quick .quick-btn-area a:hover {
		background-color: #F7BE81;
	}
	
			/* 固定ページ全体 */
	section.under_page {
		width: 80%;
		max-width: 1200px;
		margin: 0 auto 5rem auto;
		padding: 0 10px;
	}
	section.under_page p {
		font-size: 16px;
		line-height: 160%;
	}
	section.under_page p.x-large {
		font-size: 3.0rem;
	}
	section.under_page p.large {
		font-size: 2.2rem;
	}
	section.under_page p.small {
		font-size: 1.4rem;
	}
	section.under_page p.x-small {
		font-size: 1.2rem;
	}
	section.under_page ul,
	section.under_page ol,
	section.under_page dl {
		font-size: 14px;
		line-height: 160%;
	}
	section.under_page ul li,
	section.under_page ol li {
		list-style: inherit;
		margin: 5px auto;
	}
	section.under_page table,
	section.under_page table th,
	section.under_page table td {
		font-size: 1.6rem;
		line-height: 160%;
		border: 1px solid #9396a0;
		margin: 20px auto 40px;
		padding: 10px;
	}
	section.under_page table th {
		border: 1px solid #9396a0;
		background: #afb1b8;
		color: #fff;
	}

}
/*===========================================================
   PCここまで
===========================================================*/

/*===========================================================
   スマートフォンここから
===========================================================*/
@media screen and (max-width: 767px) {

	/* sp全体 */

	.pc {
		display: none!important;
	}
	img {
		max-width: 100%;
	}

	.wd100sp {
		width: 100%!important;
	}
	.wd90sp {
		width: 90%!important;
	}
	.wd80sp {
		width: 80%!important;
	}
	.wd70sp {
		width: 70%!important;
	}
	.wd60sp {
		width: 60%!important;
	}
	.wd50sp {
		width: 50%!important;
	}
	.wd40sp {
		width: 40%!important;
	}
	.wd30sp {
		width: 30%!important;
	}
	.wd20sp {
		width: 20%!important;
	}
	.wd10sp {
		width: 10%!important;
	}
	.mwd100sp {
		max-width: 100%!important;
	}
	.mwd90sp {
		max-width: 90%!important;
	}
	.mwd80sp {
		max-width: 80%!important;
	}

	.mt100sp {
		margin-top: 100px!important;
	}
	.mt90sp {
		margin-top: 90px!important;
	}
	.mt80sp {
		margin-top: 80px!important;
	}
	.mt70sp {
		margin-top: 70px!important;
	}
	.mt60sp {
		margin-top: 60px!important;
	}
	.mt50sp {
		margin-top: 50px!important;
	}
	.mt40sp {
		margin-top: 40px!important;
	}
	.mt30sp {
		margin-top: 30px!important;
	}
	.mt20sp {
		margin-top: 20px!important;
	}
	.mt10sp {
		margin-top: 10px!important;
	}
	.mt0sp {
		margin-top: 0px!important;
	}

	.mr100sp {
		margin-right: 100px!important;
	}
	.mr90sp {
		margin-right: 90px!important;
	}
	.mr80sp {
		margin-right: 80px!important;
	}
	.mr70sp {
		margin-right: 70px!important;
	}
	.mr60sp {
		margin-right: 60px!important;
	}
	.mr50sp {
		margin-right: 50px!important;
	}
	.mr40sp {
		margin-right: 40px!important;
	}
	.mr30sp {
		margin-right: 30px!important;
	}
	.mr20sp {
		margin-right: 20px!important;
	}
	.mr10sp {
		margin-right: 10px!important;
	}
	.mr0sp {
		margin-right: 0px!important;
	}

	.mb100sp {
		margin-bottom: 100px!important;
	}
	.mb90sp {
		margin-bottom: 90px!important;
	}
	.mb80sp {
		margin-bottom: 80px!important;
	}
	.mb70sp {
		margin-bottom: 70px!important;
	}
	.mb60sp {
		margin-bottom: 60px!important;
	}
	.mb50sp {
		margin-bottom: 50px!important;
	}
	.mb40sp {
		margin-bottom: 40px!important;
	}
	.mb30sp {
		margin-bottom: 30px!important;
	}
	.mb20sp {
		margin-bottom: 20px!important;
	}
	.mb10sp {
		margin-bottom: 10px!important;
	}
	.mb00sp {
		margin-bottom: 0px!important;
	}

	.ml100sp {
		margin-left: 100px!important;
	}
	.ml90sp {
		margin-left: 90px!important;
	}
	.ml80sp {
		margin-left: 80px!important;
	}
	.ml70sp {
		margin-left: 70px!important;
	}
	.ml60sp {
		margin-left: 60px!important;
	}
	.ml50sp {
		margin-left: 50px!important;
	}
	.ml40sp {
		margin-left: 40px!important;
	}
	.ml30sp {
		margin-left: 30px!important;
	}
	.ml20sp {
		margin-left: 20px!important;
	}
	.ml10sp {
		margin-left: 10px!important;
	}
	.ml0sp {
		margin-left: 0px!important;
	}



	.link_button {
		width: 100%;
		margin: 20px auto 60px;
		text-align: center;
	}
	.square_btn {
		max-width: 60%;
		display: inline-block;
		padding: 1em 2em;
		text-decoration: none!important;
		background: #1BB9CF;/*ボタン色*/
		color: #fff!important;
		border-bottom: solid 4px #627295;
		border-radius: 3px;
	}
	.square_btn:hover {
		background: #A9E2F3;/*ボタン色*/
	}
	.square_btn:active {/*ボタンを押したとき*/
		-ms-transform: translateY(4px);
		-webkit-transform: translateY(4px);
		transform: translateY(4px);/*下に動く*/
		box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
		border-bottom: none;
	}

	/* 画像横並び */
	.line1,
	.line2,
	.line3,
	.line4 {
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.line1 img,
	.line2 img,
	.line3 img,
	.line4 img {
		margin: 10px;
		max-width: 90%;
	}
	.line2 .area1,
	.line2 .area2 {
		float: left;
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.line3 .area1,
	.line3 .area2,
	.line3 .area3 {
		float: left;
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}

	.line4 .area1,
	.line4 .area2,
	.line4 .area3,
	.line4 .area4 {
		float: left;
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}


	/* footer */
	#fnav .fnav-box > ul > li > ul > li {
		margin-bottom: 10px;
	}

	#fnav .fnav-box > ul > li > a,
	#fnav .fnav-box > ul > li > ul > li > a,
	#fmain ul li a {
		color: #00207f;
		text-decoration: underline;
	}
	#fnav .fnav-box > ul > li > a:hover,
	#fnav .fnav-box > ul > li > ul > li > a:hover,
	#fmain ul li a:hover {
		color: #cf1919;
	}
	#fnav .fnav-box > ul > li > ul > li > a {
		font-size: 1.2rem;
	}
	#fnav .fnav-box .nolink {
		display: block;
		color: #333;
		text-decoration: none;
		border-left: 7px solid #0489B1;
		padding: 2% 0 2% 17px;
	}
	#biz_calendar {
		max-width: 90%!important;
	}
	#biz_calendar table.bizcal {
		font-size: 1.4rem;
	}
	#biz_calendar table.bizcal th,
	#biz_calendar table.bizcal td {
		padding: 10px 5px!important;
	}
	#fmain ul li a {
		font-size: 1.2rem;
		margin-top: 5px;
	}
	#fmain .copyright {
		text-align: center;
	}


	/* TOP */
	#product h1 {
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
		margin-bottom: 5%;
	}
	.attention {
		width: 90%;
		margin: 0 auto 20px;
		padding: 10px;
		text-align: center;
		background-color: #F8E0E0;
		font-size: 120%;
	}

	.bnr-area {
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.bnr-area img {
		width: 100%;
	}
	.bnr-area .bnr-sub {
		float: left;
		width: 45%;
		margin: 20px 2.5%;
		text-align: center;
	}
	.bnr-area .bnr-sub img {
		width: 100%;
	}

	.bnr-area2 {
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.bnr-area2 img {
		width: 96%;
	}

	.link-btn a {
		color: #333;
		text-decoration: none;
		background-color: #1BB9CF;
	}
	.link-btn a:hover {
		color: #cf1919;
	}
	#product .product-box img.fan-mg {
		margin-top: -50px;
		margin-bottom: -50px;
	}
	#product .product-box img.fan-mg2 {
		margin-bottom: 20px;
	}
	#product .product-box img.fan-mg3 {
		margin-bottom: -20px;
	}
	#product .product-box img.fan-move2 {
		max-width: 250px;
		margin-bottom: 20px;
		margin-top: 40px;
	}
	#product .product-box img.fan-tree {
		max-width: 300px;
		margin-bottom: 20px;
		margin-top: 40px;
	}
	#product .product-box .product-name {
		font-size: 1.4rem;
	}
	#problem {
/*		background-color: #EEEEEE; */
		background-color: #E0F8F7;
	}
	#problem .problem-box {
		margin-bottom: 20px;
	}
	#problem .problem-box .box-customer .problem-txt::before {
		background-image: url(../images/problem_customer_jet.png);
	}
	#problem .problem-box .box-gojoh .problem-txt {
/*		background-color: #A9E2F3; */
		background-color: #1BB9CF;
	}
	#problem .problem-box .box-gojoh .problem-txt::after {
		background-image: url(../images/problem_gojoh_jet.png);
	}
	.top_youtube {
		width: 100%;
		margin: 0 auto 20px;
		position: relative;
		border: 1px solid #1BB9CF;
		z-index: 3;
	}
	.top_youtube::before {
		content: "";
		display: block;
		padding-top: 56.5%;
	}
        .top_youtube iframe {
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;
	}
	#what .scene-box .scene-thumb {
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative; /* 相対位置指定 */
	}
	#what .scene-box .scene-thumb img {
		width: 100%;
	}

	.midashi {
		width: 100%;
		font-size: 1.4rem!important;
		text-align: center;
		bottom: 10px;
		margin: 0;
		padding: 10px 0;
		color: #fff;
		line-height: 1.5;
		background: rgba(0,0,0,0.6); /* 帯の透明度 */
		position: absolute; /* 絶対位置指定 */
	}

	#problem .problem-notes {
		font-size: 100%;
	}

	#record {
		background-color: #EEEEEE;
		padding: 5% 15px;
	}
	#record .record-box {
		margin: 0 auto;
		text-align: center;
	}
	#record .record-img  {
		text-align: center;
		margin-bottom: 3%;
	}
	#record .record-img img {
		width: 80%;
	}
	#record .record-txt {
		margin-bottom: 3%;
	}

	#record .record-box2 {
		width: 90%;
		margin: 0 auto 40px;
		text-align: center;
	}
	#record .record-box2 .record-img img {
		max-width: 70%;
	}
	#record .record-box2 .record-txt {
		text-align: center;
		padding-top: 10px;
	}

	#record .record-box3 {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	#record .record-box3 .record-img img {
		max-width: 90%;
	}
	#record .record-box3 .record-txt {
	}


	#voice {
		background-color: #E0F8F7;
	}
	#voice .copy {
		font-size: 2rem;
		font-weight: bold;
		float: left;
		margin-bottom: 15px;
	}
	#voice .voice-box:nth-child(2n) .copy {
		background: linear-gradient(transparent 30%, #66ccff 30%);
	}
	#voice .voice-box:nth-child(2n+1) .copy {
		background: linear-gradient(transparent 30%, #F5EF53 30%);
	}
	#voice .company {
		clear: both;
		display: block;
		font-size: 1.6rem;
		font-weight: bold;
		padding-left: 20px;
		margin-bottom: 30px;
	}
	#voice .voice-txt p {
		margin: 10px 10px 20px;
	}
	#voice .voice-img {
		text-align: center;
	}
	#voice .voice-img img {
		max-width: 60%;
	}
	#voice .voice-box {
/*		border-bottom: 1px solid #1BB9CF; 事例が増えた時にこちらに切り替える*/
		border-bottom: none;
	}

	#media {
		background-color: #EEEEEE;
		padding: 5% 15px;
	}
	#media .media-box {
		margin: 0 auto;
		text-align: center;
	}
	#media .media-img  {
		text-align: center;
		margin-bottom: 3%;
	}
	#media .media-img img {
		width: 80%;
	}
	#media .media-txt {
		margin-bottom: 3%;
	}

	#media .media-box2 {
		width: 90%;
		margin: 0 auto 40px;
		text-align: center;
	}
	#media .media-box2 .media-img img {
		max-width: 70%;
	}
	#media .media-box2 .media-txt {
		text-align: center;
		padding-top: 10px;
	}

	#media .media-box3 {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	#media .media-box3 .media-img img {
		max-width: 90%;
	}
	#media .media-box3 .media-txt {
	}

	#news .news-wrap .news-date {
		padding: 1% 0;
	}
	#news .news-wrap .news-txt a {
		color: #00207f;
		text-decoration: underline;
	}
	#news .news-wrap .news-txt a:hover {
		color: #cf1919;
	}

	/* 投稿 */
	#blog {
		width: 94%;
		margin: 0 auto;
		padding: 20px 0;
	}
	#blog h1 {
		width: 96%;
		clear: both;
	}
	#blog h2 {
		width: 96%;
		clear: both;
		margin-left: auto;
		margin-right: auto;
	}
	#blog h3,
	#blog h4,
	#blog h5,
	#blog h6 {
		width: 90%;
		clear: both;
		margin: 3% auto;
		padding: 5px;
	}

	#blog h3 {
		font-size: 1.6rem;
		color: #086A87;
		border-left: 5px solid #0489B1;
	}
	#blog h4 {
		font-size: 1.4rem;
		font-weight: bold;
		color: #086A87;
		border-top: 2px dashed #ccc;
		border-bottom: 2px dashed #ccc;
	}

	#blog p {
		margin: 10px 10px 20px;
	}
	#blog ul {
		list-style-type: circle;
		margin-left: 20px;
	}
	#blog ul li {
		padding: 5px 10px;
	}
	#blog span {
		font-size: 100%;
	}

	#blog .youtube {
		width: 100%;
		margin: 0 auto 40px;
		position: relative;
		border: 1px solid #1BB9CF;
		z-index: 3;
	}
	#blog .youtube::before {
		content: "";
		display: block;
		padding-top: 56.5%;
	}
	#blog .youtube iframe {
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;
	}

	/* NEWS一覧ページ */
	#lower .news-wrap .news-date {
		padding: 1% 0;
	}
	#lower .news-wrap .news-txt a {
		color: #00207f!important;
		text-decoration: underline;
	}
	#lower .news-wrap .news-txt a:hover {
		color: #cf1919;
	}
	.wp-pagenavi {
		margin: 20px auto;
		text-align: center;
	}
	.wp-pagenavi .current {
		background-color: #1BB9CF;
		color: #fff;
	}

	/* category一覧ページ */
	#post h2.post-ttl {
		font-size: 20px;
		color: #FFF!important;
		background: #1BB9CF!important;
		box-sizing: border-box;
		padding: 15px;
		margin: 10px auto 20px; 
	}
	#post h2.post-ttl a {
		color: #FFF!important;
		font-size: 20px!important;
		font-weight: normal;
	}
	#meta {
		text-align: right;
	}

	#post .youtube {
		width: 100%;
		margin: 0 auto 40px;
		position: relative;
		border: 1px solid #1BB9CF;
		z-index: 3;
	}
	#post .youtube::before {
		content: "";
		display: block;
		padding-top: 56.5%;
	}
	#post .youtube iframe {
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;
	}	

	/* news 営業日用table */
	.news-table,
	.news-table2,
	.news-table3 {
		width: 94%;
		margin: 10px auto 20px;
		text-align: center;
	}
	.news-table td,
	.news-table2 td,
	.news-table3 td {
		border: 1px solid #ccc;
		padding: 5px;
	}
	.news-table .date,
	.news-table2 .date,
	.news-table3 .date {
		background-color: #F2F2F2;
	}
	.news-table .obon,
	.news-table2 .obon,
	.news-table3 .obon {
		background-color: #F5ECCE;
	}
	.news-table .obon2,
	.news-table2 .obon2,
	.news-table3 .obon2 {
		background-color: #F5ECCE;
		color: #ff0000;
	}
	.news-table .sun,
	.news-table2 .sun,
	.news-table3 .sun {
		background-color: #F6CECE;
		color: #ff0000;
	}
	.news-table .sat,
	.news-table2 .sat,
	.news-table3 .sat {
		background-color: #CEE3F6;
		color: #0000FF;
	}

	/* 下層 */
	#lower {
		width: 94%;
		margin: 0 auto;
		padding: 20px 0;
	}
	#lower h1 {
		width: 96%;
		clear: both;
	}
	#lower h2 {
		width: 96%;
		clear: both;
		margin-left: auto;
		margin-right: auto;
	}
	#lower h3,
	#lower h4,
	#lower h5,
	#lower h6 {
		width: 90%;
		clear: both;
		margin: 3% auto;
		padding: 5px;
	}

	#lower h3 {
		font-size: 1.6rem;
		color: #086A87;
		border-left: 5px solid #0489B1;
	}
	#lower h4 {
		font-size: 1.4rem;
		font-weight: bold;
		color: #086A87;
		border-top: 2px dashed #ccc;
		border-bottom: 2px dashed #ccc;
	}

	#lower p {
		margin: 10px 10px 20px;
	}
	#lower ul {
		list-style-type: circle;
		margin-left: 20px;
	}
	#lower ul li {
		padding: 5px 10px;
	}
	#lower span {
		font-size: 100%;
	}

	#lower .youtube {
		width: 100%;
		margin: 0 auto 40px;
		position: relative;
		border: 1px solid #1BB9CF;
		z-index: 3;
	}
	#lower .youtube::before {
		content: "";
		display: block;
		padding-top: 56.5%;
	}
	#lower .youtube iframe {
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;
	}


	/* 開発ストーリー */
	table.tbl_concept1 {
		float: left;
		margin-left: 10px;
		border: none;
	}
	table.tbl_concept1 td {
		border: none;
		text-align: left;
		vertical-align: middle;
		font-size: 18px;
		font-weight: bold;
		color: #000080;
		padding: 5px 10px;
	}
	table.tbl_concept1 td.wd30 {
		width: 30px;
		text-align: center;
		vertical-align: top;
	}
	table.tbl_concept1 td img {
		display: inline-block;
	}
	.under_triangle {
		width: 0;
		height: 0;
		margin: 20px auto;
		border-left: 120px solid transparent;
		border-right: 120px solid transparent;
		border-top: 60px solid #ccc;
	}
	.manga {
		width: 100%;
		margin: 20px auto;
		text-align: center;
	}
	.manga img {
	}

	/* スマイルファンの特徴・導入効果 */
	#features .feature_nav {
		width: 100%;
		margin: 20px auto;
		clear: both;
		text-align: center;
	}
	#features .feature_nav ul {
		list-style: none;
		margin-left: 0;
	}
	#features .feature_nav ul li {
		width: 46%;
		display: inline-block;
		margin: 10px 1%;
		padding: 0;
		list-style-type: none;
		background-color: #FFF;
		font-size: 110%;
		line-height: 1.5;
	}
	#features .feature_nav ul li:hover {
		background-color: #0489B1;
		/* background-color: #A9E2F3; */
	}
	#features .feature_nav ul li.now {
		background-color: #0489B1;
	}
	#features .feature_nav ul li a {
		display: block;
		padding: 40px 20px;
		border: solid 1px #0489B1;
		font-size: 100%;
		line-height: 1.5;
	}
	#features .feature_nav ul li a:hover {
		color: #fff;
		text-decoration: none;
	}
	#features .feature_nav ul li.now a {
		color: #fff;
		text-decoration: none;
	}
	#features h2.no-deco {
		background: none;
		margin-bottom: 0;
	}
	#features h2.ttl01 img {
		max-width: 100%;
	}
	#features h2.ttl02 img {
		max-width: 100%;
	}
	#features h2.ttl03 img {
		max-width: 100%;
	}
	#features h2.ttl04 img {
		max-width: 100%;
	}
	#features .features01,
	#features .features02,
	#features .features03,
	#features .features04,
	#features .features05,
	#features .features06 {
		width: 100%;
	}
	#features .features01 .img-area,
	#features .features02 .img-area,
	#features .features03 .img-area,
	#features .features04 .img-area,
	#features .features05 .img-area,
	#features .features06 .img-area {
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}
	#features .features01 .img-area2,
	#features .features02 .img-area2,
	#features .features03 .img-area2,
	#features .features04 .img-area2,
	#features .features05 .img-area2,
	#features .features06 .img-area2 {
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}
	#features .features01 img,
	#features .features02 img,
	#features .features03 img,
	#features .features04 img,
	#features .features05 img,
	#features .features06 img {
		max-width: 100%;
	}

	#features .feature_nav2 {
		width: 100%;
		margin: 20px auto;
		clear: both;
		text-align: center;
	}
	#features .feature_nav2 .menu {
		float: left;
		width: 48%;
		margin: 10px 1%;
		padding: 0;

	}

	#features .feature_nav2 .menu .img-box {
		position: relative;
	}
	#features .feature_nav2 .menu .img-box .active {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		transition: 0.5s;
	}
	#features .feature_nav2 .menu .img-box:hover .active {
		opacity: 1;
	}

	/* 製品一覧ページ */
	#product table.item_lineup {
		width: 90%;
		margin: 0 auto;
		border: none;
	}
	#product table.item_lineup th {
		width: 100%;
		float: left;
		text-align: center;
		border: none;
		background: none;
	}
	#product table.item_lineup td {
		width: 100%;
		float: left;
		text-align: left;
		vertical-align: top;
		border: none;
	}
	

	/* 製品詳細ページ */
	#smile-fans .introduction_area .img-area,
	#smile-fans .feature_area .img-area,
	#smile-fans .location_area .img-area,
	#smile-fans .specification_area .img-area {
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}
	#smile-fans .introduction_area img {
		max-width: 50%;
	}
	#smile-fans .feature_area img {
		max-width: 90%;
	}
	#smile-fans .location_area img {
		max-width: 100%;
	}
	#smile-fans .specification_area img {
		max-width: 100%;
	}
	#smile-fans .specification_area img.fan-mg {
		margin-top: -50px;
		margin-bottom: -50px;
	}
	#smile-fans .specification_area img.fan-mg2 {
		margin-bottom: 40px;
	}
	#smile-fans .specification_area table {
		width: 100%;
		margin: 20px auto 40px;
		font-size: 1.4rem;
	}
	#smile-fans .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}

	#smile-fans3 .introduction_area .img-area,
	#smile-fans3 .feature_area .img-area,
	#smile-fans3 .location_area .img-area,
	#smile-fans3 .specification_area .img-area {
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}
	#smile-fans3 .introduction_area img {
		max-width: 50%;
	}
	#smile-fans3 .feature_area img {
		max-width: 90%;
	}
	#smile-fans3 .location_area img {
		max-width: 100%;
	}
	#smile-fans3 .specification_area img {
		max-width: 100%;
	}
	#smile-fans3 .specification_area img.fan-mg {
		margin-top: -50px;
		margin-bottom: -50px;
	}
	#smile-fans3 .specification_area img.fan-mg2 {
		margin-bottom: 40px;
	}
	#smile-fans3 .specification_area table {
		width: 100%;
		margin: 20px auto 40px;
		font-size: 1.4rem;
	}
	#smile-fans3 .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans3 .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}

	#smile-fans-move .introduction_area .img-area,
	#smile-fans-move .feature_area .img-area,
	#smile-fans-move .location_area .img-area,
	#smile-fans-move .specification_area .img-area {
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}
	#smile-fans-move .introduction_area img {
		max-width: 50%;
	}
	#smile-fans-move .feature_area img {
		max-width: 90%;
	}
	#smile-fans-move .location_area img {
		max-width: 100%;
	}
	#smile-fans-move .specification_area img {
		max-width: 60%;
	}
	#smile-fans-move .specification_area table {
		width: 100%;
		margin: 20px auto 40px;
		font-size: 1.4rem;
	}
	#smile-fans-move .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans-move .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}

	#smile-fans-move2 .introduction_area .img-area,
	#smile-fans-move2 .feature_area .img-area,
	#smile-fans-move2 .location_area .img-area,
	#smile-fans-move2 .specification_area .img-area {
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}
	#smile-fans-move2 .introduction_area img {
		max-width: 50%;
	}
	#smile-fans-move2 .feature_area img {
		max-width: 90%;
	}
	#smile-fans-move2 .location_area img {
		max-width: 100%;
	}
	#smile-fans-move2 .specification_area img {
		max-width: 60%;
	}
	#smile-fans-move2 .specification_area table {
		width: 100%;
		margin: 20px auto 40px;
		font-size: 1.4rem;
	}
	#smile-fans-move2 .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans-move2 .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}

	#smile-fans-tree .introduction_area .img-area,
	#smile-fans-tree .feature_area .img-area,
	#smile-fans-tree .location_area .img-area,
	#smile-fans-tree .specification_area .img-area {
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}
	#smile-fans-tree .introduction_area img {
		max-width: 50%;
	}
	#smile-fans-tree .feature_area img {
		max-width: 90%;
	}
	#smile-fans-tree .location_area img {
		max-width: 100%;
	}

	#smile-fans-tree .example_area .case_area {
		margin: 0 auto 40px;
	}
	#smile-fans-tree .example_area .case_area .case {
		width: 90%;
		margin: 0 auto 20px;
		text-align: center;
	}

	#smile-fans-tree .example_area .case_area .case img {
		max-width: 60%;
	}

	#smile-fans-tree .specification_area .model_area {
		margin: 0 auto 40px;
	}
	#smile-fans-tree .specification_area .model_area .model {
		float: left;
		width: 40%;
		margin: 0 5% 20px;
		text-align: center;
	}

	#smile-fans-tree .specification_area .model_area .model img {
		max-width: 80%;
	}
	#smile-fans-tree .specification_area table {
		width: 100%;
		margin: 20px auto 40px;
		font-size: 1.4rem;
	}
	#smile-fans-tree .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans-tree .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}

	/* ムービーページ */
	#movie .movie-area {
		width: 100%;
	}

/*	#movie .movie-area .movie-list {
		float: left;
		width: 18%;
		height: 250px;
		margin: 0 1% 20px;
		background-color: #e9eaef;
	}*/
	#movie .movie-area .movie-list {
		width: 100%;
		margin: 0 auto 20px;
		background-color: #e9eaef;
	}
	#movie .movie-area .movie-list .movie-thumb {
		width: 100%;
	}
	#movie .movie-area .movie-list .movie-text {
		width: 100%;
		font-size: 90%;
	}
	#movie .movie-area .movie-list .movie-more {
		width: 100%;
		text-align: center;
		padding-bottom: 10px;
	}
	#movie .movie-area .movie-list .movie-more a {
		font-size: 120%;
	}

	/* 導入フロー */
	.smile-fans_flow .smile-fans_flow_l {
		float: left;
		width: 96%;
		margin: 0 2% 20px;
	}
	.smile-fans_flow .smile-fans_flow_r {
		float: right;
		width: 96%;
		margin: 0 2% 20px;
	}
	.smile-fans_flow .smile-fans_flow_l .thumb-img,
	.smile-fans_flow .smile-fans_flow_r .thumb-img {
		text-align: center;
	}
	.smile-fans_flow .smile-fans_flow_l .thumb-img img,
	.smile-fans_flow .smile-fans_flow_r .thumb-img img {
		max-width: 80%;
		margin: 0 auto;
	}

	.smile-fans_flow .ribbon_box1,
	.smile-fans_flow .ribbon_box2 {    
		display: block;
		position: relative;
		margin: 15px auto 0;
		padding: 10px 0;
		width: 90%;
		background: #f1f1f1;
		border-radius: 10px;
	}
	.smile-fans_flow .ribbon1_h,
	.smile-fans_flow .ribbon2_h {
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		padding: 10px;
		margin: 0 -20px;
		width: calc(100% + 40px);
		font-size: 1.6rem;
		color: #fff;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	}
	.smile-fans_flow .ribbon1_h {
/*		background: #F5A9A9; */
		background: #086A87;
	}
	.smile-fans_flow .ribbon2_h {
		background: #1BB9CF;
	}
	.smile-fans_flow .ribbon1_h:before,
	.smile-fans_flow .ribbon2_h:before {
		position: absolute;
		content: '';
		top: 100%;
		left: 0;
		border: none;
		border-bottom: solid 15px transparent;
	}
	.smile-fans_flow .ribbon1_h:before {
		border-right: solid 20px #1BB9CF;
	}
	.smile-fans_flow .ribbon2_h:before {
		border-right: solid 20px #086A87;
	}

	.smile-fans_flow .ribbon1_h:after,
	.smile-fans_flow .ribbon2_h:after {
		position: absolute;
		content: '';
		top: 100%;
		right: 0;
		border: none;
		border-bottom: solid 15px transparent;
	}
	.smile-fans_flow .ribbon1_h:after {
		border-left: solid 20px #1BB9CF;
	}
	.smile-fans_flow .ribbon2_h:after {
		border-left: solid 20px #086A87;
	}
	.smile-fans_flow .triangle{
		width: 0;
		height: 0;
		margin: 0 auto 15px;
		border-top: 20px solid #f1f1f1;
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
	}

	/* 保証・メンテナンス */
	#assurance .assurance_area .img-area,
	#assurance .mentenance_area .img-area {
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}
	#assurance .assurance_area img {
		max-width: 80%;
	}
	#assurance .mentenance_area img {
		max-width: 40%;
	}
	/* お客様の声 */
	#voices .voice {
		margin-bottom: 40px;
		clear: both;
	}
	#voices .img_area {
		overflow: auto;
		text-align: center;
	}
	#voices .img_area .l-img,
	#voices .img_area .r-img {
		float: left;
		margin: 20px auto;
	}
	#voices .img_area .l-img img,
	#voices .img_area .r-img img {
		max-width: 100%;
	}
	#voices .voice_logo_area {
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}
	#voices .voice_txt_area {
	}
	#voices .voice img,
	#voices .voice-other img {
		max-width: 100%;
	}
	#voices .voice-other .comment {
		animation-name: move;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}
	@keyframes move {
	  0% {
	    transform: translate(0, 0); }
	  50% {
	    transform: translate(0, 30px); }
	  100% {
	    transform: translate(0, 0); } }


	/* よくあるご質問 */
	ul.qa_outline {
		list-style-type: none!important;
		font-size: 14px;
		margin: 10px 0 40px 40px;
	}
	ul.qa_outline li {
		padding: 10px 5px!important;
		line-height: 1.2;
	}
	table.qa_tbl1 {
		font-size: 100%;
		width: 80%;
		margin-bottom: 40px;

	}
	table.qa_tbl1 th,
	table.qa_tbl1 td {
		border: 1px solid #ccc!important;
		padding: 10px;
	}

	/* パートナー会社 */
	.partner_logo {
		width: 50%;
		text-align: center;
		margin: 0 auto;
	}
	.partner_logo img {
		max-width: 70%;
	}
	table.partner {
		width: 100%;
		border: 1px solid #ccc;
		margin: 20px 0 40px;
		font-size: 1.4rem;
	}
	table.partner th {
		width: 15%;
		border: 1px solid #ccc;
		padding: 10px;
		vertical-align: middle;
	}
	table.partner td {
		border: 1px solid #ccc;
		padding: 10px;
		text-align: left;
	}

	/* ショールーム */
	.map {
		width: 90%;
		margin: 20px auto;
	}
	.map img {
		width: 100%;
	}
	.showroom {
		width: 90%;
		margin: 20px auto 40px;
	}
	.showroom .img-area {
		text-align: center;
		margin-bottom: 20px;
	}
	.showroom .img-area img {
		max-width: 100%;
	}

	/* 運営会社 */
	table.tbl_company {
		width: 90%;
		margin: 20px auto;
		font-size: 100%;
	}
	table.tbl_company th {
		width: 30%;
		vertical-align: middle;
		background-color: #f2f2f2;
		padding: 5px 10px;
		border: 1px solid #ccc;
	} 
	table.tbl_company td {
		text-align: left;
		vertical-align: middle;
		padding: 5px 10px;
		border: 1px solid #ccc;
	}
	.movie {
		width: 90%;
		margin: 0 auto;
	}
	.company_youtube {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; /* 現プレイヤーでは不要？ */
		height: 0;
		overflow: hidden;
	}
	.company_youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.access {
		margin: 0 auto 20px;
		width: 90%;
	}
	.access iframe {
		width: 100%;
	}

	/* プライバシーポリシー */
	table.tbl_pp {
		float: right;
		width: 80%;
		border: none;
		font-size: 100%;
	}
	table.tbl_pp td {
		border: none;
	}

	/* お問い合わせ */
	.tel_area-l,
	.tel_area-r {
		width: 96%;
		float: left;
		margin: 0 auto;
	}
	.tel_area-l p,
	.tel_area-r p {
		margin-bottom: 10px!important;
	}

	.form_area {
		margin-bottom: 40px;
	}

	.form_area table {
		width: 100%;
		margin: 20px auto;
		font-size: 110%;
		border-color: #ccc;
		border-top: none;
	}
	.form_area table th {
		float: left;
		width: 94%;
		padding: 3%;
		margin: 0 auto;
		border-top: 1px solid #ccc;
		border-right: none;
		border-bottom: 1px solid #ccc;
		border-left: none;
		text-align: left;
		background-color: #ccc;
	}
	.form_area table td {
		float: left;
		width: 94%;
		padding: 3%;
		margin: 0 auto;
		border: none;
		text-align: left;
	}
	.form_area table td span {
		font-size: 100%;
	}

	.form_area input,
	.form_area textarea {
		border: 1px solid #ccc;
		font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}
	.form_area input:hover,
	.form_area textarea:hover {
		border: 1px solid #1BB9CF;
	}
	.form_area .kind {
	}
	.form_area .smf_quantity,
	.form_area .smf_m_quantity {
		width: 10%;
		padding: 10px;
		margin: 10px;
		font-size: 100%;
		text-align: right;
	}
	.form_area .user_address,
	.form_area .company_name,
	.form_area .department_name,
	.form_area .user_name,
	.form_area .tel_number,
	.form_area .mail_address,
	.form_area .inquiry_contents {
		width: 94%;
		padding: 3%;
		font-size: 100%;
	}
	.form_area .postal_code {
		width: 30%;
		padding: 3%;
		margin-left: 10px;
		margin-bottom: 10px;
		font-size: 100%;
	}
	.form_area .submit_btn,
	.form_area .back_btn {
		font-size: 110%;
		width: 40%;
		padding: 3%;
		margin: 2%;
		background-color: #F5F5F5;
	}
	.form_area .submit_btn:hover,
	.form_area .back_btn:hover {
		color: #fff;
		background-color: #1BB9CF;
		cursor: pointer;
	}

	.thanks_area {
		width: 100%;
		margin: 40px auto;
		background-color: #F5F5F5;
		border: 1px solid #ccc;
	}
	.thanks_area p {
		font-size: 140%;
		padding: 20px;
	}
	/* ブログ */
	.blog .img_area {
		overflow: auto;
		text-align: center;
	}
	.blog .img_area .l-img,
	.blog .img_area .r-img {
		float: left;
		margin: 20px auto;
	}
	.blog .img_area .l-img img,
	.blog .img_area .r-img img {
		max-width: 100%;
	}

	/* イマスグ現調・オキガル商談 */
	#quick .introduction .img-area {
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}
	#quick .introduction .img-area img {
		max-width: 100%;
	}

	table.tbl_quick1 {
		float: left;
		margin-left: 10px;
		border: none;
	}
	table.tbl_quick1 td {
		border: none;
		text-align: left;
		vertical-align: middle;
		font-size: 18px;
		font-weight: bold;
		color: #000080;
		padding: 5px 10px;
	}
	table.tbl_quick1 td.wd30 {
		width: 30px;
		text-align: center;
		vertical-align: top;
	}
	table.tbl_quick1 td img {
		display: inline-block;
	}

	#quick-problem {
		background-color: #FFFFFF;
/*		padding: 5% 15px; */
		padding: 5% 0;
	}
	#quick-problem .problem-box {
		position: relative;
		margin-bottom: 5%;
	}
	#quick-problem .problem-box:last-child {
		margin-bottom: 0;
	}
	#quick-problem .problem-box .problem-txt {
		display: inline-block;
		font-size: 1.4rem;
		font-weight: bold;
		vertical-align: middle;
		border-radius: 15px 15px;
		box-sizing: border-box;
		padding: 3%;
	}
	#quick-problem .problem-box .problem-img {
		display: inline-block;
		width: 20%;
		vertical-align: middle;
	}
	#quick-problem .problem-box .problem-img img {
		width: 100%;
	}
	#quick-problem .problem-box .box-customer {
		font-size: 0;
		width: 100%;
	}
	#quick-problem .problem-box .box-customer .problem-txt {
		background-color: #E0F8F7;
		margin-left: 0%;
		max-width: 70%;
	}
	#quick-problem .problem-box .box-customer .problem-txt:before {
		display: block;
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 22%;
	    height: 100%;
	    width: 4%;
	    background: url(../images/problem_customer_jet2.png) no-repeat left center;
	}
	#quick-problem .problem-box .box-gojoh {
		font-size: 0;
		width: 100%;
		text-align: right;
	}
	#quick-problem .problem-box .box-gojoh .problem-txt {
		background-color: #1BB9CF;
		max-width: 70%;
		text-align: left;
		margin-right: 0%;
	}
	#quick-problem .problem-box .box-gojoh .problem-txt:after {
		display: block;
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 74%;
	    height: 100%;
	    width: 4%;
	    background: url(../images/problem_gojoh_jet.png) no-repeat left center;
	    background-size: contain;
	}
	#quick-problem .problem-notes {
		margin-top: 4%;
	}
	/*
	#quick-problem .problem-spwrap {
		text-align: center;
	}
	#quick-problem .problem-spwrap img {
		width: 40%;
		margin-bottom: 3%;
	}
	*/
	.box-customer {
	  -webkit-transition: all 1s;
	  -webkit-transform: translate(0, 0);
	  opacity: 1;
	}
	.box-customer.move {
	  -webkit-transform: translate(-10px, 0);
	  opacity: 0;
	}
	.box-gojoh {
		text-align: right;
	  -webkit-transition: all 1s;
	  -webkit-transform: translate(0, 0);
	  opacity: 1;
	}
	.box-gojoh.move {
	  -webkit-transform: translate(10px, 0);
	  opacity: 0;
	}

	#quick .issues .img-area {
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}
	#quick .issues .img-area img {
		max-width: 50%;
		max-height: 200px;
	}
	#quick .issues table {
		width: 100%;
	}
	#quick .issues table th {
		color: #ffffff;
		background-color: #1BB9CF;
		font-weight: bold;
		border: 1px solid #0489B1;
	}
	#quick .issues table td {
		vertical-align: middle;
		border: 1px solid #0489B1;
	}
	#quick .issues table .bg-change {
		background-color: #F8E0E0;
	}
	#quick .issues table .wd25 {
		width: 25%;
	}
	#quick .quick-sdgs .img-area1 {
		width: 100%;
		text-align: center;
		margin: 0 auto 20px;
	}
	#quick .quick-sdgs .img-area1 img {
		max-width: 100%;
	}
	#quick .quick-sdgs .img-area2 {
		float: right;
		width: 40%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#quick .quick-sdgs .img-area2 img {
		max-width: 100%;
	}

	#quick .quick-flow .img-area {
		width: 100%;
		text-align: center;
		margin: 0 auto 20px;
	}
	#quick .quick-flow .img-area img {
		max-width: 100%;
	}

	#quick .quick-btn-area {
		width: 80%;
		margin: 10px auto;
	}
	#quick .quick-btn-area a {
		color: #fff;
		text-decoration: none;
		display: block;
		font-size: 140%;
		font-weight: bold;
		background-color: #FF8000;
		text-align: center;
		border-radius: 10px 10px;
		text-decoration: none;
		padding: 20px;
	}
	#quick .quick-btn-area a:hover {
		background-color: #F7BE81;
	}



}
/*===========================================================
   スマートフォンここまで
===========================================================*/




/*===========================================================
   印刷対応
===========================================================*/
@media print {

	/* 非表示対応 */
	.dsp-no {
		display: none!important;
	}

	/* pc全体 */
	.sp {
		display: none!important;
	}

	img {
		max-width: 100%;
	}

	.wd100pc {
		width: 100%!important;
	}
	.wd90pc {
		width: 90%!important;
	}
	.wd80pc {
		width: 80%!important;
	}
	.wd70pc {
		width: 70%!important;
	}
	.wd60pc {
		width: 60%!important;
	}
	.wd50pc {
		width: 50%!important;
	}
	.wd40pc {
		width: 40%!important;
	}
	.wd30pc {
		width: 30%!important;
	}
	.wd20pc {
		width: 20%!important;
	}
	.wd10pc {
		width: 10%!important;
	}
	.mwd100pc {
		max-width: 100%!important;
	}
	.mwd90pc {
		max-width: 90%!important;
	}
	.mwd80pc {
		max-width: 80%!important;
	}

	.mt100pc {
		margin-top: 100px!important;
	}
	.mt90pc {
		margin-top: 90px!important;
	}
	.mt80pc {
		margin-top: 80px!important;
	}
	.mt70pc {
		margin-top: 70px!important;
	}
	.mt60pc {
		margin-top: 60px!important;
	}
	.mt50pc {
		margin-top: 50px!important;
	}
	.mt40pc {
		margin-top: 40px!important;
	}
	.mt30pc {
		margin-top: 30px!important;
	}
	.mt20pc {
		margin-top: 20px!important;
	}
	.mt10pc {
		margin-top: 10px!important;
	}
	.mt0pc {
		margin-top: 0px!important;
	}

	.mr100pc {
		margin-right: 100px!important;
	}
	.mr90pc {
		margin-right: 90px!important;
	}
	.mr80pc {
		margin-right: 80px!important;
	}
	.mr70pc {
		margin-right: 70px!important;
	}
	.mr60pc {
		margin-right: 60px!important;
	}
	.mr50pc {
		margin-right: 50px!important;
	}
	.mr40pc {
		margin-right: 40px!important;
	}
	.mr30pc {
		margin-right: 30px!important;
	}
	.mr20pc {
		margin-right: 20px!important;
	}
	.mr10pc {
		margin-right: 10px!important;
	}
	.mr0pc {
		margin-right: 0px!important;
	}

	.mb100pc {
		margin-bottom: 100px!important;
	}
	.mb90pc {
		margin-bottom: 90px!important;
	}
	.mb80pc {
		margin-bottom: 80px!important;
	}
	.mb70pc {
		margin-bottom: 70px!important;
	}
	.mb60pc {
		margin-bottom: 60px!important;
	}
	.mb50pc {
		margin-bottom: 50px!important;
	}
	.mb40pc {
		margin-bottom: 40px!important;
	}
	.mb30pc {
		margin-bottom: 30px!important;
	}
	.mb20pc {
		margin-bottom: 20px!important;
	}
	.mb10pc {
		margin-bottom: 10px!important;
	}
	.mb00pc {
		margin-bottom: 0px!important;
	}

	.ml100pc {
		margin-left: 100px!important;
	}
	.ml90pc {
		margin-left: 90px!important;
	}
	.ml80pc {
		margin-left: 80px!important;
	}
	.ml70pc {
		margin-left: 70px!important;
	}
	.ml60pc {
		margin-left: 60px!important;
	}
	.ml50pc {
		margin-left: 50px!important;
	}
	.ml40pc {
		margin-left: 40px!important;
	}
	.ml30pc {
		margin-left: 30px!important;
	}
	.ml20pc {
		margin-left: 20px!important;
	}
	.ml10pc {
		margin-left: 10px!important;
	}
	.ml0pc {
		margin-left: 0px!important;
	}

	.pdl-pc30 {
		padding-left: 30px;
	}
	.pdl-pc40 {
		padding-left: 40px;
	}
	.pdl-pc50 {
		padding-left: 50px;
	}
	.pdl-pc60 {
		padding-left: 60px;
	}




	.link_button {
		width: 100%;
		margin: 20px auto 60px;
		text-align: center;
	}
	.square_btn {
		max-width: 50%;
		display: inline-block;
		padding: 1em 2em;
		text-decoration: none!important;
		background: #1BB9CF;/*ボタン色*/
		color: #fff!important;
		border-bottom: solid 4px #627295;
		border-radius: 3px;
	}
	.square_btn:hover {
		background: #A9E2F3;/*ボタン色*/
	}
	.square_btn:active {/*ボタンを押したとき*/
		-ms-transform: translateY(4px);
		-webkit-transform: translateY(4px);
		transform: translateY(4px);/*下に動く*/
		box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
		border-bottom: none;
	}


	/* 画像横並び */
	.line1,
	.line2,
	.line3,
	.line4 {
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.line1 img,
	.line2 img,
	.line3 img,
	.line4 img {
		margin: 10px;
		max-width: 90%;
	}
	.line1 p,
	.line2 p,
	.line3 p,
	.line4 p {
		margin: 0 auto 20px;
		max-width: 90%;
	}

	.line2 .area1,
	.line2 .area2 {
		float: left;
		width: 50%;
		margin: 0 auto 20px;
		text-align: center;
	}

	.line3 .area1,
	.line3 .area2,
	.line3 .area3 {
		float: left;
		width: 33%;
		margin: 0 auto 20px;
		text-align: center;
	}

	.line4 .area1,
	.line4 .area2,
	.line4 .area3,
	.line4 .area4 {
		float: left;
		width: 25%;
		margin: 0 auto 20px;
		text-align: center;
	}

	/* header */
	header p.toptxt {
		font-size: 14px;
	}

	header .logo_move {
		animation-name: logo_move;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}
	@keyframes logo_move {
	  0% {
	    transform: translate(0, 0); }
	  50% {
	    transform: translate(0, 20px); }
	  100% {
	    transform: translate(0, 0); } }

	/* nav */

	header nav ul.pcmenu > li > ul > li > a {
		color: #00207f;
		padding: 10px 5px;
	}
	header nav ul.pcmenu > li > ul > li a:before {
		margin-right: 15px;
	}
	header nav ul.pcmenu > li > ul > li > a:hover {
		color: #cf1919;
		background-color: #F5EF52;
	}

	header nav ul.pcmenu > li > ul > li > a > strong {
	/*	padding: 5px; */
	}

	header nav ul.pcmenu > li > ul > li > a > strong + span {
		font-size: 10px;
		color: #333;
	}
	header nav ul.pcmenu > li > ul > li > a:hover > strong + span {
		color: #0489B1;
	}
	header nav ul.pcmenu > li > ul > li.smf a:before {
		content: url(../images/img_dropdown_menu_smf.png);
	}
	header nav ul.pcmenu > li > ul > li.smf2 a:before {
		content: url(../images/img_dropdown_menu_smf2.png);
	}
	header nav ul.pcmenu > li > ul > li.smf3 a:before {
		content: url(../images/img_dropdown_menu_smf3.png);
	}
	header nav ul.pcmenu > li > ul > li.smf_move a:before {
		content: url(../images/img_dropdown_menu_smf_move.png);
	}
	header nav ul.pcmenu > li > ul > li.smf_move2 a:before {
		content: url(../images/img_dropdown_menu_smf_move2.png);
	}
	header nav ul.pcmenu > li > ul > li.smf_tree a:before {
		content: url(../images/img_dropdown_menu_smf_tree.png);
	}


	/* footer */
	#fmain ul {
		padding-top: 5px;
	}
	#fnav .fnav-box > ul > li > ul > li {
		margin-bottom: 10px;
	}

	#fnav .fnav-box > ul > li > a,
	#fnav .fnav-box > ul > li > ul > li > a,
	#fmain ul li a {
		color: #00207f;
		text-decoration: underline;
	}
	#fnav .fnav-box > ul > li > a:hover,
	#fnav .fnav-box > ul > li > ul > li > a:hover,
	#fmain ul li a:hover {
		color: #cf1919;
	}

	#fnav .fnav-box .nolink {
		display: block;
		font-size: 16px;
		color: #333;
		text-decoration: none;
		border-left: 10px solid #0489B1;
		padding: 5px 0 5px 20px;
	}

	/* TOP */
	#product h1 {
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 30px;
	}
	.bx-wrapper .bx-custom-pager {
		display: none;
	}
	.bx-wrapper .bx-pager-item .activetext {
		font-size: 0;
	}
	.bx-wrapper .bx-pager-item img {
		border: 5px solid #ccc;
	}
	.bx-wrapper .bx-pager-item .active img {
		opacity: 0.2;
		border: 5px solid #DF3A01;
	}
	.bx-wrapper .bx-pager-item .active .activetext {
		width: 100%;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		line-height: 1.2;
		color: #155724;
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		margin: 0;
		padding: 0;
	}

	.attention {
		width: 1160px;
		margin: 0 auto 20px;
		padding: 20px 10px;
		text-align: center;
		background-color: #F8E0E0;
		font-size: 120%;
	}
	.attention a {
		font-size: 100%!important;
	}

	.bnr-area {
		width: 1160px;
		margin: 0 auto 20px;
		padding: 20px 0;
		text-align: center;
	}
	.bnr-area img {
		width: 80%;
	}

	.bnr-area .bnr-sub {
		float: left;
		width: 30%;
		margin: 20px 1.5%;
		text-align: center;
	}
	.bnr-area .bnr-sub img {
		width: 90%;
	}

	.bnr-area2 {
		width: 1200px;
		margin: 0 auto 20px;
		padding: 20px 0;
		text-align: center;
	}
	.bnr-area2 img {
		width: 100%;
	}

	.link-btn a {
		color: #333;
		text-decoration: none;
		background-color: #1BB9CF;
	}
	.link-btn a:hover {
		color: #cf1919;
	}

	#problem {
/*		background-color: #EEEEEE; */
		background-color: #E0F8F7;
	}
	#problem .problem-box {
		margin-bottom: 20px;
	}
	#problem .problem-box .box-customer .problem-txt::before {
		background-image: url(../images/problem_customer_jet.png);
	}
	#problem .problem-box .box-gojoh .problem-txt {
/*		background-color: #A9E2F3; */
		background-color: #1BB9CF;
	}
	#problem .problem-box .box-gojoh .problem-txt::after {
		background-image: url(../images/problem_gojoh_jet.png);
	}
	.top_youtube {
		width: 80%;
		margin: 0 auto 20px;
		position: relative;
		border: 1px solid #1BB9CF;
		z-index: 3;
	}
	.top_youtube::before {
		content: "";
		display: block;
		padding-top: 56.5%;
	}
        .top_youtube iframe {
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;

	}
	#what h3 {
		border: none;
	}

	#what .scene-box .scene-thumb {
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative; /* 相対位置指定 */
	}
	#what .scene-box .scene-thumb img {
		width: 100%;
	}

	.midashi {
		width: 100%;
		font-size: 18px!important;
		text-align: center;
		bottom: 10px;
		margin: 0;
		padding: 10px 0;
		color: #fff;
		line-height: 1.5;
		background: rgba(0,0,0,0.6); /* 帯の透明度 */
		position: absolute; /* 絶対位置指定 */
	}

	#problem .problem-notes {
		font-size: 120%;
	}

	#record {
		background-color: #EEEEEE;
		padding: 30px 0;
	}
	#record .record-wrap {
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;
	}
	#record .record-box {
		margin: 0 auto;
		width: 33%;
		text-align: center;
	}
	#record .record-box .record-img img {
		max-width: 90%;
	}
	#record .record-box .record-txt {
	}

	#record .record-box2 {
		float: left;
		margin: 0 auto;
		width: 50%;
		text-align: center;
	}
	#record .record-box2 .record-img img {
	/*	max-width: 70%;*/
		max-height: 300px;
	}
	#record .record-box2 .record-txt {
		padding-top: 10px;
	}

	#record .record-box3 {
		float: left;
		width: 33%;
		text-align: center;
	}
	#record .record-box3 .record-img img {
		max-width: 90%;
		max-height: 250px;
	}
	#record .record-box3 .record-txt {
	}

	#voice {
		background-color: #E0F8F7;
	}
	#voice .copy {
		font-size: 24px;
		font-weight: bold;
		float: left;
		margin-bottom: 15px;
	}
	#voice .voice-box:nth-child(2n) .copy {
		background: linear-gradient(transparent 30%, #66ccff 30%);
	}
	#voice .voice-box:nth-child(2n+1) .copy {
		background: linear-gradient(transparent 30%, #F5EF53 30%);
	}
	#voice .company {
		clear: both;
		display: block;
		font-size: 18px;
		font-weight: bold;
		padding-left: 20px;
		margin-bottom: 30px;
	}
	#voice .voice-txt p {
		margin: 10px 10px 20px;
	}
	#voice .voice-img {
		text-align: center;
	}
	#voice .voice-img img {
		max-width: 360px;
	}
	#voice .voice-box {
/*		border-bottom: 1px solid #1BB9CF; 事例が増えた時にこちらに切り替える*/
		border-bottom: none;
	}

	#media {
		background-color: #EEEEEE;
		padding: 30px 0;
	}
	#media .media-wrap {
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;
	}
	#media .media-box {
		margin: 0 auto;
		width: 33%;
		text-align: center;
	}
	#media .media-box .media-img img {
		max-width: 90%;
	}
	#media .media-box .media-txt {
	}

	#media .media-box2 {
		float: left;
		margin: 0 auto;
		width: 50%;
		text-align: center;
	}
	#media .media-box2 .media-img img {
	/*	max-width: 70%;*/
		max-height: 300px;
	}
	#media .media-box2 .media-txt {
		padding-top: 10px;
	}

	#media .media-box3 {
		float: left;
		width: 33%;
		text-align: center;
	}
	#media .media-box3 .media-img img {
		max-width: 90%;
	}
	#media .media-box3 .media-txt {
	}


	#news .news-wrap .news-txt a {
		color: #00207f;
		text-decoration: underline;
	}
	#news .news-wrap .news-txt a:hover {
		color: #cf1919;
	}
	/* 投稿 */
	#blog {
		width: 1160px;
		padding: 20px 0;
		margin: 0 auto;
	}
	#blog h2 {
		width: 100%;
		clear: both;
	}
	#blog h3,
	#blog h4,
	#blog h5,
	#blog h6 {
		width: 90%;
		clear: both;
		margin: 20px auto;
		padding: 5px;
	}

	#blog h3 {
		font-size: 20px;
		color: #086A87;
		border-left: 5px solid #0489B1;
	}
	#blog h4 {
		font-size: 18px;
		font-weight: bold;
		color: #086A87;
		border-top: 2px dashed #ccc;
		border-bottom: 2px dashed #ccc;
	}

	#blog p {
		margin: 10px 10px 20px;
	}

	#blog ul {
		list-style-type: circle;
		margin-left: 40px;
	}
	#blog ul li {
		padding: 5px 10px;
	}

	#blog .youtube {
		width: 80%;
		margin: 0 auto 40px;
		position: relative;
		border: 1px solid #1BB9CF;
		z-index: 3;
	}
	#blog .youtube::before {
		content: "";
		display: block;
		padding-top: 56.5%;
	}
	#blog .youtube iframe {
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;
	}

	/* NEWS一覧ページ */
	#lower .news-wrap .news-txt a {
		color: #00207f!important;
		text-decoration: underline;
	}
	#lower .news-wrap .news-txt a:hover {
		color: #cf1919;
	}
	.wp-pagenavi {
		margin: 20px auto;
		text-align: center;
	}
	.wp-pagenavi .current {
		background-color: #1BB9CF;
		color: #fff;
	}

	/* category一覧ページ */
	#post h2.post-ttl {
		width: 1200px;
		font-size: 20px;
		color: #FFF!important;
		background: #1BB9CF!important;
		box-sizing: border-box;
		padding: 15px;
		margin: 10px auto 20px; 
	}
	#post h2.post-ttl a {
		color: #FFF!important;
		font-size: 20px!important;
		font-weight: normal;
	}
	#meta {
		text-align: right;
	}

	#post .youtube {
		width: 80%;
		margin: 0 auto 40px;
		position: relative;
		border: 1px solid #1BB9CF;
		z-index: 3;
	}
	#post .youtube::before {
		content: "";
		display: block;
		padding-top: 56.5%;
	}
	#post .youtube iframe {
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;
	}

	/* news 営業日用table */
	.news-table,
	.news-table2 {
		width: 90%;
		margin: 10px auto 20px;
		text-align: center;
	}
	.news-table3 {
		max-width: 90%;
		margin: 10px auto 20px;
		text-align: center;
	}
	.news-table td,
	.news-table2 td,
	.news-table3 td {
		border: 1px solid #ccc;
		padding: 5px;
	}
	.news-table3 td {
		width: 120px;
	}
	.news-table .date,
	.news-table2 .date,
	.news-table3 .date {
		background-color: #F2F2F2;
	}
	.news-table .obon,
	.news-table2 .obon,
	.news-table3 .obon {
		background-color: #F5ECCE;
	}
	.news-table .obon2,
	.news-table2 .obon2,
	.news-table3 .obon2 {
		background-color: #F5ECCE;
		color: #ff0000;
	}
	.news-table .sun,
	.news-table2 .sun,
	.news-table3 .sun {
		background-color: #F6CECE;
		color: #ff0000;
	}
	.news-table .sat,
	.news-table2 .sat,
	.news-table3 .sat {
		background-color: #CEE3F6;
		color: #0000FF;
	}

	/* 下層 */
	#lower {
		width: 1160px;
		padding: 20px 0;
	}
	#lower h2 {
		width: 100%;
		clear: both;
	}
	#lower h3,
	#lower h4,
	#lower h5,
	#lower h6 {
		width: 90%;
		clear: both;
		margin: 20px auto;
		padding: 5px;
	}

	#lower h3 {
		font-size: 20px;
		color: #086A87;
		border-left: 5px solid #0489B1;
	}
	#lower h4 {
		font-size: 18px;
		font-weight: bold;
		color: #086A87;
		border-top: 2px dashed #ccc;
		border-bottom: 2px dashed #ccc;
	}

	#lower p {
		margin: 10px 10px 20px;
	}

	#lower ul {
		list-style-type: circle;
		margin-left: 40px;
	}
	#lower ul li {
		padding: 5px 10px;
	}

	#lower .youtube {
		width: 80%;
		margin: 0 auto 40px;
		position: relative;
		border: 1px solid #1BB9CF;
		z-index: 3;
	}
	#lower .youtube::before {
		content: "";
		display: block;
		padding-top: 56.5%;
	}
	#lower .youtube iframe {
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;
	}


	/* 開発ストーリー */
	table.tbl_concept1 {
		float: left;
		margin-left: 20px;
		border: none;
	}
	table.tbl_concept1 td {
		border: none;
		text-align: left;
		vertical-align: middle;
		font-size: 24px;
		font-weight: bold;
		color: #000080;
		padding: 5px 10px;
	}
	table.tbl_concept1 td img {
		display: inline-block;
		vertical-align: middle;
	}

	.under_triangle {
		width: 0;
		height: 0;
		margin: 20px auto;
		border-left: 120px solid transparent;
		border-right: 120px solid transparent;
		border-top: 60px solid #ccc;
	}

	.manga {
		width: 90%;
		margin: 20px auto;
		text-align: center;
	}
	.manga img {
	}

	/* スマイルファンの特徴・導入効果 */
	#features .feature_nav {
		width: 100%;
		margin: 20px auto;
		clear: both;
		text-align: center;
	}
	#features .feature_nav ul {
		list-style: none;
		margin-left: 0;
	}
	#features .feature_nav ul li {
		width: 20%;
		display: inline-block;
		margin: 10px 1%;
		padding: 0;
		list-style-type: none;
		background-color: #FFF;
		font-size: 120%;
		line-height: 1.5;
	}
	#features .feature_nav ul li:hover {
		background-color: #0489B1;
		/* background-color: #A9E2F3; */
	}
	#features .feature_nav ul li.now {
		background-color: #0489B1;
	}
	#features .feature_nav ul li a {
		display: block;
		padding: 40px 20px;
		border: solid 1px #0489B1;
		font-size: 100%;
		line-height: 1.5;
	}
	#features .feature_nav ul li a:hover {
		color: #fff;
		text-decoration: none;
	}
	#features .feature_nav ul li.now a {
		color: #fff;
		text-decoration: none;
	}
	#features h2.no-deco {
		background: none;
		margin-bottom: 0;
	}
	#features h2.ttl01 img {
		max-width: 739px;
	}
	#features h2.ttl02 img {
		max-width: 638px;
	}
	#features h2.ttl03 img {
		max-width: 543px;
	}
	#features h2.ttl04 img {
		max-width: 835px;
	}
	#features .features01,
	#features .features02,
	#features .features03,
	#features .features04,
	#features .features05,
	#features .features06 {
		width: 100%;
	}
	#features .features01 .img-area,
	#features .features02 .img-area,
	#features .features03 .img-area,
	#features .features04 .img-area,
	#features .features05 .img-area,
	#features .features06 .img-area {
		float: right;
		width: 40%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#features .features01 .img-area2,
	#features .features02 .img-area2,
	#features .features03 .img-area2,
	#features .features04 .img-area2,
	#features .features05 .img-area2,
	#features .features06 .img-area2 {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#features .features01 img,
	#features .features02 img,
	#features .features03 img,
	#features .features04 img,
	#features .features05 img,
	#features .features06 img {
		max-width: 100%;
	}

	#features .feature_nav2 {
		width: 100%;
		margin: 20px auto;
		clear: both;
		text-align: center;
	}
	#features .feature_nav2 .menu {
		float: left;
/*		width: 18%;
		margin: 10px 1%; */
		width: 15%;
		margin: 10px 0.8%;
		padding: 0;

	}

	#features .feature_nav2 .menu .img-box {
		position: relative;
	}
	#features .feature_nav2 .menu .img-box .active {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		transition: 0.5s;
	}
	#features .feature_nav2 .menu .img-box:hover .active {
		opacity: 1;
	}


	/* 製品一覧ページ */
	#product table.item_lineup {
		width: 90%;
		margin: 0 auto;
		border: none;
	}
	#product table.item_lineup th {
		width: 30%;
		text-align: center;
		border: none;
		background: none;
	}
	#product table.item_lineup th img {
		max-width: 90%;
	}
	#product table.item_lineup td {
		text-align: left;
		vertical-align: middle;
		border: none;
	}


	/* 製品詳細ページ */
	#smile-fans .introduction_area,
	#smile-fans .feature_area,
	#smile-fans .location_area,
	#smile-fans .specification_area {
		width: 100%;
	}
	#smile-fans .introduction_area .img-area,
	#smile-fans .feature_area .img-area,
	#smile-fans .location_area .img-area,
	#smile-fans .specification_area .img-area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#smile-fans .introduction_area img,
	#smile-fans .feature_area img,
	#smile-fans .location_area img {
		max-width: 80%;
	}
	#smile-fans .specification_area img {
		max-width: 80%;
	}
	#smile-fans .specification_area img.fan-mg {
		margin-top: -200px;
		margin-bottom: -200px;
	}
	#smile-fans .specification_area table {
		width: 80%;
		margin: 20px auto 40px;
	}
	#smile-fans .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}

	#smile-fans3 .introduction_area,
	#smile-fans3 .feature_area,
	#smile-fans3 .location_area,
	#smile-fans3 .specification_area {
		width: 100%;
	}
	#smile-fans3 .introduction_area .img-area,
	#smile-fans3 .feature_area .img-area,
	#smile-fans3 .location_area .img-area,
	#smile-fans3 .specification_area .img-area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#smile-fans3 .introduction_area img,
	#smile-fans3 .feature_area img,
	#smile-fans3 .location_area img {
		max-width: 100%;
	}
	#smile-fans3 .specification_area img {
		max-width: 80%;
	}
	#smile-fans3 .specification_area img.fan-mg {
		margin-top: -200px;
		margin-bottom: -200px;
	}
	#smile-fans3 .specification_area img.fan-mg2 {
		margin-bottom: 40px;
	}

	#smile-fans3 .specification_area table {
		width: 80%;
		margin: 20px auto 40px;
	}
	#smile-fans3 .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans3 .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}

	#smile-fans-move .introduction_area,
	#smile-fans-move .feature_area,
	#smile-fans-move .location_area,
	#smile-fans-move .specification_area {
		width: 100%;
	}
	#smile-fans-move .introduction_area .img-area,
	#smile-fans-move .feature_area .img-area,
	#smile-fans-move .location_area .img-area,
	#smile-fans-move .specification_area .img-area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#smile-fans-move .introduction_area img,
	#smile-fans-move .feature_area img,
	#smile-fans-move .location_area img {
		max-width: 80%;
	}
	#smile-fans-move .specification_area img {
		max-width: 60%;
	}
	#smile-fans-move .specification_area table {
		width: 80%;
		margin: 20px auto 40px;
	}
	#smile-fans-move .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans-move .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}

	#smile-fans-move2 .introduction_area,
	#smile-fans-move2 .feature_area,
	#smile-fans-move2 .location_area,
	#smile-fans-move2 .specification_area {
		width: 100%;
	}
	#smile-fans-move2 .introduction_area .img-area,
	#smile-fans-move2 .feature_area .img-area,
	#smile-fans-move2 .location_area .img-area,
	#smile-fans-move2 .specification_area .img-area {
		float: right;
		width: 30%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#smile-fans-move2 .introduction_area img,
	#smile-fans-move2 .feature_area img,
	#smile-fans-move2 .location_area img {
		max-width: 80%;
	}
	#smile-fans-move2 .specification_area img {
		max-width: 40%;
	}
	#smile-fans-move2 .specification_area table {
		width: 80%;
		margin: 20px auto 40px;
	}
	#smile-fans-move2 .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans-move2 .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}


	#smile-fans-tree .introduction_area,
	#smile-fans-tree .feature_area,
	#smile-fans-tree .location_area,
	#smile-fans-tree .example_area,
	#smile-fans-tree .specification_area {
		width: 100%;
	}
	#smile-fans-tree .introduction_area .img-area,
	#smile-fans-tree .feature_area .img-area,
	#smile-fans-tree .location_area .img-area,
	#smile-fans-tree .example_area .img-area,
	#smile-fans-tree .specification_area .img-area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#smile-fans-tree .introduction_area img,
	#smile-fans-tree .feature_area img,
	#smile-fans-tree .location_area img {
		max-width: 80%;
	}
	#smile-fans-tree .example_area .case_area {
		margin: 0 auto 40px;
	}
	#smile-fans-tree .example_area .case_area .case {
		float: left;
		width: 30%;
		margin: 0 1.5% 20px;
		text-align: center;
	}

	#smile-fans-tree .example_area .case_area .case img {
		max-width: 60%;
	}

	#smile-fans-tree .specification_area .model_area {
		margin: 0 auto 40px;
	}
	#smile-fans-tree .specification_area .model_area .model {
		float: left;
		width: 40%;
		margin: 0 5% 20px;
		text-align: center;
	}

	#smile-fans-tree .specification_area .model_area .model img {
		max-width: 60%;
	}
	#smile-fans-tree .specification_area table {
		width: 80%;
		margin: 20px auto 40px;
	}
	#smile-fans-tree .specification_area table tr:nth-child(2n) {
		background-color: #f2f2f2;
	}
	#smile-fans-tree .specification_area table td {
		vertical-align: middle;
		padding: 10px;
		border: 1px solid #ccc;
	}

	/* ムービーページ */
	#movie .movie-area {
		width: 100%;
	}

/*	#movie .movie-area .movie-list {
		float: left;
		width: 18%;
		height: 250px;
		margin: 0 1% 20px;
		background-color: #e9eaef;
	}*/
	#movie .movie-area .movie-list {
		float: left;
		width: 22%;
		min-height: 260px;
		margin: 0 1.5% 20px;
		background-color: #e9eaef;
	}
	#movie .movie-area .movie-list .movie-thumb {
		width: 100%;
	}
	#movie .movie-area .movie-list .movie-text {
		width: 100%;
		font-size: 90%;
	}
	#movie .movie-area .movie-list .movie-more {
		width: 100%;
	}
	#movie .movie-area .movie-list .movie-more a {
		font-size: 90%;
	}

	/* 導入フロー */
	.smile-fans_flow .smile-fans_flow_l {
		float: left;
		width: 46%;
		margin: 0 2%;
	}
	.smile-fans_flow .smile-fans_flow_r {
		float: right;
		width: 46%;
		margin: 0 2%;
	}
	.smile-fans_flow .smile-fans_flow_l .thumb-img,
	.smile-fans_flow .smile-fans_flow_r .thumb-img {
		text-align: center;
	}
	.smile-fans_flow .smile-fans_flow_l .thumb-img img,
	.smile-fans_flow .smile-fans_flow_r .thumb-img img {
		max-width: 80%;
		margin: 0 auto;
	}

	.smile-fans_flow .ribbon_box1,
	.smile-fans_flow .ribbon_box2 {    
		display: block;
		position: relative;
		margin: 15px auto 0;
		padding: 10px 0;
		width: 90%;
		background: #f1f1f1;
		border-radius: 10px;
	}
	.smile-fans_flow .ribbon1_h,
	.smile-fans_flow .ribbon2_h {
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		padding: 10px;
		margin: 0 -20px;
		width: calc(100% + 40px);
		font-size: 22px;
		color: #fff;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	}
	.smile-fans_flow .ribbon1_h {
/*		background: #F5A9A9; */
		background: #086A87;
	}
	.smile-fans_flow .ribbon2_h {
		background: #1BB9CF;
	}
	.smile-fans_flow .ribbon1_h:before,
	.smile-fans_flow .ribbon2_h:before {
		position: absolute;
		content: '';
		top: 100%;
		left: 0;
		border: none;
		border-bottom: solid 15px transparent;
	}
	.smile-fans_flow .ribbon1_h:before {
		border-right: solid 20px #1BB9CF;
	}
	.smile-fans_flow .ribbon2_h:before {
		border-right: solid 20px #086A87;
	}

	.smile-fans_flow .ribbon1_h:after,
	.smile-fans_flow .ribbon2_h:after {
		position: absolute;
		content: '';
		top: 100%;
		right: 0;
		border: none;
		border-bottom: solid 15px transparent;
	}
	.smile-fans_flow .ribbon1_h:after {
		border-left: solid 20px #1BB9CF;
	}
	.smile-fans_flow .ribbon2_h:after {
		border-left: solid 20px #086A87;
	}



	.smile-fans_flow .triangle{
		width: 0;
		height: 0;
		margin: 0 auto 15px;
		border-top: 20px solid #f1f1f1;
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
	}
	/* 保証・メンテナンス */
	#assurance .assurance_area,
	#assurance .mentenance_area {
		width: 100%;
	}
	#assurance .assurance_area .img-area,
	#assurance .mentenance_area .img-area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#assurance .assurance_area img,
	#assurance .mentenance_area img {
		max-width: 100%;
	}

	/* お客様の声 */
	#voices .voice {
		margin-bottom: 40px;
		clear: both;
	}
	#voices .img_area {
		width: 90%;
		margin: 0 auto;
		overflow: auto;
	}
	#voices .img_area .l-img,
	#voices .img_area .r-img {
		float: left;
		width: 45%;
		margin: 20px 2.5%;
		text-align: center;
	}
	#voices .img_area .l-img img,
	#voices .img_area .r-img img {
		max-width: 90%;
		max-height: 250px;
	}
	#voices .img_area img.tate250 {
		height: 250px;
	}
	#voices .voice_logo_area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 3% 3%;
	}
	#voices .voice_txt_area {
		float: left;
		width: 74%;
		text-align: left;
		margin: 0 3% 3% 0;
	}
	#voices .voice img,
	#voices .voice-other img {
		max-width: 100%;
	}
	#voices .voice-other .comment {
		animation-name: move;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}
	@keyframes move {
	  0% {
	    transform: translate(0, 0); }
	  50% {
	    transform: translate(0, 30px); }
	  100% {
	    transform: translate(0, 0); } }


	/* よくあるご質問 */
	ul.qa_outline {
		list-style-type: none!important;
		font-size: 14px;
		margin: 10px 0 40px 40px;
	}
	ul.qa_outline li {
		padding: 10px 5px!important;
		line-height: 1.2;
	}
	table.qa_tbl1 {
		width: 60%;
		margin-bottom: 60px;

	}
	table.qa_tbl1 th,
	table.qa_tbl1 td {
		border: 1px solid #ccc!important;
		padding: 10px;
	}

	/* パートナー会社 */
	.partner_logo {
		width: 15%;
		float: left;
		text-align: center;
	}
	.partner_logo img {
		padding-top: 40px;
		max-width: 70%;
	}
	table.partner {
		width: 80%;
		border: 1px solid #ccc;
		margin: 20px 0 40px;
	}
	table.partner th {
		width: 10%;
		border: 1px solid #ccc;
		padding: 10px;
		vertical-align: middle;
	}
	table.partner td {
		border: 1px solid #ccc;
		padding: 10px;
		text-align: left;
	}


	/* ショールーム */
	.map {
		width: 90%;
		margin: 20px auto;
	}
	.map img {
		width: 100%;
	}
	.showroom {
		width: 90%;
		margin: 20px auto 40px;
		overflow: auto;
	}
	.showroom .img-area {
		float: left;
		width: 50%;
		text-align: center;
	}
	.showroom .img-area img {
		max-width: 80%;
	}

	/* 運営会社 */
	table.tbl_company {
		width: 70%;
		float: left;
		margin: 20px 0 40px 60px;
	}
	table.tbl_company th {
		width: 30%;
		vertical-align: middle;
		background-color: #f2f2f2;
		padding: 5px 10px;
		border: 1px solid #ccc;
	} 
	table.tbl_company td {
		text-align: left;
		vertical-align: middle;
		padding: 5px 10px;
		border: 1px solid #ccc;
	}
	.movie {
		width: 90%;
		margin: 0 auto;
	}
	.company_youtube {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; /* 現プレイヤーでは不要？ */
		height: 0;
		overflow: hidden;
	}
	.company_youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.access {
		margin: 0 auto 20px;
		width: 90%;
	}
	.access iframe {
		width: 100%;
	}

	/* プライバシーポリシー */
	table.tbl_pp {
		float: right;
		border: none;
	}
	table.tbl_pp td {
		border: none;
	}

	/* お問い合わせ */
	.tel_area-l {
		width: 48%;
		float: left;
		margin: 0 1%;
	}
	.tel_area-r {
		width: 48%;
		float: right;
		margin: 0 1%;
	}
	.tel_area-l p,
	.tel_area-r p {
		margin-bottom: 10px!important;
	}

	.form_area {
		margin-bottom: 40px;
	}

	.form_area table {
		width: 90%;
		margin: 20px auto;
		font-size: 110%;
	}
	.form_area table th {
		width: 30%;
		padding: 10px;
		vertical-align: middle;
		border: 1px solid #ccc;
	}
	.form_area table td {
		padding: 10px;
		text-align: left;
		border: 1px solid #ccc;
	}

	.form_area input,
	.form_area textarea {
		border: 1px solid #ccc;
		font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}
	.form_area input:hover,
	.form_area textarea:hover {
		border: 1px solid #1BB9CF;
	}
	.form_area .smf_quantity,
	.form_area .smf_m_quantity {
		width: 10%;
		padding: 10px;
		margin: 10px;
		font-size: 100%;
		text-align: right;
	}
	.form_area .user_address,
	.form_area .company_name,
	.form_area .department_name,
	.form_area .user_name,
	.form_area .tel_number,
	.form_area .mail_address,
	.form_area .inquiry_contents {
		width: 94%;
		padding: 10px;
		font-size: 100%;
	}
	.form_area .postal_code {
		width: 30%;
		padding: 10px;
		margin-left: 10px;
		margin-bottom: 10px;
		font-size: 100%;
	}
	.form_area .submit_btn,
	.form_area .back_btn {
		font-size: 110%;
		padding: 20px 40px;
		margin: 10px 20px;
		background-color: #F5F5F5;
	}
	.form_area .submit_btn:hover,
	.form_area .back_btn:hover {
		color: #fff;
		background-color: #1BB9CF;
		cursor: pointer;
	}

	.thanks_area {
		width: 80%;
		margin: 40px auto;
		background-color: #F5F5F5;
		border: 1px solid #ccc;
	}
	.thanks_area p {
		font-size: 140%;
		padding: 20px;
	}
	/* ブログ */
	.blog .img_area {
		width: 90%;
		overflow: auto;
	}
	.blog .img_area .l-img,
	.blog .img_area .r-img {
		float: left;
		width: 45%;
		margin: 20px 2.5%;
		text-align: center;
	}
	.blog .img_area .l-img img,
	.blog .img_area .r-img img {
		max-width: 90%;
		max-height: 250px;
	}


	/* イマスグ現調・オキガル商談 */
	#quick .introduction .img-area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#quick .introduction .img-area img {
		max-width: 100%;
	}
	table.tbl_quick1 {
		float: left;
		margin-left: 20px;
		border: none;
	}
	table.tbl_quick1 td {
		border: none;
		text-align: left;
		vertical-align: middle;
		font-size: 24px;
		font-weight: bold;
		color: #000080;
		padding: 5px 10px;
	}
	table.tbl_quick1 td img {
		display: inline-block;
		vertical-align: middle;
	}

	#quick-problem {
		background-color: #FFFFFF;
		padding: 30px 0;
	}
	#quick-problem .problem-wrap {
		width: 1160px;
		margin: 0 auto;
	}
	#quick-problem .problem-box {
		position: relative;
		margin-bottom: 20px;
	}
	#quick-problem .problem-box .problem-txt {
		display: inline-block;
		font-size: 28px;
		font-weight: bold;
		vertical-align: middle;
		border-radius: 20px 20px;
		padding: 20px;
	}
	#quick-problem .problem-box .problem-img {
		display: inline-block;
		vertical-align: middle;
		}
	#quick-problem .problem-box .box-customer {
		font-size: 0;
	}
	#quick-problem .problem-box .box-customer .problem-txt {
		background-color: #E0F8F7;
		margin-left: 20px;
	}
	#quick-problem .problem-box .box-customer .problem-txt:before {
		display: block;
	    content: "";
	    position: absolute;
	    top: 52px;
	    left: 147px;
	    height: 33px;
	    width: 27px;
	    background-image: url(../images/problem_customer_jet2.png);
	}
	#quick-problem .problem-box .box-gojoh {
		font-size: 0;
		text-align: right;
	}
	#quick-problem .problem-box .box-gojoh .problem-txt {
		background-color: #1BB9CF;
		text-align: left;
		margin-right: 20px;
	}
	#quick-problem .problem-box .box-gojoh .problem-txt:after {
		display: block;
	    content: "";
	    position: absolute;
	    top: 51px;
	    left: 984px;
	    height: 33px;
	    width: 27px;
	    background-image: url(../images/problem_gojoh_jet.png);
	}
	#quick-problem .problem-notes {
		font-weight: bold;
		text-align: center;
		margin-top: 30px;
	}

	#quick .issues .img-area {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#quick .issues .img-area img {
		max-width: 100%;
		max-height: 200px;
	}
	#quick .issues table {
		width: 90%;
	}
	#quick .issues table th {
		color: #ffffff;
		background-color: #1BB9CF;
		font-weight: bold;
		border: 1px solid #0489B1;
	}
	#quick .issues table td {
		vertical-align: middle;
		border: 1px solid #0489B1;
	}
	#quick .issues table .bg-change {
		background-color: #F8E0E0;
	}
	#quick .quick-sdgs .img-area1 {
		width: 80%;
		text-align: center;
		margin: 20px auto;
	}
	#quick .quick-sdgs .img-area1 img {
		max-width: 100%;
	}
	#quick .quick-sdgs .img-area2 {
		float: right;
		width: 20%;
		text-align: center;
		margin: 0 0 20px 20px;
	}
	#quick .quick-sdgs .img-area2 img {
		max-width: 80%;
	}

	#quick .quick-flow .img-area {
		text-align: center;
		margin: 0 auto 20px;
	}
	#quick .quick-flow .img-area img {
		max-width: 100%;
	}
	#quick .quick-btn-area {
		width: 30%;
		margin: 10px auto;
	}
	#quick .quick-btn-area a {
		color: #fff;
		text-decoration: none;
		display: block;
		font-size: 140%;
		font-weight: bold;
		background-color: #FF8000;
		text-align: center;
		border-radius: 10px 10px;
		text-decoration: none;
		padding: 20px;
	}
	#quick .quick-btn-area a:hover {
		background-color: #F7BE81;
	}

}
/*===========================================================
   印刷対応ここまで
===========================================================*/