class="gaiyou_txt02" class="gaiyou_txt02" class="gaiyou_txt02" class="gaiyou_txt02" class="gaiyou_txt02" class="gaiyou_txt02" class="gaiyou_txt02" class="gaiyou_txt02" class="gaiyou_txt02" class="gaiyou_txt02" class="gaiyou_txt02" class="gaiyou_txt02" class="gaiyou_txt02"@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&family=Mochiy+Pop+P+One&display=swap');

div#mini a[target=_blank] {
    padding-right: 20px;
    background: none;
}

.mojispace{
	padding-left:3rem;

}

.index_sp{
letter-spacing:-0.1em;
}


.c-profile img{
width:1rem;
height:1rem;
}


.link_b{
width:1rem;
height:1rem;
}
	
a[target=_blank] {
	padding-right: 20px;
	background: url("../images/link_b.png")right center/15px auto no-repeat;
}



.gazou{
z-index:9000;
}

.photo_box_gunsou {
    text-align: center;
    margin: 20px;
    width: 208%;
}


.kigou_square{
font-size: 2.6rem;
vertical-align:bottom;
line-height: 0.16em;
}

.oikawa_tiiki{
display: flex;
width: 100%;
}

.oikawa_kouken{
display: flex;
flex:2;
width: 100%;
	text-align: center;
}


.item1 {
  flex-grow: 2;
	font-family:'BIZ UDPGothic', sans-serif;	
font-size: 14px;
    text-align: center;
}


.item00 {
  flex-grow: 2;
	font-family:'BIZ UDPGothic', sans-serif;	
font-size: 14px;
    text-align: center;
}



.item2 {
  flex-grow: 1;
	font-family:'BIZ UDPGothic', sans-serif;	
font-size: 14px;

}

.oikawa_tiiki img{
width: 90%;
margin:.5rem;
}


.toyota_g{
transform: scale(1,1.5);
}

.akao_mini{
display: flex;
width: 100%;
	align-items: flex-start;
}
.akao_mini_img{
width: 20%;
}



.gaiyou{
background-color: #FCF4C2;
border-radius: .7rem;
background: repeating-linear-gradient(135deg, #FDF0F2, #FDF0F2 10px, #fff 10px, #fff 18px);
clear: both;
margin-bottom:10px;
display: flex;
}

.gaiyou_txt{
align-content: center;
padding:1rem .7rem;
display: flex;
flex-direction: column;
text-align: justify;
text-indent: 1em;
}

.gaiyou_txt02{
align-content: center;
padding:0;
padding-left: 0.7rem;
padding-right: 0.7rem;
display: flex;
flex-direction: column;
text-align: justify;
text-indent: 1em;
}

.gaiyou_txt03{
align-content: center;
padding:0rem  0.7rem 0rem  0.7rem;
display: flex;
flex-direction: column;
text-align: justify;
}

.gaiyou_txt04{
align-content: center;
padding:0rem  0.7rem 0rem  0.7rem;
display: flex;
flex-direction: column;
text-align: justify;
text-indent: 1em;
}

.gaiyou_txt05{
align-content: center;
padding:0rem 0.7rem 0rem 0.7rem;
display: flex;
flex-direction: column;
text-align: justify;
}


.gaiyou_txt06{
align-content: center;
padding:0rem 0.7rem 0rem 2.65rem;
display: flex;
flex-direction: column;
text-align: justify;
}

.gaiyou_txt07{
align-content: center;
padding:0rem 0.7rem 0rem 2.3rem;
display: flex;
flex-direction: column;
text-align: justify;
text-indent: -1em;
}


.gaiyou_txt08{
padding: 0rem 0.7rem 0rem 1.5rem;
    text-indent: -.8em;

}

.gaiyou_txt09 {
    padding: 0rem 0.7rem 0rem 3.1rem;
    text-indent: -2.4em;	text-align:left;
align-content: left;
}

.gaiyou_txt010{
padding: 0rem 0.7rem 0rem 0.7rem;

}

.gayou_chil{
display: flex;
justify-content:center;
align-items:center;
}

.arrow{
width: 5%;
height:auto;
padding: 0;
}

/*井ノ上のノ*/
.inoue{
font-size: 0.85em;
font-family: 'BIZ UDPGothic', sans-serif;
font-weight: 700;	
	
}

.inoue02{
font-size: 80%;
    white-space: nowrap;
    display: contents;
}


figure{
text-align:center;
}

figcaption{
color:#333333;
font-family:'BIZ UDPGothic', sans-serif;	
font-size: 14px;
font-weight:400;
}
/*写真の並び方均等*/
.container{
	display: flex;
	justify-content:space-between;
}




.container03 {
object-fit: contain;
	display: flex;
	justify-content:space-between;
}



/*写真の並び方左寄せ*/
.container02 {
	display: flex;
	justify-content:start;
}

.photo_box {
    text-align: center;
        margin: 20px 5px 0 5px;
    width: 100%;
}
/*yhoshida用*/
.photo_box02 {
    text-align: center;
    margin: 20px;
    width: 1600px;
}

.photo_box03 {
    text-align: center;
    margin: 20px;
    width: 625px;
}

.photo_box04 {
    text-align: center;
    margin: 20px;
    width: 700px;
}
.photo_box_arrow {

    text-align: center;
	vertical-align: center;
margin-top:7vh;
}


.photocap{
	text-align: center;
font-family:'BIZ UDPGothic', sans-serif;	
font-size: 14px;
font-weight:400;	
	
	
	
}

.stripe-marker {
  background-image: repeating-linear-gradient(-45deg,
    #fcf69f 0, #fcf69f 2px,
    transparent 2px, transparent 4px
  );
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.8em;
}


#greewap{
overflow: hidden;
}


.gree{
font-family:'BIZ UDPGothic', sans-serif;	
font-size: 25px;
font-weight: 700;
}

.greehonbun{
font-family:'BIZ UDPGothic', sans-serif;	
font-size: 16px;
font-weight: 400;
text-align: justify;
text-indent: 1em;
line-height: 30px
}



img{
max-width: 100%;
min-width: 100px}


div#bigwap{
max-width:1200px;
margin: auto;
position: relative;
min-height: 100%;
}




div#campanyname03 , div#campanyname04 , div#campanyname05 , div#campanyname06 , div#campanyname07{
padding:85px 0 85px 0;
background-repeat: no-repeat;
background-position: center bottom;
}

div#campanyname03{
background-image: url("../03_service/img/company_back03.png");
}
div#campanyname04{
background-image: url("../04_construction/img/company_back04.png");
}
div#campanyname05{
background-image: url("../05_retail/img/company_back05.png");
}
div#campanyname06{
background-image: url("../06_manufacturing/img/company_back06.png");
}
div#campanyname07{
background-image: url("../07_others/img/company_back07.png");
}

.campanytitle03 , .campanytitle04 ,.campanytitle05 ,.campanytitle06 ,.campanytitle07{
padding:0;
	margin:0;
	color: #ffffff;
	line-height: 6rem;
	margin-bottom: 2rem;
	font-size: 2rem;
	text-shadow: 2px 2px 2px #666666;
		text-align: center;
font-family:'BIZ UDPGothic', sans-serif;	
}

.campanytitle03{
	background-color:#fbc867;
}
.campanytitle04{
	background-color:#a8dcf1;
}
.campanytitle05{
	background-color:#ffb7ef;
}
.campanytitle06{
	background-color:#affce3;
}
.campanytitle07{
	background-color:#d2aff2;
}



div#lev2_wap{
padding:50px 30px 30px 30px;
overflow: hidden;
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
background-color: white;
}


div#pan{
padding:0;
font-family:'BIZ UDPGothic', sans-serif;	
font-size: 16px;
}


/* 各業種一覧の部分 */


Div#companylistwap{
text-align:center;
}


/* リスト */
ol.topic-path {
margin: 0; /* マージン（上下左右） */
padding: 7px 5px; /* パディング（上下、左右） */
list-style-type: none; /* リストマーク非表示 */
font-size: 100%; /* 文字サイズ */
    line-height: 1.5rem;
}
/* リスト項目 */
ol.topic-path li {
padding-left: 5px; /* 左パディング */
display: inline; /* 項目を横並び */
}
/* リスト項目（最初の項目） */
ol.topic-path li.first {
padding-left: 25px; /* 左パディング */
background: url(../images/house-solid.png) no-repeat left; /* ホーム記号（※） */
}
/* リンクエリア */
ol.topic-path li a {
padding-right: 18px; /* 右パディング */
background: url(../images/arrow.png) no-repeat right; /* 矢印記号（※） */
}
/* リンク色 */
ol.topic-path li a {
color: #4682b4;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
color: #79a7cc;
}




ol.cam{
counter-reset:list;
list-style-type:none;
text-align: left;
margin-left: 25%;
margin-right: 25%;
max-width: 100%;
}



ol.cam li {
    position: relative;
    padding: 0 20px 0 20px;
    margin: 7px 0 7px 0px;
    border-bottom: dashed 1px #F6A38B;
    font-family: 'BIZ UDPGothic', sans-serif;
    font-size: 1.2em;
    line-height: 2em;
}


ol.cam li span{
line-height: 1.2rem!important;
}






/*cam井上用*/

.cam_ino{
font-family: 'BIZ UDPGothic', sans-serif;	
font-size: 75%;
}





ol.cam li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 0;
  width: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 14px solid #F6A38B;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}



ol.cam li a{
text-decoration: none;
color:#191818;}


ol.cam li a:hover{
color:#B6B6B6;
}



.photo_right{
float:right;
margin-left:10px;
padding-bottom:10px;
}
.photo_left{
	float:left;
	margin-right:10px;

}


div#photobox{
  display: flex;
  flex-direction: column;
	
}

div#photobox2 img{
  margin-top:1.1rem;
	margin-right:1.1rem;
}

div#tiiki{
width:	50%;
margin-top:20px;
float: left;
background-position: top;
background-repeat: no-repeat;
background-size:contain;
}




div#coment{
width:	50%	;
margin-top:20px;
background: repeating-linear-gradient(135deg, #F4F3F9, #F4F3F9 10px, #fff 10px, #fff 18px);
padding:0 .3rem 0 .7rem ;
float: right;
}

div#mini{
padding: 0.7em;
background-color:#87CAAC;
vertical-align:middle;
height:auto;
box-sizing: border-box;
overflow: hidden;
clear:both;
border-radius: 1rem;
margin:1rem;
}



div#tiiki p , div#mini p , div#coment p{
font-family: 'BIZ UDPGothic', sans-serif;
line-height: 1.5em;
text-align: justify;
padding-bottom:0;
}


.tiiki_text{
line-height: 1.5em;
text-indent: 1em;
padding:0em 1em 0em 1em;
}


.tiiki_text02{
line-height: 1.5em;
text-indent: 2em;
}

.tiiki_text03{
	line-height: 1.5em;
text-indent: 1em;
padding:0em 1em 0em 1em;
}


.tiiki_text04{
text-indent: -1em;
padding:0em 1em 0em 2em;
}

.tiiki_text05{
text-indent: -1em;
padding:0em 1em 0em 2em;
}

.tiiki_text06{
text-indent: 1em;
padding:0em 1em 0em 1em;
}

.tiiki_text07{
text-indent:-0.5em;
padding:0em 1em 0em 1.5em;
}
.tiiki_text08{
padding-left:2em;
	padding-right: 1em;
}

.tiiki_text09{
text-indent: 1em;
	padding-right: 1em;
}




.coment_text{
text-indent: 1em;
padding-right:1em;
}

.coment_text02{
text-indent: -1em;
    padding: 0em 1em 0em 10.5em;
}

.coment_img{
padding-bottom:0rem;
}


div#mini p {
color: #ffffff;
}


.mini_text02{
text-indent: -1em;
padding:0em 0em 0em 1em;
}







div#bottomitem{
	overflow:hidden;
	clear: both;
	margin-top:50px;
	display: flex;
	gap: 5%;

}



.box, .box2, .box3 {
    padding: 0.5em 1em;
    font-weight: bold;
	line-height: 2em;
	color: #92BE09;
	text-align:center;
}

.box4 {
    padding-left:0.48em;
    font-weight: bold;
	line-height: 2em;
	color: #92BE09;
	transform: scale(0.8,1);
	display: inline-block;
	margin-right:.6rem
}

.box2 {
letter-spacing: 0.34em;
}

.box3 {
letter-spacing: 0.30em;
}

.box p {
    margin: 0; 
    padding: 0;
}


.c-profile{
list-style-type: none;
margin-top: 1em;
margin-bottom: 1em;
}


.c-profil span{
font-size:2rem;
}


.name{
font-size: 2.5em;
font-family: 'BIZ UDPGothic', sans-serif;
font-weight: 700;
color:#ffffff;
background-color: #92BE09;
	padding:.7rem;
	margin-bottom: 1rem;
}

.name02{
font-size: 2.5em;
font-family: 'BIZ UDPGothic', sans-serif;
font-weight: 700;
color:#ffffff;
background-color:#92BE09;
padding:.7rem;
margin-bottom: 1rem;
letter-spacing: -.15rem;
	
}




.tyoutai{
white-space: nowrap;
transform: scale(0.95, 1);
transform-origin: top left;
}




.c_name{
font-size: 2.5em;
font-family: 'BIZ UDPGothic', sans-serif;
font-weight: 700;
}


.mini_photo_right{
float:right;
	margin-left:10px;
	padding-bottom:10px;

}

.top_photo_right{
float:right;
	margin-left:10px;
	padding-bottom:10px;
	width:500px;
	height:350px;

}	


/* タブレット用メディアクエリ */
@media screen and (max-width: 820px)  {

	
	
	
	
.c-profile {
    list-style-type: none;
    margin-top: 1em;
    margin-bottom: 1em;
	text-align: center;
}
	
	
	
	
.photo_right {
float: none;
clear: both;
text-align: center;
}	
	
	
	
	
	
	.sp_title{
		font-size:1.3rem;
	text-align:center;
		font-family: 'BIZ UDPGothic', sans-serif;
		margin-top:.5rem;
		background-color:#FFA194;
		color: white;
		padding: 0.5rem 0;
	}
	
.resizeimage { width: 100%; }
	
	
	img {
    max-width: 100%;
    min-width: 100px;
	}
div#bottomitem{
	overflow:hidden;
	clear: both;
	margin-top:50px;
	display: block;
	gap: 5%;
}
	
div#tiiki{
margin-top:20px;
background-color:#fff;
position: relative;
padding-top:15%;
width: 100%;
box-sizing:border-box;
}


	
	
	
div#coment{
margin-top:20px;
background-color:#F4F3F9;
width: 100%;
box-sizing:border-box;
display: block;
}






.mini_photo_right{
float:right;
	margin-left:10px;
	padding-bottom:10px;
	background-size: 60%;
    max-width: 60%;
    height: auto;
    display: block;
}
	
.top_photo_right{
float:none;
width: 100%;
object-fit: contain;
padding-bottom: 0px;
margin-left: 0px;
height: auto;
}	
	
	
.photo_box_arrow{
transform: rotateZ(90deg);
}	


	
}


.rajitaka_mini {
    display: flex;
    width: 100%;
    align-items: flex-start;
}


@media screen and (max-width: 782px) {
/*写真の並び方均等*/

.tyoutai {
    white-space: nowrap;
    transform: scale(0.7, 1);
    transform-origin: top left;
}	
	
	
    .rajitaka_mini {
        display: flex;
        /* padding-right: 2rem; */
        /* margin-right: 1rem; */
    }	
	
	
	
div#photobox2 {
    margin: 0;
}
	
	
	
	
	
	
	
	
.tiiki_text05 {
    text-indent: -1em;
    padding: 0em 1em 0em 1em;
}
	
.tiiki_text09 {
    text-indent: 0em;
    padding-right: 1em;
}	
	
.tiiki_text08 {
    padding-left: 1em;
    padding-right: 0em;
}
	
	
	
.tiiki_text06 {
    text-indent: 1em;
    padding: 0;
}	
	
.tiiki_text03 {
    line-height: 1.5em;
    text-indent: 1em;
    padding: 0;
}	
	
	
.tiiki_text04 {
    text-indent: -1em;
    padding: 0em 0em 0em 1em;
}	
	
	
	
	
	
	
	
.tiiki_text {
    line-height: 1.5em;
    text-indent: 1em;
    padding: 0;
}	
	
	
	.item1{
		display: none;
	}
	

.oikawa_tiiki {
    display: block;
    width: 100%;
}
	
.oikawa_tiiki img {
    width: 100%;
    margin:0;
}	
	
	
	
	
	
.coment_text02 {
    text-indent: -1em;
    padding: 0;
}	
	
	
	
div#coment img{
width: 35%;
	padding-top:5%;
}
	
div#mini img {
    width: auto;
	padding: 0;
}	
	
	
.text_tyoutai{
    transform: scale(0.78, 1);
	transform-origin: top left;
	width: 147%;
	padding-bottom:0.5rem;
	padding-top:0.3rem;
}
	
.text_tyoutai02{
    transform: scale(0.95, 1);
	transform-origin: top left;
	width: 125%;
	padding-bottom:0.5rem;
	padding-top:0.3rem;
}
	
.text_tyoutai03{
    transform: scale(0.73, 1);
	transform-origin: top left;
	width: 200%;
	padding-bottom:0.5rem;
	padding-top:0.3rem;
}	
	
.text_tyoutai04{
    transform: scale(0.87, 1);
	transform-origin: top left;
	width: 125%;
	padding-bottom:0.5rem;
	padding-top:0.3rem;
}		
	
	
.text_tyoutai05{
    transform: scale(0.95, 1);
	transform-origin: top left;
	width: 125%;
	padding-bottom:0.5rem;
	padding-top:0.3rem;
}	
	
	
	
	

	
	
	
	
	
	
	
	
	
	
div#mini{
padding: 0.7em;
background-color:#87CAAC;
vertical-align:middle;
height:auto;
box-sizing: border-box;
overflow: hidden;
clear:both;
border-radius: 1rem;
margin:0.5rem 0.3rem 0rem 0rem;

}

	
.akao_mini {
display:block;

}
	
	
.photo_box04 {
    text-align: center;
    margin:20px 0 0 0;
    width: 100%;
}
	
	
.gaiyou{
display: block;
}	
	
	.gaiyou img{
	display:none;
	}	
	

div#tiiki{
margin:0;
padding:0;
}


	.container {
	display: block;

}


/*写真の並び方左寄せ*/
.container02 {
	display: block;
	    margin-left: -4%;
}

	
/*ヨシダのロゴ*/
.container03 {
		margin: auto;
}	
	
	
.resizeimage{
	width: 100%;
	object-fit: contain;
}

	
	

div#campanyname03 , div#campanyname04 , div#campanyname05 , div#campanyname06 , div#campanyname07{
    padding: 0 0 85px 0;
background-repeat: no-repeat;
background-position: center bottom;
background-size:contain;}

	
	
	ol.cam{
counter-reset:list;
list-style-type:none;
text-align: left;
max-width: 100%;
    margin-left:1%;
    margin-right: 1%;
}
	
	
	.name , .name02{
    font-size: 1.6em;
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: 700;
	padding-bottom: 15px;
		letter-spacing: 0;
	}


.name_sub{
font-size: 1rem;
font-family: 'BIZ UDPGothic', sans-serif;
font-weight: 700;
margin-bottom:0.5rem;
}





	.photobox_ogi {
    width: 100%;
    margin-left: 3.5%;
}

.photobox2_ogi {
    margin-left: 2%;
    width: 100%;
}
	
	
.photo_box {
    text-align: center;

}	
	
.photo_box_gunsou {
        text-align: center;
        max-width: 92%;
    }

}




@media screen and (min-width:820px) { 
.sp_title{
display:none;
	}
	

.sp-br {
  display: none;
}	
	
.tyoutai {
    transform: none;

}	
	.item00{
		display: none;
	}
}