@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:#EDEDED;
}

.wrapper
{
overflow: hidden ;/* floatを解除する */ 
background:#FFF;
}

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


/* テキスト */

p.tex01{font-size:1.0em; font-weight:bold; padding:1% 0 2%; margin-bottom:5px; color:#000; line-height:1em; text-align:center;}
p.tex02{font-size:1.8em; font-weight:bold; padding:2% 0 1% 0; margin-bottom:0; color:#000; line-height:1em; text-align:center;}
p.tex03{font-size:1.2em; font-weight:bold; padding:1% 0 2%; margin-bottom:5px; color:#000; line-height:1.5em; text-align:center;}
p.tex04{ width:90%; margin:1% auto; padding-bottom:3%; font-size:1.0em; line-height:1.5em; letter-spacing:1px; text-align:left;}
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.tex06{font-size:1.5em; font-weight:bold; padding:2% 0; color:#000; line-height:1em; text-align:center;}
.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: 480px) {
p.tex02{font-size:1.2em; font-weight:bold; padding:5% 0; margin-bottom:5px; color:#000; line-height:1em; text-align:center;}
p.tex06{font-size:1.2em; }
.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: auto ;
padding: 0 10px ;/* 左右の余白 */
}

}


/* ヘッダー */
.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{ width: 250px; 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; background-color:#F1F1F1; text-align:center;}
/* PC電話無し */
.tel_non {   
	font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
	margin:0 auto;
    text-align:center;
    padding:0 0;
    color:#FF0000;
}
.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;
}
.mail {    width:400px;
    font-size:1.5em;
    font-weight:bold;
    text-decoration:none;
    display:block;
	margin:0 auto;
    text-align:center;
    padding:1% 0 2% 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;
}

@media (min-width: 480px) {
.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;
}
.mail {    width:400px;
    font-size:1.5em;
    font-weight:bold;
    text-decoration:none;
    display:block;
	margin:0 auto;
    text-align:center;
    padding:1% 0 2% 0;
    color:#000;
}
}

 
@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: 1000px;
margin: 0 auto;
padding: 0;
overflow:hidden;
background-color:#FFF;
padding-top:20px;
}
#menu li{
display: block;
float: left;
width: 20%;
margin: 0;
padding: 0;
border-bottom:3px solid #000000;
}
#menu li a {
display: block;
padding: 5px 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: 20%;
border-bottom: 3px solid #000;
}
}

/* 画面サイズが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;
}
}

/* メイン */
/* メインリンク */

.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{width: 100% ; max-width:960px; margin:2% auto; padding:2% 0;}
@media screen and (max-width: 768px) {
.main
{
width: 100% ;
height:auto;
margin:5% auto;
padding:2% 0 ;/* 余白 */
border: none ;/* 枠線 */
}
}
@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_2th-jamp{
width: 100%;
max-width:1000px;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin:1% auto;
}
.col_2th-jamp > div{
width: 48%;
height:100%;
padding: 0px;
margin:1%;
text-align:center;
}

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

.col_2th-jamp > div{
width: 48%;
height:50%;
margin:1%;}
}


@media screen and (max-width: 480px) {
.col_2th-jamp > div{
width: 100%;
height:50%;
margin:0.3em;}
}

.col_2reimg2{ width:80%; height:auto;}
img.col_2reimg1 {width: 90%; height:auto; opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; padding-bottom:8%;}
.col_2ti{ margin-bottom:5%;}
.col_2-j{
background: #CCC; width:50%;
}

.col_2-j0{
background: #FFF;
}
@media screen and (max-width: 480px) {
.col_2ti{ width:50%; height:auto; margin:5% 0}
}
/* メインTOP */
*, *:before, *:after {
box-sizing: border-box;
}
.col_3{
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */

}
.col_3 > div{
width: 48%;
height:100%;
padding: 0px;
margin:1% 1% 3% 1%;
text-align:center;
}
img.col_3img {width: 100%; max-width:320px; height:auto;}

@media screen and (max-width: 768px) {
.col_3 > div{
width: 100%;
height:100%;
margin:3% 0;
}
img.col_3img {width: 100%; height:auto; 
}
}
.main_com{ width:768px; margin:0 auto;}
@media screen and (max-width: 768x) {
.main_com{ width:100%; height:auto;}
}
img.col_2thimg {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;
border-top: 1px solid #000 ;/* 枠線 */
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:#6F6D90;}

/*ナビ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;
}


/*横幅600px以上に適応*/
@media screen and (min-width: 600px) {
.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;
}
.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;}
.t_toiawase{width:100%; max-width:800px; font-size:1em; border-collapse: collapse; margin:3% auto;}
.t_toiawase td,th{ border: 1px solid #707070; padding:5px;}
.t_toiawase th{ width:30%; text-align:center; font-weight:normal; vertical-align:top; background:#E7E7E7; }
.t_toiawase td{ text-align:left; background:#FFF;}
.toiawase_intkiyaku01{width: 100%;  margin:2% 0;  padding:2% 0; background-color:#FFF;}
.toiawase_intkiyaku02{ width:85%; max-width:798px; margin:0 auto 1% auto; padding:20px 10px; background-color:#FFFFFF; font-size:13px; line-height:2em; border:1px solid #000;  }
.toiawase_intkiyaku1{ text-align:center; font-size:15px; font-weight:bold; letter-spacing:3px; padding:1% ;}
.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;}
.toiawase_int5:hover {background-position:0 -44px;}
.toiawase_tx01{widt:80%; max-width:800px; font-size:1.0em; margin:1% auto; padding:1%;  text-align:center;}
.toiawase_tx02{font-size:1.0em; margin:2% auto; padding:2%; text-align:center;}
.toiawase_thanks{ width:70%; border-top:1px solid #707070; margin:2% auto; padding:2%; text-align:center;}

.sa2019_exp05{ font-size:1.8em; font-weight:bold; margin:5px 0 2% 3%; }
.sa2019_exp05c{ font-size:1.8em; font-weight:bold; margin:5px 0 2% 0; text-align:center;}

.sa2019_exp06{ font-size:1.5em; font-weight:bold; margin:5px 0 2% 0; text-align:center;}

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; line-height:2em; letter-spacing:2px;}
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;}
}

.col_3str{
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
}
.col_3str > div{
width: 31%;
height:100%;
padding: 0px;
margin:1%;
text-align:center;
}
img.col_3strimg {width: 98%; max-width:300px; height:auto; margin:0 auto;}

@media screen and (max-width: 768px) {
.col_3str > div{
width: 47%;
height:100%;
margin:1%;}
img.col_3strimg {width: 100%; height:auto; 
}
}
@media screen and (max-width: 480px) {
.col_3str > div{
width: 100%;
height:100%;
margin:2%;}
img.col_3strimg {width: 97%; height:auto;}

}
.col_2str{
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin-top:3%
}
 
.col_2str > div{
width: 47%;
height:100%;
padding: 0px;
margin:1%;
}
.col2_str{ overflow:hidden; text-align:center;}
img.col_2strimg {width: 100%; max-width:265px; margin:0 auto; height:auto;}
img.col_2strimg:hover{width: 100%;  max-width:265px; height:auto;}

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

.col_2str > div{
width: 48%;
height:50%;
margin:1%;}
img.col_2strimg {width: 100%; height:auto; max-width:265px; margin:0 auto; 
}

}

@media screen and (max-width: 480px) {
.col_2str > div{
width: 100%;
height:50%;
margin:0.3em;
margin-top:5%;}
img.col_2strimg {width: 100%; height:auto; max-width:265px; margin:0 auto; 
}
}

.st-contact{widt:100%; max-width:960px; margin:2% auto ; text-align:center; }
/* ダウンロード */
.dl{width:53%; max-width:670px; text-align:center; margin:0 auto 7% auto; cursor:pointer; }
.dl-no{ font-size:1.2em; margin:3% 0; font-weight:bold; color:#000;}
.dl-link{ width:100%; margin:3% 0; padding:1% 0; background:#B3B3B3; color:#FFF;}
.dl:hover .dl-link{ background-color:#000000;}
.dl:hover img { opacity:0.8;}
@media screen and (max-width: 480px) {
.dl img {width: 100%; height:auto; max-width:265px; margin:0 auto; 
}
}
/* アイレスジャンプ */

.jump2{ width:260px; margin:2% auto; padding:10px; background-color:#F00; 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; }


}
.col_2th{
width: 100%;
max-width:960px;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin:1% auto 5% auto;
}
 
.col_2th > div{
width: 48%;
height:100%;
padding: 0px;
margin:1%;
}
.col2_re{ overflow:hidden; }
img.col_2thimg {width: 100%; height:auto;}

@media screen and (max-width: 768px) {
.col_2th > div{
width: 98%;
height:auto;
margin:1%;
text-align:center;}
img.col_2thimg {width: 80%; height:auto;
}
}

.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;}
img.col_2img {width: 100%; height: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%;
}