@charset "UTF-8";
.pcView {
display: block !important; 
}
@media (max-width: 1260px) {
.pcView {
display: none !important; 
} 
}
.spView {
display: none !important; 
}
@media (max-width: 1260px) {
.spView {
display: block !important; 
} 
}
.pcView2 {
display: block !important; 
}
@media (max-width: 896px) {
.pcView2 {
display: none !important; 
} 
}
.spView2 {
display: none !important; 
}
@media (max-width: 896px) {
.spView2 {
display: block !important; 
} 
}
.pcView2-2 {
display: block !important; 
pointer-events: none;
}
@media (max-width: 896px) {
.pcView2-2 {
display: none !important; 
pointer-events: none;
} 
}
.spView2-2 {
display: none !important; 
pointer-events: none;
}
@media (max-width: 896px) {
.spView2-2 {
display: block !important; 
pointer-events: none;
} 
}
.pcView3 {
display: block !important; 
}
@media (max-width: 599px) {
.pcView3 {
display: none !important; 
} 
}
.spView3 {
display: none !important; 
}
@media (max-width: 599px) {
.spView3 {
display: block !important; 
} 
}
.pcView4 {
display: block !important; 
}
@media (max-width: 480px) {
.pcView4 {
display: none !important; 
} 
}
.spView4 {
display: none !important; 
}
@media (max-width: 480px) {
.spView4 {
display: block !important; 
} 
}
body {
margin: 0px auto!important;
padding: 0;
font-size: 100%;
font-weight: 500;
color: #5f5f5f;
-webkit-text-size-adjust: 100%;
background-color: #dbd3c5;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.fade-layer,
body:before{
content: '';
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#fff;
z-index:99999;
}
body.fade-layer-off:before{
content: none;
}
h1{
color: #fff;
font-size: 145%;
vertical-align: bottom;
line-height: 1.5em;
text-align: center;
margin-block-start: 0em;
margin-block-end: 0em;
bottom: 0;
letter-spacing: 0.1em;
padding: 2% 0% 2% 0% ;
}
p {
display: block;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
line-height: 2em;
}
a {
text-decoration: none!important;
color: #888063;
}
a:hover {
text-decoration: none!important;
}
ul {
display: block;
list-style-type: disc;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px;
}
header{
margin:0;
}
.header-cover{
margin:-38.4% 0% 0% 0%;
z-index: 100;
position: relative;
pointer-events: none
}
.logo01{
float: left;
padding:0%;
margin:0.2% 22% 0% 1%; 
width: 200px;
}
/* Nav */
#nav {
right: 0;
top: 0;
font-size: 0.9em;
z-index: 101;
width: 100%;
background-color: #8c8063;
opacity: 0.8;
height: 60px;
margin-top: 20px;
box-shadow: 5px 5px 10px #636363;
display: block;
position: fixed;
justify-content: space-between;
transition: .5s;
padding: 0.5%;
}
#nav ul {
list-style: none;
padding-left: 0;
}
#nav ul li {
float: left;
line-height: 4.5em;
padding-left: 0.5em;
}
#nav ul li a, #nav ul li span {
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
-ms-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
letter-spacing: 0.025em;
color: #fff;
font-weight: bold;
font-size: 110%;
text-decoration: none;
border-radius: 6px;
padding: 0.5em 1em 0.5em 1em;
}
#nav ul li > ul {
display: none;
}
#nav ul li:hover a, #nav ul li:hover span {
background: #8c8063;
opacity: 0.5;
}
#nav ul li.active a, #nav ul li.active span {
background: #8c8063;
}
#nav ul li.current a {
background: #fff;
color: #8c8063;
}
.dropotron {
background: #c9b3af;
letter-spacing: 0.025em;
color: #fff;
text-decoration: none;
border-radius: 6px;
padding: 0.75em 0;
min-width: 15em;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0.25em 0.25em 0.1em rgba(0, 0, 0, 0.025);
margin-top: calc(-0.75em + 1px);
margin-left: -1px;
list-style: none;
padding-left: 0;
border: solid #fff 1px;
}
.dropotron li {
border-top: solid 1px #eee;
line-height: 3em;
padding-left: 0;
}
.dropotron li:first-child {
border-top: 0;
}
.dropotron li > a, .dropotron li > span {
-moz-transition: color .25s ease-in-out, background-color .25s ease-in-out;
-webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out;
-ms-transition: color .25s ease-in-out, background-color .25s ease-in-out;
transition: color .25s ease-in-out, background-color .25s ease-in-out;
text-decoration: none;
color: inherit;
display: block;
padding: 0 1.5em;
}
.dropotron li > a:hover, .dropotron li > span:hover {
background: #eee;
color: #c9b3af;
}
.dropotron li.active > a, .dropotron li.active > span {
background: #eee;
}
.dropotron.level-0 {
font-size: 0.8em;
margin-left: 1.5em;
margin-top: 0;
}
.dropotron.level-0:before {
content: '';
position: absolute;
top: -0.5em;
left: 1em;
border-bottom: solid 0.75em #c9b3af;
border-left: solid 0.75em transparent;
border-right: solid 0.75em transparent;
z-index: 1;
}
main{
margin:0 auto;
}
.news{
width: 100%;
background-color: #dfd7c9;
margin:0 auto;
}
.news-inner{
max-width: 1100px;
margin: -2% auto 4% auto;
width: 90%;
background-color: #dcdee3;
padding: 1% 4% 4% 4%;
z-index: 100;
position: relative;
box-shadow: 5px 5px 5px #a3a3a3;
}
.news-waku{
margin:-0.7% 0% 0% 0%;	
background-color: #fff;
padding:4%
}
.news-title{
text-align: center;
font-size: 200%;
}
.greeting{
background-color: #afa084;
}
.introduction{
background-color: #dfd7c9;
margin: 0 auto;
}
.introduction-innner{
max-width: 1100px;
margin:0 auto;
width: 92%;
background-color: #c9b3af;
padding:0% 4% 2% 4%
}
.introduction-innner2{
max-width: 1100px;
margin:-5% auto 2% auto;
width: 92%;
background-color: #fff;
padding:4% 4% 4% 4%
}
.introduction-innner h2{
color: #fff;
font-size: 180%;
font-weight: bold;
vertical-align: bottom;
line-height: 1.9em;
text-align: center;
margin-block-start: 0em;
margin-block-end: 1.5em;
padding:3em 0em 1em 0em;
bottom: 0;
background-color: #c9b3af
}
.tyousei03{
margin:-23% 0% 6% 0% ;
}
.box3-5_1-in{
background-color: #fff;
padding: 5% 5% 3% 5% ;
margin: 2% 2% 0% 2%;
}	
.strengths{
width: 100%;
margin:0 auto;
padding-bottom: 5%;
background-color: #b3a488;
}
.strengths-inner{
max-width: 1100px;
margin:0 auto;
width: 95%;
}
.strengths h2{ 
color: #fff;
font-size: 180%;
font-weight: bold;
vertical-align: bottom;
line-height: 1.9em;
text-align: center;
margin-block-start: 0em;
margin-block-end: 0em;
padding:3em 0em 0em 0em;
bottom: 0;
}
.strengths-inner h3{
text-align: center;
color: #9f6f4d;
}
.box3-5_1-in h3{
font-size: 180%;
margin-block-start: 0em;
margin-block-end: 0em;
margin:2% 2% 2% 2%;
}
.box3-5_1-out{
background-color: #9f6f4d;
margin-block-start: 0em;
margin-block-end: 0em;
margin:0% 2% 2% 2%;
text-align: center;
color: #fff;
padding: 2%;
font-size: 120%
}

.small01{
font-size: 80%;
text-align: center!important;
padding: 0em 0em 2em 0em;
}
.construction{
width: 100%;
margin:0 auto;
padding: 5% 0% 5% 0%;
background-color: #dfd7c9;

}
.construction-inner{
max-width: 1100px;
margin:0 auto;
width: 95%;
background-color: #c8b5a0;
padding:2%;
}
.construction h2{ 
color: #5f5f5f;
font-size: 180%;
font-weight: bold;
vertical-align: bottom;
line-height: 1.9em;
text-align: center;
margin-block-start: 0em;
margin-block-end: 0em;
padding:3% 0% 0% 0% ;
bottom: 0;
}
.construction h3 {
text-align: center;
color: #9f6f4d;
padding: 0% 0% 0% 0%;
}
.construction-inner2{
max-width: 800px;
margin: -5% auto 0% auto;
background-color: #8c8063;
padding: 2% 2% 1.5% 2%;
width: 80%;
z-index: 101;
position: relative;
text-align: center;
}
.inner2-waku{
background-color: #fff;
padding:2% 5% 5% 5% ;
}
.anshin{
color: #5f5f5f;
background-color: #fff;
padding: 2%;
margin: 5%;
}
.construction-inner3{
max-width: 900px;
margin:0 auto;
width: 95%;
padding:2%;
}
.conversion{
background-color: #b3a488;
text-align: center;
padding: 2% 0% 2% 0% ;
}
.conversion-in{
max-width: 600px;
width: 100%;
margin: 0% auto 0% auto;	
}
.contact01{
font-size: 160%;
color: #fff;
}
.tyousei04{
color: #fff;
}



.casestudy{
width: 100%;
margin:0 auto;
padding-bottom: 5%;
background-image: url("../img/casestudy-bg.png");
background-repeat: repeat;
}
.casestudy-inner{
max-width: 1100px;
margin:0 auto;
width: 95%;
padding-top: 2%;
}
.casestudy h2{ 
color: #fff;
font-size: 180%;
font-weight: bold;
vertical-align: bottom;
line-height: 1.9em;
text-align: center;
margin-block-start: 0em;
margin-block-end: 0em;
padding:3em 0em 1em 0em;
bottom: 0;
}
.multiple img{
width: 100%;
}
.label01{
background-color: #00809C;
color: #fff;
text-align: center;
padding:3% 0% 3% 0% ;
letter-spacing: 0.1em;
width: 100%;
font-size: 90%!important;
}
.label02{
background-color: #E55553;
color: #fff;
text-align: center;
padding:3% 0% 3% 0% ;
letter-spacing: 0.1em;
width: 100%;
font-size: 90%!important;
}
.label03{
background-color: #318842;
color: #fff;
text-align: center;
padding:3% 0% 3% 0% ;
letter-spacing: 0.1em;
width: 100%;
font-size: 90%!important;
}
.label04{
background-color: #D7AD00;
color: #fff;
text-align: center;
padding:3% 0% 3% 0% ;
letter-spacing: 0.1em;
width: 100%;
font-size: 90%!important;
}
.casestudy p{
color: #fff;
font-size: 120%;
}
.more{
text-align: right
}
.interview-p{
text-align: center;
}
.qa{
background-color: #8c8063;
margin-top: 0%;
padding:5% 0% 5% 0%;
}
.qa-inner{
background-color: #fff;
max-width: 1100px;
margin:0 auto;
width: 95%;
padding:2% 2% 2% 2%;
border-radius: 15px;
box-shadow: 0 0 10px rgb(0 0 0 / 20%);	
}
.qa h2{
color: #fff;
font-size: 180%;
font-weight: bold;
vertical-align: bottom;
line-height: 1.9em;
text-align: center;
margin-block-start: 0em;
margin-block-end: 1.5em;
padding:0em 0em 0em 0em;
bottom: 0;
}
/*アコーディオン全体*/
.accordion-area{
list-style: none;
width: 96%;
max-width: 1100px;
margin:0 auto;
}
.accordion-area li{
margin: 10px 0;
}
.accordion-area section {
border: 1px solid #ccc;
background-color: #fff;
}
.qa .title {
position: relative;
cursor: pointer;
font-size:1rem;
font-weight: normal;
padding: 2% 3% 2% 40px;
transition: all .5s ease;
}
/*　closeというクラスがついたら形状変化　*/
.title.close::before{
transform: rotate(45deg);
}

.title.close::after{
transform: rotate(-45deg);
}
/*アコーディオンで現れるエリア*/
.box {
display: none;/*はじめは非表示*/
background: #f3f3f3;
margin:0 3% 3% 3%;
padding: 3%;
}
.interview{
background-color: #fff;
margin-top: 0%;
padding:5% 0% 1% 0%;
}
.interview-inner{
max-width: 1100px;
margin:0 auto;
width: 95%;
}
.interview-p{
text-align: center;
}
.interview h2 {
color: #8c8063;
font-size: 180%;
font-weight: bold;
vertical-align: bottom;
line-height: 1.9em;
text-align: center;
margin-block-start: 0em;
margin-block-end: 1.5em;
padding: 0em 0em 0em 0em;
bottom: 0;
}
.message{
background: rgba(155,111,77,0.7);
padding: 5% 3% 5% 3%;
text-align: left;
margin: 0% 0% 0% 0%;
z-index: 1000;
color: #fff;
font-size: 100%;
letter-spacing: 0.1em;	
}
.message-link{
background-color: #9b6f4d;
padding: 3% 0% 3% 0% ;
text-align: center;
border-radius: 50px;
margin-top:5%;
}
.message-link a{
color: #fff;
}
.construction-name2{
background: rgba(197,175,171,0.8);
padding: 0% 0% 0% 0%;
text-align: center;
margin: -15% 0% 4% 26%;
position: relative;
z-index: 1000;
color: #fff;
font-size: 120%;
letter-spacing: 0.1em;
width: 90%;
}
footer{
background-color: #fff;
}
.footer-inner{
max-width: 1100px;
margin:0 auto;
width: 95%;
padding:2% 2% 2% 2%;
border-radius: 15px;
}
.copy{
background-color: #8c8063;
color: #fff;
text-align: center;
font-size: 80%;
padding: 1% 0% 0% 0%;
margin-top:-1%;
margin-bottom: 65px;
height: 50px;
}
.fadeIn_up {
opacity: 0;
transform: translate(0, 50%);
transition: 2s;
z-index: 99;
position: relative;
}
.fadeIn_up.is-show {
transform: translate(0, 0);
opacity: 1;
}
/* top 戻るbutton*/
#page_top{
width: 100px;
height: 110px;
position: fixed;
right: 0;
bottom: 0;
opacity: 0.8;
border-radius: 15px;
margin-bottom: 55px;
margin-right: 0px;
z-index: 100;
}
#page_top a{
position: relative;
display: block;
width: 100px;
height:100px;
text-decoration: none;
background-position: top;
border-radius: 10px;
background-image: url("../img/top.png");
background-size: cover;
}
#page_top a::before{
font-weight: 900;
font-size: 25px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: -25px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}
#page_top a::after{
font-size: 13px;
color: #fff;
position: absolute;
top: 30px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}
/*　ハンバーガーボタン　*/
.hamburger {
display : block;
position: fixed;
z-index : 3;
right : 13px;
top: 35px;
width : 42px;
height: 42px;
cursor: pointer;
text-align: center;
}
.hamburger span {
display : block;
position: absolute;
width   : 30px;
height  : 2px ;
left    : 6px;
background : #555;
-webkit-transition: 0.3s ease-in-out;
-moz-transition   : 0.3s ease-in-out;
transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
top: 10px;
}
.hamburger span:nth-child(2) {
top: 20px;
}
.hamburger span:nth-child(3) {
top: 30px;
}
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
top : 16px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform   : rotate(-45deg);
transform        : rotate(-45deg);
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
top: 16px;
-webkit-transform: rotate(45deg);
-moz-transform   : rotate(45deg);
transform        : rotate(45deg);
}
nav.globalMenuSp {
position: fixed;
z-index : 2;
top  : 0;
left : 0;
color: #000;
background:rgba(255,255,255,1);
text-align: center;
transform: translateY(-100%);
transition: all 0.6s;
width: 100%;
height: 100%;
}
nav.globalMenuSp ul {
background: #ccc;
margin: 0 auto;
padding: 0;
width: 100%;
}
nav.globalMenuSp ul li {
list-style-type: none;
padding: 0;
width: 100%;
border-bottom: 1px solid #fff;
}
nav.globalMenuSp ul li:last-child {
padding-bottom: 0;
border-bottom: none;
}
nav.globalMenuSp ul li:hover{
background :#ddd;
}
nav.globalMenuSp ul li a {
display: block;
color: #000;
padding: 1em 0;
text-decoration :none;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
transform: translateY(0%);
}
.news-list{
list-style: none outside;
margin: 0;
padding: 0;
}
.news-list .item {
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
text-decoration: none;
color: #333;
border-bottom: 1px solid #8c8063;
padding: 20px 20px;
}
.news-list .item:first-child a{

}
.news-list .item .date{
margin: 0;
min-width: 140px;
font-size: 16px;
color: #8c8063;
padding: 0% 0% 0% 0%;
}
.news-list .item .category{
margin: 0;
min-width: 18%;
padding: 0 20px 0 0;
}
.news-list .item .category span{
display: inline-block;
line-height: 1;
background-color: #E55553;
border-radius: 3px;
color: #fff;
padding: 7px 5px 7px 5px;
margin: 0%;
text-align: center;
height: 1em;
vertical-align: middle;
}
.news-list .item .title{
margin: 0;
width: 100%;
color: #8c8063;
}
.news-list .item a:hover .title{
}
.menu-inner{
max-width: 600px;
margin:10% auto 0% auto;
width: 95%;
}
.logo02{
text-align: center
}
.menu-t01{
margin: 10% 0% 2% 0%;
color: #8c8063;
padding:5% 0% 5% 0%; 
border-radius: 5px;
border: 1px solid #8c8063;
}
.menu-b01{
background-color: #665632;	
color: #fff;
padding:5% 0% 5% 0%; 
border-radius: 5px;
margin: 0% 0% 2% 0%;
}
.menu-b01:hover{
opacity: 0.7
}
.menu-b01 a{
color: #fff;
}
.top-return {
color: #8c8063;
text-align: left;
font-size: 120%;
margin:5% 0% 1% 3%;
background-color: none;
}
.top-return a{
color: #8c8063;
}
.sub-contents{
margin-bottom: -2%;
position: relative;
z-index: 1;
}
.sub-contents-inner{
max-width: 1000px;
margin:-15% auto 4% auto;
width: 85%;
padding-top: 2%;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
border-radius: 10px;
padding: 2% 5% 2% 5%;
position: relative;
z-index: 100;
}
.sub-contents h2{
color: #888063;
font-size: 180%;
font-weight: bold;
vertical-align: bottom;
line-height: 1.9em;
text-align: center;
margin-block-start: 0em;
margin-block-end: 1.5em;
padding: 0em 0em 0em 0em;
bottom: 0;
margin: -13% 0% 17% 0%;
}
.sub-contents2{
margin-bottom: -2%;
}
.sub-contents-inner2{
max-width: 1000px;
margin:5% auto 5% auto;
width: 85%;
padding-top: 2%;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
border-radius: 10px;
padding: 2% 5% 2% 5%;
position: relative;
}
.sub-contents2 h2{
color: #888063;
font-size: 180%;
font-weight: bold;
vertical-align: bottom;
line-height: 1.9em;
text-align: center;
margin-block-start: 0em;
margin-block-end: 1.5em;
padding: 0em 0em 0em 0em;
bottom: 0;
margin: 5% 0% -3% 0%;
}
.sub-contents-inner3{
max-width: 1000px;
margin:-15% auto 7% auto;
width: 85%;
padding-top: 2%;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
border-radius: 10px;
padding:1% 5% 5% 5%;
position: relative;
}
.sub-contents4{
margin-bottom: -2%;
}
.sub-contents-inner4 {
max-width: 1000px;
margin: 0% auto 5% auto;
width: 85%;
padding-top: 2%;
background-color: #fff;
box-shadow: 0 0 10px rgb(0 0 0 / 90%);
border-radius: 10px;
padding: 2% 5% 2% 5%;
}
.sub-contents4 h2{
color: #888063;
font-size: 180%;
font-weight: bold;
vertical-align: bottom;
line-height: 1.9em;
text-align: center;
margin-block-start: 0em;
margin-block-end: 1.5em;
padding: 0em 0em 0em 0em;
bottom: 0;
margin: 0% 0% 2% 0%!important;
}
.sub-contents-inner5 {
max-width: 1150px;
margin: 0% auto 7% auto;
width: 92%;
}

.sub-contents-inner6{
max-width: 1000px;
margin:-15% auto 7% auto;
width: 85%;
padding-top: 2%;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
border-radius: 10px;
padding: 2% 5% 2% 5%;
position: relative;
}

.tbl-r02{
width: 100%;
}
.tbl-r02 th {
background: #888063;
border: solid 1px #ccc;
color: #fff;
padding: 10px;
}
.tbl-r02 td {
border: solid 1px #ccc;
padding: 10px;
}
.tbl-r03{
width: 100%;
max-width: 1100px;
margin: 0% auto 0% auto;
}
.tbl-r03 th {
background: #888063;
border: solid 1px #ccc;
color: #fff;
padding: 10px;
}
.tbl-r03 td {
border: solid 1px #ccc;
padding: 10px;
}
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #636363;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.sitemapicon::before{
width: 15px;
height: 15px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #8c8063;
}
.sitemapicon::after{
left: 4px;
width: 5px;
height: 5px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.sitemapp{
margin-left: 10px;
color: #8c8063!important;
vertical-align: middle;
text-decoration: none;
font-size: 15px!important;
font-weight: bold;
}
.sitemap h4{
background-color: #fff;
padding: 0% 0% 0% 2%;
margin:2% 0% 2% 0%;
border-left: 6px double #8c8063;
color: #8c8063;
}
.sitemap h4 a{
color: #8c8063;
}
.sitemap p{
margin-bottom: 1%!important;
}
.voice01{
background: rgba(255,239,239,0.7);
padding: 3%;
max-width: 600px;
width: 100%;
line-height: 1.8em;
letter-spacing: 0.1em;
margin: 7% 0% -16% -3%;
z-index: 100;
position: relative;
box-shadow: 5px 5px 5px #adadad;
}
.voice02{
font-size: 80%;
}
.voice03{
font-size: 120%;
}
.voiceimg01 img{
width: 100%;
}
.acd-check{
  display: none;
}
.acd-label{
display: block;
margin-bottom: 1px;
padding: 10px;
background-color: #D6D6D6;
color: #7b7b7b;
font-size: 90%;
text-align: center;
cursor: pointer;
user-select: none;
}
.acd-content{
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
height: auto;
opacity: 1;
padding: 10px;
visibility: visible;
}

a.btn--green.btn--cubic {
border-bottom: 5px solid #03446D;
}
.btn2, a.btn2, button.btn2 {
font-size: 1.2rem;

position: relative;
display: inline-block;
padding: 2%;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
/* user-select: none; */
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #fff;
border-radius: 0.5rem;
width: 95%;
}
a.btn--green.btn--cubic {
border-bottom: 5px solid #868063;
background-color: #868063;
}

.recruit-t {
border-collapse: collapse;
width: 100%;
margin: 1em auto;
}
.recruit-t th,.recruit-t td {
padding: 2% 3% 2% 3%;
border: 1px solid #aaa;
vertical-align: top;
text-align: left;
}
.recruit-t th {
background: #eee;
width: 20%;
text-align: center;
}
.recruit-t td {
background: #fff;
}
.tokutyou01{
font-size: 180%;	
margin-block-start: 1em;
margin-block-end: 0.5em;
letter-spacing: 0.1em;
}
.tokutyou02{
font-size: 160%;
background-color: #888063;
color: #fff;
text-align: center;
padding: 1% 0% 1% 0%;
margin-block-start: 0em;
margin-block-end: 0.5em;
letter-spacing: 0.1em;
}
.tokutyou03{
font-size: 120%;
background-color: #888063;
color: #fff;
text-align: center;
padding: 1% 2% 1% 2%;
margin-block-start: 0em;
margin-block-end: 0.5em;
letter-spacing: 0.1em;
}
.yellow_line {
background:linear-gradient(transparent 60%, #ff6 60%);
margin: 0px 0px 0px 0px;
font-weight: bold;
}
.cover3-inner{
width: 100%;
vertical-align: top;
padding: 2% 4% 2% 4%;
background-color: #fff;
box-shadow: 0 0 10px rgb(0 0 0 / 90%);
border-radius: 10px;
margin: 0% 1% 0% 0%;
}
.cover3-inner img{
margin: 1% 0% 1% 25%;
width: 50%;
}
.merit-title{
color: #fff;
text-align: center;
font-size: 120%;
margin-block-start: 0em;
margin-block-end: 0.2em;	
}
.cover2-inner{
width: 95%;
vertical-align: top;
padding: 2% 5% 2% 5%;
background-color: #fff;
box-shadow: 0 0 10px rgb(0 0 0 / 90%);
border-radius: 10px;
margin: 0% 1% 0% 0%;
}
.cover2-inner img{
margin: 1% 0% 1% 25%;
width: 50%;
}
.tyuui01{
font-size: 100%;
background-color: #888063;
color: #fff;
padding: 1% 1% 1% 1%;
margin-block-start: 0em;
margin-block-end: 0em;
letter-spacing: 0.1em;
}
.tyuui02{
font-size: 130%;
background-color: #888063;
color: #fff;
padding: 1% 1% 1% 1%;
margin-block-start: 0em;
margin-block-end: 0em;
letter-spacing: 0.1em;
}
.tyousei01{
font-size: 112%;
font-weight: bold!important;
}
.tyousei02{
font-size: 120%;
font-weight: bold!important;
padding: 0.5em 1em;
margin: 2em 0;
background: #FFF;
border: solid 3px #6091d3;
border-radius: 10px;
}
ul {
padding: 0;
}
li {
list-style-type: none;
line-height: 2em;
}
dd {
margin-left: 0;
}

.sub-contents-inner li {
list-style-type: auto;
}

.flow > li {
position: relative;
}
.flow > li:not(:last-child) {
margin-bottom: 40px;
}
.flow > li:not(:first-child)::before {
content: "";
height: 60px;
display: block;
border-left: 4px dotted #e5e5e5;
position: absolute;
top: -40px;
left: -webkit-calc(10% + 30px - 2px);
left: calc(10% + 30px - 2px);
z-index: 10;
}
.flow > li dl {
width: 95%;
padding: 2%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid rgb(107,144,219);
border-radius: 10px;
position: relative;
max-width: 1000px;
margin: 0 auto;
}
.flow > li:not(:last-child) dl::before,
.flow > li:not(:last-child) dl::after {
content: "";
border: solid transparent;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.flow > li:not(:last-child) dl::before {
border-width: 22px;
border-top-color: rgb(107,144,219);
}
.flow > li:not(:last-child) dl::after {
border-width: 20px;
border-top-color: #fff;
}
.flow > li dl dt {
font-size: 20px;
font-weight: 600;
color: rgb(107,144,219);
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
margin-right: 2vw;
text-align: center;
}

.flow > li dl dt img{
width: 100%;
}


.flow > li dl dt .icon {
font-size: 100%;
color: #fff;
background: rgb(107,144,219);
background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
padding: 5px 10px;
margin-bottom: 10px;
display: block;
border-radius: 20px;
position: relative;
z-index: 100;
}
#position01{
display: block;
}
#position02{
display: block;
}
#position03{
display: block;
}
#position04{
display: block;
}
.syosai01{
text-align: center;
width: 80%;
margin:0% auto 0% auto;	
padding: 1%;
border-radius: 10px;
background-color: #888063;
color: #fff;
}
.page-link{
font-size: 110%;
text-align: right;
margin-top: -4%;
}
.title-img{
width: 7%;
padding: 0% 1% 0% 0%;
margin: 0% 0% -3% 0%;
}
.header-title {
margin:0% 0% 0% 0%;
}
.main02 {
margin: -17% 0% 0% 0%;
}
.kakomi-tab2 {
position: relative;
margin: 3em auto;
padding: 2% 2% 2% 2% ;
width: 96%;
border: 2px solid #8c8063;
box-shadow: 5px 5px 5px #ccc; 
}
.title-tab2 {
position: absolute;
display: inline-block;
top: -28px;
left: -2px; 
padding: 1px 10px;
height: 26px;
font-weight: bold;
color: #fff; 
background-color: #8c8063; 
border-radius: 8px 8px 0 0;
}
#slider1{
padding-top:500px;
margin-top:-500px;
}
#slider2{
padding-top:300px;
margin-top:-300px;
}
#slider3{
padding-top:300px;
margin-top:-300px;
}
#slider4{
padding-top:300px;
margin-top:-300px;
}
.home_r{
font-size: 120%;
}
.name-i01{
font-size: 150%;
}
.name-i02{
font-size: 110%;
}
.name01{
background-color: #fff;
max-width: 300px;
padding: 3%;
margin: -20% 0% 0% 5%;
z-index: 1000;
opacity: 70%;
width: 80%;
box-shadow: 5px 5px 5px #929292;
}
.profile{
margin:3% 0% 0% 2%;
font-size: 150%	
}
.profile-box{
border: 4px double #ddd;
margin: 1em 0;
padding: 2em;
}
.tyosei01 h3{
margin-block-start: 0.5em;
margin-block-end: 0em;
}
.youtube{
max-width: 800px;
margin:0 auto;
padding:2% 0% 2% 0%;
position: relative;
overflow: hidden;
}

.youtube iframe{
  width: 100%;
}







.col_4{
width: 100%;
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap; 
margin: 5% 0% 5% 0%;
}
.col_4 > div{
width: 23%;
padding: 0% 1% 0% 1% ;
font-weight: bold;
text-align: center;
}
div.cover2 {
display: table;
margin: 0px;
width: 100%;
padding: 2% 0% 4% 0%;
}
div.cover2 div.box2_1 {
display: table-cell;
width: 20%;
}
div.cover2 div.box2_1 img{
width: 90%;
}
div.cover2 div.box2_2 {
display: table-cell;
width: 80%
}
div.cover2-1 {
display: table;
margin: 0px;
padding: 0px;
width: 100%;
padding-top: 1%;
}
div.cover2-1 div.box2-1_1 {
display: table-cell;
width: 45%;
padding:1% 1% 1% 1%;
}
div.cover2-1 div.box2-1_2 {
display: table-cell;
width: 45%;
padding:1% 1% 1% 1%;
}
div.cover2-2 {
display: table;
margin: 0px;
padding: 0px;
width: 100%;
padding-top: 1%;
}
div.cover2-2 div.box2-2_1 {
display: table-cell;
width: 45%;
padding:1% 1% 1% 1%;
vertical-align: top;
}
div.cover2-2 div.box2-2_2 {
display: table-cell;
width: 45%;
padding:1% 1% 1% 1%;
}
div.cover2-3 {
display: table;
margin: 0px;
padding: 0px;
width: 100%;
font-size: 120%
}
div.cover2-3 div.box2-3_1 {
display: table-cell;
width: 35%;
}
div.cover2-3 div.box2-3_2 {
display: table-cell;
width: 65%;
vertical-align: top;
text-align: left;
padding:1% 0% 0% 3%;
}
div.cover2-4 {
display: table;
margin: 0px;
padding: 0px;
width: 100%;
}
div.cover2-4 div.box2-4_1 {
display: table-cell;
width: 30%;
vertical-align: top;
}
div.cover2-4 div.box2-4_2 {
display: table-cell;
width: 60%;
vertical-align: top;
padding:0% 2% 0% 2%;
}
div.cover2-5 {
display: table;
margin: 0% auto;
padding: 0px;
width: 100%;
max-width: 750px;

}
div.cover2-5 div.box2-5_1 {
display: table-cell;
width: 48%;
vertical-align: top;
padding:2% 2% 2% 2%;
}
div.cover2-5 div.box2-5_2 {
display: table-cell;
width: 48%;
vertical-align: top;
padding:2% 2% 2% 2%;
}
div.cover2-6 {
display: table;
margin: 0px;
padding: 0px;
width: 100%;
}
div.cover2-6 div.box2-6_1 {
display: table-cell;
width: 50%;
vertical-align: top;
}
div.cover2-6 div.box2-6_2 {
display: table-cell;
width: 50%;
vertical-align: middle;
padding: 2% 1% 2% 2%;
}
div.cover2-7 {
display: table;
margin: 0px;
width: 100%;
padding: 5% 0% 0% 0%;
}
div.cover2-7 div.box2-7_1 {
display: table-cell;
width: 46%;
vertical-align: top;
padding:2% 2% 2% 2%;
}
div.cover2-7 div.box2-7_2 {
display: table-cell;
width: 50%;
vertical-align: middle;
}
div.cover2-8 {
display: table;
margin: 0px;
padding: 5% 0% 0% 0%;
width: 100%;
}
div.cover2-8 div.box2-8_1 {
display: table-cell;
width: 50%;
vertical-align: middle;
}
div.cover2-8 div.box2-8_2 {
display: table-cell;
width: 46%;
vertical-align: top;
padding:2% 2% 2% 2%;
}
div.cover2-9 {
display: table;
margin: 0px;
padding: 0px;
width: 100%;
}
div.cover2-9 div.box2-9_1 {
display: table-cell;
width: 50%;
}
div.cover2-9 div.box2-9_2 {
display: table-cell;
width: 50%
}

div.cover3 {
display: table;
margin: 0px;
padding: 0px;
width: 100%;
}
div.cover3 div.box3_1 {
display: table-cell;
width: 33%;
padding:2% 2% 2% 2%;
}
div.cover3 img{
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
div.cover3 div.box3_2 {
display: table-cell;
width: 33%;
padding:2% 2% 2% 2%;
}
div.cover3 div.box3_3 {
display: table-cell;
width: 33%;
padding:2% 2% 2% 2%;
}
div.cover3-2 {
display: table;
margin: 0px;
padding: 0px;
width: 100%;
}
div.cover3-2 div.box3-2_1 {
display: table-cell;
width: 33%;
padding:2% 2% 2% 2%;
}
div.cover3-2 div.box3-2_2 {
display: table-cell;
width: 33%;
padding:2% 2% 2% 2%;
}
div.cover3-2 div.box3-2_3 {
display: table-cell;
width: 33%;
padding:2% 2% 2% 2%;
}
div.cover3-3 {
display: table;
margin: 0px;
padding: 0px;
width: 100%;
}
div.cover3-3 div.box3-3_1 {
display: table-cell;
width: 33%;
padding:2% 2% 2% 2%;
}
div.cover3-3 div.box3-3_2 {
display: table-cell;
width: 33%;
padding:2% 2% 2% 2%;
}
div.cover3-3 div.box3-3_3 {
display: table-cell;
width: 33%;
padding:2% 2% 2% 2%;
}
div.cover3-4 {
display: table;
margin: 0px;
padding: 0px;
width: 98%;
}
div.cover3-4 div.box3-4_1 {
display: table-cell;
width: 33%;
padding:2% 2% 2% 2%;
}
div.cover3-4 div.box3-4_2 {
display: table-cell;
width: 33%;
padding:2% 2% 2% 2%;
}
div.cover3-4 div.box3-4_3 {
display: table-cell;
width: 33%;
padding:2% 2% 2% 2%;
}

div.cover3-5 {
display: table;
margin: 0px;
padding: 0px;
width: 99%;
}

div.cover3-5 div.box3-5_1 {
display: table-cell;
width: 33%;
}

div.cover3-5 div.box3-5_2 {
display: table-cell;
width: 33%
}

div.cover3-5 div.box3-5_3 {
display: table-cell;
width: 33%
}












@media (max-width: 1550px){
.logo01{
float: left;
padding:0%;
margin:0.2% 8% 0% 1%; 
width: 200px;
}
}

@media (max-width: 1400px){
.logo01{
float: left;
padding:0%;
margin:0.2% 6% 0% 1%; 
width: 200px;
}
}

@media (max-width: 1280px){
h1 {
font-size: 120%;
text-align: left;
}
.construction-name2 {
margin: -15% 0% 4% 5%;
}
.construction-name2 {
font-size: 100%;
}		
.message {
font-size: 90%;
}
.sub-contents h2 {
margin: 8% 0% 16% 0%;
}
.sub-contents-inner2 {
margin: 4% auto 7% auto;
}	


}


@media (max-width: 896px){
div.cover2-7 {
display: block;
margin: 0px;
padding: 0px;
width: 100%;
}
div.cover2-7 div.box2-7_1 {
display: block;
width: 96%;
}
div.cover2-7 div.box2-7_2 {
display: block;
width: 100%;
}
div.cover2-8 {
display: block;
margin: 0px;
padding: 0px;
width: 100%;
}
div.cover2-8 div.box2-8_1 {
display: block;
width: 100%;
}
div.cover2-8 div.box2-8_2 {
display: block;
width: 96%;
}
.sub-contents-inner2 {
margin: 8% auto 7% auto;
}
.sub-contents h2 {
margin: -38% 0% 20% 0%;
}
div.cover2-5 {
width: 65%;

}
.voice01 {
background: rgba(255,239,239,0.7);
padding: 3%;
max-width: 900px;
width: 94%;
line-height: 1.8em;
letter-spacing: 0.1em;
margin: 7% auto 0% auto;
z-index: 100;
position: relative;
box-shadow: 5px 5px 5px #adadad;
}
div.cover2-2 {
display: block;
margin: 0px;
padding: 0px;
width: 100%;
padding-top: 1%;
}
div.cover2-2 div.box2-2_1 {
display: block;
width: 100%;
padding:1% 1% 1% 1%;
vertical-align: top;
}
div.cover2-2 div.box2-2_2 {
display: block;
width: 100%;
padding:1% 1% 1% 1%;
}
.sub-contents h2 {
margin: -22% 0% 20% 0%;
}
.news-list .item {
flex-wrap: wrap;
}
.news-list .item .date{
min-width: 100px;
margin-top: 1%;
margin-right: 1%;
}
.news-list .item .title{
margin-top: 10px;
}
.casestudy-inner {
padding-bottom: 4%;
}
.col_4{
width: 100%;
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap; 
margin: 5% 0% -5% 0%;
}
.col_4 > div{
width: 48%;
padding: 0% 1% 0% 1% ;
font-weight: bold;
text-align: center;
margin: 0% 0% 5% 0%;
}
h1 {
font-size: 120%;
text-align: left;
margin: 0% 0% 0% 0%;
padding: 2% 0% 0% 0%;
}
.news-inner {
max-width: 1100px;
margin: 3% auto 4% auto;
width: 90%;
}
.icon-img {
width: 60px; 
height: 60px; 
}
.icon-name {
width: 60px; 
top: 62px; 
font-size: 9px; 
}
.sb-side-left {
margin: 0 0 30px 78px; 
}
.sb-side-right {
margin: 0 78px 10% 0; 
}
.sb-txt {
padding: 12px; 
}
#page_top{
width:40px;
height:5.3%;
position: fixed;
right: 0;
bottom: 0;
opacity: 0.8;
border-radius: 15px;
margin-bottom: 68px;
margin-right: 10px;
z-index: 100;
}
#page_top a{
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
background-color: darkcyan;
border-radius: 10px;
}
.news-waku {
margin: -0.9% 0% 0% 0%;
background-color: #fff;
padding: 5%;
}
.introduction-innner h2 {
font-size: 140%;
padding: 2em 0em 0em 0em;
}	
.construction-name {
background: rgba(39,75,102,0.7);
padding: 5% 0% 5% 0%;
text-align: center;
margin: -38% -5% 5% 5%;
position: relative;
z-index: 1000;
color: #fff;
font-size: 100%;
letter-spacing: 0.1em;
}	
.message-link {
margin-top: 2%;
margin-bottom: 5%;
}
.icon-img {
padding: 0% 1% 0% 0%;
}
div.cover3-3 {
font-size: 100%
}
div.cover3-3 {
display: block;
}
div.cover3-3 div.box3-3_1 {
display: block;
width: 100%;
}
div.cover3-3 div.box3-3_2 {
display: block;
width: 100%;
}
div.cover3-3 div.box3-3_3 {
display: block;
width: 100%;
}
.title-img {
width: 14%;
padding: 0% 1% 0% 0%;
margin: -1% 0% -8% 0%;
}


	
	
	
}	


@media (max-width: 767px){

div.cover2-4 {
display: block;
margin: 0px;
padding: 0px;
width: 100%;
}
div.cover2-4 div.box2-4_1 {
display: block;
width: 100%;
}
div.cover2-4 div.box2-4_2 {
display: block;
width: 100%;
vertical-align: top;
text-align: left;
padding: 0px;
}	
div.cover2-5 {
display: block;
margin: 0px;
padding: 0px;
width: 100%;
}
div.cover2-5 div.box2-5_1 {
display: block;
width: 100%;
}
div.cover2-5 div.box2-5_2 {
display: block;
width: 100%;
vertical-align: top;
text-align: left;
padding: 0px;
}	
.cover3-inner {
width: 87%;
}	
.cover2-inner {
width: 84%;
margin: 0% 1% 0% 1%;
}
div.cover3-4 {
display: block;
}
div.cover3-4 div.box3-4_1 {
display: block;
width: 100%;
}
div.cover3-4 div.box3-4_2 {
display: block;
width: 100%;
}
div.cover3-4 div.box3-4_3 {
display: block;
width: 100%;
}	

	
	
	
	
}	

	
@media (max-width: 599px){
div.cover2-6 {
display: block;
}

div.cover2-6 div.box2-6_1 {
display: block;
width: 100%;
}

div.cover2-6 div.box2-6_2 {
display: block;
width: 100%;
}

.recruit-t th,.recruit-t td {
display: block;width: auto;border-bottom: none;
}
.recruit-t tr:last-child {
border-bottom: 1px solid #aaa;
}
.voice01 {
font-size: 90%;
line-height: 1.5em;
}
.last td:last-child {
border-bottom: solid 1px #ccc;
width: 100%;
}
.tbl-r02 {
width: 95%;
}
.tbl-r02 th,
.tbl-r02 td {
border-bottom: none;
display: block;
width: 100%;
}
.casestudy p {
font-size: 100%;
padding:2% 0% 2% 0%
}
.area-inner h2 {
font-size: 140%;
margin-block-start: 0em;
margin-block-end: 0.5em;
}
h1 {
font-size: 120%;
text-align: left;
margin: 0% 0% 0% 0%;
padding: 2% 0% 0% 0%;
}
.hamburger {
top: 30px;
}
.strengths h2 {
padding: 1em 0em 0em 0em;
line-height: 1.2em;
font-size: 140%;
}
.tab_content {
display: none;
padding: 2% 2% 0% 2%;
clear: both;
overflow: hidden;
}
.strengths-inner h3 {
font-size: 100%;
text-align: left;
padding: 2% 2% 0% 2%;
}

.construction h2 {
font-size: 140%;
padding: 1em 0em 1em 0em;
}
.casestudy h2 {
font-size: 140%;
padding: 1em 0em 1em 0em;
}
.qa h2 {
font-size: 140%;
margin-block-end: 0.8em;
}

div.cover2-3 {
display: block;
margin: 0px;
padding: 0px;
width: 100%;
}
div.cover2-3 div.box2-3_1 {
display: block;
width: 100%;
}
div.cover2-3 div.box2-3_2 {
display: block;
width: 100%;
vertical-align: top;
text-align: left;
padding: 0px;
}	
.sub-contents4 h2 {
font-size: 135%;
}	
.scroll_list{
margin: 0 auto;
padding: 0;
width: 90%;  /* コンテンツが見切れて見えるようにする */
overflow-x: auto;  /* 横スクロールの指定 */
white-space: nowrap;  /* 横スクロールの指定 */
overflow-scrolling: touch;  /* スクロールを滑らかにする */
-webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */
}
.scroll_list li{
display: inline-block;  /* 横並びにする指定 */
list-style: none;
height: 450px;  /* 横スクロールする範囲の高さを指定 */
}
.list1{
margin-left: 0;
}
.list2, .list3{
margin-left: 30px;
}
.tokutyou02 {
font-size: 140%;
line-height: 1.3em;
}	


}



@media (max-width: 480px){
.tokutyou02 {
font-size: 110%;
}
.tyuui02 {
font-size: 120%;
}
.sub-contents h2 {
font-size: 130%;
}
.sub-contents2 h2 {
font-size: 130%;
}
.interview h2 {
font-size: 130%;
}
.area-inner p{
text-align: left;
font-size: 90%;
}
.interview-p{
text-align: left;
}
.news-inner {
margin: 0% auto 4% auto;
}
.news-inner h1{	
line-height: 1.4em;
}
.qa .title {
padding: 2% 3% 2% 5%;
}
div.cover2-1 {
padding-top: 0%;
font-size: 90%;
}
div.cover3-2 {
font-size: 90%;
}
.top-return {
font-size: 110%;
margin: 0% 0% -2% 3%;
}
.menu-inner {
margin: 5% auto 0% auto;
}
.copy {
height: 15px;
font-size: 65%;
padding: 1% 0% 5% 0%;
margin-bottom: 0px;
}
.small01 {
padding: 0em 0em 1em 0em;
}
.strengths h2 {
padding: 0.5em 0em 0em 0em;
}
.news-list .item .date {
margin-right: 3%;
}
.message-link {
font-size: 80%;
}
.construction-name2 {
font-size: 90%;
}		
.message {
font-size: 80%;
}
.logo01 {
width: 50%;
}
.news-list .item .date {
padding: 0 0 0 0;
}
.news-list .item .category span {
margin: 0 0;
}
.header-cover {
margin: -108% 0% 0% 0%;
z-index: 100;
position: relative;
}
.header-title {
pointer-events: none;
}
.introduction-innner h2 {
padding: 1em 0em 0em 0em;
}
h1 {
font-size: 100%;
text-align: left;
margin: 0% 0% 0% 0%;
padding: 2% 2% 2% 2%;
letter-spacing: 0.05em;
}
.construction-name {
font-size: 100%;
letter-spacing: 0em;
}
.logo01{
float: left;
padding:0%;
margin:2.5% 20% 0% 1%; 
width:150px;
}
.menu-b01 {
line-height: 1.2em;
}	
.tyousei01{
font-size: 99%;
font-weight: bold!important;
}
.name01{
background-color: #fff;
max-width: 380px;
padding: 3%;
margin: 0% 0% 8% 2%;
z-index: 1000;
opacity: 70%;
width: 90%;
box-shadow: 5px 5px 5px #929292;
}
.profile-box {
border: 4px double #ddd;
margin: 2em 0;
padding: 4%;
}	
.tokutyou03 {
font-size: 110%;

}
.sub-contents-inner4 dd {
margin-left: 0;
line-height: 1.5em;
}
.news-list .item {
padding: 5px 0px;
}
h3 {
margin-block-start: 0em;
margin-block-end: 1em;

}
.strengths h2 {
padding: 1em 0em 0em 0em;
line-height: 1.2em;
font-size: 130%;
}
.tyousei03 {
margin: -15% 0% 6% 0%;
}
.box3-5_1-out {
font-size: 95%;
}
p {
line-height: 1.5em;
}
.construction h2 {
    font-size: 140%;
    padding: 1em 0em 0em 0em;
}
.contact01 {
    font-size: 125%;
}
}