@charset "utf-8";

/*-- 

content_keyvisual

====================================================== --*/

#content_keyvisual .inner{
background:url(../img/company/bg_keyvisual_sec.webp) no-repeat center center;
background-size:cover;
}



/*-- 

content_index

====================================================== --*/

#content_index .inner .business{
padding: 60px 40px 40px 40px;
background-color: #fff;
margin-bottom: 100px;
}
#content_index .inner .business p.title{
font-size: 24px;
font-weight: bold;
padding-bottom: 15px;
border-bottom: dotted 1px #ddd;
position: relative;
}
#content_index .inner .business p.title span {
font-size: 10px;
color: #c30d23;
font-weight: normal;
padding-left: 10px;
}
#content_index .inner .business p.title:before {
position: absolute;
top: -80px;
left: -40px;
display: block;
content: attr(data-text);
color: #fff;
padding: 8px;
font-size: 14px;
background-color: #c30d23;
font-weight: normal;
}
#content_index .inner .business ul{
display: flex;
flex-wrap: wrap;
}
#content_index .inner .business ul li{
margin-top: 20px;
margin-right: 20px;
width: 450px;
padding: 30px;
background-color: #fbfbfb;
}
#content_index .inner .business ul li:nth-child(2){
	margin-right: 0px;
}
#content_index .inner .business ul li img{
width: 100%;
}
#content_index .inner .business ul li p.md{
font-size: 20px;
font-weight: bold;
margin-top: 27px;
padding-bottom: 25px;
border-bottom: dotted 1px #ddd;
}
#content_index .inner .business ul li p.txt{
padding-top: 20px;
font-size: 14px;
margin-bottom: 25px;
line-height: 1.5;
}

/* sp */
@media screen and (max-width:750px){

#content_index .inner .business{
padding: 40px 20px 5px 20px;
margin-bottom: 40px;
}
#content_index .inner .business p.title{
font-size: 20px;
}
#content_index .inner .business p.title span {
display: block;
font-size: 8px;
padding-left: 0;
margin-top: 5px;
}
#content_index .inner .business p.title:before {
top: -50px;
left: -20px;
padding: 6px;
font-size: 12px;
}
#content_index .inner .business ul {
flex-direction: column;
margin-top: 15px;
}
#content_index .inner .business ul li {
width: 100%;
padding: 15px;
margin-bottom: 15px;
margin-right: 0px;
}
#content_index .inner .business ul li p.md{
font-size: 16px;
margin-top: 17px;
padding-bottom: 15px;
}
#content_index .inner .business ul li p.txt{
padding-top: 15px;
font-size: 12px;
margin-bottom: 15px;
}
}


/*-- 

doudensei_title

====================================================== --*/
#doudensei_title div.inner{
padding-top: 75px;
padding-bottom: 75px;
}
#doudensei_title div.inner div{
padding: 5px 0 5px 33px;
border-left: solid 7px #333;
}
#doudensei_title div.inner div p{
font-size: 16px;
margin-bottom: 10px;
}
#doudensei_title div.inner div h2{
font-size: 36px;
font-weight: bold;
}
/* sp */
@media screen and (max-width:750px){
#doudensei_title div.inner{
padding-top: 25px;
padding-bottom: 25px;
}
#doudensei_title div.inner div{
padding: 5px 0 5px 15px;
border-left: solid 5px #333;
}
#doudensei_title div.inner div p{
font-size: 10px;
margin-bottom: 5px;
}
#doudensei_title div.inner div h2{
font-size: 22px;
font-weight: bold;
}

}

/*-- 

doudensei_point

====================================================== --*/
#doudensei_point div.inner{
padding-top: 0px;
}
#doudensei_point div.inner p.md{
	display: inline-block;
	padding: 10px 30px;
	background-color: #C30D23;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
#doudensei_point div.inner h3{
	font-size: 30px;
	padding: 70px 0;
	font-weight: bold;
}
#doudensei_point div.inner h3 span{
	color: #C30D23;
}
#doudensei_point div.inner div.txt p{
	margin-top: 40px;
	font-size: 16px;
	line-height: 1.8;
}
/* sp */
@media screen and (max-width:750px){
#doudensei_point div.inner p.md{
	padding: 8px 15px;
	font-size: 12px;
}
#doudensei_point div.inner h3{
	font-size: 20px;
	padding: 20px 0;
	line-height: 1.4;
}
#doudensei_point div.inner p img {
	max-width: 100%;
	height: auto;
}
#doudensei_point div.inner div.txt p{
	margin-top: 15px;
	font-size: 14px;
}
}


/*-- 

doudensei_example

====================================================== --*/
#doudensei_example div.inner{
	padding-top: 0px;
}
#doudensei_example div.inner p.md{
	display: inline-block;
	padding: 10px 30px;
	background-color: #C30D23;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
#doudensei_example div.inner p.title{
	padding: 7px 30px 9px;
	background-color: #333;
	color: #fff;
	font-size: 16px;
	margin-top: 50px;
}
#doudensei_example div.inner div.seihin{
	padding: 50px 40px 40px 40px;
	background-color: #fff;
}
#doudensei_example div.inner div.seihin h3{
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 14px;
	border-bottom: solid 1px #eee;
}
#doudensei_example div.inner div.seihin h3 span {
	padding-left: 10px;
	font-size: 14px;
}
#doudensei_example div.inner div.seihin div.flex {
	margin-top: 25px;
	display: flex;
	justify-content: space-between;
}
#doudensei_example div.inner div.seihin div.flex div.left {
	width: 610px;
}
#doudensei_example div.inner div.seihin div.flex div.left p{
	font-size: 16px;
	line-height: 1.8;
}
#doudensei_example div.inner div.seihin div.flex div.left table{
	margin-top: 25px;
	width: 100%;
}
#doudensei_example div.inner div.seihin div.flex div.left table tr{
	border-bottom: solid 1px #eee;
}
#doudensei_example div.inner div.seihin div.flex div.left table th{
	font-size: 12px;
	color: #C30D23;
	font-weight: bold;
	padding: 7px ;
	text-align: left;
}
#doudensei_example div.inner div.seihin div.flex div.left table td{
	padding: 7px ;
	font-size: 14px;
}
#doudensei_example div.inner div.seihin div.flex div.left table td.bold{
	font-weight: bold;
}
#doudensei_example div.inner div.seihin div.flex div.right {
	width: 270px;
}
#doudensei_example div.inner div.seihin div.flex div.right img {
	width: 100%;
	height: auto;
}

/* sp */
@media screen and (max-width:750px){
#doudensei_example div.inner p.md{
	padding: 8px 15px;
	font-size: 12px;
}
#doudensei_example div.inner p.title{
	padding: 8px 15px 8px;
	font-size: 12px;
	margin-top: 20px;
}
#doudensei_example div.inner div.seihin{
	padding: 20px 20px 20px 20px;
}
#doudensei_example div.inner div.seihin h3{
	font-size: 20px;
	padding-bottom: 14px;
}
#doudensei_example div.inner div.seihin h3 span {
	padding-left: 5px;
	font-size: 10px;
}
#doudensei_example div.inner div.seihin div.flex {
	margin-top: 15px;
	display: flex;
	flex-direction: column-reverse;
}
#doudensei_example div.inner div.seihin div.flex div.left {
	width: 100%;
}
#doudensei_example div.inner div.seihin div.flex div.left p{
	font-size: 14px;
	line-height: 1.8;
	margin-top: 15px;
}
#doudensei_example div.inner div.seihin div.flex div.left table{
	margin-top: 15px;
	width: 100%;
}
#doudensei_example div.inner div.seihin div.flex div.left table tr{
	border-bottom: solid 1px #eee;
}
#doudensei_example div.inner div.seihin div.flex div.left table th{
	font-size: 10px;
	color: #C30D23;
	font-weight: bold;
	padding: 5px ;
	text-align: left;
}
#doudensei_example div.inner div.seihin div.flex div.left table td{
	padding: 5px ;
	font-size: 12px;
}
#doudensei_example div.inner div.seihin div.flex div.left table td.bold{
	font-weight: bold;
}
#doudensei_example div.inner div.seihin div.flex div.right {
	width: 100%;
}
#doudensei_example div.inner div.seihin div.flex div.right img{
	max-width: 100%;
	height: auto;
}
}

/*-- 

doudensei_bikou

====================================================== --*/
#doudensei_bikou div.inner{
	padding-top: 0px;
}
#doudensei_bikou div.inner p.md{
	display: inline-block;
	padding: 10px 30px;
	background-color: #C30D23;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
#doudensei_bikou div.inner div{
	margin-top: 40px;
	border: solid 1px #ddd;
	padding: 20px 40px 40px 50px;
	font-size: 16px;
	line-height: 1.8;
}
#doudensei_bikou div.inner div ul li{
	list-style-type: none;
	padding: .1em .2em;
	position: relative;
	margin-top: 20px;
}
#doudensei_bikou div.inner div ul li:before{
	background-color: #C30D23;	/* 円の色 */
	border-radius: 50%;
	content: '';
	position: absolute;
	top: .9em;	/* 円の上側位置調整 */
	left: -.8em;	/* 円の左側位置調整 */
	width: 8px;	/* 円の幅 */
	height: 8px;	/* 円の高さ */
}
#doudensei_bikou div.inner div ul li span {
	font-weight: bold;
	color: #C30D23;
	font-size: 18px;
}
#doudensei_bikou div.inner p.renraku{
	margin-top: 50px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
#doudensei_bikou div.inner p.toiawase a{
	display: block;
	position: relative;
	width: 350px;
	margin: 20px auto 0;
	padding: 30px;
	background-color: #C30D23;
	color: #fff;
	font-size: 18px;
}
#doudensei_bikou div.inner p.toiawase a:before {
content: "";
position: absolute;
top: 43%;
right: 25px;
width: 15px;
height: 5px;
background: #fff;
transform: rotate(45deg);
}
#doudensei_bikou div.inner p.toiawase a:after {
content: "";
position: absolute;
top: 53%;
right: 25px;
width: 15px;
height: 5px;
background: #fff;
transform: rotate(-45deg);
}

/* sp */
@media screen and (max-width:750px){
#doudensei_bikou div.inner p.md{
	padding: 8px 15px;
	font-size: 12px;
}
#doudensei_bikou div.inner div{
	margin-top: 20px;
	border: solid 1px #ddd;
	padding: 10px 20px 20px 20px;
	font-size: 14px;
	line-height: 1.8;
}
#doudensei_bikou div.inner div ul li{
	list-style-type: none;
	padding: .1em .2em;
	position: relative;
	margin-top: 10px;
}
#doudensei_bikou div.inner div ul li:before{
	background-color: #C30D23;	/* 円の色 */
	border-radius: 50%;
	content: '';
	position: absolute;
	top: .9em;	/* 円の上側位置調整 */
	left: -.6em;	/* 円の左側位置調整 */
	width: 6px;	/* 円の幅 */
	height: 6px;	/* 円の高さ */
}
#doudensei_bikou div.inner div ul li span {
	font-weight: bold;
	color: #C30D23;
	font-size: 16px;
}
#doudensei_bikou div.inner p.renraku{
	margin-top: 20px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	line-height: 1.8;
}
#doudensei_bikou div.inner p.toiawase a{
	max-width: 100%;
	margin: 10px auto 0;
	padding: 25px;
}
#doudensei_bikou div.inner p.toiawase a:before {
top: 42%;
}

	
}
/*-- 

content_navi

====================================================== --*/

#content_navi div.inner{
padding: 50px;
background-color: #fff;
border: solid 1px #ddd;
}
#content_navi div.inner .title {
font-size: 20px;
font-weight: bold;
color: #c30d23;
padding-bottom: 8px;
border-bottom: solid 1px #ddd;
}
#content_navi ul li{
width: 100%;
border-bottom: dotted 1px #ddd;
font-size: 14px;
}
#content_navi ul li a{
display: block;
position: relative;
width: 100%;
padding: 15px;
}
#content_navi ul li a:before {
content: "";
position: absolute;
top: 46%;
right: 10px;
width: 8px;
height: 3px;
background: #c30d23;
transform: rotate(45deg);
}
#content_navi ul li a:after {
content: "";
position: absolute;
top: 58%;
right: 10px;
width: 8px;
height: 3px;
background: #c30d23;
transform: rotate(-45deg);
}

/* sp */
@media screen and (max-width:750px){
#content_navi {
padding: 0 8.5333vw;
}
#content_navi div.inner{
padding: 25px;
}
	
}





/*-- 

content_about

====================================================== --*/

#content_about .inner{
position:relative;
display:flex;
align-items:flex-start;
justify-content:space-between;
}
#content_about .inner::before{
display:block;
content:"";
position:absolute;
left:5%;
bottom:0;
width:732px;
height:233px;
background:url(../img/logo_txt.svg) no-repeat;
background-size:contain;
opacity:0.15;
z-index:0;
}

/*-- outline --*/

.box_outline{
background:#fff;
padding:60px;
padding-top:40px;
width:700px;
z-index:1;
}

/* sp */
@media screen and (max-width:750px){

#content_about .inner{
justify-content:center;
flex-direction:column;
}
#content_about .inner::before{
left:0;
bottom:0;
width:750px;
width:100vw;
height:239px;
height:31.8666vw;
}

/*-- outline --*/

.box_outline{
width:100%;
margin-top:64px;
margin-top:8.5333vw;
padding:64px;
padding:8.5333vw;
padding-top:40px;
padding-top:5.3333vw;
}

}



/*-- 

content_access

====================================================== --*/

#content_access .googlemap iframe{
width:100%;
height:640px;
-webkit-filter:grayscale(50%);
filter:grayscale(50%);
}
#content_access .box_access{
display:flex;
align-items:flex-start;
justify-content:center;
}
#content_access .box_access .tbl01{
margin-top:40px;
}
#content_access .box_access th{
width:200px;
}
#content_access .box_access .lst_access strong{
font-weight:500;
}
#content_access .box_access .lst_access span{
float:right;
}

/* sp */
@media screen and (max-width:750px){

#content_access .googlemap iframe{
height:640px;
height:85.3333vw;
}
#content_access .box_access .tbl01{
margin-top:64px;
margin-top:8.5333vw;
}
#content_access .box_access th{
width:100%;
}

}