@charset "UTF-8";
@media screen and (min-width: 768px), print {
.h2-area-box .h2-common-box{background-image: url(../images/company/h2.jpg);}

main { width: 100%; }


#main  {  }
#main .slider { width: 1px;margin: 0 auto 50px;min-height: 534px;position: relative; }
#main .slider-3mai-Box { margin-left: -1000px;position: absolute;width: 2000px; }
#main .border-box { width: 1100px;margin: 0 auto;padding-bottom: 50px;border: 5px solid #c5c5c5;background-color: #ffffff; }
#main .welcome-banner { width: 1100px; margin: 0 auto 80px; text-align: center;}
#main .ttl-1 { position: relative;top: -40px;width: 405px;margin: 0 auto; background-color: #ffffff;text-align: center;color: #1c5590;font-size: 50px;font-weight: 900;}
#main .ttl-1 span { display: block;padding-top: 15px; font-size: 25px;letter-spacing: 2.5px;}
#main .noto-p { color: #282828;font-size: 23px;font-weight: 900;line-height: 50px; }
#main .b02 .ttl-1{ margin-bottom: -20px; }
#main .b03 .ttl-1{ margin-bottom: -10px; }
#main .b01 .noto-p { text-align: center; }
#main .b02 .noto-p { margin-left: 230px; }
#main .b03 .noto-p { margin-left: 50px; }
#main .b03 .noto-p::before { content:"一つ、"; }
#main .b01 { margin-bottom: 94px; }
#main .b02 { margin-bottom: 80px; }
#main .b03 { margin-bottom: 50px; }


#greet  { background: url(../images/company/bg.jpg) no-repeat center top 72px; }
#greet .inner-box { width: 1100px; margin: 0 auto; }
#greet .ttl-1 { margin-bottom: 10px; }
#greet .relative-box {  position: relative;min-height: 545px;margin-bottom: 30px;}
#greet .txt-box {width: 591px;margin-left: auto;  }
#greet .ttl-2 { margin-bottom: 50px;color: #ffffff;font-size: 40px;font-weight: 900;letter-spacing: 4px;line-height: 70px; }
#greet .txt-1 { color: #282828;font-size: 20px;font-weight: 900;letter-spacing: 2px;line-height: 28px; }
#greet .img { position: absolute; top: 0; left: 0; width: 435px;}
#greet .bun-box { width: 1000px; margin: 0 auto 20px; }
#greet .ttl-3 { margin-bottom: 7px;padding: 28px 0 28px 23px;color: #1c5590;font-size: 23px;background: url(../images/company/circle.png) no-repeat center left;font-weight: 900;letter-spacing: 2.3px; }
#greet .bun-txt { color: #272727;letter-spacing: 0.8px;line-height: 35px; }
#greet .bun-box02 { width: 1000px; margin: 0 auto 75px; }
#greet .bold-txt {  color: #272727;letter-spacing: 0.8px;line-height: 35px; font-weight: 700; }
#greet .mb { margin-bottom: 25px; }
#greet  {  }


#yume  { width: 1100px; margin: 0 auto 110px;padding-bottom: 60px;background-color: #fffeec; }
#yume .ttl-1 { position: relative;top: -25px;width: 751px;margin: 0 auto;min-height: 64px;border-radius: 30px;padding-top: 20px;text-align: center;background-color: #ffe72a;color: #282828;font-size: 23px;font-weight: 900;letter-spacing: 2.3px;}
#yume .relative-box  { position: relative;width: 1000px; margin: 0 auto; }
#yume .txt-box { width: 609px;margin-left: auto;min-height: 322px;padding-top: 15px; }
#yume .txt-1 { color: #272727;letter-spacing: 0.8px;line-height: 35px; }
#yume .txt-1:nth-of-type(2) { padding-top: 25px; }
#yume .img {position: absolute; top: 0; left: 0;width: 355px; }
#yume .bold-txt {width: 245px;margin-left: auto; color: #282828;font-weight: 900;letter-spacing: 1.6px;line-height: 28px; }

#what  { margin-bottom: 100px; }
#what .ttl-1 {margin-bottom: 35px; text-align: center;color: #272727;font-size: 25px;font-weight: 900;letter-spacing: 2.5px; }
#what table { width: 1000px; margin: 0 auto; }
#what .tr {    display: block; border-bottom: 1px solid #fff; }
#what .th { width: 210px;text-align: left;vertical-align: middle;border-bottom: 1px solid #3a70ac;background-color: #3a70ac;padding-left: 22px;color: #ffffff;letter-spacing: 0.8px; }
#what .td { width: 790px;padding: 13px 0 13px 46px;color: #272727;letter-spacing: 0.8px;line-height: 24px;border: 1px solid #3a70ac;background-color: #ffffff; }

#map  {  margin-bottom: 110px;}
#map .ttl-1 { text-align: center;margin-bottom: 20px;	color: #282828;font-size: 50px;font-weight: 900;letter-spacing: 2.5px; }
#map .ttl-1 span  { color: #ffd200; }
#map .ttl-2 { margin-bottom: 30px;text-align: center;color: #1c5590;font-size: 25px;font-weight: 900;letter-spacing: 2.5px; }
#map .relative-box {position: relative; width: 1060px; margin: 0 auto; min-height: 350px;}
#map .img { position: absolute; top: 0; left: 0;width: 520px; }
#map .txt-box { width: 520px;margin-left: auto; }
#map iframe { width: 520px;min-height: 350px;margin-bottom: 15px; }
#map .link { display: block;width: 249px;margin: 0 0 22px auto; }
#map .txt-1 { color: #272727;letter-spacing: 0.8px;line-height: 30px; }

#banner  { width: 1000px; margin: 0 auto; }
#banner .ttl-1 {margin-bottom: 60px;text-align: center; color: #272727;font-size: 20px;font-weight: 900;letter-spacing: 2px;}
#banner .ttl-1 span { padding-bottom: 15px;border-bottom: 2px solid #ffd200; }
#banner .ttl-2 { margin-bottom: 23px;text-align: center; }
#banner .list { margin-bottom: 45px; }
#banner .list-item { float: left;width: 230px;margin-right: 26px; }
#banner .list-item:last-child { margin-right: 0; }
#banner .second-list { margin-bottom: 72px; }
#banner .second-list-item { float: left;width: 240px;margin-right: 12px; }
#banner .second-list-item:last-child { margin-right: 0; }
#banner .third-list { width: 840px; margin: 0 auto; margin-bottom: 57px; }
#banner .third-list-item { float: left;width: 400px;margin-right: 40px; }
#banner .third-list-item:last-child { margin-right: 0; }
#banner .last-list { width: 826px; margin: 0 auto; }
#banner .last-list-item { float: left;width: 400px;margin-right: 26px; }
#banner .last-list-item:last-child { margin-right: 0; }


}
@media screen and (max-width: 767px) {
.h2-area-box .h2-common-box {background-image: url(../images/company/sp-h2.jpg);}

#main  {  }
#main .top-ttl { margin-bottom: 20px;text-align: center; }
#main .border-box { width: 94%;margin: 0 auto 40px;padding: 0 5% 5%;border: 5px solid #c5c5c5;background-color: #ffffff; }
#main .welcome-banner { width: 90%; margin: 0 auto 10%; text-align: center;}
#main .ttl-1 { position: relative;top: -20px;width: 60%;margin: 0 auto; background-color: #ffffff;text-align: center;color: #1c5590; font-size: 1.563em;font-weight: 900;line-height: 1.5;letter-spacing: 0.05em;}
#main .ttl-1 span { display: block;padding-top: 15px; font-size: 0.813em;letter-spacing: 0.05em;}
#main .noto-p { color: #282828;font-weight: 900;font-size: 0.938em;line-height: 1.6;letter-spacing: 0.05em; }
#main .b01 .noto-p { text-align: center; }
#main .b03 .noto-p {position: relative;margin-bottom: 5%;padding-left:50px;}
#main .b03 .noto-p::before { content:"一つ、";position: absolute; top: 0; left: 0; }

#greet  {  }
#greet .inner-box {margin-bottom: 5%; background: url(../images/company/sp-bg.jpg) no-repeat center top 30px/100% 90%; }
#greet .ttl-1 { margin-bottom: 4%;text-align: center; }

#greet .ttl-2 { margin-bottom: 5%;color: #ffffff;font-size: 1.15em;font-weight: 900;letter-spacing: 0.05em;line-height: 1.6;padding: 0 5%; }
#greet .txt-1 { position: relative;top: 6vh;padding: 4%;width: 50%;float: right;background-color: #fff;color: #282828;font-size: 0.938em;font-weight: 900;letter-spacing: 0.05em;line-height: 1.8; }
#greet .img {width: 50%; float: left; }
#greet .bun-box { margin-bottom: 6%;padding: 0 5%; }
#greet .ttl-3 { margin-bottom: 3%;padding:0 3%;color: #1c5590;line-height: 1.5;font-size: 1.063em;background: url(../images/company/circle.png) no-repeat center left/contain;font-weight: 900;letter-spacing: 0.05em; }
#greet .bun-txt { color: #272727; font-size: 0.875em;letter-spacing: 0.05em;line-height: 1.8; }
#greet .bun-box02 { padding: 0 5%; }
#greet .bold-txt {margin-bottom:60px; line-height: 1.8;padding-top: 4%; color: #272727; font-size: 0.875em;letter-spacing: 0.05em;font-weight: 700; }

#yume  {width: 94%; margin: 0 auto 10%; padding: 0 3% 5%;background-color: #fffeec; }
#yume .ttl-1 { position: relative;top: -35px;margin-bottom: -10px;border-radius: 15px;padding: 5%;text-align: center;background-color: #ffe72a;color: #282828;font-size: 1.17em;font-weight: 900;letter-spacing: 0.05em;line-height: 1.5;}
#yume .relative-box  {  }
#yume .txt-box {  }
#yume .txt-1 {margin-bottom: 4%; color: #272727;font-size: 0.875em;line-height: 1.8;letter-spacing: 0.05em; }
#yume .img {margin-bottom: 5%;padding: 0 8%; text-align: center; }
#yume .bold-txt {color: #282828;font-weight: 900;letter-spacing: 0.05em;line-height:1.8;font-size: 0.938em; }

#what  { margin-bottom: 10%;}
#what .ttl-1 {margin-bottom: 5%; text-align: center;color: #272727;font-size: 1.17em;font-weight: 900;letter-spacing: 0.05em;line-height: 1.5; }
#what table { width: 94%; margin: 0 auto; }
#what .tr {   }
#what .th { display: block; max-width: 100%; padding: 2% 3%; text-align: center;border-bottom: 1px solid #3a70ac;background-color: #3a70ac;color: #ffffff;font-size: 0.875em;line-height: 1.8;letter-spacing: 0.05em; }
#what .td {display: block; max-width: 100%; padding: 2% 3%; text-align: center; color: #272727;font-size: 0.875em;line-height: 1.8;letter-spacing: 0.05em;border: 1px solid #3a70ac;background-color: #ffffff; }
#what .left { text-align: left; }

#map  {  margin-bottom: 10%; }
#map .ttl-1 { margin-bottom: 2%; text-align: center;color: #282828;font-weight: 900; letter-spacing: 0.05em;font-size: 2.5em;}
#map .ttl-1 span  { color: #ffd200; }
#map .ttl-2 { margin-bottom: 5%;text-align: center;color: #1c5590;font-size: 0.875em;font-weight: 900;line-height: 1.8;letter-spacing: 0.05em;}
#map .relative-box {width: 94%; margin: 0 auto; }
#map .img { margin-bottom: 5%; text-align: center; }
#map .sp-ggmap { margin-bottom: 5%;	 }
#map .link { display: block;text-align:center; width: 80%;margin: 0 auto 5%; }
#map .txt-1 { color: #272727;letter-spacing: 0.05em;line-height:1.8;font-size: 0.938em; }

#banner  { width: 90%; margin: 0 auto 12%; }
#banner .ttl-1 { margin-bottom: 3%;text-align: center;font-size: 0.875em; color: #272727;font-weight: 900;letter-spacing: 0.05em;}
#banner .ttl-1 span { padding-bottom: 2%;border-bottom: 2px solid #ffd200; }
#banner .ttl-2 { padding-top: 5%;margin-bottom: 4%;text-align: center; }
#banner ul {  }
#banner li { margin-bottom: 3%; text-align: center; }








}