@charset "utf-8";

/* CSS Document */

body{
	margin:0;
	padding:0;
	font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";	/*文字サイズ、行間、フォント指定*/
	color:#111111;
	width: 100%;
	max-width: 1500px;
	height: auto;
	margin: 0 auto;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
/*ヘッダー設定
---------------------------------------------------------------------------*/
header{
	width:100%;
	max-width:1500px;
	margin:0 auto;
}
#header h5{
	border-top:solid 1px #E99901;/*カラー注意　オレンジ*/
}
#header h5 p{
	margin-top: 5px;
	margin-left: 10px;
	font-size: 1vh;	
}
.he01 img{
	width:100%;
	max-width:175px;
	margin-left: 20px;
}
#header h6{
	height: 65px;
	border-bottom:solid 3px #E99901;/*カラー注意　オレンジ*/
	margin-bottom: 5px;
}
.he01{
   float: left;	
}
.he02{
   float: right;
	margin-right: 20px;
}
.he03{
   float: right;
}
.he02 img{
	width:100%;
	max-width:234px;
}
.he03 img{
	width:100%;
	max-width:234px;
}
/*メイン設定
---------------------------------------------------------------------------*/
main{
	clear: both;
	padding-top: 10px;
	height: 577px;
}
#ma01{
	position:absolute;
	z-index:10;
	width: 100%;
	max-width: 1500px;
}
#ma02{
	width: 955px;
	height: 377px;
    margin: 100px auto;
    background: rgba(255,255,255,0.90);
    box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.90);
    border: solid 1px #000000;
}
.ma03 img{
	max-width: 175px;
	height: 52px;
}
.ma03{
	display: flex;
	justify-content: center;
	margin: 25px;
}
#ma02 h1{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	font-size: 60px;
	line-height: 1.3em;
	text-align: center;
	margin-top: 2%;
}
#ma02 h2{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	font-size: 40px;
	letter-spacing: 0.1em;
	color:#04823D;/*カラー注意　緑*/
	text-align: center;
}
/*基本料金設定
---------------------------------------------------------------------------*/
kin{
	display: block;
    background-image:url("../img/003.jpg");
	width: 100%;
	max-width: 1500px;
	height: 1255px;
}
#cara{
	display: flex;
	justify-content: space-around;
}
.cara01 img{
	width: 100%;
	max-width: 190px;
	height: auto;
	margin-top: -5%;/*キャラの高さ*/
}
.cara02{
	width:100%;
	max-width: 1100px;
}
.cara03 {display:none}

.cara04 {
	clear: both;
}
.kin01{
	font-size: 15px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	color:#04823D;/*カラー注意　緑*/
	text-align: center;
	margin: 0 auto;
	padding: 60px 0px 5px ;
	border-bottom: #04823D solid 1px;/*カラー注意　緑*/
	width: 70px;
}
kin h3{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: center;
	font-size: 25px;
	padding-bottom: 60px;
}
kin table{
	width:100%;
	max-width: 1100px;
	margin: 0 auto;
	margin-top: 10px;
	border-collapse: collapse;
	border-spacing: 0;

}
.kin05{
	color: aliceblue;
	border-collapse: separate;
	border-spacing: 10px 0px ;
	margin: 0 auto;
}
.kin05 th{
	
	background:#E99901;/*カラー注意　オレンジ*/
	
}
kin table th,table td{
  padding: 10px 0;
  width: 25%;
  text-align: center;
}

kin table tr:nth-child(odd){
  background-color: #eee
}
.kinta01{
	background-color: aliceblue;/*カラー注意　白*/
}
.kinta02{
	background-color: darkgrey;/*カラー注意　グレー*/
}
.kin03{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	text-align:right;
	font-size: 5px;
}
.kin02{
	text-align: center;
	font-size: 20px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	font-weight: bold;
}
.kin04{
	text-align: center;
	font-size: 20px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	font-weight: bold;
	margin-bottom: 100px;
}
/*問い合わせ設定
---------------------------------------------------------------------------*/
#toi{
	width: 100%;
	max-width: 1500px;
	height: 455px;
	background-image:url("../img/004.jpg");
}
#toi02{
	width: 100%;
	max-width: 955px;
	margin: 0 auto;
	height: 379px;
	
}
#toi h1 img{
	padding: 77px 0 0;
}
#toi03{
	width: 100%;
	max-width: 955px;
	position:absolute;
	z-index:10;
}
.t01{
	padding-left: 19.5%;
}
.t01 img{
	width: 100%;
	max-width: 580px;
	margin: 0 auto;
	padding-top: 120px;
}
.t02{
	padding-left: 32%;
}

.t03{
	padding-left: 32%;
}


.toi480 img{ display:none;}	

/*実績設定
---------------------------------------------------------------------------*/

/*ループ設定　1*/
#loopslider {
    margin: 0 auto;
    width: 1500px;/*ループ　全体サイズ横*/
    height: 410px;/*ループ　全体サイズ縦*/
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 410px;/*ループ　全体サイズ縦*/
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 718px;/*ループ　個別サイズ横*/
    height: 418px;/*ループ　個別サイズ縦*/
    float: left;
    display: inline;
    overflow: hidden;
}
 
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}
/*ループ設定　1　ここまで*/

works{
	display: block;
    background-image:url("../img/003.png");
	width: 100%;
	max-width: 1500px;
	height: 650px;
}
works h3{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: center;
	font-size: 25px;
	padding-bottom: 60px;
}
works h5{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	font-size: 25px;
	padding-left: 30px;
	color: crimson;/*カラー注意　赤*/
	line-height: 25px;
}

/*ループ画像設定　1*/
#wo01{
	display: block;
	width: 100%;
	max-width: 718px;
	height: 410px;
	border-radius:10px;
	background-color:#FFFFFF;/*カラー注意　白*/
}
.wo02{
	width: 100%;
	max-width: 688px;
	color: antiquewhite;/*カラー注意 白*/
	background-color: #ECB55B;/*カラー注意　だいだい*/
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
	padding: 5 0 5 0;
}
#wo06{
	margin-bottom: 10px;
	padding-top: 10px;
}
#wo07{
	text-align: center;
}
.wo05{
	width: 100%;
	max-width: 688px;
	height: auto;
}
.wo03{
	width: 100%;
	max-width: 688px;
	margin: 0 auto;
	padding: 5;
	font-size: 14px;
}
.wo04{
	width: 60px;
	padding-right: 20px;
}
.wo08{
	font-size: 20px;
	color: #9F8A62;/*カラー注意　茶*/
	padding-right: 5px;
}.wo09{
	font-size: 25px;
	color: #9F8A62;/*カラー注意　茶*/
	padding-right: 10px;
}
#float-l{
	float: left
}
#float{
	width: 123px;
	float: left;
	padding-left: 15px;
}
#float h6{
	text-align: center;
	background-color: #9F8A62;/*カラー注意　だいだい*/
	margin: 0 auto;
	color: antiquewhite;/*カラー注意　白*/
}
#float h4{
	text-align:center;
	margin: 0 auto;
	color: #04823D;/*カラー注意　緑*/
	border: 1px #9F8A62 solid;/*カラー注意　茶*/
	font-size: 15px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	letter-spacing: 5px;
}
#float-r{
	float: right;
	padding-right: 15px;
}
.wo10{
	font-size: 14px;
	color: black;
}
.wo11{
	width: 60px;
	padding-right: 10px;
}
#float-r h7{
	font-size: 50px;
	color: crimson;/*カラー注意　赤*/
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	line-height: 60px;
	padding-left: 15%;
}
.wo12{
	font-size: 40px;
	color: #9F8A62;/*カラー注意　茶*/
	padding-right: 5px;
}

/*ループ画像設定　1ここまで*/


jobs{
	display: block;
    background-image:url("../img/003.png");
	background-repeat: repeat-y;
	width: 100%;
	max-width: 1500px;
	height: 2000px;
}
jobs h3{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: center;
	font-size: 25px;
	padding-bottom: 60px;
}
#sagyou{
	width: 100%;
	max-width: 1100px;
	height: 318px;
	background-color:#FFFFFF;/*カラー注意　白*/
	margin: 0 auto;
	margin-bottom: 30px;
}
#sagyou img{
	margin: 40px 40px 0 10%;
	float: left;
}
#konf{
	width: 400px;
	float: left;
	padding-top: 60px;
}
#konf h1{
	line-height: 100px;
}
.kon02{
	font-size: 100px;
	font-style: italic;
	color: darkgrey;/*カラー注意　グレー*/
	padding-right: 20px;
}
.kon01{
	color: #04823D;/*カラー注意　緑*/
	font-size: 40px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
}
#konf2{
	width: 400px;
	margin: 1% 0 0 10%;
	float: left;
}
#konf3 img{
	margin-right: 7%;
}
.triangle{
	margin: 0 auto;
	padding-bottom: 30px;
 	width: 0;
 	height: 0;
 	border-left: 30px solid transparent;
 	border-right: 30px solid transparent;
 	border-top: 30px solid #E99901;/*カラー注意　オレンジ*/
}
#sagyou02{
	clear: both;
}
#sagyou02 h1{
	text-align: center;
	color:#FFFFFF;/*カラー注意　白*/
	background-color: #9F8A62;/*カラー注意　茶*/
	width: 650px;
	margin: 0 auto;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
}
#hoken01{
	width: 1500px;
	margin: 0 auto;
	text-align: center;
}
#hoken01 img{
	padding: 30px;
}
.dou img{
	width: 100%;
	max-width: 500PX;
	height: auto;
}
#konf2{
	width: 400px;
	float: left;
	padding-top: 60px;
}
#konf2 h1{
	line-height: 100px;
}

/*ループ設定　2*/
#loopslider2 {
    margin: 0 auto;
    width: 1500px;/*ループ　全体サイズ横*/
    height: 339px;/*ループ　全体サイズ縦*/
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider2 ul {
    height: 339px;/*ループ　全体サイズ縦*/
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider2 ul li {
    width: 512px;/*ループ　個別サイズ横*/
    height: 339px;/*ループ　個別サイズ縦*/
    float: left;
    display: inline;
    overflow: hidden;
}
#loopslider2 ul li a img{
	object-fit: cover;
	object-position: center;
}
 
/* =======================================
    ClearFixElements
======================================= */
#loopslider2 ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider2 ul {
    display: inline-block;
    overflow: hidden;
}
/*ループ設定　2　ここまで*/

#nayami{
	width: 1500px;
	height: auto;
	position: relative;
}
#nayami h1{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: center;
	color: #04823D;/*カラー注意　緑*/
	font-size: 50px;
	margin: 30px;
}
#naya01{
	width: 1015px;
	margin: 0 auto;
}
#nayami #naya02{
	width: 600px;
	left: 500px;
	top: 170px;
	position:absolute;
	z-index:10;
}
#naya02 p{
	font-size: 20px;
}
.na01{
	padding-bottom: 115px;
}
.na02{
	padding-bottom: 170px;
}
.na03{
	padding-bottom: 100px;
}
.na04{
	padding-bottom: 150px;
}
.na05{
	padding-bottom: 150px;
}
.r{
	text-align: right;
}
.l{
	text-align: left;
}

flow h3{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: center;
	font-size: 25px;
	padding-bottom: 60px;
}
#flowbox{
	width: 100%;
	max-width: 1300px;
	height: 550px;
	margin: 0 auto;
}
#step01{/*箱1*/
	width: 100%;
	max-width: 287PX;
	height: 486px;
	border: 5px solid #E99901;/*カラー注意　オレンジ*/
	float: left;
}
#step01 hr{
	border-top: 3px solid #E99901;/*カラー注意　オレンジ*/
	width: 180px;
}
#step01 h1{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: center;
	color: #E99901;/*カラー注意　オレンジ*/
	padding: 30px 0;
}
#step01 h2{
	text-align: center;
}
#step01 h2 img{
	width: 100%;
	max-width: 156px;
	height: auto;
}
#step01 h3{
	padding-bottom: 20px;
}
#step01 p{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: start;
	line-height: 20px;
	font-size: 18px;
	padding-left: 40px;
}
.triangle1{
	width: 0;
	height: 0;
 	border-left: 20px solid #E99901;/*カラー注意　オレンジ*/
 	border-top: 30px solid transparent;
 	border-bottom: 30px solid transparent;
	float: left;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 228px;
}/*箱1ここまで*/
#step02{/*箱2*/
	width: 100%;
	max-width: 287px;
	height: 486px;
	border: 5px solid #CCE989;/*カラー注意　黄緑*/
	float: left;
}
#step02 hr{
	border-top: 3px solid #CCE989;/*カラー注意　黄緑*/
	width: 180px;
}
#step02 h1{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: center;
	color: #CCE989;/*カラー注意　黄緑*/
	padding: 30px 0;
}
#step02 h2{
	text-align: center;
}
#step02 h2 img{
	width: 100%;
	max-width: 156px;
	height: auto;
}
#step02 h3{
	padding-bottom: 20px;
}
#step02 p{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: start;
	line-height: 20px;
	font-size: 18px;
	padding-left: 40px;
}
.triangle2{
	width: 0;
	height: 0;
 	border-left: 20px solid #CCE989;/*カラー注意　黄緑*/
 	border-top: 30px solid transparent;
 	border-bottom: 30px solid transparent;
	float: left;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 228px;
}/*箱2ここまで*/
#step03{/*箱3*/
	width: 100%;
	max-width: 287PX;
	height: 486px;
	border: 5px solid #E34ED4;/*カラー注意　ピンク*/
	float: left;
}
#step03 hr{
	border-top: 3px solid #E34ED4;/*カラー注意　ピンク*/
	width: 180px;
}
#step03 h1{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: center;
	color: #E34ED4;/*カラー注意　ピンク*/
	padding: 30px 0;
}
#step03 h2{
	text-align: center;
}
#step03 h2 img{
	width: 100%;
	max-width: 156px;
	height: auto;
}
#step03 h3{
	padding-bottom: 20px;
}
#step03 p{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: start;
	line-height: 20px;
	font-size: 18px;
	padding-left: 40px;
}
.triangle3{
	width: 0;
	height: 0;
 	border-left: 20px solid #E34ED4;/*カラー注意　ピンク*/
 	border-top: 30px solid transparent;
 	border-bottom: 30px solid transparent;
	float: left;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 228px;
}/*箱3ここまで*/
#step04{/*箱4*/
	width: 100%;
	max-width: 287PX;
	height: 486px;
	border: 5px solid #1EA8F5;/*カラー注意　ブルー*/
	float: left;
}
#step04 hr{
	border-top: 3px solid #1EA8F5;/*カラー注意　ブルー*/
	width: 180px;
}
#step04 h1{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: center;
	color: #1EA8F5;/*カラー注意　ブルー*/
	padding: 30px 0;
}
#step04 h2{
	text-align: center;
}
#step04 h2 img{
	width: 100%;
	max-width: 156px;
	height: auto;
}
#step04 h3{
	padding-bottom: 20px;
}
#step04 p{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: start;
	line-height: 20px;
	font-size: 18px;
	padding-left: 40px;
}/*箱4ここまで*/
flow p{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: start;
	line-height: 20px;
	font-size: 18px;
	padding-left: 200px;
	padding-bottom: 50px
}
imeji{
	width: 1500px;
	height:2427px;
	margin: 0 auto;
	background-color: #E4ABAC;
}
imeji h1{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: center;
	line-height: 600px;
	width: 1500px;
	height: 550px;
	background-image: url("../img/img_1601199881.jpg");
}

#ime01{
	width: 100%;
	max-width: 1500px;
}
#export img{
	width: 100%;
	max-width: 750px;
	height: 455px;
	float: left;
}
#fl01{
	width: 600px;
	float: left;
	padding-top: 150px;
	padding-left: 50px;
}
.fl02{
	font-size: 50px;
	font-style: italic;
	color: #9F8A62;/*カラー注意　茶*/
	padding-right: 20px;
}
#fl01 p{
	color: #04823D;/*カラー注意　緑*/
	font-size: 20px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	padding-bottom: 125px
}
.fl03{
	width: 100%;
	max-width: 750px;
	height: 455px;
	float: right;
}
.fl04{
	margin-bottom: 40px;
}
#loop3{
	width: 1500px;
	height: 339px;
	clear: both;
}

/*ループ設定　3*/
#loopslider3 {
    margin: 0 auto;
    width: 1500px;/*ループ　全体サイズ横*/
    height: 339px;/*ループ　全体サイズ縦*/
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider3 ul {
    height: 339px;/*ループ　全体サイズ縦*/
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider3 ul li {
    width: 512px;/*ループ　個別サイズ横*/
    height: 339px;/*ループ　個別サイズ縦*/
    float: left;
    display: inline;
    overflow: hidden;
}
 
/* =======================================
    ClearFixElements
======================================= */
#loopslider3 ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider3 ul {
    display: inline-block;
    overflow: hidden;
}
/*ループ設定　2　ここまで*/


#ano01{
	width: 1500px;
	height: 598px;
	background-image:url("../img/026.jpg");
	position: relative;
	margin-top: 50px;
}
#ano01 h1{
	top: 298px;
	width: 1500px;
	font-size: 25px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	text-align: center;
	position: absolute;
	background: #FFFFFF;/*カラー注意　白*/
	opacity: 0.85;
	padding: 10px 0 10px 0;
}
#ano02{
	width: 600px;
	float: left;
	padding-top: 150px;
	padding-left: 50px;
}
#ano02 p{
	color: #04823D;/*カラー注意　緑*/
	font-size: 20px;
	font-family:"Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	padding-bottom: 165px
}

/*下のバナー*/
#last{
	width: 1500px;
	height: 339px;
	clear: both;
}

#menu{
	width: 100%;
	max-width: 1500px;
	height: auto;
}
#menu ul{
	display:flex;
	justify-content: center;
	margin:0;
	padding:0;
}
#menu ul li{
	list-style-type:none;
	margin-top:48px;
	padding: 0 1em 0 1em;
	border-left: 1px solid #000000;
}
#menu ul li a{
	text-decoration:none;
	font-family:"Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	color: black;
	text-align: center;
}
#menu ul li:first-child{
	border-left-style:none;
}
#menu02{
	width: 100%;
	max-width: 1500px;
	height: auto;
}
#menu02 ul{
	display:flex;
	justify-content: center;
	margin:0;
	padding:0;
}
#menu02 ul li{
	margin-top:48px;
	padding: 0 3em 0 3em;
}
#menu02 ul li img{
	width: 100%;
	height: auto;
}
#menu02 ul li p{
	font-family:"Yu Mincho", "Hiragino Mincho ProN", "serif";/*文字注意　明朝*/
	color: black;
	text-align: center;
	line-height: 1em;
}
#las{
	width: 1500px;
	margin-top: 10px;
	border-bottom: 5px solid #E99901;/*カラー注意　オレンジ*/
}
.co {
	text-align: center;
}

/*ここからタブレット用（1024px）環境の設定
---------------------------------------------------------------------------*/
@media only screen and (min-width:771px) and (max-width:1024px){
header{
	width:100%;
	max-width:1024px;
}
/*1024メイン設定
---------------------------------------------------------------------------*/
main{
	padding-top: 10px;
	height: 392px;
}
	main a img{
		width: 100%;
		max-width: 1024px;
		height: 392px;
	}
#ma01{
	width: 100%;
	max-width: 1024px;
}
#ma02{
	width: 100%;
	max-width: 649px;
	height: 256px;
	padding: 0.2em 0.5em;
    margin: 68px auto;
}
.ma03 img{
	max-width: 175px;
	height: 52px;
}
.ma03{
	margin-top: 11px;
}
#ma02 h1{
	font-size: 39px;
	line-height: 1em;
	padding-top: 2%;
}
#ma02 h2{
	font-size: 28px;
	letter-spacing: 0.1em;
}

/*基本料金設定
---------------------------------------------------------------------------*/
kin{
	width: 100%;
	max-width: 1024px;
	height: 1300px;/*高さ設定後で触る*/
}
.cara01 img{
	width: 100%;
	max-width: 190px;
	margin-top: 100%;/*キャラの高さ*/
}
.kin01{
	font-size: 15px;
	padding: 60px 0px 5px ;
	width: 70px;
}
kin h3{
	font-size: 25px;
	padding-bottom: 60px;
}
kin table{
	width:100%;
	max-width: 680px;
	margin-top: 10px;
}
.kin05{
	border-spacing: 10px 0px ;
}
kin table th,table td{
  padding: 10px 0;
}
.kin03{
	width: 100%;
	max-width: 680px;
	font-size: 5px;
}
.kin02{
	font-size: 20px;
}
.kin04{
	font-size: 20px;
	margin-bottom: 100px;
}
/*問い合わせ設定
---------------------------------------------------------------------------*/
#toi{
	width: 100%;
	max-width: 1024px;
	height: 310px;
	background-size: cover;
	
}
#toi02{
	width: 100%;
	max-width: 649px;
	height: 257px;
	
}
#toi h1 img{
	width: 100%;
	max-width: 649px;
	height: 257px;
	padding: 52px 0 0;
}
#toi03{
	width: 100%;
	max-width: 649px;
}
.t01{
	padding-left: 19.5%;
}
.t01 img{
	width: 100%;
	max-width: 394px;
	height: 101px;
	padding-top: 65px;
}
.t02{
	padding-left: 32%;
}
.t02 img{
	width: 100%;
	max-width: 300px;
	height: auto;
}

.t03 img{
	width: 100%;
	max-width: 480px;
	height: auto;
}


/*実績設定
---------------------------------------------------------------------------*/

/*ループ設定1後で
---------------------------------------------------------------------------*/
#loopslider {
    width: 100%;/*ループ　全体サイズ横*/
	max-width: 1024px;
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider ul {
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider ul li {
    width: 70%;/*ループ　個別サイズ横*/
	max-width: 490px;
    height: 320px;/*ループ　個別サイズ縦*/
}
/*ループ設定　1　ここまで*/

/*ループ後で
---------------------------------------------------------------------------*/

/*ループ内容1後で
---------------------------------------------------------------------------*/
works{
	width: 100%;
	max-width: 1024px;
	height: 490px;/*高さ設定後で触る*/
}
works h3{
	font-size: 17px;
	padding-bottom: 41px;
}
works h5{
	font-size: 17px;
	padding-left: 20.5px;
	line-height: 17px;
}
#wo01{
	width: 100%;
	max-width: 490px;
	height: 320px;
}
.wo02{
	width: 100%;
	max-width: 469.7px;
	font-size: 13.7px;
	padding: 3.4 0 3.4 0;
}
#wo06{
	margin-bottom: 6.8px;
	padding-top: 6.8px;
}
.wo05{
	width: 100%;
	max-width: 469.7px;
	height: auto;
}
.wo03{
	width: 100%;
	max-width: 469.7px;
	padding: 3.4px;
	font-size: 10.6px;
}
.wo04{
	width: 41px;
	padding-right: 3px;
}
.wo08{
	font-size: 13.7px;
	padding-right: 3.4px;
}.wo09{
	font-size: 17px;
	padding-right: 6.8px;
}
#float{
	width: 84px;
	padding-left: 9px;
}
#float h4{
	font-size: 13px;
	letter-spacing: 0px;
}
#float-r{
	padding-right: 10.6px;
}
.wo10{
	font-size: 9.6px;
}
.wo11{
	width: 41px;
	padding-right: 6.8px;
}
#float-r h7{
	font-size: 35px;
	line-height: 41px;
}
.wo12{
	font-size: 27.3px;
	padding-right: 3.4px;
}
	.fl10{
		margin-top: 20px;
	}
		@media only screen and (max-width: 1024px) {
  .wo03 br{
    display: none;
  }
/*ループ内容1後で
---------------------------------------------------------------------------*/


jobs{
	width: 100%;
	max-width: 1024px;
	height: 1618px;/*高さ設定後で触る*/
}
jobs h3{
	font-size: 25px;
	padding-bottom: 50px;
}
#sagyou{
	width: 100%;
	max-width: 748px;
	height: 216px;
	margin-bottom: 30px;
}
#sagyou img{
	margin: 40px 40px 0 40px;
	width: 100%;
	max-width: 236px;
	height: 162px;
}
#konf{
	width: 350px;
	padding-top: 41px;
}
#konf h1{
	line-height: 68px;
}
.kon02{
	font-size: 68px;
	padding-right: 20px;
}
.kon01{
	font-size: 24px;
}
#konf2{
	width: 260px;
	padding-top: 41px;
	padding-left: 27px;
}
#sagyou02 h1{
	width: 442px;
	font-size: 1.2em;
	letter-spacing: 0.3em;
}
#hoken01{
	width: 100%;
	width: 1024px;
}
#hoken01 img{
	width: 100%;
	max-width: 145px;
	height: 111px;
	padding: 30px;
}
	
/*いらない？
.dou img{
	width: 100%;
	max-width: 500PX;
}
#konf2{
	width: 400px;
	padding-top: 60px;
}
#konf2 h1{
	line-height: 100px;
}*/
	
/*ループ内容2後で
---------------------------------------------------------------------------*/

#loopslider2 {
    width: 100%;/*ループ　全体サイズ横*/
	max-width: 1024px;
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider2 ul {
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider2 ul li {
    /*width: 68.27%;*//*ループ　個別サイズ横*/
	max-width: 640px;
    height: 320px;/*ループ　個別サイズ縦*/
}
/*ループ２ここまで
---------------------------------------------------------------------------*/
#nayami{
	width: 100%;
	max-width: 1024px;
}
#nayami h1{
	font-size: 34px;
	margin: 30px;
}
#naya01{
	width: 100%;
	max-width: 680px;
}
	#naya01 p img{
		width: 100%;
		max-width: 562px;
		height: 127px;
	}
#nayami #naya02{
	width: 100%;
	max-width: 408px;
	left: 340px;
	top: 124px;
}
#naya02 p{
	font-size: 13px;
}
.na01{
	padding-bottom: 86px;
}
.na02{
	padding-bottom: 105px;
}
.na03{
	padding-bottom: 85px;
}
.na04{
	padding-bottom: 110px;
}
.na05{
	padding-bottom: 170px;
}


flow h3{
	font-size: 25px;
	padding-bottom: 60px;
}
#flowbox{
	width: 100%;
	max-width: 900px;
	height: 420px;/*高さ設定後で触る*/
}
#step01{/*箱1*/
	width: 100%;
	max-width: 195PX;
	height: 380px;/*高さ設定後で触る*/
}
#step01 hr{
	width: 123px;
}
#step01 h1{
	padding: 20px 0;
	font-size: 1.3em;
}
	#step01 h3{
	font-size: 1.3em;
}
#step01 h2 img{
	width: 100%;
	max-width: 126px;
	height: auto;
}
#step01 p{
	line-height: 20px;
	font-size: 0.9em;
	padding-left: 15px;
}
.triangle1{
 	border-left: 14px solid #E99901;/*カラー注意　オレンジ*/
 	border-top: 20px solid transparent;
 	border-bottom: 20px solid transparent;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 187px;
}/*箱1ここまで*/
#step02{/*箱2*/
	width: 100%;
	max-width: 195PX;
	height: 380px;
}
#step02 hr{
	width: 123px;
}
#step02 h1{
	padding: 20px 0;
	font-size: 1.3em;
}
#step02 h3{
	padding-bottom: 20px;
	font-size: 1.3em;
}
#step02 h2 img{
	width: 100%;
	max-width: 126px;
	height: auto;
}
#step02 p{
	line-height: 20px;
	font-size: 0.9em;
	padding-left: 15px;
}
.triangle2{
 	border-left: 14px solid #CCE989;/*カラー注意　黄緑*/
 	border-top: 20px solid transparent;
 	border-bottom: 20px solid transparent;
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 187px;
}/*箱2ここまで*/
#step03{/*箱3*/
	width: 100%;
	max-width: 195PX;
	height: 380px;
}
#step03 hr{
	width: 123px;
}
#step03 h1{
	font-size: 1.3em;
	padding: 20px 0;
}
#step03 h2 img{
	width: 100%;
	max-width: 126px;
	height: auto;
}
#step03 h3{
	font-size: 1.3em;
	padding-bottom: 20px;
}
#step03 p{
	line-height: 20px;
	font-size: 0.9em;
	padding-left: 15px;
}
.triangle3{
 	border-left: 14px solid #E34ED4;/*カラー注意　ピンク*/
 	border-top: 20px solid transparent;
 	border-bottom: 20px solid transparent;
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 187px;
}/*箱3ここまで*/
#step04{/*箱4*/
	width: 100%;
	max-width: 195PX;
	height: 380px;
}
#step04 hr{
	width: 123px;
}
#step04 h1{
	font-size: 1.3em;
	padding: 20px 0;
}
#step04 h2 img{
	width: 100%;
	max-width: 126px;
	height: auto;
}
#step04 h3{
	font-size: 1.3em;
	padding-bottom: 20px;
}
#step04 p{
	line-height: 20px;
	font-size: 0.9em;
	padding-left: 15px;
}/*箱4ここまで*/
flow p{
	line-height: 1em;
	font-size: 1em;
	padding-left: 100px;
	padding-bottom: 50px;
}
imeji{
	width: 100%;
	max-width: 1024px;
	height:2427px;/*高さ設定後で触る*/
}
imeji h1{
	line-height: 408px;
	width: 100%;
	max-width: 1024px;
	height: auto;
	background-image: url("../img/img_1601199881.jpg");
	background-size: cover;
	background-position: center;
}

#ime01{
	width: 100%;
	max-width: 1024px;
}
#export img{
	width: 100%;
	max-width: 500px;
	height: auto;
}
#fl01{
	width: 450px;
	padding-top: 80px;
	padding-left: 20px;
}
.fl02{
	font-size: 30px;
	padding-right: 0px;
}
#fl01 p{
	font-size: 20px;
	padding-bottom: 85px
}
.fl03{
	width: 100%;
	max-width: 505px;
	object-fit: cover;
	object-position:bottom;
	height: 307px;
}
.fl04{
	margin-bottom: 40px;
}
	
#loop3{
	width: 100%;
	max-width: 1024px;
	height: 339px;
}
	 /*loop3-----------------*/
#loopslider3 {
    width: 100%;/*ループ　全体サイズ横*/
	max-width: 1024px;
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider3 ul {
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider3 ul li {
/*    width: 100%;*//*ループ　個別サイズ横*/
	max-width: 640px;
    height: 320px;/*ループ　個別サイズ縦*/
}
	/*loop3------------*/
#ano01{
	width: 100%;
	max-width: 1024px;
	height: 407px;
	background-image:url("../img/026.jpg");
	background-size: cover;
	background-position: center;
	margin-top: 50px;
}
#ano01 h1{
	top: 203px;
	width: 100%;
	max-width: 1024px;
	font-size: 17px;
	padding: 7px 0 7px 0;
}
#ano02{
	width: 450px;
	padding-top: 130px;
	padding-left: 20px;
}
#ano02 p{
	font-size: 20px;
	padding-bottom: 105px
}

/*下のバナー*/
#last{
	width: 100%;
	max-width: 1024px;
	height: 310px;
}

#menu{
	width: 100%;
	max-width: 1024px;
	height: auto;
}
#menu ul li{
	margin-top:48px;
	padding: 0 1em 0 1em;
}
#menu02{
	width: 100%;
	max-width: 1024px;
	height: auto;
}
#menu02 ul li{
	margin-top:48px;
	padding: 0 3em 0 3em;
}
#menu02 ul li img{
	width: 100%;
	height: auto;
}
#las{
	width: 100%;
	max-width: 1024px;
	margin-top: 10px;
}
	}}
/*ここからタブレット用（770px）環境の設定
---------------------------------------------------------------------------*/
@media  only screen and (max-width:770px) and (min-width: 481px){
	
header{
	width:100%;
	max-width:770px;
}

#header h5 p{
	margin-top: 5px;
	margin-left: 10px;
	font-size: 1vh;	
}
.he01 img{
	width:100%;
	max-width:128px;
	margin-left: 15px;
}
#header h6{
	height: 65px;
	margin-bottom: 5px;
}
.he02{
	margin-right: 15px;
}
.he02 img{
	width:100%;
	max-width:175px;
	height: auto;
}
.he03 img{
	width:100%;
	max-width:175px;
	height: auto;
}
/*770メイン設定
---------------------------------------------------------------------------*/
main{
	width: 100%;
	max-width: 770px;
	padding-top: 10px;
	height: 282px;

}
main a img{
	width: 100%;
	max-width: 770px;
	height: 392px;
}
#ma01{
	width: 100%;
	max-width: 770px;
}
#ma02{
	width: 100%;
	max-width: 474px;
	height: 187px;
	padding: 0;
    margin: 50px auto;
}
.ma04 img{
		width: 100%;
		max-width: 770px;
		height: auto;
		object-fit: cover;
		object-position:center;

}
.ma03 img{
	max-width: 105px;
	max-height: 32px;

}
.ma03{
	margin: 10px;
}
#ma02 h1{
	width: 100%;
	max-width: 750px;
	font-size: 30px;
	line-height: 4vh;
}
#ma02 h2{
	width: 100%;
		max-width: 750px;
	font-size: 20px;
	letter-spacing: 1vh;
}
	#ma02 p{
		width: 100%;
		max-width: 750px;
	}
	

/*基本料金設定
---------------------------------------------------------------------------*/
kin{
    background-image:url("../img/003.png");
	width: 100%;
	max-width: 770px;
	height: 1026px;/*高さ設定後で触る*/
}
.kin01{
	font-size: 15px;
	padding: 44px 0px 5px ;
	width: 70px;
}
.cara01 img{
	width: 100%;
	max-width: 190px;
	margin-top: 120%;/*キャラの高さ*/
}
kin h3{
	font-size: 25px;
	padding-bottom: 45px;
}
kin table{
	width:100%;
	max-width: 680px;
	margin-top: 10px;
}
.kin05{
	border-spacing: 10px 0px ;
}
kin table th,table td{
  padding: 10px 0;
}
.kin03{
	width: 100%;
	max-width: 680px;
	font-size: 5px;
}
.kin02{
	font-size: 1em;
	text-align: left;
	margin-left: 1em;
}
.kin04{
	font-size: 1em;
	text-align: left;
	margin-bottom: 30px;
	margin-left: 1em;
}

/*問い合わせ設定
---------------------------------------------------------------------------*/
#toi{
	width: 100%;
	max-width: 770px;
	height: 310px;
	background-size: cover;
}
#toi02{
	width: 100%;
	max-width: 649px;
	height: 257px;
	
}
#toi h1 img{
	width: 100%;
	max-width: 649px;
	height: 257px;
	padding: 52px 0 0;
}
#toi03{
	width: 100%;
	max-width: 649px;
}
.t01{
	padding-left: 19.5%;
}
.t01 img{
	width: 100%;
	max-width: 394px;
	height: 101px;
	padding-top: 62px;
}
.t02{
	padding-left: 28%;
}
.t02 img{
	width: 100%;
	max-width: 300px;
	height: auto;
}
.t03 img{
	width: 100%;
	max-width: 480px;
	height: auto;
}

	/*
.t01 img{
	width: 100%;
	max-width: 394px;
	height: 101px;
	padding-top: 65px;
}
.t02{
	padding-left: 32%;
}
	.t02 img{
		width: 100%;
		max-width: 300px;
		height: auto;
}*/
/*実績設定
---------------------------------------------------------------------------*/

/*ループ設定1
---------------------------------------------------------------------------*/

#loopslider {
    width: 100%;/*ループ　全体サイズ横*/
	max-width: 770px;
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider ul {
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider ul li {
    width: 70%;/*ループ　個別サイズ横*/
	max-width: 490px;
    height: 320px;/*ループ　個別サイズ縦*/
}
/*ループ後で
---------------------------------------------------------------------------*/

/*ループ内容1後で
---------------------------------------------------------------------------*/
works{
	width: 100%;
	max-width: 770px;
	height: 490px;/*高さ設定後で触る*/
}
works h3{
	font-size: 17px;
	padding-bottom: 41px;
}
works h5{
	font-size: 17px;
	padding-left: 20.5px;
	line-height: 17px;
}
#wo01{
	width: 100%;
	max-width: 490px;
	height: 320px;
}
.wo02{
	width: 100%;
	max-width: 469.7px;
	font-size: 13.7px;
	padding: 3.4 0 3.4 0;
}
#wo06{
	margin-bottom: 6.8px;
	padding-top: 6.8px;
}
.wo05{
	width: 100%;
	max-width: 469.7px;
	height: auto;
}
.wo03{
	width: 100%;
	max-width: 469.7px;
	padding: 3.4px;
	font-size: 10.6px;
}
.wo04{
	width: 41px;
	padding-right: 3px;
}
.wo08{
	font-size: 13.7px;
	padding-right: 3.4px;
}
	.wo09{
	font-size: 17px;
	padding-right: 6.8px;
}
#float{
	width: 84px;
	padding-left: 9px;
}
#float h4{
	font-size: 13px;
	letter-spacing: 0px;
}
#float-r{
	padding-right: 10.6px;
}
.wo10{
	font-size: 9.6px;
}
.wo11{
	width: 41px;
	padding-right: 6.8px;
}
#float-r h7{
	font-size: 35px;
	line-height: 41px;
}
.wo12{
	font-size: 27.3px;
	padding-right: 3.4px;
}
	.fl10{
		margin-top: 20px;
	}
		@media only screen and (max-width: 770px) {
  .wo03 br{
    display: none;
  }
/*ループ内容1後で
---------------------------------------------------------------------------*/


jobs{
	width: 100%;
	max-width: 770px;
	height: 1552px;/*高さ設定後で触る*/
}
jobs h3{
	font-size: 25px;
	padding-bottom: 45px;
}
#sagyou{
	width: 100%;
	max-width: 748px;
	height: 216px;
	margin-bottom: 30px;
}
#sagyou img{
	margin: 40px 40px 0 40px;
	width: 100%;
	max-width: 236px;
	height: 162px;
}
#konf{
	width: 350px;
	padding-top: 41px;
}
#konf h1{
	line-height: 68px;
}
.kon02{
	font-size: 68px;
	padding-right: 20px;
}
.kon01{
	font-size: 24px;
}
#konf2{
	width: 260px;
	padding-top: 41px;
	padding-left: 27px;
}
#sagyou02 h1{
	width: 442px;
	font-size: 1.2em;
	letter-spacing: 0.3em;
}
#hoken01{
	width: 100%;
	width: 750px;
}
#hoken01 img{
	width: 100%;
	max-width: 145px;
	height: 111px;
	padding: 30px;
}
	
/*いらない？
.dou img{
	width: 100%;
	max-width: 500PX;
}
#konf2{
	width: 400px;
	padding-top: 60px;
}
#konf2 h1{
	line-height: 100px;
}*/
	
/*ループ内容2後で 縮小70％
---------------------------------------------------------------------------*/
#loopslider2 {
    width: 770px;/*ループ　全体サイズ横*/
	max-width: 770px;
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider2 ul {
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider2 ul li {
    width: 770px;/*ループ　個別サイズ横*/
	max-width: 770px;
    height: 320px;/*ループ　個別サイズ縦*/
}
#loopslider2 ul li a img{
	width: 770px;
	max-width: 770px;
}
/*ループ２ここまで
---------------------------------------------------------------------------*/
#nayami{
	width: 100%;
	max-width: 770px;
}
#nayami h1{
	font-size: 34px;
	margin: 20px;
}
#naya01{
	width: 100%;
	max-width: 680px;
}
	#naya01 p img{
		width: 100%;
		max-width: 562px;
		height: 127px;
	}
#nayami #naya02{
	width: 100%;
	max-width: 408px;
	left: 248px;
	top: 119px;
}
#naya02 p{
	font-size: 13px;
}
.na01{
	padding-bottom: 76px;
}
.na02{
	padding-bottom: 120px;
}
.na03{
	padding-bottom: 81px;
}
.na04{
	padding-bottom: 110px;
}
.na05{
	padding-bottom: 155px;
}

	
flow {	
	max-width: 770px;
}

flow h3{
	font-size: 25px;
	padding-bottom: 45px;
}
#flowbox{
	width: 100%;
	max-width: 448px;/*448*/
	height: 840px;/*高さ設定後で触る*/
}
#step01{/*箱1*/
	width: 100%;
	max-width: 195px;
	height: 390px;/*高さ設定後で触る*/
}
#step01 hr{
	width: 123px;
}
#step01 h1{
	padding: 20px 0;
	font-size: 1.3em;
}
#step01 h3{
	font-size: 1.3em;
}
#step01 h2 img{
	width: 100%;
	max-width: 126px;
	height: auto;
}
#step01 p{
	max-width: 165px;
	line-height: 20px;
	font-size: 0.9em;
	padding-left: 15px;
}
.triangle1{
 	border-left: 14px solid #E99901;/*カラー注意　オレンジ*/
 	border-top: 20px solid transparent;
 	border-bottom: 20px solid transparent;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 187px;
}/*箱1ここまで*/
#step02{/*箱2*/
	width: 100%;
	max-width: 195px;
	height: 390px;
}
#step02 hr{
	width: 123px;
}
#step02 h1{
	padding: 20px 0;
	font-size: 1.3em;
}
#step02 h3{
	padding-bottom: 20px;
	font-size: 1.3em;
}
#step02 h2 img{
	width: 100%;
	max-width: 126px;
	height: auto;
}
#step02 p{
	max-width: 165px;
	line-height: 20px;
	font-size: 0.9em;
	padding-left: 15px;
}
.triangle2{
 	/*1色パターン：border-bottomだけに色指定*/
  border-right: 15px solid transparent;
  border-bottom: 15px solid #CCE989;/*カラー注意　黄緑*/

  /*1色パターン：border-leftだけに色指定*/
  border-top: 15px solid transparent;
  border-left: 15px solid #CCE989;/*カラー注意　黄緑*/
	float: left;
	margin-left: 204px;
	margin-right: 204px;
	margin-top: 5px;
}

	/*箱2ここまで*/
	
	
#step03{/*箱3*/
	width: 100%;
	max-width: 195px;
	height: 390px;
	margin-top: 5px;
}
#step03 hr{
	width: 123px;
}
#step03 h1{
	font-size: 1.3em;
	padding: 20px 0;
}
#step03 h2 img{
	width: 100%;
	max-width: 126px;
	height: auto;
}
#step03 h3{
	font-size: 1.3em;
	padding-bottom: 20px;
}
#step03 p{
	max-width: 165px;
	line-height: 20px;
	font-size: 0.9em;
	padding-left: 15px;
}
.triangle3{
 	border-left: 14px solid #E34ED4;/*カラー注意　ピンク*/
 	border-top: 20px solid transparent;
 	border-bottom: 20px solid transparent;
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 187px;
}/*箱3ここまで*/
#step04{/*箱4*/
	width: 100%;
	max-width: 195px;
	height: 390px;
	margin-top: 5px;
}
#step04 hr{
	border-top: 3px solid #1EA8F5;/*カラー注意　ブルー*/
	width: 123px;
}
#step04 h1{
	font-size: 1.3em;
	padding: 20px 0;
}
#step04 h2 img{
	width: 100%;
	max-width: 126px;
	height: auto;
}
#step04 h3{
	font-size: 1.3em;
	padding-bottom: 20px;
}
#step04 p{
	max-width: 165px;
	line-height: 20px;
	font-size: 0.9em;
	padding-left: 15px;
}/*箱4ここまで*/
	
	
flow p{
	margin-top: 2%;
	line-height: 1em;
	font-size: 1em;
	width: 640px;
	padding-left: 50px;
	padding-bottom: 50px;
}
/*	@media only screen and (max-width: 750px) {
  .saizu00 br{
    display: none;
  }
}*/
imeji{
	width: 100%;
	max-width: 770px;
	height:2427px;/*高さ設定後で触る*/
}
imeji h1{
	line-height: 408px;
	width: 100%;
	max-width: 770px;
	height: auto;
	background-image: url("../img/img_1601199881.jpg");
	background-size: cover;
	background-position: center;
}

#ime01{
	width: 100%;
	max-width: 750px;
}
#export img{
	width: 100%;
	max-width: 370px;
	height: auto;
}
#fl01{
	width: 335px;
	padding-top: 39.16px;
	padding-left: 20px;
}
.fl02{
	font-size: 25px;
	padding-right: 0px;
}
#fl01 p{
	font-size: 20px;
	padding-bottom: 15px
}
.fl03{
	width: 100%;
	max-width: 365px;
	object-fit: cover;
	object-position:bottom;
	height: 198px;
}
.fl04{
	margin-bottom: 30px;
}
	
#loop3{
	width: 100%;
	max-width: 750px;
	height: 340px;
}
#ano01{
	width: 100%;
	max-width: 770px;
	height: 407px;
	background-image:url("../img/026.jpg");
	background-size: cover;
	background-position: center;
	margin-top: 30px;
}
#ano01 h1{
	top: 203px;
	width: 100%;
	max-width: 770px;
	font-size: 17px;
	padding: 7px 0 7px 0;
}
#ano02{
	width: 340px;
	padding-top: 80px;
	padding-left: 20px;
}
#ano02 p{
	font-size: 20px;
	padding-bottom: 77px
}

/*下のバナー*/
#last{
	width: 100%;
	max-width: 770px;
	height: 310px;
}
			/*ループ内容3後で 
---------------------------------------------------------------------------*/
#loopslider3 {
    width: 770px;/*ループ　全体サイズ横*/
	max-width: 770px;
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider3 ul {
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider3 ul li {
    width: 100%;/*ループ　個別サイズ横*/
	max-width: 770px;
    height: 320px;/*ループ　個別サイズ縦*/
}
#loopslider3 ul li a img{
	width: 100%;
	max-width: 770px;
}
/*ループ3ここまで
---------------------------------------------------------------------------*/

#menu{
	width: 100%;
	max-width: 770px;
	height: auto;
}
#menu ul li{
	margin-top:30px;
	padding: 0 1em 0 1em;
}
#menu02{
	width: 100%;
	max-width: 770px;
	height: auto;
}
#menu02 ul li{
	margin-top:30px;
	padding: 0 3em 0 3em;
}
#menu02 ul li img{
	width: 100%;
	height: auto;
}
#las{
	width: 100%;
	max-width: 770px;
	margin-top: 10px;
}
}
}
/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
@media screen and (max-width : 480px){
header{
	width:100%;
	max-width:480px;
}
#header h5 p{
	margin-top: 5px;
	text-align: center;
	font-size: 1vh;	
}
.he01 img{
	width:40%;
	max-width:480px;
}
	.he01{
		text-align: center;
		float: none;
/*		float: left;*/
/*		overflow: hidden;*/
	}
#header h6{
	width: 100%;
	max-width: 480px;
	height: 140px;
}
.he02{
	float: right;
	overflow: hidden;
	margin-right:0;
	width:55%;
}
	.he03{
	float: right;
	overflow: hidden;
	margin-right:0;
}
.he02 img{
	width:90%;
	max-width:480px;
	margin-left: 3%;
}
.he03 img{
	width:48.8%;
	max-width:480px;
	margin: 0 120px;
}
/*480メイン設定
---------------------------------------------------------------------------*/
main{
	padding-top: 5px;
	height: 282px;
}
/*	main a img{
		width: 100%;
		max-width: 480px;
		height: 282px;
		object-fit: cover;
		object-position:center;
	}*/
#ma01{
	margin: 0 auto;
}
#ma02{
	width: 83.3%;
	max-width: 480px;
	height: 187px;
    margin: 50px auto;
}
.ma03 img{
	max-width: 100px;
	height: 30.5px;
}
.ma03{
	margin: 3%;
}
#ma02 h1{
	font-size: 1.7em;
	line-height: 4vh;
	padding-top: 3%;
}
#ma02 h2{
	font-size: 1.2em;
	letter-spacing: 1vh;
	padding-top: 2%;
}
.ma04 img{
		width: 100%;
		max-width: 480px;
		height: 282px;
		object-fit: cover;
		object-position:center;
}
/*基本料金設定
---------------------------------------------------------------------------*/
kin{
    background-image:url("../img/003.png");
	width: 100%;
	max-width: 480px;
	height: 935px;/*高さ設定後で触る*/
}
@media screen and (max-width: 481px){
.cara01 {display:none}
}
@media screen and (max-width:480px) { 
    .cara03 { display:inline;}
}
	.cara03 img{
		width: auto;
		height: 100px;
		padding-top: 10px;
		
	}
.kin01{
	font-size: 15px;
	padding: 20px 0px 5px ;
/*	width: 14.6%;*/
	max-width: 480px;
}
kin h3{
	font-size: 25px;
	padding-bottom: 20px;
}
kin table{
	width:100%;
	max-width: 480px;
	margin-top: 10px;
}
.kin05{
	border-spacing: 10px 0px ;
}
kin table th,table td{
  padding: 10px 0;
}
.kin03{
	width: 100%;
	max-width: 480px;
	font-size: 5px;
}
.kin02{
	font-size: 13px;
	text-align: left;
	width: 93.8%;
	max-width: 480px;
	padding-left: 15px;
}
.kin04{
	font-size: 13px;
	margin-bottom: 30px;
	text-align: left;
	width: 93.8%;
	max-width: 480px;
	padding-left: 15px;
}
/*問い合わせ設定
---------------------------------------------------------------------------*/
#toi{
	width: 100%;
	max-width: 480px;
	height: 260px;
	background-size: cover;
}
#toi02{
	width: 100%;
	max-width: 480px;
	height: 300px;
	
}
#toi h1 img{
	width: 100%;
	max-width: 480px;
	height: auto;/*お姉さんのイラスト変更が必要*/
}
#toi03{
	width: 100%;
	max-width: 480px;
}
.t01{
	padding-left: 19.5%;
}
.t01 img{
	width: 68%;
	max-width: 480px;
	height: 80px;
	padding-left: 5%;
	padding-top: 78px;
}
.t02{
	padding-left: 29.2%;
}
.t02 img{
	width: 47.9%;
	max-width: 480px;
	height: auto;
}

.t03 img{
	width: 47.9%;
	max-width: 480px;
	height: auto;
}

	@media screen and (max-width: 481px){
#toi h1 img{
	/*display:none;*/
	margin-top: -1.5%;
}
}
@media screen and (max-width:480px) { 
    .toi480 img{ display:inline;}	
	.toi480 img{
		width: 100%;
	max-width: 480px;
	height: auto;/*お姉さんのイラスト変更が必要*/
	padding-top: 77px;
}
	
/*実績設定
---------------------------------------------------------------------------*/

/*ループ設定1後で
---------------------------------------------------------------------------*/

	#loopslider {
    width: 100%;/*ループ　全体サイズ横*/
	max-width: 480px;
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider ul {
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider ul li {
    width: 1000%;/*ループ　個別サイズ横*/
	max-width: 480px;
    height: 320px;/*ループ　個別サイズ縦*/
}
/*ループ設定　1　ここまで*/

/*ループ後で
---------------------------------------------------------------------------*/

/*ループ内容1後で
---------------------------------------------------------------------------*/
works{
	width: 100%;
	max-width: 1024px;
	height: 450px;/*高さ設定後で触る*/
}
works h3{
	font-size: 17px;
	padding-bottom: 41px;
}
works h5{
	font-size: 17px;
	padding-left: 20.5px;
	line-height: 17px;
}
#wo01{
	width: 100%;
	max-width: 490px;
	height: 320px;
}
.wo02{
	width: 100%;
	max-width: 469.7px;
	font-size: 13.7px;
	padding: 3.4 0 3.4 0;
}
#wo06{
	margin-bottom: 6.8px;
	padding-top: 6.8px;
}
.wo05{
	width: 100%;
	max-width: 469.7px;
	height: auto;
}
.wo03{
	width: 100%;
	max-width: 469.7px;
	padding: 3.4px;
	font-size: 10.6px;
}
.wo04{
	width: 41px;
	padding-right: 3px;
}
.wo08{
	font-size: 13.7px;
	padding-right: 3.4px;
}.wo09{
	font-size: 17px;
	padding-right: 6.8px;
}
#float{
	width: 84px;
	padding-left: 9px;
}
#float h4{
	font-size: 13px;
	letter-spacing: 0px;
}
#float-r{
	padding-right: 1%;
}
.wo10{
	font-size: 9.6px;
}
.wo11{
	width: 41px;
	padding-right: 6.8px;
}
#float-r h7{
	font-size: 2.0em;
	line-height: 41px;
	
}
.wo12{
	font-size: 27.3px;
	padding-right: 3.4px;
}
	.fl10{
		margin-top: 20px;
	}
		@media only screen and (max-width: 480px) {
  .wo03 br{
    display: none;
  }
	}
/*ループ内容1後で
---------------------------------------------------------------------------*/

jobs{
	width: 100%;
	max-width: 480px;
	height: 2216px;/*高さ設定後で触る*/
}
jobs h3{
	font-size: 25px;
	padding-bottom: 20px;
}
#sagyou{
	width: 95.8%;
	max-width: 480px;
	height: 460px;
	margin-bottom: 30px;
}
#sagyou img{
	margin: 20px auto 20px auto;
*/	width: 75%;*/
	max-width: 480px;
	height: auto;
	overflow: hidden;
	padding-left: 10.4%;
}
#konf{
	width: 75%;
	max-width: 480px;
	padding-top: 5%;
	padding-left: 10.4%;
	overflow: hidden;
}
#konf h1{
	line-height: 68px;
	
}
.kon02{
	font-size: 68px;
	padding-right: 4.1%;
}
.kon01{
	font-size: 24px;
}
#konf2{
	width: 75%;
	max-width: 480px;
	padding-top: 0;
}
#sagyou02 h1{
	width: 87.9%;
	max-width: 480px;
	font-size: 1.2em;
	letter-spacing: 0.3em;
}
#hoken01{
	width: 100%;
	width: 420px;
}
#hoken01 img{
	width: 26.2%;
	max-width: 480px;
	height: auto;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
}
.flexbox{
  display: flex;
  flex-flow: row wrap;
}
.box1{order: 1;}
.box2{order: 2;}
@media (max-width: 480px) {
}

/*いらない？
.dou img{
	width: 100%;
	max-width: 500PX;
}
#konf2{
	width: 400px;
	padding-top: 60px;
}
#konf2 h1{
	line-height: 100px;
}*/
	
/*ループ内容2後で
---------------------------------------------------------------------------*/

#loopslider2 {
    width: 100%;/*ループ　全体サイズ横*/
	max-width: 480px;
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider2 ul {
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider2 ul li {
    width: 100%;/*ループ　個別サイズ横*/
	max-width: 480px;
    height: 320px;/*ループ　個別サイズ縦*/
}
/*ループ２ここまで
---------------------------------------------------------------------------*/
#nayami{
	width: 100%;
	max-width: 480px;
}
#nayami h1{
	font-size: 22px;
	margin: 20px;
}
#naya01{
	width: 100%;
	max-width: 480px;
}
	#naya01 p img{
		width: 79.2%;
		max-width: 480px;
		height: auto;
	}
#nayami #naya02{
	width: 85%;
	max-width: 480px;
	left: 25%;
	top: 13%;
}
#naya02 p{
	font-size: 0.7em;
}
.na01{
	padding-bottom: 13%;
}
.na02{
	padding-bottom: 21%;
}
.na03{
	padding-bottom: 12%;
}
.na04{
	padding-bottom: 19%;
}
.na05{
	padding-bottom: 25%;
}	

flow h3{
	font-size: 25px;
	padding-bottom: 20px;
}
#flowbox{
	width: 93.3%;
	max-width: 480px;/*448*/
	height: 840px;/*高さ設定後で触る*/
	padding-left: 3.3%;
}
#step01{/*箱1*/
	width: 40.6%;
	max-width: 480PX;
	height: 370px;/*高さ設定後で触る*/
}
#step01 hr{
	width: 25.6%;
	max-width: 480px;
}
#step01 h1{
	padding: 20px 0;
	font-size: 1.3em;
}
	#step01 h3{
	font-size: 1.1em;
}
#step01 h2 img{
	width: 26.3%;
	max-width: 480px;
	height: auto;
}
#step01 p{
	line-height: 20px;
	font-size: 0.8em;
	padding-left: 15px;
}
.triangle1{
 	border-left: 14px solid #E99901;/*カラー注意　オレンジ*/
 	border-top: 20px solid transparent;
 	border-bottom: 20px solid transparent;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 187px;
}/*箱1ここまで*/
#step02{/*箱2*/
	width: 40.6%;
	max-width: 480PX;
	height: 370px;
}
#step02 hr{
	width: 25.6%;
	max-width: 480px;
}
#step02 h1{
	padding: 20px 0;
	font-size: 1.3em;
}
#step02 h3{
	padding-bottom: 20px;
	font-size: 1.1em;
}
#step02 h2 img{
	width: 26.3%;
	max-width: 480px;
	height: auto;
}
#step02 p{
	line-height: 20px;
	font-size: 0.8em;
	padding-left: 15px;
}
.triangle2{
 	/*1色パターン：border-bottomだけに色指定*/
  border-right: 15px solid transparent;
  border-bottom: 15px solid #CCE989;/*カラー注意　黄緑*/

  /*1色パターン：border-leftだけに色指定*/
  border-top: 15px solid transparent;
  border-left: 15px solid #CCE989;/*カラー注意　黄緑*/
	float: left;
	margin-left: 169px;
	margin-right: 239px;
	margin-top: 5px;
}

	/*箱2ここまで*/
	
	
#step03{/*箱3*/
	width: 40.6%;
	max-width: 480PX;
	height: 370px;
	margin-top: 5px;
}
#step03 hr{
	width: 25.6%;
	max-width: 480px;
}
#step03 h1{
	font-size: 1.3em;
	padding: 20px 0;
}
#step03 h2 img{
	width: 26.3%;
	max-width: 480px;
	height: auto;
}
#step03 h3{
	font-size: 1.1em;
	padding-bottom: 20px;
}
#step03 p{
	line-height: 20px;
	font-size: 0.8em;
	padding-left: 15px;
}
.triangle3{
 	border-left: 14px solid #E34ED4;/*カラー注意　ピンク*/
 	border-top: 20px solid transparent;
 	border-bottom: 20px solid transparent;
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 187px;
}/*箱3ここまで*/
#step04{/*箱4*/
	width: 40.6%;
	max-width: 480PX;
	height: 370px;
	margin-top: 5px;
}
#step04 hr{
	border-top: 3px solid #1EA8F5;/*カラー注意　ブルー*/
	width: 25.6%;
	max-width: 480px;
}
#step04 h1{
	font-size: 1.3em;
	padding: 20px 0;
}
#step04 h2 img{
	width: 26.3%;
	max-width: 480px;
	height: auto;
}
#step04 h3{
	font-size: 1.1em;
	padding-bottom: 20px;
}
#step04 p{
	line-height: 20px;
	font-size: 0.8em;
	padding-left: 15px;
}/*箱4ここまで*/
	
	
flow p{
	line-height:1em;
	font-size: 1em;
	width: 88.5%;
	max-width: 480px;
	padding-left: 25px;
	padding-bottom: 20px;
}
/*	@media only screen and (max-width: 480px) {
  .saizu00 br{
    display: none;
  }
}*/
imeji{
	width: 100%;
	max-width: 480px;
	height:2427px;/*高さ設定後で触る*/
}
imeji h1{
	line-height: 250px;
	width: 100%;
	max-width: 480px;
	height: auto;
	background-image: url("../img/img_1601199881.jpg");
	background-size:cover;
	background-position: center;
	font-size: 1.1em;
	margin-bottom: 5%;
}

#ime01{
	width: 100%;
	max-width: 480px;
}
#export img{
	width: 75%;
	max-width: 480px;
	height: auto;
	padding-left: 50px;
}
#fl01{
	width: 75%;
	max-width: 480px;
	padding-top: 0;
	padding-left: 50px;
}
.fl02{
	font-size: 25px;
	padding-right: 0px;
	overflow: hidden;
}
#fl01 p{
	font-size: 1.2em;
	padding-bottom: 20px
}
.fl03{
	width: 75%;
	max-width: 480px;
	object-fit: cover;
	object-position:bottom;
	height: 196px;
	overflow: hidden;
	padding-left: 10.4%;
	float: none;
}
.fl04{
	margin-bottom: 20px;
	overflow:hidden;
}
	
#loop3{
	width: 100%;
	max-width: 480px;
	height: 339px;
}
	/*ループ内容3後で
---------------------------------------------------------------------------*/

#loopslider3 {
    width: 100%;/*ループ　全体サイズ横*/
	max-width: 480px;
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider3 ul {
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider3 ul li {
    width: 100%;/*ループ　個別サイズ横*/
	max-width: 480px;
    height: 320px;/*ループ　個別サイズ縦*/
}
/*ループ3ここまで
---------------------------------------------------------------------------*/
#ano01{
	width: 100%;
	max-width: 480px;
	height: 407px;
	background-image:url("../img/026.jpg");
	background-size: cover;
	background-position: center;
	margin-top: 30px;
}
#ano01 h1{
	top: 203px;
	width: 100%;
	max-width: 480px;
	font-size: 17px;
	padding: 7px 0 7px 0;
}
#ano02{
	width: 70.8%;
	max-width: 480px;
	padding-top: 30px;
	padding-left: 50px;
	
}
#ano02 p{
	font-size: 20px;
	padding-bottom: 30px
}
	#a{
		clear: both;
		position: relative;
	}

/*下のバナー*/
#last{
	width: 100%;
	max-width: 480px;
	height: 310px;
}

#menu{
	width: 100%;
	max-width: 480px;
	height: auto;
}
#menu ul li{
	margin-top:30px;
	padding: 0 1em 0 1em;
	font-size: 0.9em;
}
#menu02{
	width: 100%;
	max-width: 480px;
	height: auto;
}
#menu02 ul li{
	margin-top:20px;
	padding: 0 0.3em 0 0.3em;
}
#menu02 ul li img{
	width: 100%;
	max-width: 480px;
	height: auto;
}
#las{
	width: 100%;
	max-width: 480px;
	margin-top: 10px;
}
}
}
/*ここからiphone用（380px以下）環境の設定
---------------------------------------------------------------------------*/
@media screen and (max-width : 380px){
header{
	width:100%;
	max-width:380px;
}
#header h5 p{
	margin-top: 5px;
	text-align: center;
	font-size: 1vh;	
}
.he01 img{
	width:37%;
	max-width:200px;
}
	.he01{
		text-align: center;
		float: none;
/*		float: left;*/
/*		overflow: hidden;*/
	}
#header h6{
	width: 100%;
	max-width: 380px;
	height: 110px;
}
.he02{
	float: right;
	overflow: hidden;
	margin-right:0;
	width:50%;
}
	.he03{
	float: right;
	overflow: hidden;
	margin-right:0;
}
.he02 img{
	width:90%;
	max-width:380px;
	margin-left: 3%;
}
.he03 img{
	width:48.8%;
	max-width:380px;
	margin: 0 120px;
}
/*380メイン設定
---------------------------------------------------------------------------*/
main{
	padding-top: 5px;
	height: 282px;
}
/*main a img{
	width: 100%;
	max-width: 380px;
	height: 282px;
	object-fit: cover;
	object-position: center;
}*/
#ma01{
	margin: 0 auto;
}
#ma02{
	width: 83.3%;
	max-width: 380px;
	height: 187px;
    margin: 50px auto;
}
.ma03 img{
	max-width: 100px;
	height: 30.5px;
}
.ma03{
	margin: 3%;
}
#ma02 h1{
	font-size: 1.7em;
	line-height: 4vh;
	padding-top: 3%;
}
#ma02 h2{
	font-size: 1.2em;
	letter-spacing: 1vh;
	padding-top: 3%;
}
.ma04 img{
		width: 100%;
		max-width: 380px;
		height: 282px;
		object-fit: cover;
		object-position:center;
}

/*基本料金設定
---------------------------------------------------------------------------*/
kin{
    background-image:url("../img/003.png");
	width: 100%;
	max-width: 380px;
	height: 935px;/*高さ設定後で触る*/
}
@media screen and (max-width: 381px){
.cara01 {display:none}
}
@media screen and (max-width:380px) { 
    .cara03 { display:inline;}
}
	.cara03 img{
		width: auto;
		height: 100px;
		padding-top: 10px;
		
	}
.kin01{
	font-size: 15px;
	padding: 20px 0px 5px ;
/*	width: 14.6%;*/
	max-width: 380px;
}
kin h3{
	font-size: 25px;
	padding-bottom: 20px;
}
kin table{
	width:100%;
	max-width: 380px;
	margin-top: 10px;
}
.kin05{
	border-spacing: 10px 0px ;
	font-size: 0.9em;
}
kin table th,table td{
  padding: 10px 0;
}
.kin03{
	width: 100%;
	max-width: 380px;
	font-size: 0.7em;
}
.kin02{
	font-size: 1em;
	text-align: left;
	width: 93.8%;
	max-width: 380px;
	padding-left: 15px;
}
.kin04{
	font-size: 13px;
	margin-bottom: 30px;
	text-align: left;
	width: 93.8%;
	max-width: 380px;
	padding-left: 15px;
}
/*問い合わせ設定
---------------------------------------------------------------------------*/
#toi{
	width: 100%;
	max-width: 380px;
	height: 220px;
	background-size: cover;
}
#toi02{
	width: 100%;
	max-width: 380px;
	height: 250px;
	
}
#toi h1 img{
	width: 100%;
	max-width: 380px;
	height: auto;/*お姉さんのイラスト変更が必要*/
}
#toi03{
	width: 100%;
	max-width: 380px;
}
.t01{
	padding-left: 19.5%;
}
.t01 img{
	width: 60%;
	max-width: 380px;
	height: 55px;
	padding-left: 5%;
	padding-top: 73px;
}
.t02{
	padding-left: 29.2%;
}
	.t02 img{
		width: 47.9%;
		max-width: 380px;
		height: auto;
	}
	@media screen and (max-width: 381px){
#toi h1 img{
	/*display:none;*/
	margin-top: -2%;
}
}
@media screen and (max-width:380px) { 
    .toi480 img{ display:inline;}	
	.toi480 img{
		width: 100%;
	max-width: 380px;
	height: auto;/*お姉さんのイラスト変更が必要*/
	padding-top: 77px;
}
	
/*実績設定
---------------------------------------------------------------------------*/

/*ループ設定1後で
---------------------------------------------------------------------------*/

	#loopslider {
    width: 100%;/*ループ　全体サイズ横*/
	max-width: 480px;
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider ul {
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider ul li {
    width: 1000%;/*ループ　個別サイズ横*/
	max-width: 380px;
    height: 320px;/*ループ　個別サイズ縦*/
}
/*ループ設定　1　ここまで*/

/*ループ後で
---------------------------------------------------------------------------*/

/*ループ内容1後で
---------------------------------------------------------------------------*/
works{
	width: 100%;
	max-width: 380px;
	height: 450px;/*高さ設定後で触る*/
}
works h3{
	font-size: 17px;
	padding-bottom: 20px;
}
works h5{
	font-size: 17px;
	padding-left: 20.5px;
	line-height: 17px;
}
#wo01{
	width: 98%;
	padding-left: 2%;
	max-width: 380px;
	height: 320px;
}
.wo02{
	width: 98%;
	max-width: 469.7px;
	font-size: 13.7px;
	padding: 3.4 0 3.4 0;
}
#wo06{
	margin-bottom: 6.8px;
	padding-top: 6.8px;
}
.wo05{
	width: 98%;
	max-width: 469.7px;
	height: auto;
}
.wo03{
	width: 98%;
	max-width: 469.7px;
	padding: 3.4px;
	font-size: 10.6px;
}
.wo04{
	width: 41px;
	padding-right: 3px;
}
.wo08{
	font-size: 13.7px;
	padding-right: 3.4px;
}.wo09{
	font-size: 17px;
	padding-right: 6.8px;
}
#float{
	width: 50px;
	padding-left: 9px;
	margin-top: 4px;
}
#float h4{
	font-size: 0.8em;
	letter-spacing: 0px;
}
#float-r{
	padding-right: 1%;
}
.wo10{
	font-size: 0.6em;
}
.wo11{
	width: 39px;
	padding-right: 6.8px;
}
#float-r h7{
	font-size: 2.0em;
	line-height: 39px;
	
}
.wo12{
	font-size: 27.3px;
	padding-right: 3.4px;
}
/*	.fl10{
		margin-top: 20px;
	}*/
/*		@media only screen and (max-width: 380px) {
  .wo03 br{
    display: none;
  }
	}*/
/*ループ内容1後で
---------------------------------------------------------------------------*/

jobs{
	width: 100%;
	max-width: 380px;
	height: 2216px;/*高さ設定後で触る*/
}
jobs h3{
	font-size: 25px;
	padding-bottom: 20px;
}
#sagyou{
	width: 95.8%;
	max-width: 380px;
	height: 460px;
	margin-bottom: 30px;
}
#sagyou img{
/*	margin: 10px auto 20px auto;*/
/*	width: 75%;*/
	max-width: 300px;
	height: auto;
	overflow: hidden;
	padding-left: 10.4%;
}
#konf{
	width: 75%;
	max-width: 380px;
	padding-top: 5%;
	padding-left: 5%;
	overflow: hidden;
}
#konf h1{
	line-height: 68px;
	
}
.kon02{
	font-size: 68px;
	padding-right: 4.1%;
}
.kon01{
	font-size: 24px;
}
#konf2{
	width: 75%;
	max-width: 380px;
	padding-top: 0;
}
#sagyou02 h1{
	width: 87.9%;
	max-width: 380px;
	font-size: 1.2em;
	letter-spacing: 0.3em;
}
#hoken01{
	width: 100%;
}
#hoken01 img{
	max-width: 350px;
	height: auto;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
}
.flexbox{
  display: flex;
  flex-flow: row wrap;
}
.box1{order: 1;}
.box2{order: 2;}
@media (max-width: 380px) {
}

/*いらない？
.dou img{
	width: 100%;
	max-width: 380px;
}
#konf2{
	width: 400px;
	padding-top: 60px;
}
#konf2 h1{
	line-height: 100px;
}*/
	
/*ループ内容2後で
---------------------------------------------------------------------------*/

#loopslider2 {
    width: 100%;/*ループ　全体サイズ横*/
	max-width: 380px;
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider2 ul {
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider2 ul li {
    width: 100%;/*ループ　個別サイズ横*/
	max-width: 380px;
    height: 320px;/*ループ　個別サイズ縦*/
}
/*ループ２ここまで
---------------------------------------------------------------------------*/
#nayami{
	width: 100%;
	max-width: 380px;
}
#nayami h1{
	font-size: 20px;
	margin: 10px;
}
#naya01{
	width: 100%;
	max-width: 380px;
}
	#naya01 p img{
		width: 79.2%;
		max-width: 380px;
		height: auto;
	}
#nayami #naya02{
	width: 85%;
	max-width: 380px;
	left: 25%;
	top: 13%;
}
#naya02 p{
	font-size: 0.7em;
}
.na01{
	padding-bottom: 12%;
}
.na02{
	padding-bottom: 17%;
}
.na03{
	padding-bottom: 12%;
}
.na04{
	padding-bottom: 17%;
}
.na05{
	padding-bottom: 25%;
}	

flow h3{
	font-size: 22px;
	padding-bottom: 20px;
}
#flowbox{
	width: 93.3%;
	max-width: 380px;/*448*/
	height: 840px;/*高さ設定後で触る*/
	padding-left: 3.3%;
}
#step01{/*箱1*/
	width: 40.6%;
	max-width: 380PX;
	height: 370px;/*高さ設定後で触る*/
}
#step01 hr{
	width: 25.6%;
	max-width: 380px;
}
#step01 h1{
	padding: 20px 0;
	font-size: 1.3em;
}
	#step01 h3{
	font-size: 1em;
}
#step01 h2 img{
	width: 26.3%;
	max-width: 380px;
	height: auto;
}
#step01 p{
	line-height: 20px;
	font-size: 0.7em;
	padding-left: 15px;
}
.triangle1{
 	border-left: 14px solid #E99901;/*カラー注意　オレンジ*/
 	border-top: 20px solid transparent;
 	border-bottom: 20px solid transparent;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 187px;
}/*箱1ここまで*/
#step02{/*箱2*/
	width: 40.6%;
	max-width: 380PX;
	height: 370px;
}
#step02 hr{
	width: 25.6%;
	max-width: 380px;
}
#step02 h1{
	padding: 20px 0;
	font-size: 1.3em;
}
#step02 h3{
	padding-bottom: 20px;
	font-size: 1.1em;
}
#step02 h2 img{
	width: 26.3%;
	max-width: 380px;
	height: auto;
}
#step02 p{
	line-height: 20px;
	font-size: 0.7em;
	padding-left: 15px;
}
.triangle2{
 	/*1色パターン：border-bottomだけに色指定*/
  border-right: 13px solid transparent;
  border-bottom: 13px solid #CCE989;/*カラー注意　黄緑*/

  /*1色パターン：border-leftだけに色指定*/
  border-top: 15px solid transparent;
  border-left: 15px solid #CCE989;/*カラー注意　黄緑*/
	float: left;
	margin-left: 153px;
	margin-right: 204px;
	margin-top: 5px;
}

	/*箱2ここまで*/
	
	
#step03{/*箱3*/
	width: 40.6%;
	max-width: 380px;
	height: 370px;
	margin-top: 5px;
}
#step03 hr{
	width: 25.6%;
	max-width: 380px;
}
#step03 h1{
	font-size: 1.3em;
	padding: 20px 0;
}
#step03 h2 img{
	width: 26.3%;
	max-width: 380px;
	height: auto;
}
#step03 h3{
	font-size: 1.1em;
	padding-bottom: 20px;
}
#step03 p{
	line-height: 20px;
	font-size: 0.7em;
	padding-left: 15px;
}
.triangle3{
 	border-left: 14px solid #E34ED4;/*カラー注意　ピンク*/
 	border-top: 20px solid transparent;
 	border-bottom: 20px solid transparent;
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 187px;
}/*箱3ここまで*/
#step04{/*箱4*/
	width: 40.6%;
	max-width: 380px;
	height: 370px;
	margin-top: 5px;
}
#step04 hr{
	border-top: 3px solid #1EA8F5;/*カラー注意　ブルー*/
	width: 25.6%;
	max-width: 380px;
}
#step04 h1{
	font-size: 1.3em;
	padding: 20px 0;
}
#step04 h2 img{
	width: 26.3%;
	max-width: 380px;
	height: auto;
}
#step04 h3{
	font-size: 1.1em;
	padding-bottom: 20px;
}
#step04 p{
	line-height: 20px;
	font-size: 0.7em;
	padding-left: 15px;
}/*箱4ここまで*/
	
	
flow p{
	line-height:1em;
	font-size: 1em;
	width: 88.5%;
	max-width: 380px;
	padding-left: 25px;
	padding-bottom: 20px;
}
/*	@media only screen and (max-width: 380px) {
  .saizu00 br{
    display: none;
  }
}*/
imeji{
	width: 100%;
	max-width: 380px;
	height:2427px;/*高さ設定後で触る*/
}
imeji h1{
	line-height: 250px;
	width: 100%;
	max-width: 380px;
	height: auto;
	background-image: url("../img/img_1601199881.jpg");
	background-size:cover;
	background-position: center;
	font-size: 1em;
	margin-bottom: 5%;
}

#ime01{
	width: 100%;
	max-width: 380px;
}
#export img{
	width: 75%;
	max-width: 380px;
	height: auto;
	padding-left: 50px;
}
#fl01{
	width: 75%;
	max-width: 380px;
	padding-top: 0;
	padding-left: 50px;
}
.fl02{
	font-size: 25px;
	padding-right: 0px;
	overflow: hidden;
}
#fl01 p{
	font-size: 1.2em;
	padding-bottom: 20px
}
.fl03{
	width: 75%;
	max-width: 380px;
	object-fit: cover;
	object-position:bottom;
	height: 196px;
	overflow: hidden;
	padding-left: 10.4%;
	float: none;
}
.fl04{
	margin-bottom: 20px;
	overflow:hidden;
}
	
#loop3{
	width: 100%;
	max-width: 380px;
	height: 339px;
}
	/*ループ内容3後で
---------------------------------------------------------------------------*/

#loopslider3 {
    width: 100%;/*ループ　全体サイズ横*/
	max-width: 380px;
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider3 ul {
    height: 320px;/*ループ　全体サイズ縦*/
}
 
#loopslider3 ul li {
    width: 100%;/*ループ　個別サイズ横*/
	max-width: 380px;
    height: 320px;/*ループ　個別サイズ縦*/
}
/*ループ3ここまで
---------------------------------------------------------------------------*/
#ano01{
	width: 100%;
	max-width: 380px;
	height: 407px;
	background-image:url("../img/026.jpg");
	background-size: cover;
	background-position: center;
	margin-top: 30px;
}
#ano01 h1{
	top: 203px;
	width: 100%;
	max-width: 380px;
	font-size: 17px;
	padding: 7px 0 7px 0;
}
#ano02{
	width: 70.8%;
	max-width: 380px;
	padding-top: 30px;
	padding-left: 50px;
	
}
#ano02 p{
	font-size: 20px;
	padding-bottom: 30px
}
	#a{
		clear: both;
		position: relative;
	}

/*下のバナー*/
#last{
	width: 100%;
	max-width: 380px;
	height: 310px;
}

#menu{
	width: 100%;
	max-width: 380px;
	height: auto;
}
#menu ul li{
	margin-top:30px;
	padding: 0 1em 0 1em;
	font-size: 0.7em;
}
#menu02{
	width: 100%;
	max-width: 380px;
	height: auto;
}
#menu02 ul li{
	margin-top:20px;
	padding: 0 0.3em 0 0.3em;
}
#menu02 ul li img{
	width: 100%;
	max-width: 380px;
	height: auto;
}
#las{
	width: 100%;
	max-width: 380px;
	margin-top: 10px;
}
}
}}