@charset "utf-8";
/* base.css */
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}

body {
margin:0;
font-size:14px;
line-height:1.5;
font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
/*background:#E9F1FE;*/
min-width:1100px;
}
.wrap {
position:relative;
margin:0 auto;
width:1020px;
}

h1,h2,h3,h4 {margin:0;padding:0;}
.size_m {font-size:18px;}

.none{
height:0;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

.hide{display:none;}
.contact_title, .product_title {font-size:18px;}
.contact_title {font-weight:normal;}
div p {margin:20px 0 0 0;}
div p:first-child {margin-top:0;}
a {color:#0099FF;text-decoration:none;cursor:pointer;}
.top_space{margin-top:20px;}
a:hover {text-decoration:underline;}

/*----------------------
ALL
----------------------*/

ul.photo {margin:20px -25px; letter-spacing:-.40em;}
ul.photo li {
display:inline-block;
margin:10px;
letter-spacing:normal;
vertical-align:top;
}
ul.photo img {box-shadow:1px 1px 5px #666;}
ul.photo img.noshadow {box-shadow:none;}

.btn_link {
display:block;
min-width:200px;
height:40px;
margin:20px auto;
line-height:40px;
text-align:center;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-color:#6488da;
-webkit-box-shadow:1px 2px 3px #b8b8b8;
-moz-box-shadow:1px 2px 3px #b8b8b8;
box-shadow:1px 2px 3px #b8b8b8;
background:#1f64d6;
-webkit-transition:all 0.1s linear;
transition:all 0.1s linear;
}
.btn_link02 {
display:block;
min-width:200px;
height:40px;
line-height:40px;
text-align:center;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-color:#6488da;
-webkit-box-shadow:1px 2px 3px #b8b8b8;
-moz-box-shadow:1px 2px 3px #b8b8b8;
box-shadow:1px 2px 3px #b8b8b8;
background:#1f64d6;
-webkit-transition:all 0.1s linear;
transition:all 0.1s linear;
}

.btn_link_or {
display:block;
min-width:200px;
height:40px;
margin:20px auto;
line-height:40px;
text-align:center;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:1px 2px 3px #b8b8b8;
-moz-box-shadow:1px 2px 3px #b8b8b8;
box-shadow:1px 2px 3px #b8b8b8;
background:#EC7C33;
-webkit-transition:all 0.1s linear;
transition:all 0.1s linear;
}

.wide_col {
position:relative;
display:block;
max-width:100%;
width:460px;
height:165px;
}
.wide_col .btn_link {
position:absolute;
bottom:0;
margin:0;
width:100%;
}

.btn_link:hover, .btn_link02:hover {text-decoration:none;background:#2371f2;}
.btn_link_or:hover {text-decoration:none;background:#EF9456;}
.btn_link:before, .btn_link02:before, .btn_link_or:before {
display:inline-block;
content:"";
width:0;
height:0;
border:5px solid transparent;
border-left:5px solid #fff;
}
.linkred {color:#C00;text-decoration:underline;}
.btn_middle {width:260px;}

.news_btn {
display:block;
width:600px;
max-width:90%;
margin:0 auto 40px;
padding:10px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
background-color:#fff;
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.75);
-moz-box-shadow:1px 1px 3px rgba(0,0,0,.75);
box-shadow:1px 1px 3px rgba(0,0,0,.75);
border:solid 2px #e59600;
background-image:-webkit-linear-gradient(bottom, #f0f0f0, #fff);
background-image:-moz-linear-gradient(bottom, #f0f0f0, #fff);
background-image:-o-linear-gradient(bottom, #f0f0f0, #fff);
background-image:-ms-linear-gradient(bottom, #f0f0f0, #fff);
background-image:linear-gradient(to top, #f0f0f0, #fff);
color:#434343;
}
.news_btn:hover {text-decoration:none;}
.news_btn:before {
content:"NEWS";
display:block;
width:100%;
margin-bottom:10px;
padding:5px 0;
background:#e59600;
text-align:center;
color:#fff;
}

/* モーダルウィンドウ　*/
.modal-window {
-webkit-transform:translate(0, 100%);
-moz-transform:translate(0, 100%);
-o-transform:translate(0, 100%);
-ms-transform:translate(0, 100%);
transform:translate(0, 100%);
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:999;
opacity:0;
line-height:1.3;
display:none\9;
}
.modal-window:target {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-o-transform:translate(0, 0);
-ms-transform:translate(0, 0);
transform:translate(0, 0);
opacity:1;
}
.is-active.modal-window {display:block\9;}
.modal-window:target {display:block\9;}
.modal-window .modal-inner {
position:absolute;
top:50px;
left:15%;
z-index:20;
margin:0 auto;
width:70%;
overflow-x:hidden;
border-radius:2px;
background:#fff;
-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.6);
box-shadow:0 0 30px rgba(0, 0, 0, 0.6);
}
.modal-window .modal-inner {padding:20px;}
.modal-window .modal-close {
display:block;
text-indent:-100px;
overflow:hidden;
}
.modal-window .modal-close:before {
content: '';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:10;
background:#000;
opacity:0.7;
}
.modal-window .modal-close:after {
content:'\00d7';
position:absolute;
top:25px;
left:15%;
z-index:20;
background:#fff;
border-radius:2px;
padding:2px 8px;
font-size:1.2em;
text-decoration:none;
text-indent:0;
}
.modal-window {
-webkit-transition:opacity 0.4s;
-o-transition:opacity 0.4s;
transition:opacity 0.4s;
}

@media screen and (max-width:640px) {
ul.photo {margin:20px auto;text-align:center;}
ul.photo li {margin:10px;text-align:center;}
.wide {
position:relative;
display:block;
max-width:100%;
width:90% !important;
margin:20px 5% 0 !important;
}
.wide .btn_link {
position:relative;
bottom:0;
margin:0;
width:100%;
}
.modal-window .modal-inner {left:0%;width:100%;}
}

/*----------------------
header
----------------------*/
header {
padding:10px 0 0 0;
background:#fff;
z-index:1000;
}
header .wrap{
display:flex;
justify-content:space-between;
align-items:center;
margin:0 auto;
}
header h1 {}
header .mail {margin-right:32px;}
header .mail_smp {display:none;}

nav {
margin-top:10px;
width:100%;
background:#226FED; /* Old browsers */
transition:all 0.2s linear;
z-index:10000;
}

.glonav {
width:1020px;
margin:0 auto;
}
.glonav li {
position:relative;
float:left;
width:255px;
height:50px;
border-right:1px solid #ebebeb;
border-bottom:3px solid #2372f3;
transition:border-bottom 0.1s linear; 
-webkit-transition:border-bottom 0.1s linear; 
}
.glonav li br {display:none;}
.glonav li a {
display:block;
line-height:47px;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
color:#fff;
}
.glonav li:hover {
border-bottom:3px solid #FCB01E;
color:#FCB01E;
transition:border-bottom 0.1s linear; 
-webkit-transition:border-bottom 0.1s linear; 
}

.glonav > li:first-child {border-left:1px solid #ebebeb;}

.case_menu {
position:fixed;
width:255px;
background:#fff;
display:none;
border:1px solid #EAEAEA;
border-top-color:transparent;
z-index:10000;
}
.case_menu a {
display:block;
padding:10px 5px;
text-align:center;
-webkit-transition:background 0.1s linear,color 0.1s linear;
transition:background 0.1s linear,color 0.1s linear;
}
.case_menu a:hover {text-decoration:none;color:#fff;background:#2372F3;}

.fixed{
position:fixed;
top:0;
margin:0;
-webkit-transform :translateZ(0);
zoom:1;
}
.top{position:static}

@media screen and (max-width:640px) {
body {overflow-x:hidden;min-width:100%;}
.wrap, img {max-width:100%;}
header .wrap{display:block;}
.discription {display:none;}
.discription:before, .discription:after{display:none;}

header h1{
width:30%;
float:left;
top:0;
margin:2vw 0 0 2vw;
}
header .tel {
float:right;
width:60%;
top:0;
margin:2vw 2vw 0 0;
}
header h1 img, header .tel img{width:100%;vertical-align:top;}
header .iso {display:none;}
header .mail {display:none;}
header .mail_smp {
display:block;
width:250px;
margin:0 auto;
margin-bottom:1vw;
position:relative;
text-align:center;
}
header .mail_smp img{width:100%;}
.glonav {width:100%;}

.glonav li {
height:auto;
width:50%;
border:none;
text-align:center;
border-bottom:1px solid #ebebeb;
}

.glonav li:first-child {border-left:none;}
.glonav li:nth-child(odd){border-right:1px solid #ebebeb;}
.glonav li a {
padding:10px 0;
line-height:1.2;
font-size:12px;
font-weight: normal;
}
.glonav li:hover {border:none;color:#FCB01E;}
.fixed{position:relative;}
.top{position:static;}

.spfixed{
position:fixed;
top:0;
margin:0;
-webkit-transform :translateZ(0);
z-index:100;
background:#fff;
zoom:1;
border-bottom:2px solid #2372f3;
}
.sptop{position:static}
}
@media screen and (max-width:400px) {
.glonav > li br {display:block;}
}

/*----------------------
top
----------------------*/
/*
トップスクロールスライダー
----------------------------*/
.top-scroll{
background:#E9F1FE;
padding:40px 0;
width:100%;

}
@keyframes infinity-scroll-left {
from {transform:translateX(0);}
to {transform:translateX(-100%);}
}
/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop, .top-scroll_content {
display:-ms-grid;
overflow:hidden;
}
/*----------------------------*/
.top-scroll_content_wrap {
display:flex;
overflow:hidden;
}

.top-scroll_content_list {
display:flex;
list-style:none;
}

.top-scroll_content_list--left{animation:infinity-scroll-left 40s infinite linear 0.5s both;}

.top-scroll_content_item {
width: calc(100vw / 5);
position:relative;
}
.top-scroll_content_item > img{ width:100%;}
.top-scroll_content_item .item_name{
background: rgba(34,111,237,0.6);
color:#fff;
position:absolute;
display:flex;
justify-content:center;
width:100%;
padding:0.5em;
}
/*
マウスオーバーで一時停止させたい場合は以下
----------------------------*/
.top-scroll_content_wrap:hover .top-scroll_content_list--left {animation-play-state:paused;}
@media screen and (max-width:640px) {
.top-scroll{padding:24px 0;}
.top-scroll_content_item {width:calc(100vw / 2);}
.top-scroll_content_item .item_name{font-size:12px;}
.top-scroll_content_item .item_name.text-xs{letter-spacing:-0.05em;}
}
/*
トップスライダー
----------------------------*/
.top-slide{
margin:0 auto;
max-width:1020px;
padding:40px 0 20px;
}
.slider_container{width:100%;}

.slider_wrap{width:100%;}

.slider_img{
display:block;
object-fit:cover;
width:100%;
height:auto;
}

/* bxsliderのスタイル */
.bx-wrapper{position:relative;}

.bx-wrapper .bx-controls-direction a{
outline:0;
text-indent:-9999px;
width:26px;
height:50px;
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:9999;
}

.bx-wrapper .bx-next{
right:-5%;
background:url(../images/top/slider_arrow_right.png) no-repeat;
}
.bx-wrapper .bx-prev {
left:-5%;
background:url(../images/top/slider_arrow_left.png) no-repeat;
}
.top-slide .bx-wrapper .bx-next:hover {background-position:0;}

.bx-wrapper .bx-pager{
display:flex;
align-items:center;
justify-content:space-between;
width:300px;
position:absolute;
bottom:-10%;
left:50%;
transform:translateX(-50%);
}

.bx-wrapper .bx-pager.bx-default-pager a {
background:#ccc;
border-radius:1000px;
display:block;
opacity:0.5;
text-indent:-9999px;
width:15px;
height:15px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {opacity:1;}

@media screen and (max-width:640px) {
.bx-wrapper .bx-next{right:5%;}
.bx-wrapper .bx-prev {left:5%;}
.bx-wrapper .bx-pager{
width:200px;
bottom:-25%;
}
.bx-wrapper .bx-pager.bx-default-pager a {
width:10px;
height:10px;
}
}
/*
top-topic / top-banner
----------------------------*/
.top-topic, .top-banner{margin-top:40px;}
.top-topic p{
font-size:16px;
line-height:2.0;
text-align:center;
}
.top-banner a:hover{opacity:0.8;}

@media screen and (max-width:640px) {
.top-topic, .top-banner{
margin-top:24px;
padding:0 20px
}
.top-topic p{
font-size:14px;
line-height:2.0;
text-align:left;
}
}
/* 20240822 fai*/
.topic_iso {
max-width:760px;
margin:0 auto;
}
.topic_iso img {
display:block;
width:100%;
}

/*
top-news
----------------------------*/
.top-news{
display:flex;
align-items:center;
margin-top:40px;
}
.top-news_title{
font-size:28px;
font-weight: bold;
width:15%;
}
.top-news_list{width:85%;}
.top-news_list .item{border-bottom:1px solid #ccc;}
.top-news_list .item a{
color:#000;
display:block;
font-size:18px;
font-weight: bold;
padding:0.5em 0.01em;
}
@media screen and (max-width:640px) {
.top-news{
display:block;
margin-top:24px;
padding:0 20px
}
.top-news_title{
font-size:20px;
margin-top:0;
width:100%;
}
.top-news_list{width:100%;}
.top-news_list .item{margin-top:8px;}
.top-news_list .item a{font-size:14px;}
}
/*
top-main
----------------------------*/
.top-main{
display:flex;
justify-content:space-between;
flex-direction: row-reverse;
}
.top-main.content-rev{flex-direction:row;}
/* top-main right area */
.top-main_content{
width:73%;
margin-top:24px;
}
.top-main_pickup{}
.top-main_pickup_list{
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.top-main_pickup_list .item{
font-size:16px;
width:49%;
margin-top:24px;
position:relative;
}
.top-main_pickup_list .item a:hover{opacity:0.8;}
.top-main_pickup_list .item_text{
background: rgba(34,111,237,0.8);
color:#fff;
position:absolute;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
width:100%;
height: 52px;
padding:0.5em;
z-index:1;
top:0;

}
.top-main_pickup_list img{width:100%;}
.top-main_product{margin-top:40px;}
.top-main_product_list{
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.top-main_product_list .item{
width:32%;
/*height:180px;*/
margin-bottom:16px;
}
.top-main_product_list .item.item_ban-area{width:66%;}
.top-main_product_list .item a{
color:#000;
line-height:1.4;
}
.top-main_product_list .item img{width:100%;}
.top-main_product_list .item a img:hover{opacity:0.8;}
.top-main_product_list h3{
/*font-size:14px;*/
font-size:13px;
margin-top:8px
}
/* top-main left area */
.top-main_side{
width:23%;
margin-top:40px;
}
.top-main.content-rev .top-main_side{margin-top:1em;}
.top-main_side h3{
border-bottom:2px solid #226FED;
font-size:15px;
line-height:2.4;
padding:0 0.5em;
}
.top-main_side_list{margin:16px 0;}
.top-main_side_list li{
border-bottom:1px solid #eee;
padding:0.5em;
}
.top-main_side_list li a{
color:#000;
display:block;
letter-spacing:-0.1em;
position:relative;
}

.top-main_side_list li a:hover::before {
content: '';
width:6px;
height:6px;
border-top:solid 2px #226FED;
border-right:solid 2px #226FED;
position:absolute;
right:-5px;
top:40%;
transform: rotate(45deg);
}
.top-main_side_ban{
text-align:center;
margin-top:16px;
}
@media screen and (max-width:640px) {
.top-main{
display:block;
padding:0 20px;
}
/* top-main right area */
.top-main_content{
width:100%;
margin-top:40px;
}
.top-main_pickup_list{display:block;}
.top-main_pickup_list .item{
font-size:14px;
width:100%;
margin-top:16px;
}
.top-main_product_list .item.item_ban-area{width:100%;}
.top-main_pickup_list .item_text{
height:48px;
padding:0.3em 0.5em;
}

.top-main_product_list .item{width:48%;}
/* top-main left area */
.top-main_side{
width:100%;
margin-top:-24px;
}
.top-main_side h3, .top-main_side_list{display:none;}
.top-main_side_ban{
width:50%;
margin:auto;
margin-top:24px;
}
.top-main_side_ban img{width:100%;}
}
@media screen and (max-width:400px) {
.top-main_product_list .item{
width:100%;
height:auto;
}
.top-main_product_list h3{margin:8px 0 24px;}
}
.mainImage {
margin:25px 0;
width:100%;
}
.slide li {border:1px solid #ccc;width:1020px;height:300px;background:#fff;/zoom:1;}
.slide li after {content:"";clear:both;display:block;overflow:hidden;font-size:0.1em;line-height:0;}

.slide_photo{float:right;width:720px}

.slide_name {
position:relative;
display:block;
float:left;
width:298px;
}
.slide_name span {
display:inline-block;
position:absolute;
bottom:0;
right:-133px;
padding-top:80px;
width:267px; height:126px;
color:#fff;
font-size:150%;
text-align:center;
background:url(../images/slide_name_bg.png);
z-index:10;
zoom:1;
}
.slide_name span.small {
line-height:1.2;
padding-top:70px;
font-size:120%;
}
.shadowbox {
position:relative;
margin-bottom:25px;
padding:20px;
background:#fff;
box-shadow:0 0 5px #CCC;
}
.today {
margin-bottom:40px;
border-top:1px solid #D9E8FF;
border-bottom:1px solid #D9E8FF;
}

.product_list img{display:block;margin:0 auto;}
.product_list li {
position:relative;
float:left;
width:340px;
margin-bottom:24px;
padding:20px 20px 145px 20px;
border-right:1px solid #D9E8FF;
}
.product_list li p{margin-top:10px}
.product_list li:nth-of-type(3n){border-right:none;}

.product_list h3 {
margin:0;
margin-bottom:8px;
font-size:120%;
}

.product_list02 img{display:block;margin:0 auto;}
.product_list02 li {
position:relative;
float:left;
width:300px;
padding:20px 20px 140px 20px;
}
.product_list02 li p{margin-top:10px}
.product_list02 li:nth-of-type(3n){border-right:none;}

.product_list02 h3 {
margin:0;
font-size:120%;
width:100%;
}
.product_list h3 span {
line-height:1.2;
display:block;
margin-bottom:4px;
}
.product_list02 h3 span {
margin-top:3px;
font-size:80%;
color:#909090;
font-weight: normal;
position:absolute;
right:17px;
}

.link:before, .info li:before {
display:inline-block;
content:"";
width:0; height:0;
border:4px solid transparent;
border-left:7px solid #6BA3FD;
}
.info li:before {
position:absolute;
top:17px; left:0;
}

.info_title {
border-left:7px solid #2372F3;
padding-left:10px;
font-size:18px;
}
.info {margin-top:10px;}
.info li {
position:relative;
padding:10px 10px 10px 15px;
}
.col {
margin:40px -30px;
border-collapse: separate;
border-spacing:30px 0;
}
.col_left, .col_right {
display:table-cell;
width:495px;
vertical-align: top;
}
.col_left{margin-right:30px;}

.video {
position: fixed;
top:0;
left:0;
width:100%;
height:100%;
display:table;
zoom:1;
z-index:999;
-webkit-backface-visibility:hidden;
}
.videoContent {
position:relative;
display:table-cell;
text-align:center;
vertical-align: middle;
background:#000;
background-color:rgba(0,0,0,0.7);
z-index:997;
}
.video span {
position:relative;
display:block;
margin:20px auto 0;
width:100px;
margin-bottom:10px;
padding:5px;
text-align:center;
cursor:pointer;
color:#fff;
border:1px solid #ccc;
z-index:997;
}

.video_wrap {
margin:20px auto;
text-align:center;
}
.video_wrap video {max-width:100%;}
#bellows-video {
padding-top:100px;
margin-top:-80px;
}
.product_list .btn_link {
position:absolute;
bottom:20px;
left:50%;
margin-left:-100px;
}
.product_list02 .btn_link {
position:absolute;
bottom:20px;
left:50%;
margin-left:-100px;
}

@media screen and (max-width:640px) {
.mainImage {margin:0;}
.slide li {
width:100%;
height:auto;
border: none
}
.slide_photo{width:70.588235%}
.slide_name {width:29.411764%;}
.slide_name span {
left:0;
padding:5px;
width:130px; height:auto;
color:#fff;
font-size:100%;
background:#4A8BF5;
}
.slide_name span.small {
line-height:1.2;
padding-top:5px;
font-size:100%;
}

.product_list li {
margin:20px auto;
padding-bottom:100px;
float:none;
width:100%;
max-width:100%;
border-right:none;
border-top:1px solid #D9E8FF;
}
.product_list02 li {
margin:20px auto;
float:none;
width:100%;
max-width:100%;
border-right:none;
border-top:1px solid #D9E8FF;
}

.col {
margin:20px 0;
border-collapse: separate;
border-spacing:0;
}
.col_left, .col_right {
display:block;
width:100%;
vertical-align: top;
}
.col_left{margin-right:0;}
.col .btn_link {
height:auto;
line-height:1.2;
padding:10px;
text-align:left;
}
.col_rightimg {
display:block;
margin:10px auto;
}
.shadowbox {padding:10px;}
.video {
top:0;
width:100%;
height:100%;
}
video {width:90%;}

}

/*----------------------
Priority
----------------------*/
.photo_title{
display:block;
margin-top:10px;
padding:5px;
text-align:center;
}

/*----------------------
Company
----------------------*/
.breadcrumb {margin:10px;}

.breadcrumb li {
float:left;
margin-right:10px;
}
.breadcrumb li:before {
content:">";
display:inline-block;
margin-right:10px;
}
.breadcrumb li:first-child:before {content:"";margin-right:0;}
.sidebar, .main, .main_right{
background:#fff;
}

.main {
float:left;
width:770px;
padding:20px;
}

.main_right {
float:right;
width:770px;
padding:20px;
}

.main_right table {width:100%;}
.main_right table tr:last-child{ border-bottom:#000 1px solid;}
.main_right table tr:last-child td{ padding:0 10px 6px}
.main_right table th { padding:10px; border-bottom:#000 2px solid; text-align:center; vertical-align: middle;}
.main_right table td { padding:6px 10px 0; line-height:2 }
.main_right table td.rl{width:12%}
.main_right table td.sales { width:18%;}
.main_right table td.price { width:23%; text-align:center;}
.main_right table td.price span { font-weight:700;}

.main section, .main_right section {padding:70px 30px 20px 30px;margin:-50px 0 40px 0;}
.main h2, .main_right h2, h2.style1 {
position:relative;
padding:5px 10px 5px 35px;
font-size:18px;
font-weight: normal;
border:1px solid #DDDDDD;
background:#ffffff; /* Old browsers */
background:-moz-linear-gradient(top,#ffffff 0%, #ececec 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#ffffff 0%,#ececec 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,#ffffff 0%,#ececec 100%); /* IE10+ */
background:linear-gradient(to bottom,#ffffff 0%,#ececec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}
.main h2:before, .main_right h2:before, h2.style1:before {
content:"";
position:absolute;
top:50%; left:10px;
margin-top:-9px;
display:inline-block;
width:18px;height:18px;
margin-right:5px;
vertical-align:middle;
background:#1873F7;
border-radius:50%;
}
.main h2:after, .main_right h2:after, h2.style1:after {
content:"";
display:block;
position:absolute;left:17px;top:50%;
margin-top:-4px;
border:5px solid transparent;
border-left:7px solid #fff;
}

.sub_title {
margin:0 -20px 20px;
padding-left:10px;
font-weight: normal;
border-left:3px solid #2473F4;
border-bottom:1px dashed #C5C5C5;
}
.message_photo {
float:left;
margin-right:20px;
}
.main, .main_right {overflow:hidden;}
.message01, .message02{position:relative}
.message01 p, .message02 p{position:relative;margin:0;z-index:1}
.message01 h4, .message02 h4 {font-size:16px;color:#2774EA;}
.message_back {position:absolute;top:0;right:-20px;z-index:0}
.message02 {margin-top:20px;}

table {width:100%}
th {vertical-align:top}
th,td {padding:5px 15px;}

.data th {
width:150px;
background:#EDEDED;
}
.data th, .data td {
position:relative;
border:1px solid #CBCBCB;
}

.data .btn_link {
position:absolute;
right:20px;
top:0;
}
/*.full .data br {display:none;}*/

.staff_list {
margin:10px -13px 0;
font-size:0;
}
.staff_list li {
display:inline-block;
margin:12px 13px;
padding:10px;
width:322px;
font-size:14px;
vertical-align: top;
border:1px solid #CDCDCD;
background:#F5F5F5;
}
.staff_list img {
float:left;
margin-right:5px;
}
.staff_list p {
background:url(../images/dot_line.png);
line-height:21px;
height:100%;
}
.point{
margin:20px 0;
padding:20px 40px;
background-color:#F5F5F5;
border:1px solid #ccc;
}
.note{margin-bottom:10px}
.note:before {
content:"";
display:inline-block;
margin:0 5px 0 -20px;
background:url(../images/note.png);
width:17px; height:19px;
vertical-align: bottom;
color:#282828;
}
.red {color:#F32F4B}
.no_list{counter-reset:num}

.no_list li:before {
counter-increment:num;
content: counter(num)".";
display:inline-block;
}
.gallary {margin:0 -10px;}
.gallary li{
position:relative;
float:left;
width:210px;
margin:10px 10px 40px;
padding:5px;
background:#fff;
box-shadow:0 0 5px #999
}
.gallary span {
position:absolute;
bottom:-30px;
text-align:center;
display:block;
width:100%;
}

.details li{
display:inline-block;
margin-left:1em;
}

.popup {
display:none;
position:absolute;
bottom:0;
right:-100px;
padding:20px;
background:#E9F1FE;
border:1px solid #CBCBCB;
z-index:999;
}

.popup span {
display:block;
margin:20px auto 0;
width:100px;
padding:5px;
text-align:center;
cursor:pointer;
background:#D1E2FF;
}
.popup span:hover {background:#D9E8FF;}

@media screen and (max-width:640px) {
.main, .main_right {
float:none;
width:100%;
padding:10px;
}

.main section, .main_right section {padding:70px 0 20px;}
.sub_title {margin:0 0 20px;}
.message_photo {
float:none;
display:block;
margin:10px auto;
}
.message01 .message_back {
top:100%;
margin-top:-136px;
z-index:0;
}
th,td {padding:5px 10px;display:block;}
.main_right table {width:100%;}
.main_right table th, .main_right table td {padding:5px 10px; display:table-cell;}
.main_right table td.sales {width:20%; padding:5px 10px; display:table-cell; font-size:70%; text-align:center;}
.main_right table td.price {width:30%; padding:5px 10px; display:table-cell; font-size:80%;}
.main_right table td.rl {width:15%; padding:5px; border-bottom:#000 1px solid; font-size:70%;}
.data {border-top:1px solid #CBCBCB;}
.data th {
width:100%;
border-top:none;
border-bottom:none;
text-align:left;
}
.data .btn_link {
position:relative;
right:0;
}
.full .data {
font-size:11px;
word-break:break-all;
}
.full .data span {display:inline-block;}
.full .data th, .full .data td {
white-space: normal;
padding:5px;
}
.full .data th {
border:1px solid #CBCBCB;
width:100px;
}
.full .data th:first-child {width:110px;}
.full .data br {display:block;}
iframe {width:100%;}
.staff_list {margin:10px 0;}
.staff_list li {
display:block;
margin:12px auto;
width:100%;
}
.staff_list img {
float:none;
display:block;
margin:0 auto;
}
.staff_list p {height:auto;}
.gallary {margin:0 -2%;}
.gallary li{
position:relative;
float:left;
width:46%;
margin:10px 2% 40px; padding:5px;
}
.gallary li img{width:100%;}
.gallary span {
position:absolute; bottom:-25px;left:0;
width:100%;
}
}

/*----------------------
Goto
----------------------*/
#goto {font-size:18px;}
#goto > ul {margin:30px 0 0 20px;}
#goto > ul > li {list-style:square;padding:5px;}
#goto .sub li {font-size:14px !important;}

/*----------------------
Exsample
----------------------*/
.btn_blue{margin-top:40px;}
.btn_blue a {
display:inline-block;
padding:10px 20px;
color:#fff;
background:#2372f3; /* Old browsers */
background:-moz-linear-gradient(top,#2372f3 0%, #1f64d6 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2372f3), color-stop(100%,#1f64d6)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#2372f3 0%,#1f64d6 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#2372f3 0%,#1f64d6 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,#2372f3 0%,#1f64d6 100%); /* IE10+ */
background:linear-gradient(to bottom,#2372f3 0%,#1f64d6 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2372f3', endColorstr='#1f64d6',GradientType=0 ); /* IE6-9 */
border-radius:8px;
box-shadow:1px 3px 3px #C1C1C1;
}
.btn_blue a:before{
content:"";
display:inline-block;
width:0; height:0;
border:6px solid transparent;
border-left:10px solid #fff;
}
.btn_blue a:hover {
background:#3a8cff; /* Old browsers */
background:-moz-linear-gradient(top,#3a8cff 0%, #3560d6 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a8cff), color-stop(100%,#3560d6)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#3a8cff 0%,#3560d6 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#3a8cff 0%,#3560d6 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,#3a8cff 0%,#3560d6 100%); /* IE10+ */
background:linear-gradient(to bottom,#3a8cff 0%,#3560d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a8cff', endColorstr='#3560d6',GradientType=0 ); /* IE6-9 */
text-decoration:none;
}

.example section p {margin:10px -15px;}
.example_menu {margin:0;border-bottom:1px solid #DDDDDD;}
.example_menu dt {margin-bottom:10px;padding:10px;text-align:center;color:#fff;background:#2372F3;font-size:16px;}
.example_menu dd{
display:block;
width:100%;
position:relative;
margin:0;
 border-top:1px dashed #DDDDDD;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
cursor:pointer;
}
.example_menu dt + dd {border-top:1px solid #DDDDDD}

.example_menu a {
display:block;
padding:10px;
}
#sidebar_fixed { width:220px; }
.fixed02 {
position: fixed;
top:60px;
width:100%;
z-index:0;
}

@media screen and (max-width:640px) {
#sidebar_fixed {width:100%;}
.fixed02 {position:static;} 
}
.brand_menu {margin:0;border-bottom:1px solid #DDDDDD;}
.brand_menu dt {margin-bottom:10px;padding:10px;text-align:center;color:#fff;background:#2372F3; font-size:16px;}
.brand_menu dd{
display:block;
width:100%;
position:relative;
margin:0;
 border-top:1px dashed #DDDDDD;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
cursor:pointer;
}
.brand_menu dt + dd {border-top:1px solid #DDDDDD;}

.brand_menu a {
display:block;
padding:5px 10px;
}
.brand_menu a span {
display:block;
font-size:90%;
}

h4.sub_category{
margin:20px -15px;
font-weight: normal;
border-bottom:1px dashed #C5C5C5;
}

@media screen and (max-width:640px) {
.btn_blue a {
text-align:left;
text-indent:-1em;
padding-left:2em;
}
.example section {margin-bottom:20px;}
.example section p {margin:10px 0;}
.example .photo{text-align:left !important;}
.example .photo li {
width:48%;
margin:5px 1%;
}
h4.sub_category{margin:20px 0;}
}

/*----------------------
Contact
----------------------*/
.sub_title_icon {
margin:0 -20px 20px;
padding-bottom:5px;
font-weight: normal;
border-bottom:1px dashed #C5C5C5;
}
.sub_title_icon img {margin:0 5px 5px 0;}
.form {margin:20px 0;}
.form th {width:220px;background:#D9EEF8;text-align:left;color:#403E3E}
.form th, .form td {border:1px solid #CCCCCC}
.form td span {font-size:12px}
.required:after {content:"※";margin-left:5px;color:red;display:inline-block}
fieldset {border:none;padding:0}
input {margin-right:3px;}
textarea {height:100px}
label {margin-right:10px;}

.form_s {width:50px}
.form_m {width:220px}
.form_l {width:100%}
input[type="button"],input[type="submit"]{
display:inline-block;
margin:0 10px;padding:10px 30px;
border-radius:2px;
}
input[type="button"]{
border:1px solid #DDDDDD;
background:#ffffff; /* Old browsers */
background:-moz-linear-gradient(top,#ffffff 0%, #ededed 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#ffffff 0%,#ededed 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,#ffffff 0%,#ededed 100%); /* IE10+ */
background:linear-gradient(to bottom,#ffffff 0%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
input[type="submit"]{
border:1px solid #E59700;
background:#ffb321; /* Old browsers */
background:-moz-linear-gradient(top,#ffb321 0%, #f2a614 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb321), color-stop(100%,#f2a614)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#ffb321 0%,#f2a614 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#ffb321 0%,#f2a614 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,#ffb321 0%,#f2a614 100%); /* IE10+ */
background:linear-gradient(to bottom,#ffb321 0%,#f2a614 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb321', endColorstr='#f2a614',GradientType=0 ); /* IE6-9 */
}

@media screen and (max-width:640px) {
.sub_title_icon {margin:0 0 10px;}
.form {border-top:1px solid #CCCCCC}
.form span {display:block;}
.form th {
width:100%;
border-top:none;
border-bottom:none;
}
.form br {display:none;}
.form label {display:inline-block;}
.form_m, .form input[type="text"], .form input[type="email"], .form input[type="tel"] {width:100%;}

}

/*----------------------
subPage
----------------------*/
.full{width:100%;}

ul.photo_col2, ul.photo_col2_2, ul.photo_col2_3{
margin:20px -10px;
font-size:0;
}

ul.photo_col2 li, ul.photo_col2_2 li {
position:relative;
display:inline-block;
margin:0 10px 20px;
width:450px;
font-size:14px;
vertical-align: top;
text-align:center;
}
ul.photo_col2 li img, ul.photo_col2_2 li img, ul.photo_col2_3 li img{width:100%;}

ul.photo_col2 .before:before {
content:"リニューアル前";
display:block;
padding:4px;
background:#c7e8ed;
}
ul.photo_col2 .before:after {
content: "";
position:absolute;
top:50%;
right:-20px;
border:5px solid transparent;
border-left:10px solid #2372F3;
margin-top:-5px;
}

ul.photo_col2 .after:before {
content:"リニューアル後";
display:block;
padding:4px;
background:#ffe791;
}
ul.photo_col2_3 {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
ul.photo_col2_3 li {
position:relative;
display:inline-block;
margin:0 10px 20px;
width:45%;
font-size:14px;
vertical-align: top;
text-align:center;
}

#pool ul.photo_col2 li {text-align:left;}
ul.photo_col3 {
margin:20px -10px;
display: flex
}
ul.photo_col3 li {
margin:0 10px 20px;
width:32%;
}
ul.photo_col3 li img {width:100%;}
ul.photo_col4 {margin:20px -10px;}

ul.photo_col4 li {
float:left;
margin:0 10px 20px;
width:215px;
}
ul.photo_col4 li img {width:100%;}

.maku_title{
margin-top:40px;
padding:10px;
background:#1D2087;
color:#fff;
font-size:150%;
text-align:center;
}

.large{font-size:150%;margin-top:20px;}
ol li {list-style-type:decimal;}
.titan img {max-width:100%}

.lift {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #CCC;
}

.left_area {float:left;width:35%;}
.right_area {float:right;max-width:64%;}
.left_area img, .right_area img {
max-width:100%;
margin-top:20px;
}

.video_wrap h3 {text-align:left;}

@media screen and (max-width:640px) {
ul.photo_col2, ul.photo_col2_2, ul.photo_col2_3 {margin:0;}
ul.photo_col2 li {
float:none;
margin:10px 0;
width:100%;
}
ul.photo_col2_2 li, ul.photo_col2_2_3 li {
float:none;
margin:10px 0;
width:50%;
}

ul.photo_col2 .before:after {
top:100%;
right:50%;
border:5px solid transparent;
border-top:10px solid #2372F3;
margin-top:5px;
margin-right:-5px;
}
ul.photo_col3 {
margin:0;
display:block;
}
ul.photo_col3 li {
width:100%;
margin:0 0 20px 0;
}

.titan th, .titan td {display:table-cell;}
ul.photo_col4 li {width:46%;margin:10px 2%;}

.left_area,
.right_area {
float:none;
width:100%;
max-width:100%;
margin:10px 0 !important;
}
}

/*----------------------
Maku
-----------------------*/
.tracksheet {
background:#fff;
padding:20px;
}
.makuLp {
padding:0 60px 40px;
background:#fff;
}
.maku_sub_title {
padding:10px 20px;
font-size:36px;
font-size:3.6rem;
color:#402403;
background:#f0ce58;
font-weight: normal;
}
.wide_space {
margin:0 auto;
text-align:center;
}
.makuLp section {margin:60px 0;}
.maku_text {
font-size:20px;
text-align:center;
}
.maku_text .caption {
display:block;
font-size:28px;
font-weight: bold;
color:#226ae3;
}
.maku_text h3 {font-size:36px;}
.makuLp h4 {
text-align:center;
font-size:20px;
font-weight: normal;
}
.makuLp h3 span, .makuLp h4 span {display:inline-block;}
.maku_point {
margin:20px 0;
padding:40px;
background:#DDF2F4;
}
.makuLp .linebottom {
margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px solid #272727;
}
.maku_point li {list-style:none;}
.maku_point li:before {
content: "・";
display:inline-block;
}
.bottom_arrow {
position:relative;
display:block;
margin-bottom:30px;
font-size:36px;
font-weight: bold;
text-align:center;
}
.bottom_arrow:before {
content:url(../images/bottom_arrow.png);
position:absolute;
bottom:-25px;
left:50%;
margin-left:-50px;
}
.maku_type h4 {text-align:left;}
.maku_type ul {margin:0 -10px;}
.maku_type li {
position:relative;
float:left;
margin:0 10px;
padding:20px;
width:440px;
border:1px solid #E5E5E5;
box-shadow:1px 7px 14px -8px #b5b5b5;
-moz-box-shadow:1px 7px 14px -8px #b5b5b5;
-webkit-box-shadow:1px 7px 14px -8px #b5b5b5;}

.maku_type li:before {
display:block;
content:url(../images/corner.png);
position:absolute;
top:0;
left:0;
}

.maku_type > div {margin:20px -10px;}

.maku_tokutyo ul {
position:relative;
z-index:1;
margin:0 -10px;
text-align:center;
}
.maku_tokutyo li {
float:left;
margin:10px;
}
.maku_flow ul {margin-top:20px;}
.maku_flow li {
float:left;
margin-left:20px;
}
.maku_flow li:first-child {margin-left:0;}
.maku_design ul {margin:10px -9px 40px;}
.maku_design li {
margin:9px;
float:left;
}
.sickHouse {
width:600px;
margin:20px auto 40px;
}
.sickHouse h4 {font-size:24px !important;}
.makuLp caption {margin-bottom:20px;}
.makuLp table{counter-reset:num;}
.makuLp table, .makuLp table th, .makuLp table td {
padding:5px 10px;
border:1px solid #232323;
text-align:center;
vertical-align:middle;
}
.makuLp table tr td:first-child {text-align:left;}
.makuLp table tr td:first-child:before {
counter-increment:num;
content: "("counter(num)")";
display:inline-block;
margin-right:10px;
}
.makuLp .panf img {
display:block;
margin:0 auto 20px;
}

@media screen and (max-width:640px) {
.makuLp, .wallcanvasLp {padding:10px;}
.maku_text .caption {font-size:20px;}
.makuLp section {margin:40px 0;}
.maku_sub_title {padding:10px;font-size:20px;}
.wide_space {margin:-10px -10px 0 -10px;}
.bottom_arrow {font-size:24px;}
.maku_text h3 {font-size:18px;}
.maku_text {text-align:left;font-size:16px;}
.maku_text br {display:none;}
.maku_text .left_area {width:100%;margin-right:0;}
.maku_text .right_area {float:none;text-align:center;}
.makuLp h4 {font-size:18px;}
.makuLp .maku_point {padding:10px;}
.maku_tokutyo ul {
max-width:440px;
margin:0 auto;
}
.maku_tokutyo li {
float:none;
margin:10px 0;
}
.maku_type ul {margin:0;}
.maku_type li {
float:none;
margin:20px 0;
width:100%;
}
.maku_type > div {margin:10px 0;}
.maku_flow li:first-child {margin-left:1%;}
.maku_design li,
.maku_flow li {
max-width:48%;
margin:10px 1%;
}
.sickHouse {width:100%;}
.sickHouse h4 {
font-size:20px !important;
text-align:left;
}
.makuLp caption {margin-bottom:20px;}
.makuLp table{counter-reset:num;}
.makuLp table th, .makuLp table td {display:table-cell;}
.makuLp table td {min-width:60px;}
.makuLp table, .makuLp table th, .makuLp table td {padding:5px;}
.makuLp table tr td:first-child:before {margin-right:5px;}
}

/*----------------------
Wallcanvas
-----------------------*/
.wallcanvasLp {line-height:1.9 !important;}
.wallcanvasLp p {margin:0 0 1em 0;}
.wall_text {
position:relative;
margin:-20px auto 0 !important;
max-width:860px;
}
.wall_text h3 {
margin-bottom:40px;
font-size:29px;
text-align:center;
line-height:1.2;
}
.wall_text h3 span {
color:#5daff4;
font-size:44px;
}
.wall_text h3 .big {font-size:64px;}
.wall_text div {
display:table-cell;
vertical-align: top;
}

.wall_text em {color:#ff0101;}
.wall_text .text {padding-right:20px;}
.wall_text > img {
float:right;
vertical-align: top;
}

.wallcanvasLp section {margin:60px 0;}

.wall_subtitle h3,
.wall_subtitle span {
display:block;
padding:10px 20px;
line-height:1 !important;
vertical-align: top;
}
.wall_subtitle h3 {
position:relative;
font-size:36px;
font-weight: normal;
border-left:10px solid #5EAFF4;
color:#5eaff4;
}
.wall_subtitle h3 small {
font-size:20px;
display:inline-block;
margin-left:5px;
}
.wall_subtitle span {
font-size:16px;
border-left:10px solid #ADD9FF;
}

.wall_type {
padding:39px;
border:1px solid #CFCFCF;
}
.wall_type .wall_type_top {margin-bottom:40px;}
.wall_border_title {
margin:30px 0 20px;
padding:0;
font-size:24px;
font-weight: normal;
border-bottom:1px solid #CFCFCF;
}

.wallcanvasLp ul.text_list li {
position:relative;
padding-left:16px;
}
.wallcanvasLp ul.text_list li:before {
content: "・";
display:block;
position:absolute;
left:0;
}
.wallcanvasLp .table-wrap {margin:0 -10px 10px !important;}
.wallcanvasLp .table {
display:table-cell;
padding:0 10px;
width:460px;
max-width:50%;
vertical-align: top;
}
.wallcanvasLp .table .about {
padding:20px;
border:1px solid #DEDBD1;
background:#F9F8F4;
}

.wall_flow_col3 li {
float:left;
width:33.333333%;
}
.wall_flow_col3_2{
display:flex;
flex-wrap: wrap;
}
.wall_flow_col3_2 li {
width:32%;
margin-right:1.9%;
margin-bottom:1.9%;
}
.wall_flow_col3_2 li:nth-child(3n){margin-right:0;}
.wall_flow_col3_2 li img{width:100%;}
.wall_flow_col4 li {
float:left;
width:25%;
}
.image_flat {margin:20px -10px;}
.image_flat img {margin:0 10px;}
.wall_attention {padding:20px;}

.wall_attention h4 {
margin:30px 0 0;
font-size:18px;
}
span em {
display:inline-block;
font-size:24px;
color: red;
font-style: normal;
}

@media screen and (max-width:640px) {
.wall_text h3 {
font-size:20px;
text-align:center;
line-height:1.2;
}
.wall_text h3 span {
color:#5daff4;
font-size:26px;
}
.wall_text h3 .big {font-size:30px;}

.wall_text div,
.wallcanvasLp .table {
display:block;
width:100%;
max-width:100%;
margin:0 0 10px 0;
padding:0;
}
.wall_text .text {padding:0;}
.wallcanvasLp .table-wrap {margin:0 !important;}
.wallcanvasLp img {
display:block;
margin:0 auto;
float:none;
}
.wall_subtitle {
display:block;
width:100%;
height:auto;
}
.wall_subtitle h3, .wall_subtitle span {display:block;}
.wall_subtitle h3 {
position:relative;
width:100%;
padding:10px;
font-size:22px;
}
.wall_subtitle h3:after {display:none;}
.wall_subtitle span {
padding:5px 10px;
font-size:14px;
}
.wall_subtitle span br {display:none;}
.wall_type {padding:10px;}
.wall_type .wall_type_top {padding:10px;}
.wall_type h4 {
font-size:18px;
padding-left:5px;
}

ul.wall_flow {
margin-top:20px;
text-align:center;
}
ul.wall_flow_col3 li,
ul.wall_flow_col3_2 li,
ul.wall_flow_col4 li {
width:50%;
margin:10px 0;
}
ul.wall_flow_col3_2 li {
width:50%;
margin:10px 0;
}
.wall_flow_col3_2 li:nth-child(3n){margin-right:0;}
.wall_attention {padding:0;}
}

/*----------------------
Katashiki
----------------------*/
.katashiki_pagelink {margin:0 -10px;}
.katashiki_pagelinkli {
float:left;
width:23%;
margin:10px 1%;
}

.katashiki_pagelinkli a {
display:block;
padding:10px;
text-align:center;
border:1px solid #CCC;
text-decoration:none;
}

@media screen and (max-width:640px) {
.katashiki_pagelink{margin:0;}
.katashiki_pagelinkli {
float:left;
width:30%;
margin:10px 1%;
}
}

/*----------------------
Parasol
-----------------------*/
.parasol_jirei ul {
position:relative;
z-index:1;
margin:0;
text-align:center;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.parasol_jirei li {
width:48%;
margin-top:4%;
}
.parasol_jirei li img{width:100%}
p.cps { margin-bottom:30px; font-size:120%;}
.precautions {position:relative;}
.precautions span {
position:absolute;
top:10px;
right:-150px;
color:#E11F22;
font-weight:700;
}
.sub_head_ttl {
background:#00B050;
text-align:center;
margin-bottom:16px;
padding:8px 16px;
}
.sub_head_ttl p{
color:#fff;
font-size:24px;
font-weight: bold;
}

@media screen and (max-width:640px) {
.parasol_jirei ul {
max-width:420px;
margin:0 auto;
}
.parasol_jirei li {
width:100%;
margin:10px 0;
}
p.cps {
margin-bottom:30px;
font-size:100%;
text-align:center;
}
.precautions span {
display:block; position: static;
top:auto;
right:auto;
margin-top:-8px;
}
.sub_head_ttl {margin-bottom:16px;padding:8px;}
.sub_head_ttl p{font-size:18px;}
}
/*----------------------
History
----------------------*/
.history th {text-align:left;}

/*----------------------
related
----------------------*/
.related {
margin:30px;
padding:20px;
border:1px solid #ced6e3;
}
.related h1 {
font-size:18px;
text-align:center;
}
.related ul {
margin:0 -2%;
letter-spacing:-.40em;
text-align:center;
}

.related li {
position:relative;
display:inline-block;
letter-spacing: normal;
width:31.33333%;
margin:10px 1% 0;
text-align:left;
}
.related li a {
display:table-cell;
position:relative;
height:60px;
line-height:1.2;
width:300px;
max-width:100%;
padding-left:70px;
border:1px solid #ced6e3;
vertical-align: middle;
text-decoration:none;
transition: .2s;
z-index:1;
}
.related li img {
position:absolute;
top:0;
left:0;
z-index:0;
}
.related a:hover {
opacity: .8;
border:1px solid #0099FF;
}

.related p {margin:10px 0 0;}
.btn_contact {
margin:20px 0 0;
text-align:center;
}
.btn_contact ul {margin:10px 0 0;}
.btn_contact li {
display:inline-block;
margin:0 20px;
}

@media screen and (max-width:640px) {
.related {
margin:30px 0;
padding:10px;
}
.related h1 {
font-size:16px;
text-align:left;
}
.related ul {
margin:10px 0 0 0;
letter-spacing:0;
}

.related li {
width:100%;
margin:5px 0;
}
.related lia{
width:640px;
max-width:100%;
}

}

/*----------------------
safety-air / safety-folding
----------------------*/
.safety-air_style01 {
display:flex;
justify-content:space-between;
}
.safety-air_style01 li:nth-child(1){width:55%;}
.safety-air_style01 li:nth-child(2),
.safety-air_style01 li:nth-child(3){width:20%;}
.safety-air_style01 img{width:100%;}

.safety-air_style01 li .small {
font-size:12px;
line-height:1.1;
}
.safety-air_style02 {margin-bottom:80px;}
.safety-air_style02 li {
display:flex;
justify-content:space-between;
margin-bottom:40px;
}
.safety-air_style02 li p{width:55%;}
.safety-air_style02 li img{width:40%;}
.safety-air_style03 {
display:flex;
justify-content:space-between;
margin-bottom:40px;
width:670px;
margin:0 auto;
}
.safety-air_style03 li {width:48%;}
.safety-air_style03 p{margin-bottom:16px;}
.safety-air_style03 li .safety-air_style03_img img{width:100%;}
ul.safety-folding_price {width:670px;margin-bottom:0;}
.safety-folding_price li{
display:flex;
justify-content:space-between;
list-style: circle;
}
.safety-folding_price .sf_dtl {
width: 570px;
background:url("../images/bg_dot.png") repeat-x right center;
}
.safety-folding_price p{
background:#fff;
display:inline-block;
padding:0 16px 0 0;
}
.safety-folding_price .sf_price {
width:90px;
display:inline-block;
}
ul.safety-folding_spec {margin-left:28px;}
.safety-folding_spec li span{
width:80px;
display:inline-block;
margin-right:16px;
}
@media screen and (max-width:640px) {
.safety-air_style02 {margin-bottom:40px;}
.safety-air_style02 li {
display:block;
margin-bottom:40px;
}
.safety-air_style02 li p{
width:100%;
margin-bottom:16px;
}
.safety-air_style02 li span{margin-top:16px;}
.safety-air_style02 li img{width:100%;}
.safety-air_style03 {
display:block;
width:100%;
}
.safety-air_style03 li {
width:100%;
margin-bottom:40px;
}
.safety-air_style03 li:last-child p{margin-bottom:0;}

ul.safety-folding_price {width:100%;}
.safety-folding_price li{
display:flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.safety-folding_price .sf_dtl {
width:100%;
background:none;
padding-left:1em;
text-indent:-1em;
}
.safety-folding_price p{padding:0 0 0 1em;}
.safety-folding_price .sf_price {
width:100%;
display:block;
margin:0 0 16px 16px;
}
ul.safety-folding_spec {margin-left:0;}
.safety-folding_spec li span{
width:100%;
display:block;
margin-right:0;
}
}
.tent_warehouse{margin:50px 0 80px;}
.tent_warehouse_intro{
background:url("../images/t-warehouse_bg.jpg") no-repeat top left;
-webkit-background-size:cover;
-moz-background-size:cover;
-ms-background-size:cover;
background-size:cover;
width:100%;
margin-bottom:40px;
margin-top:20px;
position:relative;
}
.tent_warehouse_title{
display:block;
margin:0 auto;
margin-bottom:40px;
}
.tent_warehouse_intro_list{padding:20px 50px 80px;}
.tent_warehouse_intro_list li{
display:flex;
margin-bottom:16px;
}
.t-warehouse_intro_right{margin-top:5px;}
.tent_warehouse_logo{
position:absolute;
right:34px;
bottom:34px;
}
.t-warehouse_flow{
display:flex;
justify-content:space-between;
}
.t-warehouse_flow h4{
color:#1C2A73;
font-weight: bold;
font-size:18px;
margin-bottom:8px;
}
.t-warehouse_flow_left li::after{
content: "↓";
display:block;
}
.t-warehouse_flow_left li:last-child::after{content:"";}
.t-warehouse_flow_right ul{margin-bottom:40px;}
.t-warehouse_flow_right ul.t-warehouse_flow_right_note{
color:#1C2A73;
list-style: circle;
}
.t-warehouse_flow_right ul.t-warehouse_flow_right_note li{
margin-left:1em;
text-indent:-1em;
}
.t-warehouse_flow_right ul.t-warehouse_flow_right_note li::before{content:"・";}

@media screen and (max-width:640px) {
.tent_warehouse{margin:50px 0 40px;}
.tent_warehouse_intro{
width:100%;
margin:0;
padding:0 10px 20px;
position:relative;
}
.tent_warehouse_title{
display:block;
margin:0 auto;
margin-bottom:20px;
width:90%;
height:auto;
}
.tent_warehouse_intro_list{
margin:0 auto;
text-align:center;
padding-bottom:40px;
}
.tent_warehouse_intro_list li{
display:block;
margin-bottom:16px;
}
.tent_warehouse_intro_list li:last-child{margin-bottom:0;}
.t-warehouse_intro_right{margin-top:0;}
.tent_warehouse_logo{
position:relative;
right:auto;
bottom:auto;
margin:0 auto;
display:block;
}

.t-warehouse_flow{display:block;}
.t-warehouse_flow_left{margin-bottom:20px;}
.t-warehouse_flow_right ul.t-warehouse_flow_right_note{}
}
.bellows{margin:50px 0 40px;}
.bellows_intro{
background:url("../images/bellows2022_bg.jpg") no-repeat top left;
-webkit-background-size:cover;
-moz-background-size:cover;
-ms-background-size:cover;
background-size:cover;
width:100%;
margin-bottom:40px;
position:relative;
}
.bellows_title{
display:block;
margin:0 auto;
margin-bottom:40px;
}
.bellows_intro_midashi{
text-align:center;
font-size:32px;
font-weight:700;
margin-bottom:40px;
}
ul.bellows_intro_list{
text-align:center;
padding-bottom:40px;
}
.bellows_intro_list li:first-child{margin-bottom:16px;}
.bellows_item h4{
font-weight: bold;
font-size:18px;
margin-bottom:-16px;
margin-left:-16px;
}
.bellows_item li{text-align:center;}
.bellows_item li img{
display:block;
margin-bottom:8px;
}
.bellows_item_note{margin-top:-32px;}
@media screen and (max-width:640px) {
.bellows{margin:50px 0 40px;}
.bellows_intro{
width:100%;
margin:0;
padding:0 10px 20px;
position:relative;
}
.bellows_title{
display:block;
margin:0 auto;
margin-bottom:24px;
width:90%;
height:auto;
}
.bellows_intro_midashi{
font-size:20px;
margin-bottom:24px;
}
.bellows_intro_list li{
display:block;
width:90%;
margin:0 auto;
margin-bottom:16px;
}
.bellows_intro_list li img{
display:block;
width:100%;
height:auto;
}
.bellows_item h4{
font-size:14px;
margin:0;
}
.bellows_item li img{
display:block;
margin-bottom:8px;
}
.bellows_item_note{margin-top:0;}
}
.page_intro h1{
background:#0070C0;
color:#fff;
font-size:24px;
padding:0.3em 0.5em;
}
.page_intro .page_intro-ttl{
background:none;
border:none;
font-size:18px;
font-weight:700;
padding:1em 0 0;
}
.page_intro .page_intro-ttl::before, .page_intro .page_intro-ttl::after{display:none}
@media screen and (max-width:640px) {
.page_intro h1{font-size:20px;}
.page_intro .page_intro-ttl{font-size:17px;}
.page_intro p{margin-bottom:1em;}
}
/* パーテーション */
.pt_ttl {
font-size:28px;
font-weight:700;
margin-bottom:40px;
text-align:center;
}
.pt_ttl span {
padding-bottom:8px;
background:linear-gradient(transparent 82%, #9bcf91 0%);
display: inline;
line-height:2.0;
padding:0 2px 18px;
}
.pt_ttl_sub{
font-size:24px;
font-weight: bold;
margin-bottom:40px;
text-align:center;
}
.mds01 {
width:300px;
background:#9bcf91;
color:#fff;
border-radius:50px;
font-size:24px;
font-weight:700;
padding:4px 16px;
margin:auto;
text-align:center;
}
@media screen and (max-width:640px) {
.pt_ttl {font-size:20px;margin-bottom:20px;}
.pt_ttl span {
background:linear-gradient(transparent 75%, #9bcf91 0%);
display: inline;
line-height:2.3;
padding:0 0 8px;
}
.pt_ttl_sub{font-size:16px;margin-bottom:20px;}
.mds01 {
width:80%;
font-size:18px;
padding:4px 16px;
margin:auto;
}
}

/*----------------------
Sidebar
----------------------*/
.sidearea {float:right;width:220px;}
.sidearea_left {float:left;width:220px;}
.sidebar {margin-bottom:30px;padding:10px;}
.products_menu{margin:0 0 10px 0;}
.products_menu dt{
margin:20px 0 10px;padding:10px;
text-align:center;
color:#fff;
font-size:16px;
background:#2372F3;
}
.products_menu dt:first-child{margin-top:0;}
.products_menu dd {
position:relative;
margin:0 0 -1px 0;
border:1px solid #DDDDDD;
background:#ffffff; /* Old browsers */
background:-moz-linear-gradient(top,#ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,#ffffff 0%,#ebebeb 100%); /* IE10+ */
background:linear-gradient(to bottom,#ffffff 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
.products_menu dd a {
position:relative;
display:block;
width:100%;
padding:10px 30px 10px 10px;
color:#282828;
z-index:1;
}
.products_menu dd:before, .sidebar dd:after, .example_menu dd:before, .example_menu dd:after, .brand_menu dd:before, .brand_menu dd:after {
content:"";
position:absolute;top:50%;
margin-top:-7px;
border:7px solid transparent;
z-index:0;
}
.products_menu dd:before, .example_menu dd:before, .brand_menu dd:before {
right:0;
border-left:7px solid #6BA3FD
}
.products_menu dd:after, .example_menu dd:after, .brand_menu dd:after {
right:3px;
border-left:7px solid #F3F3F3;
}
.sub_menu {margin:10px 10px 0 10px;}
.sub_menu li {
position:relative;
margin-top:5px;
}
.sub_menu li:before {
content:"";
display:inline-block;
margin-right:5px;
width:12px; height:12px;
background:#2372F3;
border-radius:50%;
}
.sub_menu li:after {
content:"";
display:inline-block;
position:absolute; left:4px;top:7px;
border:3px solid transparent;
border-left:6px solid #fff;
}

.form_btn, .form_btn02 {
border:1px solid #E59700;
background:#ffb321; /* Old browsers */
background:-moz-linear-gradient(top,#ffb321 0%, #f2a614 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb321), color-stop(100%,#f2a614)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#ffb321 0%,#f2a614 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#ffb321 0%,#f2a614 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,#ffb321 0%,#f2a614 100%); /* IE10+ */
background:linear-gradient(to bottom,#ffb321 0%,#f2a614 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb321', endColorstr='#f2a614',GradientType=0 ); /* IE6-9 */
}
.form_btn a{
display:block;
padding:20px;
text-align:center;
color:#fff;
}

.form_btn02 a{
display:block;
padding:10px;
text-align:center;
color:#fff;
}

.form_btn img, .form_btn02 img {margin-right:5px;}
.col_left .form_btn {
float:right;
margin:20px 0 0 0;
}

.side_contact dl {margin:20px 0 0 0;}
.side_contact dt {
float:left;
width:70px;
font-size:12px;
}
.side_contact dt:before {
content:"";
display:inline-block;
width:10px; height:10px;
margin-right:3px;
background:#282828;
}
.side_contact dd {
margin:0 0 0 75px;
font-size:12px;
}
.side_contact .wide{
float:none;
width:100%;
}
.side_contact .wide + dd{margin-left:1em;}
@media screen and (max-width:640px) {
.sidearea, .sidearea_left {
margin-top:40px;
float:none;
width:100%;
}
.sidearea br, .sidearea_left br {display:none;}

.sidearea > img, .sidearea_left > img {
display:block;
margin:0 auto;
}

.col_left .form_btn {
float:none;
margin:10px 0;
}
}

/*----------------------
footer
----------------------*/
.pagetop {
display:none;
position: fixed;
right:20px;
bottom:50px;
cursor:pointer;
padding:10px;
border-radius:6px;
color:#fff;
background:#E57600;
z-index:999;
}
.pagetop:before {
content:"";
display:inline-block;
margin-right:5px;
border:5px solid transparent;
border-bottom:10px solid #fff;
}

footer {
background:#E9F1FE;
margin-top:100px;
position:relative;
z-index:1;
}
.footer-menu{
display:flex;
justify-content:space-between;
padding:40px 0;
}
.footer-menu_wrap{}
.footer-menu h2{
border-bottom:1px solid #226FED;
font-size:14px;
font-weight: bold;
line-height:2.4;
}
.footer-menu_list{margin:0.5em 0;}
.footer-menu_list li{
padding:0.1em;
font-size:12px;
}
.footer-menu_list a{color:#000;}
.footer-menu_list a:hover{
text-decoration:none;
color:#226FED;
}
.copyright {
margin:0;
padding:1em;
text-align:center;
color:#fff;
background:#2372F3;
}

.clearfix{/zoom:1;}
.clearfix:after{content:"";clear:both;display:block;overflow:hidden;font-size:0.1em;line-height:0;}
.center {text-align:center;}
.center_box{margin:0 auto;}
.link_right{text-align:right;}
.pagelink {padding-top:50px !important;}
.pagelink h2 {margin:0 -30px;}

@media screen and (max-width:640px) {
.pagetop {bottom:40px;}
footer {margin-top:60px;}
.footer-menu{
display:block;
padding:40px 10px;
}
.copyright {
font-size:12px;
padding:0.5em 1em;
}
.link_right{text-align:center;}
.pagelink h2 {margin:0;}
}

/* Others */
.mb16 {margin-bottom:16px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}
.mb80_40{margin-bottom:80px;}
.f80 {font-size:80%;}
.f120 {font-size:120%;}
.f11 {font-size:11px;}
.tal {text-align:left;}
.pc {display:block;}
.sp {display:none;}
.cl_red {color:#ff0000;}
.bold {font-weight:700;}
.midashi_blue {
background:#00a0e9;
color:#fff;
padding:4px 16px;
}
.pdl16 {display:inline-block;padding-left:16px;}
.text-border{border:1px solid #000;padding:4px 18px;}
.CEN{text-align:center;}
.waku {border:1px solid #000;}
.inl-block{display:inline-block;}

@media screen and (max-width:640px) {
.pc {display:none;}
.sp {display:block;}
.mb80_40{ margin-bottom:40px;}
}
.movie_center {
display:flex;
align-items:center;
justify-content:center;
}