@charset "utf-8";
/* CSS Document */
html{
  scroll-behavior: smooth;
}

* {margin: 0px; padding: 0px;}
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
body
{
font-family: 'Noto Sans Japanese',   sans-serif;
margin: 0 ;/* スペース */
padding: 0 ;/* 余白 */
font-size: 15px ;/* 文字サイズ */
line-height: 1.618 ;/* 行の高さ */
background-color:#FFF;
}

@media screen and (min-width: 596px){
  .wrapper
  {
  overflow: hidden ;/* floatを解除する */ 
  background:#FFF;
  margin: 0 auto;
  min-width: 900px;
  }
}

@media screen and (max-width: 595px){
  .wrapper
  {
  overflow: hidden ;/* floatを解除する */ 
  background:#FFF;
  margin: 0 auto;
  }
}

p{ margin:0; padding:0;}
b{ margin:0; padding:0;}
img { vertical-align:bottom }
dl,dt,dd{ margin:0; padding:0;}


/* テキスト */

p.tex01,h3.tex01{font-size:18px; padding:1% 0 2%; margin-bottom:5px; color:#000; line-height:2.25em; text-align:center;}
p.tex02-01{font-size:30px; font-weight:bold; padding:2% 0 1% 0; margin-bottom:0; color:#FFF; line-height:1em; text-align:center;}
p.tex02-02{width:90%; margin: 0 auto; font-size:22px; font-weight:bold; padding:5% 0 1% 0; margin-bottom:0; color:#FFF; line-height:1.7em; text-align:center;}
p.tex02-02 strong {width:90%; margin: 0 auto; font-size:22px; font-weight:bold; padding:5% 0 1% 0; margin-bottom:0; color:#FFFF00; line-height:1.7em; text-align:center;}
p.tex02-03{width:90%; margin: 0 auto; font-size:18px; padding:5% 0 1% 0; margin-bottom:0; color:#FFF; line-height:1.7em; text-align:center;}
p.tex02-04{margin: 40px auto 0; font-size:18px; padding:0; margin-bottom:0; color:#000; line-height:1.7em; text-align:center;}
p.tex03{font-size:16px; padding:0; margin-top: 1%; margin-bottom:5px; color:#3FA8E2; line-height:1.5em; text-align:center;}
p.tex03-02{font-size:16px; padding:0; margin-top: 0; margin-bottom:10px; color:#3FA8E2; line-height:1.5em; text-align:center; letter-spacing:0.04em;}
p.tex04{font-size:21px; font-weight:bold; padding:2% 0; margin-top: 5%; margin-bottom:0; color:#000; line-height:1em; text-align:center;}
p.tex04-01{font-size:20px; font-weight:bold; padding:1% 0; margin-bottom:0; color:#000; line-height:1em; text-align:center;}
p.tex06{font-size:33px; font-weight:bold; padding: 0; color:#3FA8E2; line-height:1em; text-align:center;}
p.tex06-01{font-size:24px; font-weight:bold; padding:1% 0 0 0; color:#000; line-height:1em; text-align:center;}

p.tex05{ width:90%; margin:3% auto 1% auto ;font-size:1.2em; font-weight:bold; line-height:1.5em; letter-spacing:2px; text-align:left;}


p.tex02-04 img{
  margin-bottom: 20px;
}

/* 大画面のみ開業禁止 */
@media screen and (min-width: 1000px) {

  p.tex02-04 {
white-space: nowrap;
  }

}



.sm{ font-size:70%}
.f-01{ font-size:1.4em; font-weight:bold; background:#000000; color:#FFFFFF; padding:0.5% 0; margin-bottom:5%;}
.f-02{ font-size:2em; font-weight:bold; color:#0072FF; padding:2% 0;}
.f-03{ font-size:1.5em; font-weight:bold; color:#0072FF; padding:2% 0;}
.f-04{ width:60%; letter-spacing:2px; margin:0 auto; padding-bottom:2%; text-align:left;}
@media screen and (max-width: 768px) {
	p.tex01{font-size:16px; line-height:2em;}
}
@media screen and (max-width: 480px) {
p.tex01{font-size:12px; line-height:1.5em;}
p.tex02{font-size:18px; font-weight:bold; padding:5% 0; margin-bottom:5px; color:#000; line-height:1em; text-align:center;}
p.tex06{font-size:20px; }
p.tex06-01{font-size:20px; }	
.f-01{ font-size:1.2em; font-weight:bold; background:#000000; color:#FFFFFF; padding:0.5% 0; margin-bottom:5%;}
.f-02{ font-size:1.5em; font-weight:bold; color:#0072FF; padding:2% 0;}
.f-03{ font-size:1.2em; font-weight:bold; color:#0072FF; padding:2% 0;}
.f-04{ width:80%; margin:0 auto; padding-bottom:2%; line-height:1.2em; text-align:left;}

}

/* スマホだけに適用するCSS */
@media screen and ( max-width:768px )
{
  /* ボディ */
  body{
    font-size: 15px ;/* 文字サイズ */
  }
  /* ロゴ画像 */
  .wrapper{
    width: 96%;
    max-width: 1280px;
    padding: 0 auto ;/* 左右の余白 */
  }
}


/* ヘッダー */
.header
{
text-align: center ;/* テキスト、画像の真ん中寄せ */
padding: 3% 0 1% 0;/* 上下の余白 */
margin-bottom:0 ;/* 他のブロックとのスペース */
background: #FFFFFF ;/* 背景色(確認用) */
}

/* ロゴ画像を囲む[h1] */
.logo-wrapper
{
margin: 0 ;/* スペース */
padding: 0 ;/* 余白 */
line-height: 1 ;/* 行の高さ */
}

/* 画像 */
.logo
{
width: 358px ;/* 横幅 */
height: auto ;/* 高さ */
margin-bottom:1%;
}
@media screen and ( max-width:768px )
{
.logo{ width: 300px; height:auto; margin-bottom:1%;}
}
.tel
{
width: 380px ;/* 横幅 */
height: auto ;/* 高さ */
}
@media screen and ( max-width:768px )
{
.tel{ width: 250px; height:auto;}
.mail{ width:250px; height:auto;}
.time{max-width: 478px; width: 90%; height:auto;}

}
.mainimg
{
width: 1280px;
height:auto;
margin-bottom:10px
}
.mainimg0
{
width: 1280px;
height:auto;
}
.maintelimg0
{
width: 710px;
height:auto;
}

@media screen and ( max-width:1280px )
{
img.mainimg{ width:100%; height:auto}
img.mainimg0{ width:100%; height:auto}
img.maintelimg0{ width:60%; height:auto}
}

.mr_topimg{ margin:0; padding: 0; text-align:center;}

.kugiri
{background-color: #CAE9FF;
background-image: -webkit-gradient(
  linear, 0 0, 100% 100%,
  color-stop(.25, #E7F8FC), 
  color-stop(.25, transparent),
  color-stop(.5, transparent), 
  color-stop(.5, #E7F8FC),
  color-stop(.75, #E7F8FC), 
  color-stop(.75, transparent),
  to(transparent));
-webkit-background-size: 7px 7px;
}

.kugiri_hr {
  background-color: #fff;
  background-image: url(../img/kugiri_back.png);
  background-repeat: repeat-x;
}

.hr2 {
  margin-bottom: 20px;
}

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

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25% !important;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

}

/* PC電話無し */
.tel_non {   
	font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
	margin:0 auto;
    text-align:center;
    padding:0 0;
    color:#3FA8E2;
}
.tx-07{font-size:1.0em; text-align:center; padding-bottom:2%;}
.fax {　width:355px;
    font-size:1.5em;
    font-weight:bold;
    text-decoration:none;
    display:block;
	margin:0 auto;
    text-align:center;
    padding:0;
    color:#000;
}


.tel_non2 {   
	font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
	margin:0 auto;
    text-align:center;
    padding:0 0;
    color:#000000;
}


.tel_non {
		width:450px;
		font-size:40px;
		pointer-events: none;
        cursor: default;
        text-decoration: none;
}
.tel_non2 {
		width:450px;
		font-size:40px;
		pointer-events: none;
        cursor: default;
        text-decoration: none;
}


a[href^="tel:"] { cursor: default; }

.fax {　width:355px;
    font-size:2em;
    font-weight:bold;
    text-decoration:none;
    display:block;
    margin:0 auto;
    text-align:center;
    padding:0;
    color:#000;
}

.c-room_header {
    font-size:2.4em;
    font-weight:bold;
    text-decoration:none;
    margin: 20px auto;
    display:block;
    margin:0 auto;
    text-align:center;
    padding-top:20px;
    color: #3FA8E2
}

.c-room_header img {
  max-width: 636px;
  width: 90%;
}



.c-room_header:after {
  content: '\A CONTACT';
  color: #3FA8E2;
  font-size: 1.5vw;
  white-space: pre;
  position: relative;
  top: 10px;
}

.company_c-room {
  　width:355px;
    font-size:1.6em;
    font-weight:bold;
    text-decoration:none;
    margin: 20px auto;
    display:block;
    margin:0 auto;
    text-align:center;
    color: #3FA8E2
}

.form {
  　width:355px;
    font-size:1.6em;
    font-weight:bold;
    text-decoration:none;
    margin: 20px auto;
    display:block;
    margin:0 auto;
    text-align:center;
    padding-top:30px;
    color: #3FA8E2
}
.mail {
    width:400px;
    font-size:1.5em;
    font-weight:bold;
    text-decoration:none;
    display:block;
    margin:0 auto;
    text-align:center;
    padding:0 0 2% 0;
    color:#000;
}

/* 段落調整 */

.p-top {
  padding-top: 50px;
} 

.p-last {
  padding-bottom: 50px;
} 




/* C-ROOM トップメイン画像下リスト画像 */

.c-room_list {
  margin: 50px auto;
  max-width: 1120px;
}

.c-room_list ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}


.c-room_list ul li {
  width: 30%;
}

.c-room_list ul li img {

  width: 100%;

}


/* レスポンシブ対応 */

@media screen and (min-width: 769px) {
  .sp_only {display: none;}



}

 
@media screen and (max-width: 768px) {
    .tel_non {
        pointer-events: auto;
    }
img.maintelimg0
{ width:90%;}
}
@media screen and (max-width: 468px) {
	.mail {width:100%; font-size:1.2em;}
}

/* メニュー */
#menu {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 10px 0;
overflow:hidden;
background-color:#FFF;
}
#menu li{
display: block;
float: left;
width: 23%;
margin: 0 1%;
padding: 0;
border-bottom:3px solid #000000;
}
#menu li a {
display: block;
padding: 0 0 5px;
color: #000;
text-align: center;
text-decoration: none;
}
#menu li:last-child a{
border: none;
}
#menu li:hover{
border-bottom:3px solid red;
}
#toggle {
display: none;
}
/* 画面サイズが1280px以下の場合に適用 */
@media only screen and (min-width: 1280px) {

#menu li.sentaku{ border-bottom:3px solid red;}
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
#menu li {
width: 23%;
border-bottom: 3px solid #000;
}
}

.tel
{
height: auto ;/* 高さ */
margin: 10px auto;
}

.fax ,
.mail{
  margin: 5px auto;
}

.mailicon:before {
  content: url(../img/mail-icon-mini.png);
  vertical-align: middle;
  padding-right: 5px;
  padding-bottom: 1px;
  /*transform: scale(0.2);*/
  display: inline-block;
}

.time {
    margin: 10px auto 5px;
}


@media screen and ( max-width:768px )
{
.tel{ height:auto;}
.mail{ height:auto;}
.time{ max-width: 478px; width: 90%; height:auto;}

}

/* 画面サイズが595px以下の場合に適用 */
@media only screen and (max-width: 595px) {
#menu-box{padding-top:1%;}
#menu {
display: none;
}
#menu li {
width: 100%;
}
#menu li:hover {
	background-color:#CCC;
}
#toggle {
display: block;
position: relative;
width: 100%;
background: #000;
}
#toggle a{
display: block;
position: relative;
padding: 15px 0 15px;
border-bottom: 1px solid #000;
color:#FFF;
text-align: center;
text-decoration: none;
}
#toggle:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 30px;
height: 30px;
margin-top: -15px;
background: #FFF;
}
#toggle a:before, #toggle a:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 30px;
height: 6px;
background: #000;
}
#toggle a:before {
margin-top:-9px;
}
#toggle a:after {
margin-top: 3px;
}
}

/* メイン */
/* レスポンシブ画像 */

.topimg-pc{ margin:0 auto; display:block;}
.topimg-tb{ margin:0 auto; display:none;}
.topimg-sp{ margin:0 auto; display:none;}

@media screen and (max-width: 768px) {
.topimg-pc{ display:none;}
.topimg-tb{ display:block;}
.topimg-sp{ display:none;}

}
@media screen and (max-width: 480px) {
.topimg-pc{ display:none;}
.topimg-tb{ display:none;}
.topimg-sp{ display:block;}

}

.subimg01-pc{ margin:0 auto; display:block;}
.subimg01-tb{ margin:0 auto; display:none;}
.subimg01-sp{ margin:0 auto; display:none;}

@media screen and (max-width: 768px) {
.subimg01-pc{ display:none;}
.subimg01-tb{ display:block;}
.subimg01-sp{ display:none;}

}
@media screen and (max-width: 480px) {
.subimg01-pc{ display:none;}
.subimg01-tb{ display:none;}
.subimg01-sp{ display:block;}

}


.subimg02-pc{ margin:0 auto; display:block;}
.subimg02-tb{ margin:0 auto; display:none;}
.subimg02-sp{ margin:0 auto; display:none;}



@media screen and (max-width: 768px) {
.subimg02-pc{ display:none;}
.subimg02-tb{ display:block;}
.subimg02-sp{ display:none;}

}
@media screen and (max-width: 480px) {
.subimg02-pc{ display:none;}
.subimg02-tb{ display:none;}
.subimg02-sp{ display:block;}

.toiawase_tx01 {
  text-align: left !important;
}

}

/* レスポンシブ改行 */

@media screen and (min-width: 1000px) {
.sp_only{ display:none;}
}


@media screen and (max-width: 999px) {
.pc_only{ display:none;}

}



/* リーフレットダウンロードボタンの下部マージン */
.dl {
  margin: 60px auto 60px !important;
}

.connect img{
  max-width: 80px;
}
/* メインリンク */

.link01{width:260px; margin:20px auto; padding:2%; background-color:#000; color:#FFF; text-align:center; letter-spacing:0.2em}
@media screen and (max-width: 768px) {
.link01{width:80%;}
}

.link02{ width:260px; margin:20px auto; padding:2%; background-color:#00A0DA; text-align:center; letter-spacing:0.2em}
@media screen and (max-width: 768px) {
.link02{width:80%;}
}
.link02 a{color:#FFFFFF; font-size:17px; font-weight:bold;}
.link02:hover{ background-color:#000000;}

.link03{ width:260px; margin:20px auto; padding:2%; background-color:#F18D00; text-align:center; letter-spacing:0.2em}
@media screen and (max-width: 768px) {
.link03{width:80%;}
}
.link03 a{color:#FFFFFF; font-size:17px; font-weight:bold;}
.link03:hover{ background-color:#000000;}


a {
text-decoration: none;
}

.main_text{width: 100% ; max-width:900px; margin:2% auto; padding:2% 0;}
.main{width: 100% ; max-width:900px; margin:1% auto; padding:1% 0;}
.main_a{width: 100% ; max-width:900px; margin:2% auto; padding:2% 0;}
.main_b{width: 100% ; max-width:1240px; margin:25px auto; padding:2% 0;}
.contct {
    width: 100%;
    max-width: 734px;
    margin: 2% auto;
    text-align: center;
}



.wrapper_a{
width: 100%;
padding: 0 auto ;/* 左右の余白 */
border-top:40px solid #3FA8E2;}
@media screen and (max-width: 768px) {

.main {
width: 100% ;
height:auto;
margin:5% auto;
padding:2% 0 ;/* 余白 */
border: none ;/* 枠線 */
}

.c-room_header:after {

  font-size: 4vw;

}

p.form {
  font-size: 4vw;
}

p.tex04-01 {
    font-size: 3.2vw;
    }

}
@media screen and (max-width: 480px) {
.main
{
width: 100% ;
height:auto;
padding: 0 0 5% 0 ;/* 余白 */
border: none ;/* 枠線 */
}
}

#main2,#main2-1,#main2-2{ width100%; margin:5% auto; padding:2% 0; border-top:40px solid #00A0DA;}
#main3,#main3-1,#main3-2{ width100%; margin:5% auto; padding:2% 0; border-top:40px solid #F18D00;}

@media screen and (max-width: 768px) {
.main2
{
width: 100% ;
height:auto;
padding:2% 0 ;/* 余白 */
border: none ;/* 枠線 */
}
}
@media screen and (max-width: 480px) {
.main2
{
width: 100% ;
height:auto;
padding: 0 0 5% 0 ;/* 余白 */
border: none ;/* 枠線 */
}
}
.main-gr{ width:1280px; margin:0 auto; padding: 5% 2%; text-align:center;}
.main-gr01{ width:1280px; margin:0 auto; padding:0 2% 5% 2%;}
.main-mv{ width:768px; margin:0 auto; padding:0 ; }
.main-wh{ width:100%; background:#FFF;  }
.cp_hr01 {border: 0; height: 5px; background: #0072FF; margin:0 auto 1% auto; width:80px;}
.m-pro{ width:90%; max-width:1060px; margin:0 auto 3%; padding-bottom:5%; background:#FFF; }
.m-pro img{padding-bottom:1em;}
@media screen and (max-width: 650px) {
	.m-pro img{ width:80%; height:auto;}
}
@media screen and (max-width: 768px) {
	img.thimg001{ width:80%; height:auto;}
	.main-mv{ width:100%; margin:0 auto; padding:0 2%; }
p.th06tx{ width:80%; margin:0 auto; padding:5% 0; line-height:2em;}
}
@media screen and (max-width: 1280px) {
.main-gr{ width:100%; margin:0 auto; padding:5% 2%; }
.main-gr01{width:100%; margin:0 auto; padding:0 2% 5% 2%;}
.m-pro{ width:90%; margin:0 auto 3%; background:#FFF;  }

}
.tit-01{ text-align:center; font-size:36px; letter-spacing:2px; font-weight:bolder; line-height:1em;}
.tit-02{ text-align:center; font-size:14px; letter-spacing:2px; font-weight:bolder;}
.tit-03{ text-align:center; font-size:1.5em; font-weight:bold; padding-top:3%; border-top:1px dotted #000000;}

p.th09tx{ font-size:2.2em; margin-bottom:5%; font-weight:bold; text-align:center; color:#000000; letter-spacing:3px; line-height:1em;}
.texsm{ font-size:60%;}

@media screen and (max-width: 800px) {
p.th09tx{ font-size:1.8em; margin-bottom:5%; font-weight:bold; text-align:center; color:#000000; line-height:1em;}
}
@media screen and (max-width: 660px) {
p.th09tx{ font-size:1.3em; margin-bottom:5%; font-weight:bold; text-align:center; color:#000000; line-height:1em;}
}
@media screen and (max-width: 480px) {
.tit-01{ text-align:center; font-size:20px; letter-spacing:2px; font-weight:bolder; line-height:1em;}
}

.col_3{
width: 96%;
max-width:1200px;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin:40px auto 5% auto ;
justify-content: space-between;
}
.col_3 > div{
width: 30%;
height:auto;
padding: 0;
margin:1%;
border-radius:20px;
background-color:#3FA8E2;
}


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

  .col_3 p {
  text-align:left;
}

  p.tex02-04 {
  text-align:left;    
  }

}



@media screen and (max-width: 768px) {
.col_3{ width:94%;
}
.col_3 > div{
width: 31%;
height:auto;
margin:1% auto;}



}

@media screen and (max-width: 595px) {
.col_3{
width: 96%;
 max-width:360px;
height:auto;
margin:1% auto 5% auto;}

.col_3 > div{
width: 100%;
height:auto;
margin:1% 0;
}

.c-room_list {
margin: 10px auto;
}

.c-room_list ul {
    flex-direction: column;

}

.c-room_list ul li {
    width: 100%;
    margin-bottom: 10px;
}





}

.col3 a{
	display:block;
}

.col3 a:hover img{/* マウスオーバー時に色変更*/
opacity: 0.7;
}

.col3 p:first-child {
  margin: 45px auto 25px;
}


.col3 p:last-child {
  margin: 20px auto 50px;
}

.col_2{
width: 96%;
max-width:1000px;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin:0 auto ;
}
.col_2 > div{
width: 46%;
height:100%;
padding: 1% 0;
margin:1% 2%;
}

.col2 img{ width:100%; height:auto; max-width: 400px;}


@media screen and (max-width: 595px) {
.col_2{
width: 96%;
 max-width:360px;
height:auto;
margin:1% auto;}

.col_2 > div{
width: 100%;
height:auto;
margin:1% 0;
}

}


.col2 a{
	display:block;
}

.col2 a:hover img{/* マウスオーバー時に色変更*/
opacity: 0.7;
}
.col_1{
width: 96%;
max-width:1000px;
display: flex;
align-items: flex-start; /* safari */
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin:0 auto;
justify-content: center;
}
img.col1{ width:100%; height:auto;}
.main_com{ width:768px; margin:0 auto;}
@media screen and (max-width: 768x) {
.main_com{ width:100%; height:auto;}
}


/* アイレスジャンプ */

.jump{ width:380px; margin:30px auto 20px auto; padding:5px; background-color:#A7B3BA; text-align:center; letter-spacing:0.2em}
@media screen and (max-width: 768px) {
.jump{ width:250px;}
}

.jump a{color:#FFFFFF; font-size:17px; font-weight:bold;}
.jump:hover{ background-color:#000000;}



/* 電話 */
.foot_contact{ text-align:center; padding:1em 0; padding-bottom:2em; background-color:#FFF;}

/* フッター */
.footer
{
background-color:#FFF;
text-align: center ;/* テキスト、画像の真ん中寄せ */
padding: 2em 0 ;/* 上下の余白 */
}
/* sabuメニュー */
#sub_menu{ width:100%; margin-bottom:30px; overflow:hidden; background:#00A0DA;}
#sub_menu2{ width:100%; margin-bottom:30px; overflow:hidden; background:#F18D00;}
#sub_menu3{ width:100%; margin-bottom:30px; overflow:hidden; background:#89AB4E;}
.sub_menu4{ width:100%; line-height: 44px; font-size:13px; color:#FFF; text-align:center; font-weight:bold; margin-bottom:30px; background:#3FA8E2;}

/*ナビ2*/
.global-nav2 {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-weight:bold;
}

.global-nav2 li {
  float: left;
  width: 50%;
  border-bottom: 5px solid #FFF;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.global-nav2 img{ width:80%; height:auto; }
.global-nav2 a.sentaku{ color: #FFF;}

.global-nav2 a.navi_small{ font-size:9px;}

.global-nav2 a {
  display: block;
  line-height: 1.3em;
  color: #000;
  text-decoration: none;
  padding-top:10%;
}
.global-nav2 a:hover {
  color: #FFF;
}


/*横幅595px以上に適応*/
@media screen and (min-width: 595px) {
.global-nav2 li:nth-child(odd) {
  border-right: none;
}
.global-nav2 {
  width: 80%;
  max-width:1000px;
  margin:0 auto;
  display: table;
  table-layout: fixed;
  border-top: none;
  border-collapse: collapse;
}
.global-nav2 li {
  width: 24%;
  float:left;
  display: table-cell;
  border-bottom: none;
  margin:0 1% 1% 0;
}
.global-nav2 a.navi_small{ font-size:13px;}
.global-nav2 a { font-size:0.8em;}

}

/*スペック表
.spec{width:80%; max-width:768px; margin:0 auto;}
table{ table-layout: fixed;}
.spec_ti{ font-size:1.2em; font-weight:bold;}
.spec_t{width:100%; font-size:1em; border-collapse: collapse; margin:0 0 2% 0;}
.spec_t td,th{ border: 1px solid #707070; padding:5px;}
.spec_t th{ width:30%; text-align:left; font-weight:normal; vertical-align:top; background:#E7E7E7; }
.spec_t td{ text-align:left; background:#FFF;}
*/

/*スマホで表示する場合のCSS
@media screen and  (max-width: 480px) {
.spec{width:100%;}
.spec_ti{ width:100%; font-size:1.2em; font-weight:bold; padding-top:3%;}
.spec_t{ width:100%; font-size:13px; border-collapse: collapse; margin:1% auto; }
.spec_t td{ display: inline-block; width:100%; font-size:1.2em;  padding:1%; margin-bottom:3%; text-align:left; border: none;}
.spec_t th{ display: inline-block; width:100%; padding:1%;  text-align:left; border: none; font-weight:bold; letter-spacing:10px; vertical-align:central; background:#E7E7E7; }
}
*/

/*パソコン・スマホ共通のCSS*/
#PageTopBtn {
position: fixed; /*ボタンの配置場所を固定*/
bottom:-10px; /*下からのボタンの配置場所を指定*/
right: 10px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
width: 53px;
height: 53px;
display: block; /*配置の調整*/
background: #A7B3BA; /*ボタンの背景色*/
text-align: center; /*文字を中央に配置*/
vertical-align: middle;
border-radius: 50%; /*ボタンの角を少し丸くする*/
outline: none; /*クリックしたときの黒い枠を消す*/
opacity:0.8;
}
#PageTopBtn a:hover {
text-decoration: none; 
background: #000; /*マウスオーバー時の背景色*/
}

/*スマホで表示する場合のCSS*/
@media (max-width: 768px) {
#PageTopBtn {
font-size: 20px;
}
#PageTopBtn a {
width: 53px;
height: 53px;
}
}

/*フォーム*/
.main-toi
{
width: 100% ;
height:auto;
padding: 0 0 5% 0 ;/* 余白 */
border: none ;/* 枠線 */
text-align:center;
}



table.t_toiawase {
    width: 100%;
    margin: 3% auto;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.8em;
}

.t_toiawase th { padding: 10px 5px; width:30%; min-width:200px; letter-spacing:3px;}
.t_toiawase td { padding: 10px 5px;}


.main-toi img{ margin-bottom:1.5%;}
.unl{text-decoration:underline;}
.c_red{ color:#F00;}
.red{ color:#FF0000;}
.under_{ text-decoration:underline;}
.bold{ font-weight:bold;}
.error_messe{ font-size:15px; text-align:center; color:red; margin:10px 0;}
.toiawase_intkiyaku01{ margin:50px 0; padding:2%; background-color:#CFF;}
.toiawase_intkiyaku02{ width:85%; margin:20px auto; padding:20px 10px; background-color:#FFFFFF; font-size:13px; line-height:2em; text-align:left; }
.toiawase_intkiyaku1{ text-align:center; font-size:15px; font-weight:bold; letter-spacing:3px;}
.toiawase_intkiyaku2{ text-align:center; font-size:13px; font-weight:bold;}
.toiawase_int0{ overflow:hidden; width:200px; margin:0 auto;}
.toiawase_int1{ display:block; width:200px; height:44px; border:0; background:url(../img/back.png) no-repeat left top; text-indent:-9999px; font-size: 0px;line-height: 0px; cursor:pointer; margin:0px auto; margin-top:20px;}
.toiawase_int1:hover {background-position:0 -44px;}
.toiawase_int2{ display:block; float:left; width:200px; height:44px; border:0; background:url(../img/back.png) no-repeat left top; text-indent:-9999px; font-size: 0px;line-height: 0px; cursor:pointer; margin:20px auto;}
.toiawase_int2:hover {background-position:0 -44px;}
.toiawase_int3{ display:block; width:200px; height:44px; border:0; background:url(../img/next.png) no-repeat left top; text-indent:-9999px; font-size: 0px;line-height: 0px; cursor:pointer; margin:0px auto; margin-top:20px;}
.toiawase_int3:hover {background-position:0 -44px;}
.toiawase_int4{ display:block; width:200px; height:44px; border:0; background:url(../img/submit2.png) no-repeat left top; text-indent:-9999px; font-size: 0px;line-height: 0px; cursor:pointer; margin:0px auto; margin-top:20px;}
.toiawase_int4:hover {background-position:0 -44px;}
.toiawase_int5{ display:block; float:left; width:200px; height:44px; border:0; background:url(../img/submit2.png) no-repeat left top; text-indent:-9999px; font-size: 0px;line-height: 0px; cursor:pointer; margin-top:20px; margin-left:60px;}
.toiawase_int5:hover {background-position:0 -44px;}
.sa2019_exp05{ font-size:26px; font-weight:bold; margin:5px 0 20px 0; color:#F60;}
.sa2019_exp06{ font-size:26px; font-weight:bold; margin:5px 0 20px 0;}

input {
    width: 100%;
    /* max-width: 400px; レスポンシブの場合の対策 */
    box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   padding: 0.3em;
   margin:1% 0;
   /*font-size: 100%;*/
}

textarea {
    width: 100%;
    /*max-width: 400px;*/
    box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	padding: 0.3em;
	font-size: 100%;
}
input[type="radio"] {
    position: relative;
    margin-right: 2px;
	top:5px;
    width: 20px;
    height: 20px;
}
input[type="checkbox"] {
    position: relative;
    margin-right: 2px;
	top:-5px;
    width: 20px;
    height: 20px;
}

/*スマホで表示する場合のCSS*/
@media screen and  (max-width: 480px) {
.t_toiawase{ width:100%; font-size:13px; border-collapse: collapse; padding-top:5%; margin:1% auto; }
.t_toiawase td{ font-size:1.2em; display: inline-block; width:100%; padding:1% 0; text-align:left; border: none;}
.t_toiawase th{ display: inline-block; width:100%; padding:1% 0;  text-align:center; border: none; font-weight:bold; letter-spacing:10px; vertical-align:central; background:#A7B3BA; }
.sa2019_exp05{ font-size:1em; font-weight:bold; margin:1% 0 1% 0;}
.sa2019_exp05c{ font-size:1em; font-weight:bold; margin:1% 0 1% 0; text-align:center;}

.sa2019_exp06{ font-size:1em; font-weight:bold; margin:1% 0 1% 0;}
}


.stream{ margin:5% 0 2% 0; border-top:1px solid #000; padding:2% 0; }

#sub_menu3st{ width:100%; max-width:960px; margin:0 auto;}

.global-nav3st {
  margin: 0 0 10px;
  padding: 0;
  list-style-type: none;
  font-weight:bold;
}

.global-nav3st li {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.global-nav3st a.navi_small{ font-size:9px;}

.global-nav3st a {
  display: block;
  line-height: 44px;
  color: #FFF;
  text-decoration: none;
  background: #A7B3BA;
}
.global-nav3st a:hover {
  color: #FFF;
  background: #F00;
}
/*横幅768px以上に適応*/
@media screen and (min-width: 480px) {
.global-nav3st li:nth-child(odd) {
  border-right: none;
  border-right:10px solid #FFF;
}
.global-nav3st {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-top: none;
  border-collapse: collapse;
}
.global-nav3st li {
  float: none;
  display: table-cell;
  border-bottom: none;
  margin:0 10px 10px 0;
  border-right:10px solid #FFF;
}
.global-nav3 a.navi_small{ font-size:13px;}

}

img.str{width: 100%; height:auto; margin: 2% auto;}
p.tex01_st01{ text-align:center; font-size:1.5em; font-weight:bold; padding-top:5%;}
p.tex01_st02{ width:70%; margin:1% auto; font-size:1.0em; font-weight: bold;line-height:2em; letter-spacing:2px; color:#3FA8E2;}
p.tex01_st03{ width:90%; margin:2% auto; font-size:1.0em; line-height:2em; letter-spacing:2px; text-align:left; color:#000;}
p.tex01_st04{ text-align:center; font-size:1.2em; line-height:2em; letter-spacing:2px; padding:2% 0;}
p.tex01_st05{ text-align:center; font-size:1.0em; line-height:2em; letter-spacing:2px;}

@media screen and (max-width: 480px) {
	p.tex01_st01{ text-align:center; font-size:1.2em; font-weight:bold;}
	p.tex01_st02{ width:95%; margin:1% auto; font-size:1.0em; line-height:1.5em; letter-spacing:1px;}
	p.tex01_st03{ width:90%; margin:2% auto; font-size:1.0em; line-height:1.5em; letter-spacing:1px; text-align:left; color:#000;}
}

.toiawase_tx02 {
    font-size: 1.0em;
    margin: 50px auto;
    padding: 10px;
    text-align: center;
}



.st-contact{width:100%; max-width:960px; margin:2% auto ; text-align:center; }
/* ダウンロード */
img.dl:hover{opacity:0.8;}
@media screen and (max-width: 580px) {
 img.dl {width: 90%; height:auto; margin:0 auto; 
}
}
/* アイレスジャンプ */
.c-bl{color: #3FA8E2;}
.jump2{ width:260px; margin:2% auto; padding:10px; background-color:#3FA8E2; text-align:center; letter-spacing:0.2em}
@media screen and (max-width: 768px) {
.jump2{ width:250px;}
}

.jump2 a{color:#FFFFFF; font-size:2em; font-weight:bold;}
.jump2:hover{ background-color:#000000;}

/* サーマルカメラ*/

p.tex01_th01{ text-align:center; font-size:1.5em; font-weight:bold; padding-top:5%; border-top:30px solid #565DFF;}
p.tex02_th01{ text-align:center; font-size:1.5em; font-weight:bold; padding-top:5%; border-top:30px solid #64A5DD;}
p.tex01_th02{ text-align:center; font-size:1.0em; font-weight:bold; padding-top:1%;}

.price01{text-align:center; font-size:1.5em; font-weight:bold; }
.price02{text-align:center; font-size:1.0em; font-weight:bold; }
.price03{text-align:center; font-size:0.8em; }

@media screen and (max-width: 480px) {
	p.tex01_th01{ text-align:center; font-size:1.2em; font-weight:bold; border-top:10px solid #565DFF;}
	p.tex02_th01{ text-align:center; font-size:1.2em; font-weight:bold; border-top:10px solid #64A5DD;}
	.price01{text-align:center; font-size:1.2em; font-weight:bold; margin-top:5%; }
	.price02{text-align:center; font-size:0.9em; font-weight:bold; }


}


.thermal{ width:100%; margin:0 auto; padding:3% 0; background-color:#EEEEEF; text-align:center;}
.thermal-img {width:100%; height:auto; max-width:650px; margin:0 auto;}

.er_01{ font-size:1.2em; line-height:1.5em; text-align:center; font-weight:bold;}
.er_02{ font-size:1.2em; line-height:1.5em; text-align:center; margin-top:3%; margin-bottom:10%;}

.er{ font-size:3em; margin-top:8%; font-weight:bold; text-align:center;}

/* youtube */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	 margin: 2% auto 3% auto;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


/* DLlink */
.dl_01{
  width: 60%;
  margin: auto;
  text-align: center;
  margin-bottom: 20px;
}

.dl_02{
  width: 60%;
  margin: auto;
  text-align: center;
  margin-bottom: 90px;
  display: flex;
}

@media screen and (max-width: 595px){
  .dl_01{
    display: none;
  }

  .dl_02{
    display: none;
  }
}

.dl_02_div{
  margin: auto;
  width: 50%;
  min-width: 250px;
  max-width: 350px;
}

.dl_02_img{
  width: 100%;
}

.dl_fc_01{
  color: #3FA8E2;
  font-size: xx-large;
}