@charset "UTF-8";
/* CSS Document */


#bg_about001{
color: #ffffff;
background: url("../img/bg/bg_aboutus1.jpg") center center no-repeat;
background-size: cover;
text-align: left;
margin-top: 0%;
padding-top: 380px;
height: 800px;
background-position: center;
background-attachment: fixed;
background-color: #222222;
position: relative;
z-index: 5; display: block;
}



#bg_about002{
color: #ffffff;
background: url("../img/bg/bg_aboutus2.jpg") center center no-repeat;
background-size: cover;
text-align: left;
margin-top: 0%;
padding-top: 180px;
height: 800px;
background-position: center;
background-attachment: fixed;
background-color: #222222;
position: relative;
z-index: 5; display: block;
}

#bg_about003{
color: #ffffff;
background: url("../img/bg/bg_aboutus3.jpg") center center no-repeat;
background-size: cover;
text-align: left;
margin-top: 0%;
margin-bottom: 10%;
padding-top: 150px;
padding-bottom: 100px;
height: 1600px;
background-position: center;
background-attachment: fixed;
background-color: #222222;
position: relative;
z-index: 5; display: block;
}

#bg_about004{
color: #ffffff;
background: url("../img/bg/bg_aboutus2.jpg") center center no-repeat;
background-size: cover;
text-align: left;
margin-top: 0%;
padding-top: 180px;
height: 800px;
background-position: center;
background-attachment: fixed;
background-color: #222222;
position: relative;
z-index: 5; display: block;
}
	

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

	
#bg_about001{
color: #ffffff;
background: url("../img/bg/bg_aboutus1_sp.jpg") center center no-repeat;
text-align: left;
margin-top: 0%;
height: auto;
padding-top: 60%;
padding-bottom: 20%;
padding-left: 10%;
padding-right: 10%;
background-position: center;
position: relative;
z-index: 5; 
display: inline-block;
	
}	
	
	
	
	
#bg_about002{
color: #ffffff;
background: url("../img/bg/bg_aboutus2_sp.jpg") center center no-repeat;
text-align: left;
margin-top: 0%;
height: auto;
padding-top: 60%;
padding-bottom: 20%;
padding-left: 10%;
padding-right: 10%;
background-position: center;
background-color: #222222;
position: relative;
z-index: 5; 
display: inline-block;
}	
	
#bg_about003{
color: #ffffff;
/*background: url("../../img/bg/bg_aboutus3_sp.jpg") center center no-repeat;*/
text-align: left;
margin-top: 0%;
height: auto;
padding-top: 60%;
padding-bottom: 20%;
padding-left: 10%;
padding-right: 10%;
background-position: center;
background-color: #222222;
position: relative;
z-index: 5; 
display: inline-block;
}		

	
#bg_about004{
color: #ffffff;
background: url("../img/bg/bg_aboutus2_sp.jpg") center center no-repeat;
text-align: left;
margin-top: 0%;
height: auto;
padding-top: 60%;
padding-bottom: 20%;
padding-left: 10%;
padding-right: 10%;
background-position: center;
background-color: #222222;
position: relative;
z-index: 5; 
display: inline-block;
}		
	
	

}
.section_ttl_about{
    display: block;
	font-family: 'EB Garamond', serif!important;
	letter-spacing: 0.08em;
    margin-top: 0%;
	margin-bottom: 0%;
    font-size: 42px;
}

.section_about_txt{
padding-bottom: 10%;
font-size: 14px;
line-height: 2.6em;
}
.section_about_cap{
padding-bottom: 1%;
font-size: 11px;
line-height: 1.8em;
font-weight: 600;
color: #999999;
}	
.about_copy{
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-size: 25px;
font-weight: 600;
padding-bottom: 5%;
}

.about_ism{
font-size: 40px;
font-weight: 400;
padding-bottom: 0%;
font-family: 'EB Garamond', serif!important;
}

.section_about_no{
font-size: 42px;
font-family: 'EB Garamond', serif!important;
float: left;
padding-right: 8%;
padding-bottom: 15%;
}

.google-map {
padding-top: 10%;

}
.google-map iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.name{
float: right;
padding-top: 5%;
padding-bottom: 5%;
}







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

.section_ttl_about{
    display: block;
	font-family: 'EB Garamond', serif!important;
	letter-spacing: 0.08em;
    margin-top: 0%;
	margin-bottom: 0%;
    font-size: 24px;
}	
	
.section_about_no{
font-size: 22px;
font-family: 'EB Garamond', serif!important;
float: left;
display: block;
	width: 100%;
padding-bottom: 2%;
}	
	
.section_about_txt{
padding-bottom: 10%;
font-size: 14px;
line-height: 1.8em;
}	
	
	
	
	
	
.about_copy{
font-size: 18px;
font-weight: 400;
padding-bottom: 5%;
}	
	
.about_ism{
font-size: 16px;
font-weight: bold;
padding-bottom: 3%;
padding-top: 5%;
}	
	
.name{
float: right;
padding-top: 20%;
padding-bottom: 25%;
}
	
	
}



.outline{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
/*    border-bottom: #cccccc 1px dotted;*/
    letter-spacing: 0.1em;
}

.outline > dt {
    width: 100px;
	font-size: 90%;
	padding-bottom: 2%;
	margin-bottom: 3%;
}


.outline > dd {
    -webkit-box-flex: 1;
    flex: 1;
	padding-bottom: 2%;
	margin-bottom: 3%;
}



#company .outline:first-child{
	border-top: #dedede 1px solid;
}

#company .outline{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
border-bottom: #dedede 1px solid;
    letter-spacing: 0.1em;
}

#company .outline > dt {
    width: 150px;
	padding-bottom: 1%;
	margin-bottom: 3%;
	padding-top: 4%;
}


#company .outline > dd {
    -webkit-box-flex: 1;
    flex: 1;
	padding-bottom: 1%;
	margin-bottom: 3%;
	padding-top: 4%;
}

dl {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
@media screen and (max-width: 738px) {
	

#company .outline:first-child{
	border-top: #dedede 1px solid;
	margin-top: 15%;
}	
	
#company .outline > dt {
    width: 25%;
	padding-bottom: 1%;
	margin-bottom: 3%;
	padding-top: 4%;
	padding-right: 5%;
}	
	
	
}