@charset "utf-8";
/***************************
MADE BY JOHOSTATION co., ltd.
***************************/
@import url('https://use.fontawesome.com/releases/v5.0.6/css/all.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

/*基本情報をここに記入*/
html
{min-width:1140px;
  -webkit-text-size-adjust: 100%;
   overflow-x: hidden;
   height:100%;}

* html {overflow-y: hidden}
* html body {overflow-y: hidden}
* html div#whole {overflow-y: scroll; height: 100%}
* html div#footer_manu {position: absolute; ; bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1)}

.header_contents,.header_bt ul,#body,.footer_contents,#title h2,footer_button_pc,.box
{width:1140px;
  margin-left:auto;
  margin-right:auto;
  padding:0px 0px;
  position:relative}

#body
{background-color:#ffffff;}

body 
{height:100%;
  font-family:'Noto Sans Japanese','游ゴシック体', 'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',' Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica','sans-serif';
  font-size:16px;
  line-height:2.0;
  margin:0px auto 0px auto;
  padding:0px 0px 0px 0px;
  width:100%;
  color:#333333;	
  position:relative;
  font-weight:normal;}
	
body > #whole{height:auto}	

br.brsp
{display:none !important}

h1
{font-size:9px;
  width:100%;
  font-weight:normal;
	line-height:1.3em;
	color:#999999;
	height:30px;
	padding:0px 0px 0p x 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	z-index:4}			

#whole
{padding:0px 0px 0px 0px;
  text-align:justify;
  text-justify:inter-ideograph;
  position:relative;
  overflow-x: hidden;
  z-index:4}

img
{border:none;
  width:100%;}

.mode_pc
{display:inherit}

.mode_sp
{display:none}

/*ヘッダー*/

#header
{width: 100%;
  padding: 0px 500%;
  margin: 0 -500% 20px -500%;
  background-color:#ffffff;}

.header_contents
{margin-bottom:10px;
  position:relative}

.header_logo
{width:350px;
  display:inline-block}

.header_tel
{position:absolute;
  right:0px;
  top:5px;
  z-index:5;
  width:280px}

.header_contact
{position:absolute;
  left:330px;
  bottom:0px;
  z-index:5;
  width:500px;}

.header_bt
{padding:0px;
  background-color:#a97;}
#header_bt_premium
{background-color:#231f20;}

.header_bt ul
{margin:0px auto 0px auto;
  font-size:0;
  text-align:center;
  position:relative}

.header_bt ul li
{margin:0px 0px;
  display:inline-block;
  font-size:15px;
  vertical-align:top;
  line-height:0}

.header_bt2
{font-size:0px;
  margin:10px auto;
  width:1000px;}

.header_bt2 li
{font-size:13px;
  width:49%;
  display:inline-block;
  vertical-align:top;
  margin-right:2%;}

.header_bt2 li:last-of-type
{margin-right:0%}

/*ボディ*/	

#body
{padding-top:0px;
  padding-bottom:20px;}

#body>span
{display:block;
  margin-bottom:20px;}

#body h3
{padding:0px 0px 20px 0px;
  font-size:26px;
  line-height:1.3;
  font-weight:800;
  text-align:center;
  margin:0px auto 20px auto;
  letter-spacing:4px;
  color:#a97;
  font-family: 'Shippori Mincho B1', serif;
  overflow: hidden;}

.grand h3
{width: 100%;
  padding: 30px 500% !important;
  margin: 0px -500% 30px -500% !important;
  text-align:center;
  background-color:#231f20;
  color:#fff !important;
  font-size:32px!important;
  line-height:1.3;}

#body h3 span {
	display: inline-block;
	position: relative;
}
 
#body h3 span:before,
#body h3 span:after {
	content: "";
	position: absolute;
	height: 4px;
	border-top: 1px solid #aaaaaa;
	top: 17px;
	width: 100%;}
 
#body h3 span:before {
	right: 100%;
	margin-right: 100px;
}
 
#body h3 span:after {
	left: 100%;
	margin-left: 100px;
}

.contents{margin-bottom:70px}

/*フッター*/	

#footer
{width: 100%;
  padding: 0px 500%;
  margin: 50px -500% 0px -500%;
  text-align:center}

.footer_contents
{margin:0px auto 0px auto;
  padding-top:0px;}
 
.footer_button {
    position: fixed;
    bottom: 0px;
    left: 0px;
	z-index:10;
	display:inherit;
	width:100%;
	transform: translate3d(0,0,0);
	border-top:1px solid #fff;
	text-align:center;}

.footer_button_pc
{margin:0px auto 0px auto;
  padding:0px;
  line-height:0;
  font-size:0;
  text-align:center;
  position:relative;
  background-color:#a97;
  background-image:url(img/wline.png);}

.footer_button_pc li
{margin:0px 0px;
  display:inline-block;
  font-size:18px;
  vertical-align:top;}
 
.footer_button_sp
{display:none} 
 
/*高級仕様/p/*/	

.headerpimg
{margin:-20px 0px 50px;
  position:relative}

.headerpimg>div>img
{display:block;
  margin:auto;
  position:absolute;
  left:0px;
  right:0px;
  top:50px;}

/*トップページ/index/*/

.top_movie
{margin:0px 0% 40px 0%;}
.top_movie>ul
{margin:0px 0% 0px 0%;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;}
.top_movie>ul>li
{width:640px;
  display:flexbox;
  position:relative;}
video
{width:100%}

.top_intro
{margin:0px 0px 50px 0px;}

.top_intro h2
{padding:0px 0px 0px 0px;
  font-size:36px;
  line-height:1.5;
  text-align:center;
  font-weight:800;
  margin:0px 0px 10px 0px;
  position:relative;
  font-family: 'Shippori Mincho B1', serif;}
#top_introp h2
{font-size:45px;
  line-height:1.3;}

.top_intro h2>span
{padding:5px 15px;
  font-size:14px;
  color:#a97;
  border:1px solid #a97;
  line-height:1.3em;
  font-weight:bold;
  margin:0px 20px 0px 0px;
  letter-spacing:3px;
  display:inline-block;
  vertical-align:middle;
  position:relative;
  bottom:3px;}
#top_introp h2>span
{color:#904;
  border:1px solid #904;
  margin:0px 0px 15px}

.top_intro h2>strong
{padding-left:20px;
  font-size:18px;
  line-height:1.3em;
  font-weight:normal;
  position:relative;}

.top_intro h2>strong>b
{padding:0px;
  font-size:180%;
  line-height:1.3em;
  font-weight:bold;
  color:#ff3333}

.top_intro>span
{padding:0px 0px 0px 0px;
  font-size:14px;
  line-height:1.3em;
  text-align:center;
  font-weight:normal;
  margin:0px 0px 30px 0px;
  position:relative;
  display:block}

.top_intro p
{margin:0px 0px 30px 0px;
  text-align:center}

#top_introp>p
{padding:0px 0px 0px 0px;
  font-size:24px;
  line-height:1.8;
  font-family: 'Shippori Mincho B1', serif;
  margin:30px 0px 50px}

.top_intro p>strong
{display:inline-block;
  font-size:120%;
  line-height:1.4;
  padding:5px 10px;
  background-color:#e33;
  color:#fff;}

.top_kanbai
{margin:50px 10% !important;
  padding:10px;
  text-align:center;
  font-size:36px;
  line-height:1.5em;
  font-weight:bold;
  color:#fff;
  background-color:#f00;
  background-image:url(img_genba/wline.png);}

.top_intro ul
{width: 100%;
  padding:30px 500% 10px 500%;
  margin: 0 -500%;
  background-color:#eeddcc;;
  font-size:0px}
#top_introp>ul
{background-color:#006}

.top_intro ul li
{font-size:14px;
  line-height:1.5em;
  width:18.4%;
  margin-right:2%;
  margin-bottom:2%;
  display:inline-block;
  vertical-align:top;}

.top_intro ul li:nth-of-type(5n)
{margin-right:0%;}

.top_madori
{margin:0px 0px 70px 0px;}

.top_madori h4,.top_accessp>h4
{padding:0px 0px 0px 0px;
  font-size:18px;
  line-height:1.8em;
  text-align:center;
  font-weight:bold;
  margin:0px 0px 10px 0px;
  color:#986;
  letter-spacing:3px}
.top_madorip>h4,.top_accessp>h4
{padding:0px 0px 0px 0px;
  font-size:20px;
  line-height:2.2;
  font-family: 'Shippori Mincho B1', serif;
  color:#555}

.top_madori>span
{margin:0px auto 10px auto;
  display:block;
  text-align:center;
  width:80%;
  position:relative}

.top_madori h5
{padding:0px 0px 0px 0px;
  font-size:14px;
  line-height:1.3em;
  text-align:center;
  font-weight:normal;
  margin:0px 0px 0px 0px;}

.top_madorip>ul
{margin:40px 0% 0px 0%;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;}
.top_madorip>ul>li
{width:32%;
  margin-bottom:2%;
  display:flexbox;
  position:relative;}

.top_access,.top_outline
{width: 100%;
  padding:50px 500% 50px 500%;
  margin: 0 -500% 70px -500%;
  background-color:#ffeedd;
  background-image:url(img_genba/wline100.png);}
.top_accessp,.top_outlinep
{background-color:rgba(0,0,102,0.1);
  padding-top:0px !important}

.top_accessp>iframe
{width: 100%;
  height:400px;
  padding:0px 0% 0px 0%;
  margin: 0 -0% 30px -0%;
  border:none}

.top_accessp>img
{display:block;
  margin:20px auto 20px;
  max-width:300px;}

.top_access>ul
{display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin-bottom:10px;}

.top_access>ul li:first-child
{font-size:14px;
  line-height:1.5em;
  width:33%;
  margin-right:2%;
  display:flexbox;}

.top_access>ul li:last-child
{font-size:14px;
  line-height:1.5em;
  width:65%;}

.top_access>ul li iframe
{width:100%;
  height:376px;
  border:none}

.top_access div>p
{text-align:center;
  margin-bottom:20px;
  font-size:16px;
  line-height:1.3em;}

.top_access div ul
{font-size:0px;}

.top_access div ul li
{font-size:14px;
  line-height:1.5em;
  width:15%;
  margin-right:2%;
  margin-bottom:2%;
  display:inline-block;
  vertical-align:top;}

.top_access div ul li:nth-of-type(6n)
{margin-right:0%;}

.top_access div ul li h4
{padding:0px 0px 0px 0px;
  font-size:15px;
  line-height:1.4em;
  text-align:center;
  font-weight:bold;
  margin:0px 0px 0px 0px;}

.top_equip
{margin:0px 0px 70px 0px;
  text-align:center}

.equip_midori,.equip_iot
{position:relative;
margin-bottom: 40px}
.equip_iot>ul
{display: flex;
	justify-content: space-between;
margin-top: 20px}
.equip_iot>ul>li
{width:31%}
.equip_iot>ul>li:last-of-type
{width:100%;
margin-top: 20px}
.equip_iot>ul>li>h5
{padding:0px 0px 10px 0px;
  font-size:18px;
  line-height:1.4;
  font-weight:400;
  margin:10px 0px 10px 0px;
  position:relative;
  border-bottom:1px solid #999}

.equip_link
{margin: 25px auto 10px;
text-align: center}
.equip_link>a
{text-decoration:none !important;
  font-weight:600;
  font-size:16px;
  display:inline-block;
  background-image: linear-gradient(90deg, #22d3ee, #8b5cf6);
  color:#fff !important;
padding: 10px 40px;
border-radius:100vh;
transition: all .4s ease;}
.equip_link>a:hover
{letter-spacing:1px;
  opacity: 0.9}
.equip_link>a:after
{ font-family: "Font Awesome 5 Free";
  content: "\f0a9";
  font-weight:600;
  padding-left:7px}

.equip_rest
{margin:0px 0px 40px 0px;}

.top_equip>img.equip_weco
{display:block;
  width:800px;
  margin:0px auto 50px}

.top_equip h4
{padding:0px 0px 0px 0px;
  font-size:24px;
  line-height:1.4em;
  text-align:center;
  font-weight:bold;
  color:#0099cc;
  margin:0px 0px 10px 0px;
  letter-spacing:3px}
.top_equip:nth-of-type(n+2) h4
{ margin-top:30px}
.top_equipp>h4
{font-size:24px;
  line-height:1.4;
  font-family: 'Shippori Mincho B1', serif;
  color:#006}

.top_equip>span
{margin:20px 0px 20px 0px;
  display:block;
  text-align:center}

.top_equip>span img
{width:inherit}

.top_equip ul
{font-size:0px;
  margin:0px 10% 30px 10%;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;}

.top_equip ul li
{font-size:14px;
  line-height:1.5;
  width:32%;
  display:flexbox;
  position:relative;}

.top_equip_premium>li
{width:48% !important;
  margin-bottom:2%}
.top_equip_premium
{margin:30px 10% 40px !important}

.top_equip ul li:last-of-type
{margin-right:0%;}

.top_equip ul li h5
{padding:0px 0px 0px 0px;
  font-size:18px;
  line-height:1.5em;
  text-align:center;
  font-weight:bold;
  margin:0px 0px 10px 0px;}

.top_equip ul li a
{background-color: rgba(255,255,255,0.0);
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0%;
	font-size:0px}

.top_equip ul li a:hover
{background-color: rgba(255,255,255,0.5);}

.top_equip>ol
{display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin:30px 5% 50px;
  padding:0px;
  list-style:none}

.top_equip>ol>li
{display:flexbox;
  width:47%;}

.top_equip>ol>li>h5
{padding:0px 0px 0px 0px;
  font-size:18px;
  line-height:1.5em;
  text-align:center;
  font-weight:bold;
  margin:0px 0px 10px 0px;}

.equip_midori
{position:relative}

.equip_ecoj
{margin:20px auto 0px;
  max-width:250px;}

div.youtube
{margin:0px auto 0px;}
  
div.youtube>div
{position:relative;
  width:100%;
  padding-top:56.25%;}
  
div.youtube>div iframe
{position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
  border:none}

.top_outline dl
{border:1px solid #cccccc;
  background-color:#dddddd;
  background-image:url(img_genba/wline100.png);
  border-top:none;
  overflow: hidden;
  zoom: 1;
  clear: both;
  float:none;
  margin-top:30px;}

.top_outline dl dt
{padding:1% 2%; 
  border-top:1px solid #cccccc;
  width:22%;
  font-weight:bold;
  clear:left;
  float: left;}

.top_outline dl dd
{padding:1% 2%;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  background-color:#ffffff;
  margin-left:26%;
  text-align:justify}

.top_outline dl dd h4
{padding:0px;
  margin:0px;
  font-size:inherit;
  font-weight:normal;
  color:inherit;
  line-height:inherit}

.top_outline dl dd span
{padding-left:5px;
  font-size:12px;
  line-height:1.2em;}

.top_contact
{margin:0px 0px 40px 0px}

.top_contact ul
{font-size:0;
  border-radius:0px}

.top_contact ul li
{font-size:24px;
  display:inline-block;
  vertical-align:top;
  width:49%;
  margin-right:2%}

.top_contact ul li:last-of-type
{margin-right:0%}

.top_contact ul li span
{padding:10px 5px;
  display:block;
  text-align:center;
  color:#cccccc;
   border:1px solid #cccccc;}

.top_contact ul li a
{padding:15px 5px;
  display:block;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  color:#0066cc;
  border:10px solid #ccddee;
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;}

.top_contact ul li a:hover
{background-color:#0066cc;
  border:10px solid #0066cc;
  color:#ffffff;}

.grand_equip>img
{display:block;
  margin:0px auto 30px;
  max-width:600px;}

.grand_equip>dl
{margin:0px 0% 0px 0%;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;}
.grand_equip>dl:nth-of-type(2n)
{flex-direction:row-reverse;}
.grand_equip>dl>dt
{width:40%;
  display:flexbox;
  position:relative;}
.grand_equip>dl>dd
{width:60%;
  display:flexbox;
  position:relative;
  padding:30px 30px;
  box-sizing:border-box}

.grand_equip>dl>dd>h2
{padding:0px 0px 20px 0px;
  font-size:32px;
  line-height:1.4;
  font-weight:800;
  margin:0px 0px 20px 0px;
  position:relative;
  font-family: 'Shippori Mincho B1', serif;
  color:#231f20;
  border-bottom:1px solid #231f20}

.top_madorip>ul:first-of-type>li
{box-sizing:border-box;
  background-color:rgba(124,86,34,0.1);
  padding:20px;
  font-size:15px;
  line-height:1.7}

.top_madorip>ul>li>h6
{padding:0px 0px 0px 0px;
  font-size:21px;
  line-height:1.4;
  margin:0px 0px 10px 0px;
  position:relative;
  font-family: 'Shippori Mincho B1', serif;
  color:#7c5622;
  font-weight:600;}

.grand_title
{padding:0px 0px 0px 0px;
  font-size:24px;
  line-height:1.4;
  margin:20px 0px 70px 0px;
  position:relative;
  font-family: 'Shippori Mincho B1', serif;
  color:#231f20;
  font-weight:600;
  text-align:center}
.grand_title>span
{font-size:48px;
  line-height:1.4;
  margin:0px 0px 0px 0px;
  font-family: 'Great Vibes', cursive;
  color:#7c5622;
  font-weight:400;
  display:block}
.grand_title:after
{content: '';
  position: absolute;
  bottom:-50px;
  left:0px;
  right:0px;
  height:30px;
  width:1px;
  background-color:#231f20;
  display:block;
  margin:auto}

.top
{background-image:url(sh_shimaizumi52/img/top_bg.webp);
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:cover;
  padding:50px 0px 50px;
  margin:-20px auto 50px}

.top_iot
{width: 100%;
  padding:0px 500% 0px 500%;
  margin:120px -500% 70px -500%;
  background-color:#ffeedd;
  background-image:url(img_genba/wline100.png);}
.top_iot>img
{max-width:300px;
  display:block;
  margin:0px auto 0px;
  position:relative;
  top:-60px}
.top_iot>h2
{font-size:32px;
  line-height:1.7;
  margin:0px 0px 50px 0px;
  position:relative;
  color:#532;
  font-weight:600;
  text-align:center}
.top_iot>h2>span
{font-size:70%;
  display:block}
.top_iot>p
{font-size:17px;
  line-height:1.8;
  text-align:center;
  margin-bottom:30px}
.top_iot>p>span
{font-size:12px;
  margin-top:10px;
  display:block}
.top_iot>span
{max-width:800px;
  display:block;
  margin:0px auto 0px}
.top_iot>img.iot_equip2
{max-width:900px;
  display:block;
  margin:30px auto 0px;
  position:static}

.top_iotc
{ margin-bottom:50px}
.top_iotc>dl
{display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin:0px 10% 0px;
  position:relative;}
.top_iotc2>dl
{flex-direction: row-reverse;}
.top_iotc>dl:before {
    position: absolute;
    top:20%;
    left:0;
    z-index:0;
    content: "";
    width:110%;
    height:70%;
    background-color:rgba(0,51,102,0.05)}
.top_iotc2>dl:before {
    left:auto;
    right:0px;}
.top_iotc>dl>dt
{display:flexbox;
  width:35%;
  z-index:2}
.top_iotc>dl>dd
{padding:0px 0px;
  display:flexbox;
  width:60%;
  z-index:2}
.top_iotc>dl>dd>h3
{font-size:32px !important;
  text-align:justify !important;}
.top_iotc>dl>dd>h4
{font-size:24px;
  line-height:1.5;
  margin:0px 0px 20px 0px;
  padding:0px;
  position:relative;
  color:#036;
  font-weight:600;}

/*ページトップ*/	

#page-top
{position: fixed;
    bottom: 70px;
    right:20px;
	cursor:pointer;
	z-index:5}

/*ドロワーメニュー*/
#page,#page_bg,#humberger,#drawernav
{display:none}

/*ブログ関連*/
.byline,.comments-link,.edit-link,.posted-on,.site-info,.comments-area
{display:none}

/*リンク関連*/	

a:link           {color:#ff5555;text-decoration:underline}
a:visited      {color:#ff5555;text-decoration:underline}
a:hover       {color:#cccccc;text-decoration:underline}	

a.l1:link       {color:#ff5555;text-decoration:none}
a.l1:visited  {color:#ff5555;text-decoration:none}
a.l1:hover   {color:#cccccc;text-decoration:underline}	

a.l2:link       {color:#ffffff;text-decoration:underline}
a.l2:visited  {color:#ffffff;text-decoration:underline}
a.l2:hover   {color:#ffff66;text-decoration:underline}

a.l3:link       {color:#333333;text-decoration:none}
a.l3:visited  {color:#333333;text-decoration:none}
a.l3:hover   {color:#cccccc;text-decoration:none}

a.namenone:hover   {color:inherit;text-decoration:none}

.link_c
{text-align:center;
  margin:20px 0px 0px 0px;}

.link_c a
{text-align:center;
  color:#ffffff;
  text-decoration:none;
  font-size:10pt;
  font-weight:bold;
  padding:5px 15px;
  background-color:#ff5555;
  background-image:url(img/wline.png);
  border-radius:3px;
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;}
  
.link_c a:hover
{background-color:#cccccc;}
	
	
/*リスト関連*/

ul
{list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px;
  text-align:justify;
	text-justify:inter-ideograph}

ul.ul01
{list-style-type:square;
	margin:7px 0px 0px 22px;
	padding:0px;
  text-align:justify;
	text-justify:inter-ideograph}
	
ul.ul02
{list-style-image:url(img/arrow03.gif);
  margin:0px 0px 0px 15px;
	padding:0px;
  text-align:justify;
	text-justify:inter-ideograph}
	
li.li05
{margin-top:05px}	

li.li10
{margin-top:10px}	

li.li15
{margin-top:15px}	

li.li_sozai
{margin-top:10px;
  padding-bottom:7px;
  border-bottom:1px dotted #cccccc;
  color:#ffffff;}	

/*定義関連*/
dl
{margin:0px;
 padding:0px}

dl.dl10
{margin:10px 0px 0px 0px;
 padding:0px}
	
dt 
{margin:0px;
 padding:0px}

dt.dt_width170 {width:170px}

dd
{margin:0px;
 padding:0px 0px 0px 0px}

img
{border:none}

a.img_on img
{-webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;}

a.img_on:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;}

input:hover.img_on
{position:relative;
  top:1px;
	left:1px;
	opacity:0.6;
	filter: alpha(opacity=60);	/* IE6、IE7対応 */
 -moz-opacity: 0.6;		/* Firefox1.5以前対応 */}

img:hover.img_on2
{position:relative;
  top:1px;
	left:1px;}

a:hover.img_on2
{position:relative;
  top:1px;
	left:1px;}

.photo_left
{float:left;
  margin-right:40px}

.photo_right
{float:right;
  margin-left:40px}

/*回り込み関連*/
.clear    {float:none; clear:both;height:0px;overflow:hidden}
.clear img{width:0px;height:0px}
.f-left    {float:left;text-align:justify;text-justify:inter-ideograph}
.f-left10 {float:left;text-align:justify;text-justify:inter-ideograph;margin-left:10px}
.f-right  {float:right;text-align:justify;text-justify:inter-ideograph}
	
/*配置関連*/
.left        {text-align:left}
.center   {text-align:center;margin-left:auto !important;margin-right:auto !important;align-items: center;}
.right      {text-align:right}

p
{margin:0px;}
	
hr.hr01
{color:#ffffff;
  margin:3px 0px;
  border-style:dashed}


strong
{}

strong.basic
{color:#333333}

/*全体をリンク*/

a.wa
{background-color: rgba(255,255,255,0.0);
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0%;
	font-size:0px}

a.wa:hover
{background-color: rgba(255,255,255,0.5);}

/* 003 */
.button003
{margin:30px 0px 0px}
.button003 a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;

    max-width: 260px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	text-decoration:none
}
.button003 a:hover {
    background: #313131;
    color: #FFF;
}
.button003 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button003 a:hover:after {
    border-color: #FFF;
}


/*記入モード*/
.i-japan    {ime-mode:active}
.i-english  {ime-mode:disabled}
#i-english  {ime-mode:disabled}
.required email  {ime-mode:disabled}