@charset "utf-8";

/******* 各種見積りフォーム *******/
.other{
margin-bottom: 100px;
}
.other > p{
color: #000;
font-weight: bold;
font-size: 16px;
margin-bottom: 25px;
width: 95%;
margin-left: auto;
margin-right: auto;
}
.other-box{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}

.other-box a{
display: block;
text-align: left;
background: #fff;
border: 0.4rem solid #AAAAAA;
color: #06B4EA;
font-weight: bold;
padding: 8px;
margin-bottom: 20px
}
.other-box a:hover{
transition: all .3s; 
background: #FFFF00;
}	
.other-box img{
width: 35px;
height: auto
}
.other-box p{

}
.tan{
font-size: 20px;
}

/******* 弊社の強味 *******/

.tuyomi ol li:before {
content: '\f111';
font-family: "Font Awesome 5 Free";
margin-left: -20px;
padding-right: 5px;
font-weight: 600;
color: #29BBEF;
font-size: 15px
}
.tuyomi li{
line-height: 1.8;
text-align: left;
font-size: 17px
}
.tuyomi li{
line-height: 1.6;
padding: 0.3em 0;
list-style-type: none!important;
}
.tuyomi p
{font-weight: bold;
text-align: left;
color: #29BBEF;
}
.aoi
{font-weight: bold;
color: #29BBEF;
}

hr{
	width: 100%;
    border: none;
    border-bottom: 2px solid #81CEE6;
    margin: 0;
}

/******* googleマップ *******/
iframe{
width: 100%}
/******* サイトマップ *******/
.site-box{
display:block;
justify-content: center;
text-align: center;
margin-bottom: 80px;
background-color: #B4E2F1;
}
.site-box li{
color: #000;
text-align: left;
}
.site-box li.main-li01 {
margin-right: 20px;
line-height:4;
font-size: 18px;
font-weight: bold;
}
.site-box li.main-li02 {
margin-right: 20px;
line-height:1.8;
font-size: 18px;
font-weight: bold;
}
.site-box li.sub-li {
padding-left: 25px;
line-height:2.7;
font-size: 16px;
}
.site-box li.sub-li2 {
padding-left: 20px;
line-height:1.2;
font-size: 15px;
}
.site-box li a{
color: #000;
letter-spacing: 0.05rem;
}
.site-box a:hover{
transition: all .3s; 
color: crimson
}
/*矢印の位置と向き*/
.site-box li a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-right: 10px
}	
/*矢印の位置と向き*/
.site01 > a::before {
content: '\f054';
}
.site02 > a::before {
content: '\f078';
}

.site-box p {
font-size: 16px;
line-height:2.5;
text-align: left;
margin: 0 auto;
color: #4C4948
}

/* TELでお問い合わせ */
.tel-box {
margin-bottom: 80px
}
.tel-box p {
color: #4C4948;
line-height: 2;
letter-spacing: 0.05rem;
padding: 0px 0px 0px 0px;
text-align:center;
}
.futoi5
{font-weight: 900;
text-align: center;
color: #06B4EA;
display: block;
}
/* ########### 514px以下 (375まで)########### */
@media screen and (max-width: 514px) {
/******* サイトマップ *******/
.site-box{
padding: 30px 0% 30px 0%
}
.site-box ul{
width: 80%;
margin: 0 auto;	
}
.site-box p {
width: 85%;
}
	
/******* 会社紹介 *******/
.comp-box{
justify-content: space-between;
text-align: center;
}
.in2{/* ごあいさつ 沿革*/
display: block;
margin-bottom: 80px;
width: 90%;
	margin-left: auto;
	margin-right: auto
}
.in1{/* 企業理念 会社概要 */
display:block;
margin-bottom: 80px;
width: 90%;
	margin-left: auto;
	margin-right: auto
}

.in4{/* アクセス住所とTEL */
display:block;
margin-bottom: 40px;
width: 90%;
	margin-left: auto;
	margin-right: auto

}
.comp-box-in1{/* あいさつ */
width: 100%;

}

.comp-box img{
text-align: center;
}
.intro-img{
width: 80%;
height:auto;
margin-left: auto;
margin-right: auto;
margin-top: 30px
}
.enkaku-img{
width: 80%;
height:auto;
margin-left: auto;
margin-right: auto;
margin-top: 30px
}
.comp-box p {
font-size: 16px;
color: #4C4948;
line-height: 2;
letter-spacing: 0.05rem;
padding: 0px 0px 0px 0px;
text-align:justify;
}
.normal1
{font-size: 16px;
text-align:justify;
font-family: 'Sawarabi Gothic', sans-serif;

}
.futoi1
{font-weight: bold;
font-size: 19px;
text-align: left;
font-family: 'Sawarabi Gothic', sans-serif;
}
.futoi2
{font-weight: bold;
font-size: 18px;
text-align: right;
display: block
}
.futoi3
{font-weight: bold;
font-size: 18px;
text-align: center;
color: #06B4EA;
display: block;
line-height: 2;	
}
.futoi4
{font-weight: 900;
font-size: 24px;
text-align: left;
color: #000;
display: block;
}

.in3{/* アクセス */
display:block;
margin-bottom: 80px;
}
.access-img{
width: 60%;
height:auto;
margin-bottom: 40px
}
.map{width: 100%}
	
/* TELでお問い合わせ */
.tel-box p {font-size: 16px;}
.futoi5{font-size: 28px;}

/******* 弊社の強味 *******/
.tuyomi{
margin-bottom: 80px;
text-align: center;
}
.tuyomi-box{
display:block;
padding-top: 30px;
padding-bottom: 30px;
}
.tuyomi ol {  
padding-left:15px;
width: 85%;
margin-right:auto;
margin-left: auto;
}
.tuyomi p
{
font-size: 20px;
width: 100%;
margin-bottom: 35px;
text-align: center
}
.tuyomi img{
width: 221px;
height: 136px;
margin-right:auto;
margin-left: auto;
margin-bottom: 25px
}
/******* 各種見積りフォーム *******/	
.other-box a{
width: 100%;}
.naga{
font-size: 20px;
}
}
/* ########### 515pxから833pxまで ########### */
@media screen and (min-width: 515px) and (max-width: 833px) {
/******* サイトマップ *******/
.site-box{
padding: 30px 0% 30px 0%
}
.site-box ul{
width: 80%;
margin: 0 auto;	
}
.site-box p {
width: 85%;
}
/******* 会社紹介 *******/
.comp-box{
justify-content: space-between;
text-align: center;
}
.in2{/* ごあいさつ 沿革*/
display: block;
margin-bottom: 80px;
width: 90%;
	margin-left: auto;
	margin-right: auto
}
.in1{/* 企業理念 会社概要 */
display:block;
margin-bottom: 80px;
width: 90%;
	margin-left: auto;
	margin-right: auto
}

.in4{/* アクセス住所とTEL */
display:block;
margin-bottom: 40px;
width: 90%;
	margin-left: auto;
	margin-right: auto

}
.comp-box-in1{/* あいさつ */
width: 100%;
}

.comp-box img{
text-align: center;
}
.intro-img{
width: 80%;
height:auto;
margin-left: auto;
margin-right: auto;
margin-top: 30px
}
.enkaku-img{
width: 80%;
height:auto;
margin-left: auto;
margin-right: auto;
margin-top: 30px
}
.comp-box p {
font-size: 16px;
color: #4C4948;
line-height: 2;
letter-spacing: 0.05rem;
padding: 0px 0px 0px 0px;
text-align:justify;
}
.normal1
{font-size: 16px;
text-align:justify;
font-family: 'Sawarabi Gothic', sans-serif;
}
.futoi1
{font-weight: bold;
font-size: 19px;
text-align: left;
font-family: 'Sawarabi Gothic', sans-serif;
}
.futoi2
{font-weight: bold;
font-size: 18px;
text-align: right;
display: block
}
.futoi3
{font-weight: bold;
font-size: 19px;
text-align: center;
color: #06B4EA;
display: block;
line-height: 2;	
}
.futoi4
{font-weight: 900;
font-size: 24px;
text-align: left;
color: #000;
display: block;
}
/* TELでお問い合わせ */
.tel-box p {font-size: 18px;}
.futoi5{font-size: 32px;}	

/******* 弊社の強味 *******/
.tuyomi{
margin-bottom: 80px;
text-align: center;
}
.tuyomi-box{
display:block;
padding-top: 30px;
padding-bottom: 30px;
}
.tuyomi ol {  
padding-left:0px;
width: 80%;
margin-right:auto;
margin-left: auto
}
.tuyomi p
{
font-size: 21px;
width: 100%;
margin-bottom: 35px;
text-align: center
}
.tuyomi img{
width: 221px;
height: 136px;
margin-right:auto;
margin-left: auto;
margin-bottom: 25px
}
/******* 各種見積りフォーム *******/	
.other-box a{
width: 43%;}
.naga{
font-size: 16px;
}
}

/* ########### 515pxから666pxまで ########### */
@media screen and (min-width: 515px) and (max-width: 666px) {

.in3{/* アクセス */
display:block;
margin-bottom: 80px;
}
.access-img{
width: 60%;
height:auto;
margin-bottom: 40px
}

.map{width: 100%}	
	
}
/* ########### 667pxから833pxまで ########### */
@media screen and (min-width: 667px) and (max-width: 833px) {

.in3{/* アクセス */
display: flex;
margin-bottom: 80px;
}
.access-img{
width: 27%;
height:27%;
margin-bottom: 40px
}
.map{width: 100%}		
}

/* ########### 834px 以上 ########### */
@media screen and (min-width:834px) {

/******* サイトマップ *******/
.site-box{
display: flex;
padding: 50px 0% 60px 0%
}
.site-box ul{
width: 40%;
}
.site-box p {
width: 80%;
}
/******* 会社紹介 *******/
.comp-box{
justify-content: space-between;
}
.in2{/* ごあいさつ */
display: flex;
margin-bottom: 80px;
}
.in3{/* アクセス */
display:flex;
margin-bottom: 80px;
}
.in4{/* アクセス住所とTEL */
display:block;
margin-bottom: 40px;
}
.comp-box-in1{/* あいさつ */
width: 50%;
}

.comp-box img{
}
.intro-img{text-align: center;
margin-top: 10%
}
.intro-img>img{ width: 80%;
height:auto;
margin-left: auto;
margin-right: auto;
}
	
.enkaku-img{
width: 37%;
height:37%;
}
.access-img{
width: 27%;
height:27%;
}
.comp-box p {
font-size: 16px;
color: #4C4948;
line-height: 2;
letter-spacing: 0.05rem;
padding: 0px 0px 0px 0px;
text-align:justify;
}
	
.normal1
{font-size: 16px;
text-align:justify;
font-family: 'Sawarabi Gothic', sans-serif;
}
.futoi1
{font-weight: bold;
font-size: 19px;
text-align: left;
font-family: 'Sawarabi Gothic', sans-serif;
}
.futoi2
{font-weight: bold;
font-size: 18px;
text-align: right;
display: block
}
.futoi3
{font-weight: bold;
font-size: 22px;
text-align: center;
color: #06B4EA;
display: block;
line-height: 2;	
}
.futoi4
{font-weight: 900;
font-size: 24px;
text-align: left;
color: #000;
display: block;
}
	
.map{width: 100%}
	
/* TELでお問い合わせ */
.tel-box p {
font-size: 18px;}
.futoi5{font-size: 32px;}
	
/******* 弊社の強味 *******/
.tuyomi{
margin-bottom: 80px;
}
.tuyomi-box{
display:flex;
justify-content: space-between;
padding-top: 30px;
padding-bottom: 30px;
}
.tuyomi ol {  
padding-left:0px;
width: 70%;
}

.tuyomi p
{
font-size: 21px;
width: 280px;
margin-bottom: 35px
}

.tuyomi img{
width: 221px;
height: 136px;
margin-right:35px;
margin-left: 25px
}
/******* 各種見積りフォーム *******/	
.other-box a{
width: 211px;
}
.naga{
font-size: 17px;
}
}