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

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

html { min-width: 100%;}

header{ width:100%; overflow:hidden; padding-top:68px;}

.wrapper{ width:100%; overflow:hidden; margin:0 auto; padding:0 15px; position:relative;}

.header-info{ width:100%; clear:both; padding:10px 0;}

.pc{ display:none;}

.smt{ display:block;}

/*.header-info > h1{ font-size:14px; color:#333; float:none; margin-bottom:10px; width:100%;}*/
.header-form{ width:100%; padding:20px 0;/* margin-bottom:10px;*/}
.header-form img{ margin:0 auto;}
/*.logo-area{ width:190px; font-size:26px; color:#0059B2; margin-bottom:5px; position: absolute; top:15px; left:10px; position:fixed; z-index:1000000; text-align:left !important;}
.logo-area a{ color:#FFF; font-weight:bold;}
.logo-area a:hover{ opacity:0.8;}*/
.wrapper h1{ width:190px; font-size:20px; color:#0059B2; margin-bottom:5px; position: absolute; top:23px; left:10px; position:fixed; z-index:1000000; text-align:left !important;}
.wrapper h1 a{ color:#0059B2; font-weight:bold;}
.wrapper h1 a:hover{ color:#0059B2; opacity:0.8;}

.smt-nav{ width:30px; display:block; position: absolute; top:17px; right:55px; position:fixed; z-index:1000001; text-align:right !important;}
.smt-nav img{ width:100%; height:auto;}
.smt-nav a:hover{ opacity:0.8;}

nav{ width:100%; float:none;}

.snip1135 { display:none;}
section{ width:100%;}
.sec-area{ width:100%; overflow:hidden;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
トップ画像
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.topimg{ width:100%; clear:both;margin-bottom:35px; position: inherit; background:url(../images/top-img.jpg) no-repeat; background-size: cover; }
.top-container{ width:100%; margin:0 auto;}
.top-text{ width:100%; position: inherit;}

.top-text h2 img{
	width:90%;
	height:auto;
	padding-left:0;
	color:#630;
	padding-top:40px;
	margin:0 auto 20px;
}

.top-text h3 img{
	width:90%;
	height:auto;
	padding-left:0;
	margin:0 auto 20px;
}

.subheading{ font-size:24px; color:#0059B2; font-weight:bold;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
　　パンくず　END
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.msr_bread03 li {
  float: left;
  font-size: 14px;
  margin-right:10px;
  line-height:1.5em;
  color:#333;
}

/* 矢印 */
.msr_bread03 li:after {
  background-image: url(../images/arrow-s.png);
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 10px;
  margin: 0 8px;
  vertical-align: middle;
  width: 6px;
}
.msr_bread03 li:last-child:after {
  background-image: none;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
ページ上部
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.container{ width:100%; overflow:hidden; margin:0 auto; padding:0 15px;}
.sub-top-area{ width:100%; background: url(../images/sub-top-bg2.jpg) no-repeat; background-size:cover; /*background:#EEE;*/}
/*.sub-top-area{ width:100%; background:#EEE;}*/
.sub-top-box{ width:100%; height: auto; margin:0 auto;}
.sub-top-box h2{ text-align:center; padding:30px 0;}
/*.sub-container{ width:100%; overflow:hidden; margin:0 auto; padding:0 15px; margin-bottom:50px;}*/
.sub-container{ width:100%; overflow:hidden; margin:0 auto; padding:0 15px; margin-bottom:30px;}

.d-arrow{ position:relative;}
.bg-arrow{ position:absolute; bottom:0; right:50%; left:50%;}



h2{color:#0059B2; font-weight:bold; font-size:20px;}
h2.point{ color:#EB4E68;}
h2.point img{ float:none; margin-right:10px;}

.h2-img1{width:100%; margin:0 auto 25px; display:block;}

.tit-area{ width:100%;}

.sub-tit{ width:220px; height:47px; margin-bottom:10px; margin-left:10px;}

.top-content{
	width:100%;
	background:none;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	padding-top:20px;
}

.t-content-left{ display:none;}

.t-content-right{ width:100%; float:none; position: inherit; padding:5px;}

.t-content-right > ul{ width:90%; margin:0 auto; display:block;}

.t-content-right > ul li{
	width: 100%;
	height: auto;
	background:#0059B2;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	display:block;
	float:left;
	margin-right:3%;
	margin-bottom:15px;
	position:relative;
	font-size: 21px;
	font-weight:bold;
	color:#FFF;
	text-align: left;
	padding:10px 0 10px 31px;
	line-height:1.4em;
}

.t-content-right > ul li span {
	float:left;
	font-weight: bold;
}

.t-content-right > ul li:nth-child(even){ margin-right:0 ;}

.t-content-right > ul li p{
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:1.6em;
	width:60px;
	margin:0 auto;
	padding:5px 5px;
	float: right;
}


.t-content-right > ul li:before{
	content: url(../images/check.png);
	transform: scale(0.75,0.75);
	-moz-transform: scale(0.75,0.75);
	-webkit-transform: scale(0.75,0.75);
	-o-transform: scale(0.75,0.75);
	-ms-transform: scale(0.75,0.75);
	position: absolute;
	top:-15px;
	left:-15px;
}


.sec-content-img{ width:100%; clear:both; margin:0 auto 20px;}

.sec-content-img img{ width:100%; height:auto; background-size:cover;}

.sec-content{ width:100%; padding:0 15px; margin:0 auto;}

.sec-content > h3{ font-size:20px; line-height:1.5em; color:#333; font-weight:bold;	margin-bottom:20px;}

.banner-box{ width:100%; margin:0 auto 30px !important; background:url(../images/banner-bg.jpg) repeat-x; position:relative;}

.banner-leftimg{ width:30%; height: auto; position:absolute; bottom:0; left:10px;}
.banner-leftimg img{ width:100%; height: auto; display:block;}
.banner-right{ width:65%; float:right; padding:15px;}
.banner-right h2{ color:#FFF; font-size:18px; line-height:1.5em; position:absolute; top:5px; left:10px;}
.banner-right p{width:65%; color:#FFF; position:absolute; right:0; top:50px;}

.wrap{ width:100%; margin:0 auto; overflow:hidden; padding:0 15px;}
.wrap-left{ width:100%; float:none; margin-right:0; margin-bottom:20px;}
.wrap-left img{ margin:0 auto; }
.wrap-left2{ width:100%; float:none; margin-right:0;}
.wrap-right{ width:100%; float:none;}
.wrap-right > h2,
.sec2-content > h2{ line-height:1.6em; margin-bottom:40px;}
.wrap-right > h3{ display: inline-block; font-size:24px; font-weight:bold; margin-bottom:10px;}

.sec2-content > h3{ font-size:20px; color:#333; font-weight:bold; margin-bottom:30px;}

.wrap-right h2 img,
.sec2-content h2 img{ float:none; width:100%; height:auto; background-size:cover;}

.sec2-seminar-box{width:100%; clear:both; position:relative;}
.sec2-seminar-img{width:100%; float:none; margin-right:0;}
.seminar-check{ width:389px; height:332px; position:absolute; bottom:0;	right:0;}



/* ––––––––––––––––––––––––––––––––––––––––––––––––––
導入の流れ
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.flow-nav{ width:100%; clear:both; overflow:hidden; margin:0 auto 60px;}
.flow-nav li{ width:50%; height:60px; display:block; float:left;}
.flow-nav li.btn-01{ background:#06C; margin-right:0; color:#FFF; text-align:center; font-size:12px;}
.flow-nav li.btn-02{ background:#FF7A4D; color:#FFF; text-align:center; font-size:12px;}
.flow-nav li.btn-01 a,.flow-nav li.btn-02 a{ width:100%; height:60px; display:block; color:#FFF; padding-top:25px;}

.flow-wrap{
	width:100%;
	margin:0 auto 50px;
	clear:both;
	overflow:hidden;
	padding:30px;
	background:#EEE;
}

.arrow{ width:40px; margin:0 auto 50px;}

.flow-wrap li{
	width:100%;
	padding:30px;
	color:#0059B2;
	font-size:20px;
	margin-bottom:50px;
	overflow:hidden;
}

span.step{ font-size:18px; font-weight:bold; line-height:200%; display:block; text-align:center; width:100%; margin:0 !important; color:#FFF; padding-top:10px;}
span.number{ font-size:36px; font-weight:bold; display:block; text-align:center; width:100%; margin:0 !important; color:#FFF;}

.step-right h2{ font-size:26px; margin-bottom:15px; padding-bottom:5px;}

.step-left{
	width:100%;
	height:50px;
	float:none;
	margin-right:0;
	margin-bottom:20px;
	padding-top:5px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	border-radius:10px;
	background:#06C;
}  

.step-left2{
	width:100%;
	height:50px;
	float:none;
	margin-right:0;
	margin-bottom:20px;
	padding-top:5px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	border-radius:10px;
	background:#FF7A4D;
}
.step-right{ width:100%; float:none;}

.step-left span.step,.step-left2 span.step{ width:50%; font-size:18px; font-weight:bold; line-height:1.5em; display:block; float:left; margin-right:10px; text-align:right; padding-right:20px;}
.step-left span.number,.step-left2 span.number{ width:50%; font-size:36px; display:block; float:left; line-height:1.3em; margin-right:0; text-align:left;}

#buy,#rental{ margin-bottom:30px;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
セミナー関連
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.seminar-wrap{ width:100%; clear:both; margin-bottom:50px; border-bottom:1px #999 dotted; overflow:hidden; padding-bottom:30px;/* padding-right:20px;*/}
.seminar-wrap-left{ width:100%; float:none; margin-right:0;}
.seminar-wrap-left img{	width:80%; margin:0 auto 20px;}
.seminar-wrap-right{ width:100%; float:none;}
.seminar-wrap-right > h2{ font-size:18px; margin-bottom:10px;}
.seminar-wrap-right > h3{ font-size:16px; color:#0059B2; font-weight:bold; margin-bottom:20px;}

.seminar-wrap-right > h2 a,.seminar-wrap-left > h2 a{ color:#0059B2; font-weight:bold; text-decoration:underline; font-size:20px; margin-bottom:10px; line-height:1.5em;}
.seminar-wrap-right > h2 a:hover,.seminar-wrap-left > a:hover{ opacity:0.8;}
.seminar-wrap-right p a{ display: inline; color:#0059B2;}
.seminar-wrap-right p a:hover{ opacity:0.8;}


.table-box table{ width:100%; overflow:hidden;}
 
.table-box th{
	padding:10px;
	border-top: solid 1px #ffffff;
	width: 30%;
	overflow: hidden;
	color: #13131e;
	font-weight: 500;
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	background-color:#f2f7fb;
	line-height:1.3em;
}
 
.table-box td{
	padding:10px 20px 10px 20px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color:#FDFDFD;
	border-top: dotted 1px #e0dccc;
	overflow: hidden;
	line-height:1.5em;
	font-size: 13px;
}

.table-box td img{
	display:block;
	margin:10px 0;
	clear:both;
}
.table-box h3{ margin-bottom:0 !important;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
リンクボタン
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.btn-area{ width:260px; overflow:hidden; margin:0 auto;}

.btn{ width:260px; height:57px;	float:right; margin:20px 0;	position: relative;	color:#FFF !important;}

.btn a{
	background-color:#006DD9;
	display:block;
	width:260px;
	height:57px;
	text-align:left;
	padding-left:43px;
	padding-top:22px;
	 -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
	color:#FFF !important;
}

.btn a:hover { background-color: #39F; color:#FFF; transition: background-color 0.8s,color 0.8s; opacity:0.8;}

.btn a:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 19px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	background: #fff;
}

.btn a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #00a0e9;
}

.reason-box{
	background-color:#EB4D67;
	position:relative;
	width:90px;
	padding:15px 10px 10px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	float:left;
	margin-right:20px;
	border-radius:4px;
}
 
.reason-box:after {
	bottom:-20px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
    height: 0;
    border-top: 20px solid #EB4D67;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.headline-box{ width:100%; overflow:hidden;	clear:both; margin-bottom:20px;}

.headline-box h2 span{ font-size:30px; color:#0059B2; font-weight:bold;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
機器ランキング
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ranking-area{ width:100%; clear:both; margin:0 auto; overflow:hidden;}
.ranking-box{ width:100%; overflow:hidden;}
.ranking-box li{ float:none; width:100%; margin-right:0; margin-bottom:20px;}
.ranking-box li img{ width:80%; height:auto; margin:0 auto;}

.rank-titarea{ width:100%; margin:0 auto;}
.rank-titarea h2{
	line-height:200%;
	background:background:url(../images/rankicon.png) no-repeat 0 0;
	background-size:12%;
	padding-left:0;
	font-size:18px;
	color:#0059B2;
	font-weight:bold;
	position:relative;
	text-align:center;
}

.rank-titarea h2 span{ font-size:28px; font-weight:bold; display:block; text-align:center;}
.point .smt-rank img{ margin:0 auto;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
統計グラフ
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.graph{ width:100%; margin:0 auto; padding:0 15px;}
.graph > h2{font-size:20px; color:#0059B2;}
.graph > h2:before{ content: url(../images/graphicon.png); left:0; top:5px; position: relative;}
.graph figure{ width:100%; height:auto; background-size:cover; margin:0 auto;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
お客さまの声
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.tit{ margin-bottom:20px;}
.headline{ font-size:20px; text-align:center;}

.voice-wrap{ width:100%; overflow:hidden; margin:0 auto;}

.voice-box{ width:100%; float:none;	margin-right:0; margin-bottom:50px; border-bottom:1px #999 dotted; padding-bottom:30px;}

.voice-imgbox{ width:100%; margin-bottom:20px;}
.voice-imgbox img{ width:80%; height:auto; background-size:cover; margin:0 auto;}
.voice-box > h2{ font-size:16px; color:#000; font-weight:bold; margin-bottom:10px; line-height:1.5em;}
.voice-box > h3{ font-size:14px; color:#006CD8; font-weight:bold; margin-bottom:10px;}
.voice-box > p{ font-size:14px;}

.voice-content{ width:100%; clear:both; margin:0 auto; overflow:hidden; padding-bottom:30px;}
.voice-img{	width:100%; float:none;}

.voice-headline{ width:100%; float:none; padding-left:0; margin-top:0; margin-right:0;}
.voice-headline > h2{ font-size:30px; color:#333; font-weight:400; line-height:1.5em; margin-bottom:30px;}
.voice-headline > p{ color:#000; margin-bottom:20px;}
.voice-topimg{ width:100%; display:block; margin-bottom:0;}

.voice-content > h2{ font-size:20px;}
.voice-content h3{ margin-bottom:15px; font-weight:bold; color:#000 !important;}
.voice-content h3:before{
	content:"";
	display:inline-block;
	width:1em;
	height:3px;
	margin-right:10px;
	background-color: #333;
	vertical-align: middle;
}

.voice-box a{ display:block; color: #06C;}
.voice-box a:hover{ opacity:0.8;}

.voice-imgbox a{ transition:all 0.2s ease;}
.voice-imgbox a:hover { -webkit-transform:scale(1.1); transform:scale(1.1);}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
NEWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.news-area,
.media-area{
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:50px;
}

.seminar-area,
.facebook-area { width:100%; float:none; margin: 0 auto 30px 0;}



.news-head,.semi-head{
	width:100%;
	height:60px;
	background:#006DD9;
	margin-bottom:20px;
	position:relative;
}

.more-btn{
	position:absolute;
	right:10px;
	top:17px;
	padding:3px 3px 3px 2px;
	background:#FFF;
}

.more-btn a{
	color:#006DD9;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:3px 3px 3px 2px;
}

.news-head > h2{ 
	font-size:20px;
	color:#FFF;
	padding: 7px 0 0 27px;
}

.semi-head > h2{
	font-size:20px;
	color:#FFF;
	padding: 7px 0 0 27px;
}

.news-head > h2:before{
	content: url(../images/news-icon.jpg);
	position:relative;
	top:8px;
	left:-10px;
}

.semi-head > h2:before{
	content: url(../images/semi-icon.jpg);
	position:relative;
	top:8px;
	left:-10px;
}

dl.news-list{ width:100%; overflow-y:scroll; height:18em;}


dl.news{ width:100%;}
 
dl.news dt,dl.news-list dt{
	clear:both;
    margin:0;
    padding:10px 0 5px 0;
    line-height:1.5em;
	font-size:14px;
	display:block;
}

dl.news dd,dl.news-list dd{
    margin:0 0 10px 0;
    padding-bottom:10px;
    border-bottom:1px solid #CCC;
    line-height:1.5em;
	font-size:14px;
	clear:both;
}
 
dl.news a,dl.news-list a{
    padding: 0 5px 5px 0;
    color: #39C;
    text-decoration:underline;
}
 
dl.news a:hover,dl.news-list a:hover{ text-decoration:none;}


/* スマホ用 クリア */
.pit1 {
	margin: 0;
}

.pit2 {
	background: none;
	margin: 0 0 30px 0;
	padding: 0;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
製品案内トップページ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.wrap-container{ width:100%; padding:0 15px; overflow:hidden; margin:0 auto; clear:both;}

.container2 { width:100%; margin-bottom:50px;}
.container2 h2{ clear:both;}
/* .container2 .sub-h2{ padding-top:20px; display:block; font-size:14px;} */
.sub-h2{ display:block; font-size:13px;}

.Portfolio-nav{ padding:0; margin:0 0 45px 0; list-style:none; text-align:center;}
ul.Portfolio-nav{ width:100%; display:block; clear:both;}
.Portfolio-nav li{ margin:0 5px; display:block; float:left;}
.Portfolio-nav li a{
	display:block;
	padding:10px 18px;
	font-size:12px;
	line-height:20px;
	color:#222222;
	border-radius:4px;
	text-transform:uppercase;
	background:#f7f7f7;
	margin-bottom:5px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.Portfolio-nav li a:hover{ background:#0059B2; color:#fff; text-decoration:none;}
.Portfolio-nav li a.current{ background:#0059B2; color:#fff; text-decoration:none;}


.Portfolio-box img:hover { opacity:0.8;}

.portfolioContainer{ width:100% !important; }

.Portfolio-box{ width:100% !important; margin:0 !important}

.protop-content{ width:100%; clear:both; margin-bottom:50px; border-bottom:1px #999 dotted; padding-bottom:30px; overflow:hidden;}
.protop-leftbox{ width:50%; float:left;}
.protop-leftbox img{ width:90%; display:block; float:left;}
.protop-centerbox{ width:100%; float:none; clear:both; margin-bottom:30px;}
.protop-rightbox{ width:50%; float:left;}
.protop-centerbox ul{ clear:both;}
.protop-centerbox li{ width:18%; margin-right:5px;  margin-bottom:20px; float:left;}
.protop-centerbox li img{ width:100%; height:auto;}
.protop-main {clear:both; width:100%;}
.protop-centerbox h2{ font-size:22px; margin-bottom:10px; padding-bottom:5px;}
.protop-main dt{font-size:16px; margin-bottom:10px; color:#333; font-weight:bold; padding:0; line-height:1.5em;}
.protop-main dd{ font-size:14px; line-height:1.6em; color:#333;}
.comparison{ width:100%; clear:both; margin:0 auto 30px;}
.linkbox { opacity:0.8; cursor: pointer;}


.isotope .isotope-item {
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
          transition-duration: 0.6s;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
製品案内ページ
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.h1-bar{ width:100%; background:#CEE9F4; border-top:3px solid #0059B2; border-bottom:1px solid #0059B2;  padding:20px 20px 20px 0; height:65px; line-height:180%; margin-bottom:30px;}
.h1-bar h1{ background: url(../images/product/pro-h1-mark.png) no-repeat 0 0.6em; padding-left:30px; font-size:18px;}
.pro-content{ width:100%; clear:both; margin:0;/* margin:0 auto 50px;*/ overflow:hidden; padding-bottom:30px;}
.pro-content h2{ font-size:20px; border-bottom:2px solid #0059B2; color:#0059B2; padding-bottom:10px; margin-bottom:20px; background:url(../images/product/pro-headline-mark.png) no-repeat 0 0.2em; padding-left:30px;line-height: 130%;}
.pro-content h3{ font-size:18px; font-weight:bold; color:#0059B2; padding-bottom:10px; margin-bottom:20px; line-height:1.3em;}
.pro-content dl{ margin-bottom:50px;}
.pro-content dt,
	.sec-subcol h4{ background:#CEE9F4; color:#0059B2; font-weight:bold; padding:17px 10px 15px 20px; margin-bottom:20px; line-height:1.3em;}
	.sec-subcol .direct-l { width: 100%;}
.pro-content dd{ overflow:hidden; line-height:1.8em; font-size:14px;}
.pro-content dd img{ float:none; margin:0 auto 20px;}
.pro-content .img_zu p{ padding: 0 0 20px 0;}
.pro-content .img_zu span img{ width: 100%;}
.pro-content .img_only { padding: 0 0 70px;}


.pro-content .img_pic_only_mainsub { width:100%; text-align:center; padding-bottom: 50px;}

.pro-content .img_pic_only_mainsub .main { float:none; width:100%; height:auto; padding: 10px 0 0 0; display:inline;}
.pro-content .img_pic_only_mainsub .sub { float:none; width:80%; height:auto; padding: 10px 0 0 0; display:inline;}

.pro-nav{ width:100%; clear:both; margin-bottom:50px; overflow:hidden;}
.pro-nav ul{width:100%; display: table; border-collapse: collapse;}
.pro-nav li{ display:table-cell;border:1px solid #06C;}
.pro-nav li a{ text-align:center; padding:20px;color:#06C; font-size:12px;}
.pro-nav li a.now{ background:#06C; color:#FFF;}
.img-in{ width:100%; clear:both; overflow:hidden; margin-bottom:30px;}
.img-in img{  float:none; margin:0 auto 20px; display:block;}

.pro-nav li a:hover { background-color: #39F; color:#FFF; opacity:0.8;}

.sub-col{ width:100%; overflow:hidden; clear:both; border-radius:6px; background:#7EC5E2; padding:20px; margin:0 auto 50px;}
.sub-col-inleft{ width:100%; float:none;}
.sub-col-inleft img{ display:block; margin:0 auto;}
.sub-col-inright{ width:100%; float:none; color:#FFF; margin-bottom:20px;}
.sub-col-inright h3{ line-height:1.6em; color:#FFF;}

.sec-subcol{ width:100%; overflow:hidden; margin-bottom:40px;}
.sec-subcol-inner{ width: 100%;	float:left;	padding:0 !important;}
.sec-subcol h3{ font-size:16px; border-bottom:#0059B2 dotted 1px; padding-bottom:10px; padding-top:3px; color:#0059B2; margin-bottom:10px;}
.sec-subcol h5{ font-size:16px; border-bottom:#0059B2 dotted 1px; padding-bottom:10px; padding-top:3px; color:#0059B2; margin-bottom:10px; line-height: 130%;}
.sec-subcol h4{ font-size:16px; color:#039;}
.sec-subcol .smallimg-r{ width: 80%; margin: 0 auto; float: none; padding: 15px 0; clear: both; text-align: center;}
.sec-subcol .smallimg-l{ width: 80%; margin: 0 auto; float: none; padding: 15px 0; clear: both; text-align: center;}

.sec-subcol .harf-l, .sec-subcol .harf-r { float: none; width: 100%; height: auto; overflow:hidden;margin: 0 0 20px 0;} 
.sec-subcol a {	display: inline !important;} 

.sec-subcol .direct-l { float:left; width: 100%; padding: 0 0 2% 0}
.sec-subcol .direct-r { float:right; width: 60%; padding: 0 0 2% 0}

.sec-subcol .flow_img_l img,
.sec-subcol .flow_img_r img { padding: 0 0 20px 0;}

.pro-content .func-img{ width:100%; margin:0 auto;}
.func-img img{ margin:0 auto 50px;}

/* 追加 */

.price_range { width: 100%; height: auto; overflow: hidden; margin: 0 0 20px 0; }
.price_range img {width: 65%; padding : 0 0 10px 0; }

.move_warp { width: auto; height: auto; float: left; margin: 0 20px 0 0; }

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
フッターバナー
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.footer-banner-area{ width:100%; height:220px; background:url(../images/footer-banner-bg.png) no-repeat;}
.footer-banner-area h2{ width:100%; float:left;font-size:130%; line-height:1.2em; text-align:left;padding:10px 5px 0 10px;}
.footer-banner-inner{ width:100%; height:220px;  overflow:hidden; margin:0 auto; padding:10px 0 0; position:relative;}
.footer-banner-l{ width:40%; height:220px; position:absolute; bottom:0 !important;left:0;}
.footer-banner-l img{ display:block; position:absolute; bottom:0 !important;}
.footer-banner-r{ width:100%; height:220px; float:left;}

.footer-banner-area p{ width:60%; float:right; font-size:13px; line-height:1.5em; padding:0 5px 5px 10px; text-align:left;}
.banner-btn{ width:180px; height:40px; position:relative; top:140px; left:45%; }
.inner-btn{width:180px; height:40px; color:#FFF; position:absolute; top:0; line-height:0.8em;}

.inner-btn a{
	background-color: #006DD9;
	display: block;
	width: 180px;
	height: 40px;
	text-align: left;
	padding-left: 43px;
	padding-top: 14px;
	 -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	color: #FFF !important;
}

.inner-btn a:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 19px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	background: #fff;
}

.inner-btn a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #00a0e9;
}

.inner-btn a:hover { background-color: #39F; color:#FFF; transition: background-color 0.8s,color 0.8s; opacity:0.8;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
フッター
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer{ width:100%; background:#BFEFFF; overflow:hidden;}
.footer-inner{ width:100%; padding:0 15px; margin:0 auto; background:#BFEFFF; overflow:hidden;}
.footer-left{ width:100%; float:none; color:#0059B2; padding-top:5px;}
.footer-logo{ width:45%; float:left; margin-bottom:1em;}
.footer-logo p{font-weight:bold; font-size:24px; margin-right:10px; line-height:1em; }
.footer-logo p a{ color:#0059B2; font-weight:bold;}
.footer-logo p a:hover{ opacity:0.8;}
.footer-tel{ width:50%; float:left;}
.footer-add{ width:300px; clear:both; color:#0059B2; margin-bottom:10px;}
.footer-add p{ font-size:16px; line-height:1.7em !important;}
.footer-nav{ clear:both; width:100%;}
.footer-nav li{ width:33.33333%; float:left; padding:5px 0;}
.footer-nav li a{ color:#0059B2; background:url(../images/f-mark.png) no-repeat 0 0.2em; padding-left:15px; font-size:12px;}
.footer-nav li a:hover{ opacity:0.8;}
.footer-right{ width:100%; float:left; color:#0059B2; padding-top:5px;	margin-bottom:20px;}
.footer-right h2{ float:left; margin-right:20px; margin-bottom:20px;}

.footer-center h2 { clear:both; width:100%; float:none; color:#0059B2; padding:5px 0; font-size: 16px;}
.footer-center { clear:both; width:100%; float:none; color:#0059B2; padding-top:5px; font-size: 16px;}
.footer-center p{ clear: both;}

/*
.f-banner{ width:100%; clear:both;}
.f-banner li{ float:left; width:50%; height: auto; margin-right:0; margin-bottom:0; overflow:hidden; padding:5px;}
.f-banner li a{ float:left; width:100%; height: auto;}
.t-content-right > ul li:nth-child(even){ margin-right:0;}
.f-banner li a:hover { -webkit-transform:scale(1.1); transform:scale(1.1);}
.f-banner li a{	transition:all 0.2s ease;}
*/
.copy{ width:100%; padding:10px; text-align:center; background:#006DD9; color:#FFF;	font-size:14px;}

/*トップへ戻るボタン*/
.topBtn {
  position:fixed;
  bottom:20px;
  right:20px;
  display:block;
  background-color:rgba(0,0,0,0.5);
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:60px;
  height:60px;
  text-align:center;
  line-height:22px;
  border-radius:30px;
  padding-top:30px;
  box-sizing:border-box;
}
.topBtn:before {
  content:'\25B2';
  position:absolute;
  top:10px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.topBtn:hover { opacity:0.8;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
スライドショー
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#slide-wrap{ width: 100%; margin:0 auto; overflow:hidden; padding:10px 0;}

#slide-wrap h2{ font-size:40px; padding:0 15px;}

#slider { overflow:hidden; position:relative; width:100%;}

#sliderInner { position:relative; left:0; width:100%; margin-left:0;} 


#sliderInner li { width:100%;}

#slideFilterL, #slideFilterR {
    position:absolute;
    top:0;
    width:0px;
    height:0px;
    opacity:0.6;
    filter:alpha(opacity=60);
    -ms-filter:"alpha( opacity=60 )";
    background:#FFF;
}
#slideFilterL { left:2px;}
#slideFilterR { right:5px;}

.bx-wrapper { margin:0 auto; position:relative;}

.bx-wrapper .bx-pager { margin:0 auto; width:760px; background:#fff;}


/* Youtube 埋め込み */
.move_youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.move_youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.pro-content .img_pic_only_4column img,
.pro-content .img_pic_only_5column img {
	clear:both;
	float: left;
	width: 49%;
	margin-right: 2%;
}

.pro-content .img_pic_only_4column img:nth-child(2n),
.pro-content .img_pic_only_5column img:nth-child(2n) {
	clear: none;
	margin-right: 0;
}

.move_warp { width: auto; height:auto; float: none; margin: 0 0 20px 0;}
.move_warp2 { width: auto; height:auto; float: none; margin: 0 0 20px 0;}

.price_range img {
	width: 100%;
	height: auto;
}

.img_s100 { width: 100% !important; height: auto;}
.img_s90 { width: 90% !important; height: auto;}
.img_s80 { width: 80% !important; height: auto;}
.img_s70 { width: 70% !important; height: auto;}
.img_s60 { width: 60% !important; height: auto;}
.img_s50 { width: 50% !important; height: auto;}
.img_s40 { width: 40% !important; height: auto;}
.img_s30 { width: 30% !important; height: auto;}
.img_s20 { width: 20% !important; height: auto;}
.img_s10 { width: 10% !important; height: auto;}
.img_auto { width: auto; height: auto;}

.img_left { margin: 0 !important;}

.img_pc35_sp80 { width: 80%; height: auto;}
.img_pc60_sp100 { width: 100%; height: auto;}
.img_pc50_sp100 { width: 100%; height: auto;}
.img_pc60_sp80 { width: 80%; height: auto;}
.img_pc50_sp80 { width: 80%; height: auto;}

.point_img_size_50 { width: 80%; height: auto; text-align: center;margin: 0 auto;}
.point_img_size_50 img { margin: 0 auto;}

.sp_center { text-align: center;  display: inline;}


/* 戻るボタン　*/
.btn_return {
	margin: 0 auto 50px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.btn_return a {
	display: block !important;
	margin: 0 auto;
	padding: 10px 20px;
	width: 210px;
	height:auto;
	overflow: hidden;
	border-radius: 4px;
	background: #006DD9;
}

.btn_return a img {
	width: 18px;
	float:left;
}

.btn_return a span {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}


/* コンビネーション */
.comb .comb_2 img {
	float:left;
	width: 34%;
	text-align: center;
}

.comb .comb_2 .img_comb {
	width: 12%;
	height: auto;
}

.comb .comb_2 .img_size2 {
	width: 53%;
	height: auto;
}

.comb .comb_2 .img_size3 {
	width: 43%;
	height: auto;
}

.comb .comb_2 .img_size4 {
	width: 43%;
	height: auto;
}

.comb_l,
.comb_r {
	padding: 0 0 20px 0;
}

.comb_ly {
	width: 92%;
	margin: 0 auto;
	overflow: hidden;
}

.comb a {
	color: #0059B2;
}

.comb a:hover {
	opacity:0.8;
}


.img_pic_text div {
	float: none;
	margin: 0 auto 20px;
}


}