@charset "UTF-8";

#main	{display:flex;justify-content: center;align-items: center;background: url(../image/main01.png) center center;background-size: cover;margin: 0}

.main-img	{margin: 0}
.sswiper-container .pc{display: block;margin: 0}
.swiper-container .sp{display: none;margin: 0}
.swiper-slide img{width: 100%;line-height: 0}
.swiper-wrapper{margin: 0 0 -10px 0}


@media screen and (max-width:768px){
.swiper-container .pc{display: none;}
.swiper-container .sp{display: block;}
#main	{background: url(../image/main01_sp.png) center center;background-size: cover}
}


/*---------------------------
　地球の未来のために環境を創造します
---------------------------*/

.yorisou-block	{background: url(../image/heart.png) center center no-repeat;background-size: cover;}
.yorisou-wrap	{max-width: 980px;width: 100%;margin: 0 auto;padding: 70px 0 50px 0;}
	
.yorisou-catch	{margin-bottom: 30px;color: var(--color-02);font-size: 1.85rem;font-weight: 700;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;text-align: center;letter-spacing: 2px;}
.yorisou-text	{padding: 10px 0;text-align: center;}


@media screen and (max-width: 980px) {
.yorisou-wrap	{width: 94%;margin: 0 3%;}

}

@media screen and (max-width: 768px) {
.yorisou-catch	{line-height: 1.5em;}
.yorisou-text	{text-align: left;}
.yorisou-text	br{display: none;}
}


/*---------------------------
　GOTOHについて
---------------------------*/

.blue-back {background: var(--color-02);color: #fff}

.about-gotoh-block-wrap {padding: 60px 0 0 0}

.profile-block-wrap {margin: 60px 15%;padding: 5% 10%;background: #fff;color: var(--color-02);}

.profile-block-title	{padding: 0 0 20px 0;text-align: center;font-size: 1.8rem;font-family: 'Montserrat', sans-serif;}
.profile-block-title	span{position: relative;top: 9px;font-size: 3rem;}

.profile-block-catch	{display: block;margin: 0 auto 30px auto;font-size: 1.8rem;font-weight: bold;}

.profile-block-text	{text-align: center;line-height: 2em}

@media screen and (max-width: 980px) {
.profile-block-wrap {margin: 60px 0;padding: 5%;}
.about-gotoh-block-wrap {padding: 30px 0 0 0}
}


/*会社概要テーブル*/
.profile-table-wrap	{text-align: center;}
.profile-table {width: 100%;margin: 30px auto 0 auto;}
.profile-table	tr	{border-bottom: solid 2px #333;text-align: left;font-size: 1rem;}
.profile-table	tr:first-child	{border-top: solid 2px #333;}
.profile-table	th {padding: 15px 20px;vertical-align: middle}
.profile-table	td {padding: 15px 0}

.profile-table	a{color: #333;text-decoration: none;}
.profile-table	.num		{font-size: 1.7rem;font-family: 'Roboto Condensed', sans-serif;line-height: 1.8em}

@media screen and (max-width: 800px) {
.profile-table {width: 92%;margin:30px 4% 0 4%;}
}

@media screen and (max-width: 768px) {
.profile-table {width: 100%;margin:20px 0 0 0;}
.profile-table th,.profile-table td {display: block;width: 100%;border-bottom: none;}
.profile-table	tr {display: block;width: 100%;}
.profile-table	th	{border-bottom: none}
.profile-table	th {padding: 10px;font-weight: bold;}
.profile-table	td {padding: 0 10px 10px 10px;}
}


@media screen and (max-width: 980px) {
.profile-block-text	{text-align: left}
.profile-block-text	br{display: none}
.profile-block-text	br.br{display: inline}
}

/*許可証*/
.kyokasyo {display: flex;justify-content: space-around;flex-wrap: wrap;margin-top: 50px;}
.kyokasyo li{flex-basis: 39%;}
.kyokasyo li img{border: 1px solid #ccc;}

/*アクセス*/
.ggmap {position: relative;margin: 0;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.ggmap iframe,.ggmap object,.ggmap embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/*---------------------------
　事業内容
---------------------------*/

.product-lead-wrap {position: reative;background: #fff;}

.product-lead		{padding: 50px 0;text-align: center;font-size: 1.1rem;line-height: 1.8em;}

.product-list {position: reative;background: #d4dee4;z-index: -1}

.produt-sub-title {text-align: center}
.produt-sub-title span{display: block;max-width: 350px;margin: 0 auto 20px auto;padding-bottom: 5px;background: var(--color-02);color: #fff;font-size: 1.3rem;font-weight: 500;border-radius: 20px;}

.produt-table {max-width: 800px;margin: 0 auto 20px auto;border: 2px solid var(--color-02);}
.produt-table th,.produt-table td{padding: 25px;border-bottom: 2px solid var(--color-02);}
.produt-table th{width: 35%;border-right: 2px solid var(--color-02);font-weight: 700;vertical-align: middle}
.produt-table td{width: 65%;;}

.sanpai-more {margin-bottom: 70px;text-align: center;}
.sanpai-more a{color: var(--color-02);text-decoration: underline;}

.produt-syosai-area {display: flex;flex-wrap: wrap;max-width: 800px;margin: 0 auto 20px auto;}

.produt-syosai-text{flex-basis:65%;margin: 0 5% 7% 0}
.produt-syosai-text strong{padding-bottom: 15px;color: var(--color-02);font-weight: 700;}

.produt-syosai-photo{flex-basis:30%}

.produt-syosai-area dt{margin-bottom: 1.5em;padding-bottom: 3px;background: var(--color-02);color: #fff;font-size: 1.2rem;font-weight: 500;border-radius: 20px;text-align: center;}

.sanpai-lead {padding: 30px 0;text-align: center}
.sanpai-lead	span{display: inline-block;text-align: left}

.produt-table.sanpai	.red,.produt-table-caption .red {color: #f00}

.produt-table-wrap {max-width: 800px;margin: 0 auto 50px auto;}
.produt-table-caption {margin: -1em 0 0 0;text-align: right;}

.produt-sodan {padding: 0 0 30px 0;text-align: center}
.produt-sodan	span{display: inline-block;text-align: center}

.produt-to-contact {text-align: center;}
.produt-to-contact img{max-width: 160px;}

@media screen and (max-width: 768px) {
.produt-sodan	span{text-align: left}
.produt-sodan	span br{display: none}
.produt-table-caption {margin: 0;}
}

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

.product-lead		{text-align: left;}
.product-lead		br{display: none}

.produt-table {width: 100%;margin: 0;}
.produt-table th,.produt-table td {display: block;width: 100%;border: none;}
.produt-table	tr {display: block;width: 100%;border-bottom: 2px solid var(--color-02);}
.produt-table	tr:last-child {border-bottom: none}
.produt-table	th {padding: 10px;font-weight: bold;border-bottom: 2px solid var(--color-02);}
.produt-table	th	br{display: none}
.produt-table	td {padding: 0 10px 10px 10px;}

.produt-syosai-text{flex-basis:100%;margin: 0 0 7% 0}
.produt-syosai-photo{flex-basis:100%}

.sanpai-	br{display: none}

}


/*---------------------------
　保有車両
---------------------------*/

.hoyusyaryo-wrap {background: url(../image/hoyusyaryo.png) no-repeat bottom;background-size: auto 120%}

.hoyusyaryo-text {margin: 30px 10% 30% 10%;}

.hoyusyaryo-text .text01 {margin-bottom: 2em}
.hoyusyaryo-text .text02 {margin-left: 2em}
.hoyusyaryo-text .ts {margin-left: 6em}


@media screen and (min-width: 1460px) {
.hoyusyaryo-wrap {background: url(../image/hoyusyaryo.png) no-repeat bottom;background-size: cover}
.hoyusyaryo-text {margin: 30px 10% 50% 10%;}
}

@media screen and (max-width: 980px) {
.hoyusyaryo-text {margin: 30px 10% 50% 10%;}
}

@media screen and (max-width: 768px) {
.hoyusyaryo-text {margin: 0 5% 65% 5%;}
}

@media screen and (max-width: 580px) {
.hoyusyaryo-wrap {background-size: auto 100%}
.hoyusyaryo-text {margin: 0 0 320px 0;}

}

/*---------------------------
　ご相談・お問い合わせ
---------------------------*/

.contactus-lead	{text-align: center;}
.contactus-lead	span{display: inline-block;text-align: left;}

.contactus-how	{display:flex;justify-content: center;align-items: center;flex-wrap:wrap}
.contactus-how.tel	{margin-bottom: 20px;}

.contactus-how	dt	{flex-basis: 140px;color:#fff;font-size: 1.2rem;font-weight: bold;}
.contactus-how	dt	img{width: 80px;}

.contactus-how	dd	{flex-basis: 50%;padding-left: 20px;font-size: 1.2rem;}
.contactus-how	dt	{text-align: center;white-space: nowrap}


.contactus-how	a	{color: #fff;font-size: 3rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;text-decoration: none;}

@media screen and (max-width: 768px) {
.contactus-how	dt,.contactus-how	dd	{flex-basis: 100%;}
.contactus-how.tel	{margin-bottom:30px;}
.contactus-how	dt	{margin-bottom: 10px;}
.contactus-how	dd	{font-size: 1rem;text-align: center;}
.contactus-how	a	{font-size: 2.5rem;}
}


