@charset "UTF-8";




/* Micro clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

.left{
	float:left;
}

.right{
	float:right;
}

.center{
	text-align:center;
}

/* 必要要素の初期設定 */

html {
  font-size: 62.5%;
   width: 100%;

}

body {
 width: 100%;
 margin: 0;
 padding: 0;
 color:#222;
 font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background:#fff;
}

a {
 text-decoration:none;
 color:#e31414;
}

a:hover{
	color:#ff7070;
	opacity:0.8;
}
h1, h2, h3, h4, h5, h6 {
 margin: 0;
 line-height: 1.1;
 font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 letter-spacing:-1px;
}
p {
 margin: 0 0 1em;
 color: #444;
 font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size: 1.6rem;
 line-height: 2;
 text-align: left;
}
ul {
 margin: 0 ;
 padding: 0;
 list-style-position: inside;
}

img{
	vertical-align:top;
}

blockquote{
	font-size:16px;
	font-size:1.6rem;
	padding:0;
	margin:0;
	font-weight:normal;
	line-height:2em;
}

.border-b1{
border-bottom: solid 1px #ccc;;
}

/* ベースレイアウト */

#wrapper {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 96px 0 0 0;
}


header {
 padding: 0;
 background-color: #fff;
}

section {
 margin: 0 0 3rem;
}

footer {
 width: 100%;
 text-align: center;
}


/* 各要素のデザイン、レイアウト */

p.tagline {
 font-size: 1.4rem;
 text-align: center;
 text-transform: uppercase;
 color:#c90;
}
nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
 }
nav ul li {
 display: block;
 width: 100%;
}
article {
 margin: 0 0 2em;
}

aside.side h1 {
	text-align:center;
 font-size: 16px;
 font-size: 1.6rem;
 color: #fff;
 padding:4% 0;
}
aside.side ul {
 margin: 0;
}
aside.side ul li {
 font-size: 20px;
 font-size: 2.0rem;
 line-height: 1.5;
 color: #555;
}
aside.side ul li ul {
 margin: 0 0 0.3em 1.0em;
}
aside.side ul li ul li {
 color: #666;
}
small {
 font-size: 12px;
 font-size: 1.2rem;
 text-transform: uppercase;
}

table{
	width:100%;
	cell-padding:0;
	border:0;
}

.ta_center{
	text-align:center;
}


.caution1{
	font-weight:bold;
	color:#FF0000;
}

.caution2{
	font-weight:bold;
}

.caution3{
	font-weight:bold;
	color:#ff780b;
}

.caution3{
	font-weight:bold;
	color:#4e8424;
}

.caution4{
	font-weight:bold;
	color:#ff780b;
}




p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
 }
 
 .w100{
	 width:100%;
 }
 
 .supplement{
	 font-size:10px;
	 line-height:1.2em;
 }
 
 .fs12{
	font-size:12px;
	font-size:1.2rem;
}
 
 .fs18{
	font-size:18px;
	font-size:1.8rem;
}

 .fs24{
	font-size:24px;
	font-size:2.4rem;
}

.mb20{
	margin-bottom:20px;
	margin-bottom:2rem;
}

.mr1{
	margin-right:1px;
 }
 
.fc_red{
	color:#e31414;
}

.ta_center{
	text-align: center;
}

.fw_bold{
	font-weight: bold;
}

.btn_b{
	text-align: center;
	margin-bottom: 4em;
	
}

.btn_b a{
	background:#038be1;
	color:#fff;
	padding:0.5em 1.5em 0.5em 1em;
	margin:0 auto;
	font-size:18px;
	font-size:1.8rem;
	text-align: center;
	display: inline-block;
	position: relative;
}



.btn_b a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}



/*----------- PC header ----------- */

.pc_none{
	display: none;
}

#common-header{
	width:100%;
	position:fixed;
		height:100px;

}


header{
  	padding: 0;
	text-align:center;
	z-index:10000;
 }
 
#header_inner {
	width:1000px;
	margin:0 auto 20px;
	text-align:left;
	position:relative;
 }
 


#h_text{
font-size:13px;
font-weight:normal;
display:block;
padding:10px 25px 8px;
color:#333;
background:url(../img/h_logo_flag.png) no-repeat center left;
}




#h_copy{
	text-align:center;
	padding:50px 0;
	margin-bottom:0;
}

#h_contact{
	position: absolute;
	top: -1px;
	right: 0;
	width: 513px;
	height: 40px;
	text-align:right;
}

#h_contact p{
	float:left;
	margin-left:1px;
}

#toggle{
	display:none;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 60px;
    right: 30px;
	z-index:9999;
}
.pagetop a {
    display: block;
    background-color: #53afe8;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/*----------- navi ----------- */

#common-nav{
	width:842px;
	position:absolute;
	bottom:-24px;
	right:0px;
	margin:0;
}

nav{
padding:0;
margin:0 auto;
height:40px;
}

nav ul {
   width: 842px;
   padding:0;
 }
 nav ul li a {
   float:left;
   width: 138px;
   height:40px;
   margin: 0;
   padding:0;
   text-align: center;
	border-top:none;
   border-left: solid 2px #e8e8e8;
   border-right: none;
   border-bottom: none;
   text-indent:-9999px;
   display:block;
 }
 
 nav ul li.nav1 a{
	 background:url(../img/gnavi01.png) no-repeat center center;
 }
  nav ul li.nav2 a{
	 background:url(../img/gnavi02.png) no-repeat center center;
 }
  nav ul li.nav3 a{
	 background:url(../img/gnavi04.png) no-repeat center center;
 }
  nav ul li.nav4 a{
	 background:url(../img/gnavi05.png) no-repeat center center;
 }
   nav ul li.nav5 a{
	 background:url(../img/gnavi03.png) no-repeat center center;
	 border-right: solid 2px #e8e8e8;
 }
   nav ul li.nav6 a{
	 background:url(../img/gnavi06.png) no-repeat center center;
	   
 }
 
 nav ul li.nav1 a:hover{
	 background:#4fadea url(../img/gnavi01_on.png) no-repeat center center;
	 opacity:1;
 }
  nav ul li.nav2 a:hover{
	 background:#4fadea url(../img/gnavi02_on.png) no-repeat center center;
	 opacity:1;
 }
  nav ul li.nav3 a:hover{
	 background:#4fadea url(../img/gnavi04_on.png) no-repeat center center;
	 opacity:1;
 }
  nav ul li.nav4 a:hover{
	background:#4fadea url(../img/gnavi05_on.png) no-repeat center center;
	opacity:1;
 }
   nav ul li.nav5 a:hover{
	background:#4fadea url(../img/gnavi03_on.png) no-repeat center center;
	opacity:1;
 }

   nav ul li.nav6 a:hover{
	background:#4fadea url(../img/gnavi06_on.png) no-repeat center center;
	opacity:1;
 }
 
 nav li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 2px;
  margin: 0;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  transition: 0s;
  
}
 nav li:hover ul{
  visibility: visible;
  opacity: 1;
}
 nav li ul li a{
display:block;
width:140px;
height:0;
padding:100px 0 30px;
  background: #4fadea;
  text-align: center;
  text-indent:0;
  color:#fff;
  border:none;
  font-size:12px;
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}

nav li:hover ul li a{
	color:#fff;
	visibility: visible;
  opacity: 1;
	line-height: 1.2em;
}

nav li.nav2 ul{
	left:142px;
}

nav li.nav3 ul{
	left:422px;
}

nav li.nav5 ul{
	left:562px;
}

 nav li ul li.nav1_1 a{
  background: #4fadea url(../img/submenu01_p1.jpg) no-repeat center 15px;
  
}
nav li ul li.nav1_2 a{
  background: #4fadea url(../img/submenu01_p2.jpg) no-repeat center 15px;
}
nav li ul li.nav1_3 a{
  background: #4fadea url(../img/submenu01_p3.jpg) no-repeat center 15px;
}
nav li ul li.nav1_4 a{
  background: #4fadea url(../img/submenu01_p4.jpg) no-repeat center 15px;
}
nav li ul li.nav1_5 a{
  background: #4fadea url(../img/submenu01_p5.jpg) no-repeat center 15px;
}
nav li ul li.nav1_6 a{
  background: #4fadea url(../img/submenu01_p6.jpg) no-repeat center 15px;
}
 nav li ul li.nav1_1 a:hover{
  background: url(../img/submenu01_p1.jpg) no-repeat center 15px;
   background-color: rgba(79,173,234,0.6);
}
nav li ul li.nav1_2 a:hover{
  background: url(../img/submenu01_p2.jpg) no-repeat center 15px;
   background-color: rgba(79,173,234,0.6);
}
nav li ul li.nav1_3 a:hover{
  background: url(../img/submenu01_p3.jpg) no-repeat center 15px;
   background-color: rgba(79,173,234,0.6);
}
nav li ul li.nav1_4 a:hover{
  background: url(../img/submenu01_p4.jpg) no-repeat center 15px;
   background-color: rgba(79,173,234,0.6);
}
nav li ul li.nav1_5 a:hover{
  background: url(../img/submenu01_p5.jpg) no-repeat center 15px;
   background-color: rgba(79,173,234,0.6);
}
nav li ul li.nav1_6 a:hover{
  background: url(../img/submenu01_p6.jpg) no-repeat center 15px;
   background-color: rgba(79,173,234,0.6);
}

nav li ul li.nav2_1 a{

  background: #4fadea url(../img/submenu02_p2.jpg) no-repeat center 15px;
}
nav li ul li.nav2_2 a{
  background: #4fadea url(../img/submenu02_p1.jpg) no-repeat center 15px;
}
nav li ul li.nav2_3 a{
  background: #4fadea url(../img/submenu02_p3.jpg) no-repeat center 15px;
}

 nav li ul li.nav2_1 a:hover{
  background: url(../img/submenu02_p2.jpg) no-repeat center 15px;
  background-color: rgba(79,173,234,0.6);
}
nav li ul li.nav2_2 a:hover{
  background: url(../img/submenu02_p1.jpg) no-repeat center 15px;
   background-color: rgba(79,173,234,0.6);
}
nav li ul li.nav2_3 a:hover{
  background: url(../img/submenu02_p3.jpg) no-repeat center 15px;
   background-color: rgba(79,173,234,0.6);
}
nav li ul li.nav3_1 a{

  background: #4fadea url(../img/submenu03_p1.jpg?20180428) no-repeat center 15px;
}
nav li ul li.nav3_2 a{
  background: #4fadea url(../img/submenu03_p2.jpg) no-repeat center 15px;
}
nav li ul li.nav3_3 a{
  background: #4fadea url(../img/submenu03_p3.jpg) no-repeat center 15px;
}

 nav li ul li.nav3_1 a:hover{
  background: url(../img/submenu03_p1.jpg) no-repeat center 15px;
  background-color: rgba(79,173,234,0.6);
}
nav li ul li.nav3_2 a:hover{
  background: url(../img/submenu03_p2.jpg) no-repeat center 15px;
   background-color: rgba(79,173,234,0.6);
}
nav li ul li.nav3_3 a:hover{
  background: url(../img/submenu03_p3.jpg) no-repeat center 15px;
   background-color: rgba(79,173,234,0.6);
}

nav li ul li.nav5_1 a{

  background: #4fadea url(../img/submenu05_p1.jpg) no-repeat center 15px;
  border-right:none;
}
nav li ul li.nav5_2 a{
  background: #4fadea url(../img/submenu05_p2.jpg) no-repeat center 15px;
  border-right:none;
}

 nav li ul li.nav5_1 a:hover{
  background: url(../img/submenu05_p1.jpg) no-repeat center 15px;
  background-color: rgba(79,173,234,0.6);
}
nav li ul li.nav5_2 a:hover{
  background: url(../img/submenu05_p2.jpg) no-repeat center 15px;
   background-color: rgba(79,173,234,0.6);
}





 /*----------- PC footer ----------- */
#common-footer {
background:#038be1;
 padding:0;
 color:#333;
}

#footer_inner{
	width:1000px;
	margin:0 auto;
}

#footernavi{
		color:#fff;
		padding:40px 0;
}

#footernavi ul{
	 width:150px;
	 float:left;
	text-align:left;
	margin:0 20px 0 0;
	padding:0;
	list-style:none;
	
}

#footernavi ul:last-child{
	margin:0;
	
}

#footernavi li{
		 color:#fff;
	 font-size:1.3rem;
	 
}


#footernavi li a{
	 display: block;
	 padding:5px 0 5px 20px;
	 color:#fff;
	 font-size:1.3rem;
	 
}

#footernavi li.fnavi_title a{
	font-size:1.6rem;
	background:url(../img/w_box.png) no-repeat left 0.8em;

}

#footernavi li a:hover{
	opacity:0.8; 
	 
}


 #f_text{
font-size:13px;
font-weight:normal;
display:block;
padding:10px 25px 8px;
color:#333;
background:url(../img/h_logo_flag.png) no-repeat center left;
}
 
#footer_info{
	width:100%;
	background:#fff;
	margin:0;
	
}

#footer_info_text{
	width:1000px;
	margin:20px auto;
	text-align:left;
	font-size:18px;
	line-height:1.6em;
	position:relative;
}

#footer_info_text p{
	font-size:18px;
	line-height:1.6em;
}

footer h1{
	margin-bottom:10px;
}

#f_corp{
	color:#038be1;
	font-weight:bold;
}

#f_contact{
	display:none;
}



.btn_nl{
	position:absolute;
	top:0px;
	right:20px;
	display:block;
}


#footer_copy{
	background:#036be1;
 padding:1em 0;
 color:#FFF;
}

#f_tel,
#f_fax,
#f_mail{
	margin-right:20px;
}

#lp_youtube{
	margin-top:-140px;
	padding-top:140px;
}

 
  /*----------- PC main ----------- */
 article.main {
  width: 1000px;
  padding: 0;
 }
 
 #common-contents {
  width: 1000px;
  margin: 0 auto 16px;
 }
 


 /*----------- PC slider ----------- */

 article.top_slider{
	 text-align:center;
	 background:#038be1;
	 margin:0;
	  padding:0;
 }
 
  article.top_slider ul{
	  width:1000px;
	 margin:0 auto;
 }
 
 

/*-----------TOP ----------- */
 
 

#h_copy{
	padding:50px 0;
}



/*----------- 3point ----------- */
#top_3column dl{
	width:310px;
	height:414px;
	float:left;
	box-shadow: 0px 0px 6px #999;
-webkit-box-shadow: 0px 0px 6px #999;
-moz-box-shadow: 0px 0px 6px #999;

}

#top_3column01{
	border-top:solid 5px #0c5ed9;
	margin-left:15px;
	background:url(../img/top_scopy_image01.jpg) no-repeat center bottom;
}

#top_3column02{
	border-top:solid 5px #d6d5d5;
	margin-left:20px;
	margin-right:20px;
	background:url(../img/top_scopy_image02.jpg) no-repeat center bottom;
}

#top_3column03{
	border-top:solid 5px #e31414;
	margin-right:15px;
	background:url(../img/top_scopy_image03.jpg) no-repeat center bottom;
}

#top_3column dd {
	margin:0;
	padding:0;
}
#top_3column dd p{
	padding:1em;
	font-size:14px;
	line-height:1.6em;
}

#lp_top_3column{
	margin-top:30px;
}

/*----------- infomation ----------- */
#top_info{
	width:996px;
	height:320px;
	overflow:auto;
	margin:0 auto;
	background:#fff ;
	border:solid 2px #0c5ed9;
	background: rgba(255,255,255,0.6);
	position:relative;
	padding-top:20px;
}

#top_info h2{
	display:block;
	margin:0 auto;
	text-align:center;
	
}

#top_info ul{
	list-style:none;
	padding:0 20px;
	margin:0;
	font-size:1.8rem;
}

#top_info li{
	border-bottom:dashed 1px #0c5ed9;
	padding:20px 0 20px 60px;
	position:relative;
}

#top_info li:last-child{
	border-bottom:none;
	
}

#top_info .news_new img{
	
	vertical-align:middle;
}

#top_info .news_new{
	width:50px;
	margin-right:1em;
	position:absolute;
	top:15px;
	left:0;
}

#top_info .date{
	font-size:1.4rem;
	display:inline-block;
	color:#0c5ed9;
	font-weight:bold;
	width:10%;
	vertical-align:top;
	text-align:right;
	margin-right:1em;
}

#top_info .top_info_text{
	font-size:1.4rem;
	display:inline-block;
	width:85%;
	vertical-align:top;
}

#top_fb{
	width:996px;
	height:300px;
	overflow:auto;
	margin:0 auto;
	background:#fff ;
	border:solid 2px #3b5998;
	background: rgba(255,255,255,0.6);
	position:relative;
	padding-top:40px;
	text-align:center;
}

#top_news{
	width:100%;
	padding:10px 0 50px;
	background:#e6f5fe url(../img/top_news_bg.jpg) no-repeat center bottom;
	position:relative;
}

#top_media_box{
	width:1000px;
	margin: 40px auto;
}

#top_media_box li{
	width:480px;
	float:left;
	list-style:none;
	margin-right:40px;
}

#top_media_box li:last-child{
	margin-right:0px;
}

.facebook-wrapper {
    max-width: 1000px;
    margin: 0;
	text-align:left;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

/*----------- news/fb切り替えタブ ----------- */


label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #fff;
  cursor: pointer;
  background-color: #0c5ed9;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  top:2px;
}


label.panel-label2 {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #fff;
  cursor: pointer;
  background-color: #3b5998;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  top:2px;
  
}


#panels {
  background-color: none;
 
}
#panels section{
margin:0;
}

#panels .container {
   width:1000px;
  margin:0 auto;
}
#panels section header label.panel-label {
  padding: 0;
  box-sizing: border-box;
}
#panels section main {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow-y: hidden;
}

#panel-1-ctrl:checked ~ #panels #panel-1 main {
  max-height: initial;
  opacity: 1;
  padding: 0;
}

#panel-2-ctrl:checked ~ #panels #panel-2 main {
  max-height: initial;
  opacity: 1;
  padding: 0;
}

#panel-3-ctrl:checked ~ #panels #panel-3 main {
  max-height: initial;
  opacity: 1;
  padding: 0;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, -1px, 0);
  transform: translate3d(0, -1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last {
  border-right: 1px solid transparent;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
  background-color: #0c5ed9;
  color: #fff;
  padding-top: 10px;
}


#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last {
  border-right: 1px solid transparent;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label2 {
  background-color: #3b5998;
  color: #fff;
  padding-top: 10px;
}



ul#tabs-list {
width:1000px;
  display: flex;
  list-style: none;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}
ul#tabs-list li {
  text-align: center;
  font-size: 20px;
  font-family:"Arial Black", Gadget, sans-serif;
  width: 18%;
  border-right: 1px solid #dfdfdf;
  position: relative;
}
ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
  border-right: none;
}
ul#tabs-list li:hover.last {
  border-right: 1px solid transparent;
}
ul#tabs-list li:hover + li {
  border-left: 1px solid #dfdfdf;
}
ul#tabs-list li label.panel-label,
ul#tabs-list li label.panel-label2 {
  position: relative;
  padding: 10px 0;
  font-size: 20px;
}
ul#tabs-list li label.panel-label::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  background-color: #003399;
  height: 0;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
ul#tabs-list li label.panel-label:hover {
  padding-top: 10px;
}

.panel-radios {
  display: none;
}

 /*----------- PC 下層ページ ----------- */
 
 
 
 article.page{
	 width:970px;
	 margin:0 auto;
 }
 
 article.page section{
	 margin-bottom:4rem;
 }
 
     article.page .col2{
	 margin-bottom:2rem;
 }
 
  article.page .col1 dl{
	 width:470px;
	 margin:0 auto;
	 position:relative;
 }
 
  article.page .col2 dl{
	 float:left;
	 width:470px;
	 position:relative;
 }
 
   article.page .product_box_l,
   article.page .product_box_r{
	 width:470px;
	 margin-bottom:4rem;
	 float:left;
 }
 
  .product_box_l{
	
  }
  
    .product_box_r{
	margin-left:20px;
  }

 
 
 .btn_detail a{
	display: block;
	position: absolute;
	width: 134px;
	height: 30px;
	background: url(../img/products_top_btn_detail.png) no-repeat;
	top: 0;
	right: 1px;
	text-indent: -9999px;
 }
 
 article.page .col1 dd,
   article.page .col2 dd{
	 margin:0;
	 padding:0;
 }
 
 
   article.page .col2 dl:nth-child(even){
	 float:left;
	 margin-left:30px;
 }
 
   article.page_title{
	 background:#038be1;
	 margin:0;
	  padding:0;
 }
 
  article.page_title h1{
	  width:1000px;
	 text-align:left;
	 margin:0 auto;
	  padding:40px 0;
 }
 
   article.page_title h1 span{
	 display:none;
 }
 
  article.page_menu{
	 width:100%;
	 background:#b3dcf6;
	 margin:0;
 }
 
  .page_menu ul{
	 list-style:none;
	 width:1000px;
	 margin:0 auto;
 }
 
   .page_menu ul li{
	float:left;
	margin-right: 1px;
 }
   .page_menu ul li:last-child{
	margin-right:0;
 }
 
 
  .page h2{
	 margin:0 0 2rem;
 }
 

 .page h3{
	  margin:0 0 2rem;
	  padding:5px 10px;
	 border-left:solid 5px #154e97;
	 color:#154e97;
	 font-size:24px;
	 letter-spacing:0.1em;
 }
 
 #bread{
	 font-size:12px;
	 padding:20px 0;
	 line-height:1em;
 }
 
 #bread a{
	 color:#e31414;
	 text-decoration:underline;
 }
 
  #bread a:hover{
	text-decoration:none;
 }
 
 #p1,#p2,#p3,#p4,#p5,#p6{
  margin-top : -100px;
  padding-top : 100px;
}

#page_3column a{
	color:#333;
	font-size:14px;
}

#page_3column a:hover img{
	opacity:0.8;
}

#page_3column dl{
	width:310px;
	float:left;
}

#page_3column01{
	margin:0;
	padding:0;
}

#page_3column02{
	margin:0 20px;
}

#page_3column03{
	margin:0;
}

#page_3column dd {
	padding:0;
	margin:0;
}

#page_3column dd.page_3column_text{
	border-left:solid 1px #4dade9;
border-right:solid 1px #4dade9;
	border-bottom:solid 1px #4dade9;
	padding:1em;
	min-height:6em;
}


/*----------- topから直リンクコンテンツ ----------- */
 
#top_p1,
#top_p3{
	width:970px;
	margin:0 auto;
	background:#0191de;
	padding:0;
	position:relative;
}

#top_p2{
	width:970px;
	margin:0 auto;
	background:#fff;
	padding:0;
	position:relative;
}

#top_p1 .btn,
#top_p3 .btn{
	margin:0 auto;
	text-align:center;
	padding-bottom:40px;
}

#top_p1 .btn2{
	position:absolute;
	top:410px;
	right:0;
}

.top_sp_text{
	width:890px;
	margin:4rem auto;
	color:#fff;
	font-size:1.4rem;
	line-height:1.5;
}

.top_sp_text1{
	width:890px;
	height:400px;
	padding-left:40px;
	padding-right:40px;
	margin:4rem auto 0;
	color:#fff;
	font-size:1.4rem;
	line-height:1.6;
	background:url(../img/sp_flow1_7.jpg)no-repeat left bottom;
}

/*----------- 製品情報 ----------- */

.dl_btn li{
	margin-bottom:1px;
	list-style-type:none;
}

 article.page .col2 .product_sup  li{
	list-style-type:decimal;
	margin-left:15px;
 }
 
 .product_sup{
	 padding-top:10px;
	 border-top:solid 1px #919191;
	 padding-right:20px;
 }
 
  .product_sup span{
	  font-weight:bold;
  }

.link_bnr{
	text-align: right;
	width:1000px;
	margin:-80px auto 40px;
	

}


.link_bnr p{
	width:960px;
	display:block;
	font-size:12px;
	color:#fff;
text-align:right;
	padding:0 20px;
	
}
 


/*----------- FAQ ----------- */

.qabox{
	padding:10px;
	font-size:16px;
	border:solid 1px #4eaeea;
	margin-bottom:10px;
}

.q_box{
	display:block;
	 margin:0;
	 background:url(../img/icon_q.png) no-repeat;
	 padding:12px 0 12px 50px ;
	 font-size:18px;
	 line-height:1em;
	 color:#0c5ed9;
	 font-weight:bold;
	 
}

a.q_box{
	text-decoration:underline;
}

.a_box{
	isplay:block;
	 margin:10px 0 0 0;
	 background:url(../img/icon_a.png) no-repeat left 10px;
	 padding:12px 0 12px 50px ;
	 font-size:18px;
	 line-height:1.6em;
	 border-top:dotted 1px #4eaeea;
}


.qamenu  li{
    list-style:none;
}


.qa_title_l{
	margin-bottom:20px;
}

.qa_title_l >a{
	display:block;
	background:#4eaeea url(../img/accordion_btn_open.png) no-repeat 98% center;
	font-size:28px;
	color:#fff;
	padding:10px;
	margin-bottom:10px;
}

.qa_title_l >a.active{
	background:#4eaeea url(../img/accordion_btn_close.png) no-repeat 98% center;
	
}


.inner-menu {
    display: none;
}

/*----------- SFAについて ----------- */

.about_top_read{
	background:#fff url(../img/about_top_readimage.png) no-repeat right top;
	padding-right:50%;
}

.about_top_read p{
	margin-bottom:2em;
}

    article.page .col2 li{
	 float:left;
	 width:470px;
	 position:relative;
	 list-style:none;
 }
 
     article.page .col2 li:first-child{
	 margin-right:30px;
 }

.about_table tbody{
	border-top:solid 1px #a0a0a0;
	
}

.about_table th{
	font-size:1.6rem;
	color:#154e97;
	width:17%;
	vertical-align:top;
	text-align:left;
}

.about_table td{
	font-size:1.4rem;
}

.about_table th,
.about_table td
{
	padding:15px;
	border-bottom:solid 1px #a0a0a0;
	
}

.about_table p.table_line{
	font-size:14px;
	color:#333;
	border-bottom:dotted 1px #ccc;
}

.about_table ol{
	margin-left:-15px;
}

.about_table .eu{
    column-count: 3;

}

.about_table .flag_list{
    list-style:none;
}

.about_table .flag_list li{
    display:block;

}

.about_table .flag_list li a{
	color:#333;
}

.page h4{
	font-size:20px;
	font-size:2.0rem;
	margin-bottom:2rem;
}

.border-box{
	border:solid 1px #919191;
	padding:2rem;
}

.border-box2{
	border:solid 5px #eee;
	padding:2rem;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*-----------施工事例・ダウンロード----------- */

.showcase .col3 dl,
.download .col3 dl{
	width:312px;
	float:left;
	margin-right:16px;
}

.showcase .col3 dl:nth-child(3n),
.download .col3 dl:nth-child(3n){
 margin-right:0;
}

.showcase .col3 dd,
.download .col3 dd{
	padding:0;
	margin:0;
	position:relative;
	text-align:center;
}

.showcase .col3 dd span,
.download .col3 dd span{
	position:absolute;
	right:0;
	bottom:0;
}


.showcase .col3 dl dd a,
.download .col3 dl dd a{
	display:block;
	border:solid 1px #038be1;
	
}

.showcase .col3 dl dt,
.download .col3 dl dt{
	padding:10px 0;
	margin:0;
	text-align:center;
	font-size:14px;
}

.showcase .col3 dl dt a,
.download .col3 dl dt a{
	color: #038be1;
	
}

.download .col3 dl dt .date{
	display:block;
	color: #333;
	margin-right:10px;
	
}



/*-----------お問合せ ----------- */

.contact_box {
	border:solid 1px #ccc;
	
}

.contact_box h2{
	margin:0 0 10px 0;
}

.contact_box dl {
	margin:0 10px 10px;
}

.contact_box dl dt {
	width:80px;
	float:left;
	color:#154e97;
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0;
}

.contact_box dl dd {
	width:820px;
	float:right;
	color:#333;
	font-size:18px;
	margin:0;
	padding:0;
}

.sp_caution{
	display:none;
}



.form_ck .wpcf7-list-item{
display:block;
padding:0 0 10px;

}

.form_ck{
	position:relative;
}

.form_ck_text{
	display:block;
	position:absolute;
	top:3em;
	left:10em;
}

.screen-reader-response ul{
	display:none;
}

.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
	color:#ff0000;
}

.screen-reader-response{
	background:#FFD3D3;
	font-size:16px;
	text-align:center;
}


.wpcf7-mail-sent-ok{
	background:#FFD3D3;
	font-size:16px;
	text-align:center;
}

.mente_table{

	border-left:solid 1px #a0a0a0;
}

.mente_table th{
	background:#dcf2ff;
	width:33%;
	border-right:solid 1px #a0a0a0;
	text-align: center;
	vertical-align: middle;
	font-size:14px;
	font-size:1.4rem;
	padding:0.5em;
}

.mente_table td{
	background:#fff;
	width:33%;
	border-right:solid 1px #a0a0a0;
	text-align: center;
}

/*-----------ダウンロード ----------- */

#page_3column.download dd {
	background:#eeeeee;
	text-align:center;
	padding:10px 0 20px;
}

#page_3column.download dd select{
	font-size:1.2rem;
	margin-bottom:10px;
	width:270px;
}


#sp_map_form{
	display:none;
}

.mente_list1{
	font-size:14px;
	font-size:1.4rem;
	padding-bottom:0.5em;
	padding-left:2em;
	list-style-position:outside;
	list-style-type:disc;

}

.mente_list1 li{
	margin-bottom: 0.5em;

}

.mente_list2 li{
	font-size:12px;
	font-size:1.2rem;
}

ol.mente_list2	{
position: relative;
margin:1em 0 0 0;
padding:0
}
ol.mente_list2 li  {
list-style: none;
list-style-position:outside;
margin:0 0 0.5em;
padding-left:2em;
line-height: 1.4em;
}
ol.mente_list2 li span {
position: absolute;
left:0;
margin:0
}
ul li ol.mente_list2{
list-style: none;
list-style-position:outside;
margin:1em 0 0 0;
}
ul li ol.mente_list2 li  {
list-style: none;
list-style-position:outside;
margin:0 0 0;
padding:0 0 0 2em;
font-size:14px;
font-size:1.4rem;
	line-height: 0;
}

/*IE6*/
*html ol.mente_list2 li span  {
left: -1.25em;
}





/* Media Queries による切り替え */

/* SP用 */


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

#wrapper{
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	padding-top:10%;
	overflow: hidden;
	
}



#common-header{
	margin:0;
	padding:0;
	position:fixed;
	background:#fff;
	height:9%;
}



#header_inner{
	width:100%;
	height:100%;
	position:relative;
	padding:0 0 0 0;
	
}
#header_inner h1{
	width:80%;
	padding:2% 0 2% 2%;
	display:block;
	z-index:9999;
	position:flex;
}

#header_inner h1 a{

display:block;
width:30%;
}

#header_inner h1 img{
	width:100%;
	height:100%;
}

#h_text{
float:right;
text-align:center;
display:inline-block;
font-size:1.2rem;
font-weight:normal;
padding:2% 0 0 7%;
margin:3% 0 0 0;
color:#333;
background:url(../img/h_logo_flag.png) no-repeat center left;
}

#toggle{
	width:12.5%;
display:block;
margin:1.5%;
float:right;
}

#toggle img{
	width:100%;
}

#menu{
    display: none;
	position:relative;
	  }
  #menu li{
	 display:block;
	
  }

 nav {
	  width: 100%;
top:0px;
left:0px;
  padding: 0;
  
 }
 nav ul {
margin: 0;
 padding: 0;
 background:#188dde;

 }
 
  nav ul#menu {
 height:640px;
 overflow: auto;
 -webkit-overflow-scrolling: touch;
 clear:both;
 }
 
nav ul li a {
width:100%;
height:1em;
clear:both;
display: block;
border-bottom: 1px solid #fff;
font-size: 1.4rem;
line-height:1.2em;
padding:1em 0 1em 1em;
text-indent:0;
color:#fff;
text-align:left;
}

nav ul li.nav1 a,
nav ul li.nav2 a,
nav ul li.nav3 a,
nav ul li.nav4 a,
nav ul li.nav5 a,
nav ul li.nav1 a:hover,
nav ul li.nav2 a:hover,
nav ul li.nav3 a:hover,
nav ul li.nav4 a:hover,
nav ul li.nav5 a:hover,
nav li ul li.nav1_1 a,
nav li ul li.nav1_2 a,
nav li ul li.nav1_3 a,
nav li ul li.nav1_4 a,
nav li ul li.nav1_5 a,
nav li ul li.nav1_6 a,
nav li ul li.nav1_1 a:hover,
nav li ul li.nav1_2 a:hover,
nav li ul li.nav1_3 a:hover,
nav li ul li.nav1_4 a:hover,
nav li ul li.nav1_5 a:hover,
nav li ul li.nav1_6 a:hover,
nav li ul li.nav2_1 a,
nav li ul li.nav2_2 a,
nav li ul li.nav2_3 a,
nav li ul li.nav2_1 a:hover,
nav li ul li.nav2_2 a:hover,
nav li ul li.nav2_3 a:hover,
nav li ul li.nav3_1 a,
nav li ul li.nav3_2 a,
nav li ul li.nav3_3 a,
nav li ul li.nav3_1 a:hover,
nav li ul li.nav3_2 a:hover,
nav li ul li.nav3_3 a:hover,
nav li ul li.nav5_1 a,
nav li ul li.nav5_2 a,
nav li ul li.nav5_1 a:hover,
nav li ul li.nav5_2 a:hover
{
	 background:none;
 }
 
 nav li ul li.nav1_1 a,
nav li ul li.nav1_2 a,
nav li ul li.nav1_3 a,
nav li ul li.nav1_4 a,
nav li ul li.nav1_5 a,
nav li ul li.nav1_6 a,
nav li ul li.nav2_1 a,
nav li ul li.nav2_2 a,
nav li ul li.nav2_3 a,
nav li ul li.nav3_1 a,
nav li ul li.nav3_2 a,
nav li ul li.nav3_3 a,
nav li ul li.nav5_1 a,
nav li ul li.nav5_2 a
{
	 background-color:#4fadea;
 }
 
 nav li ul{
  visibility: visible;
  opacity: 1;
  position:relative;
  left:0;
  }
  
   nav li.nav2 ul,
     nav li.nav3 ul,
	   nav li.nav5 ul{
  left:0;
  }

 nav li ul li a{
width:100%;
height:1em;
clear:both;
display: block;
border-bottom: 1px solid #fff;
font-size: 1.4rem;
line-height:1.2em;
padding:1em 0 1em 1em;
text-indent:0;
color:#fff;
text-align:left;
  visibility: visible;
  opacity: 1;
  transition: 0s;
}

nav li:hover ul li a{
	color:#fff;
	visibility: visible;
  opacity: 1;
}




#h_contact{
	display:none;
}



#h_copy{
	
	width:92.1875%;
	height:0;
	margin:2% auto;
	background:url(../img/h_copy_sp.png) 0 0 no-repeat;
	background-size:contain;
	padding-top:14%;

}


#h_copy img{
display:none;
}

 #common-contents {
  width: 100%;
  margin: 0 auto 16px;
 }

#common-contents img {

 }
 
 
#common-nav{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
 
 

article.main {
 width: 100%;
 margin-bottom:2em;
}

  article.main blockquote p {
   margin: 0;
   font-size: 0.9em;
 }
 article {
 width: 100%;
  margin: 0 0 2em;
  border-bottom: none;
}

.supplement{
	font-size:1.2rem;
}

 /*-----------SP footer ----------- */
 
 #common-footer{
	 padding-bottom:10.938%;
	 margin:0;
	 background:#fff;
 }
 
 #common-footer section {
 margin: 0;
}
 
 
#footer_inner{
	 width:100%;
	 position:relative;
	 margin:0;
	 padding:0;
	 background:#038be1;
 }
 
 #footernavi{
	 
 }
 
 

  article.top_slider ul{
	  width:100%;
	 margin:0 auto;
 }
 
   article.top_slider ul img{
	  width:100%;
 }
 
 #footernavi{
	padding:0;
	margin:0;
}

 
 #footernavi ul{
	text-align:left;
	width:100%;
	margin:0 auto;
	padding:0;
	list-style:none;
	font-size:2.8rem;
	column-count: 1;
}

#footernavi li a{
	display:block;
	color:#fff;
	 font-size:1.3rem;
	 line-height:1.2em;
	 padding:1em 0 1em 2em;
	 border-bottom:solid 1px #fff;
}
 

#footernavi li.fnavi_title a{
	font-size:1.6rem;
	background:url(../img/w_box.png) no-repeat 10px 50%;
}

#footer_info{
	width:100%;
	margin:0 auto;
	padding:0 1em;
}

#footer_info_text{
	width:95%;
	margin:0 auto;
	text-align:left;
	font-size:1.6rem;
	line-height:2rem;
	border-right:none;
}

#f_contact{
	display:block;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	border-top:solid 1px #fff;
}

#f_contact p{
	float:left;
	width:33%;
	border-right:solid 1px #fff;
	padding:0;
	margin:0;
}

#f_contact p img{
	width:100%;
}

#footer_copy{
 padding:1em 0;
 color:#FFF;
 margin:0;
}

.fnavi_li{
	display:none;
}


.btn_nl{
	position:absolute;
	top:4rem;
	right:2.5%;
	display:block;
}

#f_tel,
#f_fax,
#f_mail{
	display:block;
	padding:0;
	margin:0;
}


 /*-----------TOP ----------- */

#top_3column dl{
	width:94%;
	height:10%;
	box-shadow: 0px 0px 6px #999;
-webkit-box-shadow: 0px 0px 6px #999;
-moz-box-shadow: 0px 0px 6px #999;
margin:3%;

}

#top_3column dt{
	width:56%;
	margin:3% 3% 0;

}

#top_3column dd{
	width:65%;
	margin:0 2%;

}

#top_3column01 dt img,
#top_3column02 dt img,
#top_3column03 dt img{
	display:none;
}

dl#top_3column01 {
	border-top:solid 5px #0c5ed9;
	background:url(../img/top_scopy_image01_sp.png) 96% 10% no-repeat;
	background-size:35%;
}

#top_3column01 dt{
	background:url(../img/top_scopy01_sp.png) 0 0 no-repeat;
	background-size:contain;
	padding-top:12%;
	width:56%;
}


dl#top_3column02 {
	border-top:solid 5px #d6d5d5;
	background:url(../img/top_scopy_image02sp.png) 96% 10% no-repeat;
	background-size:35%;
}

#top_3column02 dt{
	background:url(../img/top_scopy02_sp.png) 0 0 no-repeat;
	background-size:contain;
	padding-top:12%;
	width:56%;
}

dl#top_3column03 {
	border-top:solid 5px #e31414;
	background:url(../img/top_scopy_image03sp.png) 96% 10% no-repeat;
	background-size:35%;
}

#top_3column03 dt{
	background:url(../img/top_scopy03_sp.png) 0 0 no-repeat;
	background-size:contain;
	padding-top:12%;
	width:56%;
}

#top_3column dd {
	margin:0;
	padding:0;
}
#top_3column dd p{
	padding:1em;
	font-size:13px;
	line-height:1.4em;
}




 
 #top_news{
	width:100%;
	padding:2em 0;
	background:#e6f5fe url(../img/top_news_bg.jpg) no-repeat center bottom;
	position:relative;
}

 
 #top_info{
	 	width:95%;

	padding:1em 0;
	margin:0 auto;
	background:#fff ;
	border:solid 2px #0c5ed9;
	background: rgba(255,255,255,0.6);
	position:relative;
}

#top_fb{
	width:95%;
	overflow:auto;
	margin:0 auto;
	background:#fff ;
	border:solid 2px #3b5998;
	background: rgba(255,255,255,0.6);
	position:relative;
	text-align:center;
	padding:0;
}

#top_info h2{
	width:95%;
	display:block;
	margin:0 auto;
	position:absolute;
	left:0;
	top:1em;
	text-align:center;
}

#top_info .date{
	font-size:1.4rem;
	display:inline;
	color:#0c5ed9;
	font-weight:bold;
	width:20%;
	vertical-align:top;
	text-align:left;
	margin-left:50px;
}

#top_info .news_new img{
	display:inline;
	vertical-align:bottom;
}

#top_info .news_new{
	width:50px;
	margin-right:1em;
	position:relative;
	display:inline;
}


#top_info ul{
	list-style:none;
	padding:0 20px;
	margin:0;
	font-size:1.8rem;
}

#top_info li{
	border-bottom:dashed 1px #0c5ed9;
	padding:0.5em 0;
	margin:0;
}

#top_info li:last-child{
	border-bottom:none;
	
}

#top_info .date{
	display:block;
	color:#0c5ed9;
	font-weight:bold;
	vertical-align:top;
}

#top_info .top_info_text{
	width:100%;
}

#top_media_box{
	width:100%;
	margin: 0 auto 4rem;
}

#top_media_box ul{
	clear:both;
	width:100%;
}

#top_media_box li{
	width:95%;
	clear:both;
	list-style:none;
	margin:0 2.5% 4rem;
}

#top_media_box li:last-child img{
	display:none;
}

#top_media_box li:last-child{

}

#top_media_box li:last-child a{
	display:block;
	padding-top:16%;
		margin:0 2.5%;
	background:url(../img/btn_contractor_sp.png) 0 0 no-repeat;
	background-size:contain;
}


.yt iframe{
	width:100%;
}

/*----------- TAB ----------- */


label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #fff;
  cursor: pointer;
  background-color: #0c5ed9;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  top:2px;
}


label.panel-label2 {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #fff;
  cursor: pointer;
  background-color: #3b5998;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  top:2px;
  
}


#panels {
  background-color: none;
 
}
#panels section{
margin:0;
}

#panels .container {
   width:100%;
  margin:0 auto;
}
#panels section header label.panel-label {
  padding: 0;
  box-sizing: border-box;
}
#panels section main {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow-y: hidden;
}

#panel-1-ctrl:checked ~ #panels #panel-1 main {
  max-height: initial;
  opacity: 1;
  padding: 0;
}

#panel-2-ctrl:checked ~ #panels #panel-2 main {
  max-height: initial;
  opacity: 1;
  padding: 0;
}

#panel-3-ctrl:checked ~ #panels #panel-3 main {
  max-height: initial;
  opacity: 1;
  padding: 0;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, -1px, 0);
  transform: translate3d(0, -1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last {
  border-right: 1px solid transparent;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
  background-color: #0c5ed9;
  color: #fff;
  padding-top: 0.5em;
}


#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last {
  border-right: 1px solid transparent;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label2 {
  background-color: #3b5998;
  color: #fff;
  padding-top: 0.5em;
}



ul#tabs-list {
width:100%;
  display: flex;
  list-style: none;
  text-align: center;
  margin: 0 2%;
  padding: 0;
}
ul#tabs-list li {
  text-align: center;
  font-size: 2rem;
  font-family:"Arial Black", Gadget, sans-serif;
  width: 33%;
  border-right: 1px solid #dfdfdf;
  position: relative;
}
ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
  border-right: none;
}
ul#tabs-list li:hover.last {
  border-right: 1px solid transparent;
}
ul#tabs-list li:hover + li {
  border-left: 1px solid #dfdfdf;
}
ul#tabs-list li label.panel-label,
ul#tabs-list li label.panel-label2 {
  position: relative;
  padding: 0.5em 0;
  font-size: 2rem;
}
ul#tabs-list li label.panel-label::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  background-color: #003399;
  height: 0;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
ul#tabs-list li label.panel-label:hover {
  padding-top: 0.5em;
}

.panel-radios {
  display: none;
}

.facebook-wrapper {
    max-width: 600px;
    margin: 0;
	text-align:left;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}
	
.pagetop {
    bottom: 5%;
    right: 2.5%;
}




/*----------- SP 下層ページ ----------- */

article.page_title{
	position:relative;
	 background:#038be1;
	 margin:0;
	  padding:0;
 }
 
   article.page_title h1{
	  width:95%;
	 text-align:left;
	 margin:0 auto;
	  padding:3rem 2.5%;
	  font-weight:normal;
		font-size: 28px;
		font-weight: normal;
		letter-spacing: 2px;
		color:#fff;
		display: inline-block;
 }
 
 article.page_title h1:after{
		
		content: attr(data-label); /*contentでdata-label属性を指定*/
		
	}
 
  article.page_title h1 img{
	 display:none;
 }
 
 article.page_title h1 span{
	 display:block;
	 color:#fff;
	 font-size:3rem;
 }


article.page_menu{
	 width:100%;
	 background:#b3dcf6;
	 margin:0;
 }
 
  .page_menu ul{
	 list-style:none;
	 width:100%;
	 margin:0 auto;
 }
 
   .page_menu ul li{
	   width:33%;
	float:left;
border-right:solid 1px #fff;
border-bottom:solid 1px #fff;
text-align:center;
margin:0;

 }
 
    .page_menu ul li a{
		background:#4eaeea;
	   width:100%;
	   color:#fff;
	    padding:1em 0;
		display:block;
		font-size:1.2rem;
 }
 
.page_menu ul li a:after{
	 content:attr(data-label);
		 
	}
 
   .page_menu ul li a img{
	   display:none;
	  
 }


#bread{
	display:none;
}

 article.page{
	 width:95%;
	 padding:2.5%;
 }
 
  article.page section{
	margin-bottom:4rem;
 }
 
  article.page section h2{
	    display:block;
width:100%;
 margin:0 0 2rem -2.5%;
 color:#fff;
 padding:2.5% 2.5%;
 font-size:26px;
background: #4dade9; /* Old browsers */
background: -moz-linear-gradient(left,  #4dade9 0%, #00489a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #4dade9 0%,#00489a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #4dade9 0%,#00489a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dade9', endColorstr='#00489a',GradientType=1 ); /* IE6-9 */
	  
	  
 }
 

 
  article.page section h2:after{
	 content:attr(data-label);
		 
	}
 
   article.page section h2 img{
	   display:none;
	  
 }
 
    article.page section h2.product1 img{
	   display:block;
	  
 }
 
 

    article.page section h3{
	margin:0 0 2rem;
	  padding:5px 10px;
	 border-left:solid 5px #154e97;
	 color:#154e97;
	 font-size:24px;
	 letter-spacing:0.1em;
	  
 }
 
 article.page section h3:after{
	 content:attr(data-label);
		 
	}

   article.page section h3 img{
display:none;
 }
 
    article.page section h4{
	display:inline-block;
	margin:0 0 2rem;
	  padding:5px 10px;
	 background:#154e97;
	 color:#fff;
	 font-size:20px;
	 letter-spacing:0.1em;
	  
 }
 
 article.page section h4:after{
	 content:attr(data-label);
		 
	}

   article.page section h4 img{
display:none;
 }
 
    article.page .col2 dl:nth-child(even){
	 margin-left:0;
	 width:100%;
	 margin:0 auto 4rem;
 }
 
   article.page .col1 dl{
	  clear:both;
	 width:100%;
	 margin:0 auto 4rem;
	 position:relative;
 }
 
  article.page .col2 dl{
	 clear:both;
	 width:100%;
	 position:relative;
	 margin:0 auto 4rem;
 }
 
   article.page dd.products_dl img{
	width:33%;
 }

.btn_detail a{
	 display:block;
	 position:absolute;
	 width:30px;
	 height:30px;
	 background:url(../img/products_top_btn_detail.png) no-repeat top right;
	 top:0;
	 right:0;
	 text-indent:-9999px;
 }
 
 #page_3column{
	 margin-top:2rem;
 }
 
 #page_3column dl{
	width:100%;
	padding:0;
margin:0 auto 2rem;
background:#4dade9;

}

#page_3column dt{
	width:24%;
	margin: 0.25%;
float:left;
}

#page_3column dd{
	width:74%;
	margin:0;
	padding:0;
float:left;
}

#page_3column01 dt img,
#page_3column02 dt img,
#page_3column03 dt img,
#page_3column01 dd img,
#page_3column02 dd img,
#page_3column03 dd img{
	width:100%;
}

#page_3column dd.page_3column_text{
	width:100%;
	background:#fff;
	border-left:solid 2px #4dade9;
border-right:solid 2px #4dade9;
	border-bottom:solid 2px #4dade9;
	padding:2.5%;
	box-sizing:border-box;
	
}

 /*----------- 製品情報 ----------- */
 
      article.page .col2{
	 width:100%;
 }
 
 article.page .col2 .dl_btn {
	width:90%;
	margin:0;
 }

article.page .col2 .dl_btn li{
	 margin:0;
	padding:0;
	margin-bottom:1px;
 }


.dl_btn li img{
	width:100%;
}

 article.page .product_sup  li{
	list-style-type:decimal;
 }
 
 .product_sup{
	 padding-top:10px;
	 border-top:solid 1px #919191;
 }
 
  .product_sup span{
	  font-weight:bold;
  }
  
  article.page .product_box_l,
  article.page .product_box_r{
	  width:100%;
	  margin:0 0 4rem 0;
	  clear:both;
  }
  
   article.page .dl_btn li
   {
	 list-style:none;
  }
  


 
   article.page section h2.product1{
 padding:0;
	margin:0 0 4rem;  
width:100%;
 }
 



 /*----------- topから直リンクコンテンツ ----------- */
 
 #top_p1{
	width:95%;
	margin:0 2.5%;
	background:#0191de;
	padding:0;
	
}

#top_p1 img{
	width:100%;
	height:auto;
}

#top_p1 .btn{
	width:90%;
	margin:0 auto;
	text-align:center;
}

#top_p1 .btn2{
	position:absolute;
	top:30%;
	right:0;
	width:40%;
}

.top_sp_text{
	width:90%;
	margin:4rem auto;
	color:#fff;
	font-size:1.4rem;
	line-height:1.5;
}

.top_sp_text1{
	width:90%;
	height:auto;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:40%;
	margin:4rem auto 0;
	color:#fff;
	font-size:1.4rem;
	line-height:1.6;
	background:url(../img/sp_flow1_7.jpg)no-repeat left bottom;
	background-size:contain;
}

#top_p2{
	width:95%;
	margin:0 2.5%;
	background:#fff;
	padding:0 0 4rem;
}
 
#top_p3{
	width:95%;
	margin:0 2.5%;
	background:#0191de;
	padding:0 0 4rem;
	
}

#top_p2 img,
#top_p3 img{
	width:100%;
	height:auto;
}

#top_p3 .btn{
	width:90%;
	margin:0 auto;
	text-align:center;
}






/*----------- FAQ ----------- */

.qabox{
	padding:10px;
	font-size:1.4rem;
	border:solid 1px #4eaeea;
	margin-bottom:10px;
}

.q_box{
	display:block;
	 margin:0;
	 background:url(../img/icon_q.png) no-repeat;
	 padding:12px 0 12px 50px ;
	 font-size:1.4rem;
	 line-height:1em;
	 color:#0c5ed9;
	 font-weight:bold;
	 
}

a.q_box{
	text-decoration:underline;
}

.a_box{
	isplay:block;
	 margin:10px 0 0 0;
	 background:url(../img/icon_a.png) no-repeat left 10px;
	 padding:12px 0 12px 50px ;
	 font-size:1.4rem;
	 line-height:1.6em;
	 border-top:dotted 1px #4eaeea;
}


.qamenu  li{
    list-style:none;
}

.qa_title_l{
	margin-bottom:2rem;
}

.qa_title_l >a{
	display:block;
	background:#4eaeea url(../img/accordion_btn_open.png) no-repeat 95% center;
	background-size:5%;
	font-size:2rem;
	color:#fff;
	padding:10px;
	margin-bottom:10px;
}

.qa_title_l >a.active{
	background:#4eaeea url(../img/accordion_btn_close.png) no-repeat 95% center;
	background-size:5%;
	
}


.inner-menu {
    display: none;
}


/*-----------SP SFAについて ----------- */

.about_top_read{
	background:#fff url(../img/about_top_readimage_sp.png) no-repeat right top;
	background-size:contain;
	padding-top:15rem;
	padding-right:0;
	margin-bottom:2rem;
}

.about_top_read p{
	margin-bottom:1em;
	padding:0;
}

    article.page .col2 li{
	 float:left;
	 width:100%;
	 position:relative;
	 list-style:none;
	 margin-bottom:2rem;
 }
 
     article.page .col2 li:first-child{
	 margin-right:30px;
 }
 
     article.page .col2 li img{
	 width:100%;
 }
 
.about_table th{
	width:25%;
}

.about_table .eu{
    column-count: 1;

}

/*-----------施工事例 ----------- */

.showcase .col3 dl{
	width:100%;
	clear:both;
	margin-right:0;
}

.showcase .col3 dd img{
	width:100%;
}

.showcase .col3 dt{
	font-size:1.6rem;
}

/*-----------お問合せ ----------- */

.page .contact_box h2{
	margin-left:0;
}

.contact_box dl {
	margin:0 10px 10px;
}

.contact_box dl dt {
	width:20%;
}

.contact_box dl dd {
	width:80%;
}


.sp_caution{
	display:block;
	color:#ff0000;
	padding:0 1em 1em;
	font-size:1.4rem;
}


/*-----------ダウンロード ----------- */

#page_3column.download dl {
	background:#eeeeee;

}

#page_3column.download dd {
	background:#eeeeee;
	text-align:center;
	padding:2% 0;
}

#page_3column.download dd img{
	width:90%;
}

#page_3column.download dd select{
	font-size:1.2rem;
	margin-bottom:2%;
	width:90%;
}

.fc_red span{
	display: block;
	font-size:14px;
	font-size:1.4rem;
}
	
	.btn_b{
	
	text-align: center;
	margin-bottom: 4em;
}

.btn_b a{
	width:90%;
	background:#038be1;
	color:#fff;
	padding:0.5em 1em;
	margin:0 auto;
	font-size:14px;
	font-size:1.4rem;
	text-align: center;
	display: inline-block;
	
}
	
	#lp_top_3column{
		width:100%;
	}
	
	#lp_top_3column h2{
		width:90%;
		margin:0 auto;
	}
	
	#lp_top_3column h2 img{
		width:100%;
		margin:0 auto 0.25em;
	}
	
	
	#lp_top_3column ul{
		width:86%;
		list-style: none;
		margin:0 auto;
	}
	
	#lp_top_3column ul li{
		margin:0 auto 0.25em;
	}
	
		#lp_top_3column ul li img{
		width:100%;
	}
	
	#lp_youtube{
	margin-top:-30px;
	padding-top:30px;
}
	
	
	.pc_none{
		display: block;
	}
	.sp_none{
	display: none;
	
}


}