@charset "UTF-8";
/* CSS Document */
/*
font-family: "IBM Plex Sans JP", sans-serif;4567
font-family: "Zen Old Mincho", serif;45679
font-family: "Zen Kaku Gothic New", sans-serif;3457
font-family: "Lilita One", sans-serif;4
*/

#head-img{
background-image: url("/img/a-head.jpg");
}
#title-cloud{
padding-bottom: 0;
}
#title-cloud .icon{
position: absolute;
}
#title-cloud .icon:nth-of-type(1){
top: 20%;
right: calc((100% - 1300px)/2 + 5rem);
}
#title-cloud .icon:nth-of-type(2){
bottom: 0;
left: calc((100% - 1300px)/2 + 5rem);
}
#title-cloud .contents{
padding: 0 1.5rem 3rem;
color: #3a3a3a;
}
#title-cloud h4{
width: 100%;
max-width: 860px;
margin: 5rem auto 0;
padding: 1rem;
border: 3px solid #3a3a3a;
box-shadow: 3px 3px rgba(58, 58, 58, 1);
font-family: "Zen Old Mincho", serif;
font-weight: 600;
font-size: 2.8rem;
text-align: center;
background: #fff;
letter-spacing: 0.1rem;
}
#title-cloud .box{
width: 100%;
max-width: 860px;
margin: 3rem auto 7rem;
padding: 0;
line-break:strict;
}
#title-cloud .box p.name{
text-align: right;
line-height: 200%;
margin-top: 3rem;
}
#title-cloud .box p.name span:nth-of-type(1){
font-family: "Zen Old Mincho", serif;
letter-spacing: 0.2rem;
}
#title-cloud .box p.name span:nth-of-type(2){
letter-spacing: 0.3rem;
display: inline-block;
margin-right: 1rem;
}
#title-cloud .box p.name span:nth-of-type(3){
font-family: "Zen Old Mincho", serif;
font-size: 2.2rem;
letter-spacing: 0.5rem;
}
#title-cloud .box p.cap{
margin: 3rem 0;
line-height: 200%;
font-size: 85%;
}

@media screen and (max-width: 1300px) {
#title-cloud .icon:nth-of-type(1){top: 20%;right: 3rem;width: 100px;}
#title-cloud .icon:nth-of-type(2){left: -2rem;width: 250px;}
}
@media screen and (max-width: 768px) {
#title-cloud .icon:nth-of-type(1){top: 10rem;right: 3rem;width: 110px;}
#title-cloud .icon:nth-of-type(2){left: -2rem;width: 200px;}
#title-cloud h4{margin: 3rem auto 0;padding: 0.5rem 0.5rem 0.7rem;font-size: 1.8rem;}
}
@media screen and (max-width: 500px) {
#title-cloud .icon:nth-of-type(1){top: 8rem;right: 1.5rem;width: 60px;}
}

/*企業理念*/
#a-ideal{
background: url("/img/a-ideal_back.jpg") no-repeat bottom center / cover ;
padding: 5rem 0 0;
color: #fff;
text-align: center;
position: relative;
}
#a-ideal h4{
margin-top: 7rem;
font-family: "Zen Old Mincho", serif;
font-size: 3.3rem;
font-weight: 500;
letter-spacing: 0.5rem;
line-height: 180%;
}
#a-ideal .box{
width: 100%;
max-width: 860px;
margin: 3rem auto 0;
text-align: center;
}
#a-ideal .box img{
display: block;
margin: 0 auto;
}
#a-ideal .box img:nth-of-type(2),
#a-ideal .box img:nth-of-type(3){
margin-top: 3rem;
}
#a-ideal .box img:nth-of-type(1){
width: 200px;
}
#a-ideal .box img:nth-of-type(2){
width: 600px;
}
#a-ideal .box p{
margin-top: 3rem;
font-size: 1.9rem;
letter-spacing: 0.2rem;
}
#a-ideal .text-box{
position: relative;
margin-top: 8rem;
height: 140px;
width: 100%;
}
#a-ideal .text-back{
position: absolute;
bottom:0;
width: 100%;
height: 140px;
background: #0080c4;
mix-blend-mode: multiply;
}
#a-ideal .text{
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2.8rem;
letter-spacing: 0.4rem;
}
#a-ideal .icon{
position: absolute;
bottom: 0;
}
#a-ideal .icon:nth-of-type(1){
left: calc((100% - 1300px)/2 + 3rem);
}
#a-ideal .icon:nth-of-type(2){
right: calc((100% - 1300px)/2 + 3rem);
}
@media screen and (max-width: 1300px) {
#a-ideal .icon:nth-of-type(1){left: 2rem;}
#a-ideal .icon:nth-of-type(2){right: 2rem;}
#a-ideal .text{font-size: 2.5rem;}
}
@media screen and (max-width: 900px) {
#a-ideal .icon:nth-of-type(1){left: 1rem;width: 120px;}
#a-ideal .icon:nth-of-type(2){right: 1rem;width: 120px;}
#a-ideal .text{font-size: 2rem;letter-spacing: 0.2rem;}
}
@media screen and (max-width: 768px) {
#a-ideal{padding: 3rem 0 0;}
#a-ideal h4{margin-top: 3rem;font-size: 2rem;}
#a-ideal .box{margin: 1rem auto 0;}
#a-ideal .box img:nth-of-type(2),#a-ideal .box img:nth-of-type(3){margin-top: 1rem;}
#a-ideal .box img:nth-of-type(1){width: 150px;}
#a-ideal .box img:nth-of-type(2){width: 500px;}
#a-ideal .box p{margin-top: 1rem;font-size: 1.6rem;padding: 0 1.5rem;}
#a-ideal .text-box{margin-top: 3rem;height: 100px;}
#a-ideal .text-back{height: 100px;}
#a-ideal .text{font-size: 1.6rem;letter-spacing: 0.2rem;padding:0 50px;}
#a-ideal .icon:nth-of-type(1),#a-ideal .icon:nth-of-type(2){width: 80px;}
#a-ideal .sp-show{display: none;}
}
@media screen and (max-width: 500px) {
#a-ideal h4{margin-top: 3rem;font-size: 2rem;letter-spacing: 0.2rem;line-height: 150%;}
#a-ideal .box img:nth-of-type(1){width: 120px;}
#a-ideal .box img:nth-of-type(2){width: 400px;}
#a-ideal .box p{text-align: left;font-size: 1.4rem;padding: 0 1.5rem;}
#a-ideal .text-box{margin-top: 1.5rem;height: 100px;}
#a-ideal .text-back{height: 100px;}
#a-ideal .text{font-size: 1.4rem;letter-spacing: 0.2rem;padding: 0;}
#a-ideal .icon:nth-of-type(1),#a-ideal .icon:nth-of-type(2){width: 50px;}
#a-ideal .sp-show{display: inline!important;}
}

#a-ideal2{
position: relative;
background: #a6d0df url("/img/dod.png") repeat center;
text-align: center;
padding-bottom: 7rem;
overflow: hidden;
}
#a-ideal2 .icon{
position: absolute;
}
#a-ideal2 .icon:nth-of-type(1){
top:5rem;
right: calc((100% - 1300px)/2 - 25rem);
}
#a-ideal2 .icon:nth-of-type(2){
top:80rem;
left: calc((100% - 1300px)/2 - 31rem);
}
#a-ideal2 .box{
background: #fff;
width: 100%;
max-width: 860px;
padding: 7rem 6rem;
margin: 0 auto;
position: relative;
z-index: 1;
}
#a-ideal2 .box .text-box1 h3{
background: #3e3a39;
padding: .5rem;
color: #fff;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 700;
font-size: 1.8rem;
letter-spacing: 0.5rem;
}
#a-ideal2 .box .text-box1 .cap{
font-size: 1.8rem;
letter-spacing: 0.1rem;
margin-top: 3rem;
text-align: center;
}
#a-ideal2 .box .text-box1 h2{
width: 100%;
margin: 5rem auto 0;
padding: 0.7rem 0.7rem 0.5rem;
border: 3px solid #3a3a3a;
box-shadow: 3px 3px rgba(58, 58, 58, 1);
font-size: 1.8rem;
font-weight: 600;
text-align: center;
background: #dfe8ed;
letter-spacing: 0.2rem;
}
#a-ideal2 .box .text-box1 h4{
width: 100%;
margin: 2rem 0;
padding-bottom: 2rem;
background: url("/img/a-ideal2_line.png") repeat-x bottom center;
color: #5690c8;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3rem;
}
#a-ideal2 .box .text-box1 p{
text-align: left;
}
#a-ideal2 .box .text-box2 h3{
background: #3e3a39;
padding: .5rem;
color: #fff;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 700;
font-size: 1.8rem;
letter-spacing: 0.5rem;
margin-top: 7rem;
}
#a-ideal2 .box .text-box2 h2{
text-align: center;
}
#a-ideal2 .box .text-box2 h2 img{
width: 100%;
max-width: 480px;
margin: 3rem auto 0;
}
#a-ideal2 .box .text-box2 h4{
font-family: "Zen Old Mincho", serif;
letter-spacing: 0.7rem;
font-size: 2.2rem;
margin-top: 1rem;
}
#a-ideal2 .box .text-box2 p{
margin-top: 3rem;
}
@media screen and (max-width: 1300px) {
#a-ideal2 .icon:nth-of-type(1){
right: calc((100% - 1300px)/2 - 15rem);}
#a-ideal2 .icon:nth-of-type(2){
top:80rem;
left: calc((100% - 1300px)/2 - 31rem);}
}
@media screen and (max-width: 768px) {
#a-ideal2{padding-bottom: 3rem;}
#a-ideal2 .box{padding: 3rem 1.5rem;}
#a-ideal2 .box .text-box1 h3{font-size: 1.6rem;}
#a-ideal2 .box .text-box1 .cap{font-size: 1.6rem;margin-top: 1.5rem;text-align: left;}
#a-ideal2 .box .text-box1 h2{margin: 3rem auto 0;padding: 0.5rem 0.5rem 0.3rem;font-size: 1.5rem;letter-spacing: 0.1rem;}
#a-ideal2 .box .text-box1 h4{width: 100%;
margin: 2rem 0;font-size: 1.6rem;letter-spacing: 0.2rem;}
#a-ideal2 .box .text-box2 h3{font-size: 1.6rem;margin-top: 3rem;}
#a-ideal2 .box .text-box2 h2 img{width: 80%;
max-width: 450px;margin: 2em auto 0;}
#a-ideal2 .box .text-box2 h4{letter-spacing: 0.3rem;font-size: 1.8rem;margin-top: 1rem;}
#a-ideal2 .box .text-box2 p{text-align: left;}
}

/*沿革*/
#a-history{
position: relative;
background: url("/img/dod-gray.png") repeat center;
text-align: center;
padding: 9rem 0 9rem;
}
#a-history .t-line{
height: 90px;
}
#a-history .box {
margin-top: 5rem;
padding: 0 1.5rem;
}
#a-history .box table{
width: 100%;
max-width: 860px;
margin: 0 auto;
border: 2px solid #000;
color: #3d3736;
background: #fff;
font-weight: 600;
}
#a-history .box table th,#a-history .box table td{
padding: 1.5rem 2.5rem;
}
#a-history .box table tr{
border-bottom: 1px solid #5a5a5a;
}
#a-history .box table tr:last-of-type{
border: none;
}
#a-history .box table th{
white-space: nowrap;
background: #cecece;
font-weight: 500;
letter-spacing: 0.3rem;
}
#a-history .box table td{
text-align: left;
letter-spacing: 0.3rem;
}
@media screen and (max-width: 768px) {
#a-history{padding: 5rem 0 3rem;}
#a-history .t-line{height: 50px;}
#a-history .box {margin-top: 1.5rem;}
#a-history .box table th,#a-history .box table td{padding: 1rem 1rem;}
#a-history .box table th{line-height: 120%;letter-spacing: 0rem;padding: 1rem 0.5rem;}
#a-history .box table td{letter-spacing: 0rem;}
}

/*アクセス*/
#a-map{
position: relative;
background: #a6d0df url("/img/dod.png") repeat center;
text-align: center;
padding: 9rem 0 0;
}
#a-map .t-line{
height: 90px;
}
#a-map .box {
margin-top: 5rem;
}
#a-map .box iframe{
display: block;
width: 100%;
height: 500px;
}
@media screen and (max-width: 768px) {
#a-map{padding: 5rem 0 0;}
#a-map .t-line{height: 50px;}
#a-map .box {margin-top: 1.5rem;}
#a-map .box iframe{height: 300px;}
}



































.sp-show{display: none;}
@media (max-width: 768px) {
.sp-show{display: inline;}
.pc-show{display: none;}
}