@charset "UTF-8";
* {
  box-sizing:border-box;
}
input,textarea {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -webkit-appearance: none;
 max-width: 100%;
}

html {
  font-size: 10px;
 overflow: auto;
}
header,main{
 display:block;
}
/*
header,main,#key,footer{
 margin-left:auto;
 margin-right:auto;
}
*/
/* ==FONTサイズ== */
body {
 -webkit-text-size-adjust: 100%;
 overflow-x: hidden;
 font-size: 1.4rem;
 font-size:clamp(1.4rem,1.6vw,1.8rem);
 font-size:clamp(1.4rem,1.6vw,1.6rem);
 margin: 0;
 background-color: #FBFBFB;
 color: #3F4A41;
 font-family:
    "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  text-align:justify;
}

a {
  color: #3F4A41;
  text-decoration: none;
}
a:hover {
  color: rgba(63,74,65, .7);
}
#scrollicn a{
 color: #EFEAEA;
}
 h1 {
/* font-size: 2.4rem;  36px */
/* font-size:clamp(2rem,3.6vw,3.6rem);*/
/*font-size: clamp(2.8rem, 3vw, 3.6rem);*/
  
}
 h1,h2{
 font-size:2rem;/* 32px */
 font-size:clamp(2rem,3.2vw,3.2rem);
 }
 h3{
 font-size:1.8rem; /* 26px */
  font-size:clamp(1.8rem,2.6vw,2.6rem);
}
 h4,
.frame .left dt,
.frame .right dt{
 font-size:1.8rem; /* 22px */
 font-size:clamp(1.8rem,2.2vw,2.2rem);
 }
p,li,dt,dd,td,th,input,select,address,ul,ol,span{
  font-size: 1.4rem;
 font-size:clamp(1.4rem,1.6vw,1.6rem);
}
dl{
 margin-top: 0;
 margin-bottom: 0;
}
dd{
 margin-left:0;
}
figure{
 margin:0;
}
/*明朝体設定*/
#key h1,#keys h2,#works h3,#message h2,#guide h3,#inquery h3{
  font-family: 'Noto Serif JP', serif;
}
/* ==　FONTサイズ　== */

/* /========================/ */
/* ==　Setting : layout　== */

header{
background-color: #FFFFFF;
box-shadow: 0px 3px 6px rgba(0,0,0,.29);
padding:1rem 2rem;
position: fixed;
width:100%;
top: 0;
z-index: 5;
/*transition: all 1s;*/
}

footer{
 padding-top:5rem;
 color:#FBFBFB;
 background: url("../images/weeds.svg") repeat-x center top;
 border-bottom: 3rem solid rgba(48,57,50,1.00);
}
footer>div{
/*background: url("images/foot.svg") repeat-x center bottom;*/
background: #3F4A41;
}
footer a{
 color:#FBFBFB
}
footer address{
 font-style:normal;
}
/* width　基本block */
.content{
 margin-left: auto;
 margin-right: auto;
 max-width: 116rem;
}

/*normal block*/
.normal{
 margin: 0 2rem;
}

main{
background-color:#fff;
position:relative;
}
main .content{
 margin-top:5rem;
 margin-bottom:5rem;
 padding: 5rem 2rem;
}

/* /=======================/ */
/* ======== setting:common */
.keyvisual,footer .content{
 padding-left: 2rem;
 padding-right: 2rem;
}

.btn-typeA a,
.btn-typeB a,
#view .content ~ div a,
#keys .guide a{
 display: block;
 max-width: 45.8rem;
 margin: auto;
 background-color: #306339;
 border-radius: 4rem;
 line-height: 3.5;
 color:#FBFBFB;
/* font-size: 1.4rem;*/
 text-align: center;
}
.btn-typeB a{
 background-color: transparent;
 border:2px solid #306339;
 color:#306339;
}

#keys .guide .btn-typeB a{
 background-color: transparent;
 border:2px solid #FBFBFB;
 color:#FBFBFB339;
}
/*　モバイルメニュー　*/
   .wrapper {
     position: fixed;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     /*background: linear-gradient(-135deg, #c850c0, #4158d0);*/
     /* background: linear-gradient(375deg, #1cc7d0, #2ede98); */
     /* background: linear-gradient(-45deg, #e3eefe 0%, #efddfb 100%);*/
     /* clip-path: circle(25px at calc(0% + 45px) 45px); */
     background: rgba(0,0,0,0);
/*     clip-path: circle(25px at calc(100% - 45px) 45px);*/
     transition: all 0.3s ease-in-out;
    display: none;
   }
   #active:checked ~ .wrapper {
/*    clip-path: circle(75%);*/
    display: block;
   }
   .menu-btn {
     position: absolute;
     z-index: 3;
     right: 2rem;
     top: 1rem;
     height: 5rem;
     width: 5rem;
     text-align: center;
     line-height: 5rem;
     border-radius: 50%;
     font-size: 2rem;
     color: #3F4A41;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
   }
   #active:checked ~ .menu-btn {
     color: #fff;
   }
    #active:checked ~ .wrapper{
     background: rgba(0,0,0,0.8);
    }
   #active:checked ~ .menu-btn i:before {
     content: "\f00d";
   }
   .wrapper ul {
     position: relative;
     top: 10rem;
/*     left: 50%;*/
/*     transform: translate(-50%, -50%);*/
     list-style: none;
     text-align: center;
    margin: 0;
    padding: 0;
   }
   .wrapper ul li {
     margin: 0 0 2rem;
/*    white-space: nowrap;*/
   }
   .wrapper ul li a {
     text-decoration: none;
     font-size: 1.6rem;
     font-weight: normal;
     padding: 0.5rem 2rem;
     color: rgba(255,255,255,0.70);
/*     border-radius: 50px;*/
     position: relative;
/*     line-height: 1;*/
     transition: all 0.3s ease;
   }
/*
   .wrapper ul li a:after {
     position: absolute;
     content: "";
    border-bottom:2px solid #fff;
     width: 104%;
     height: 108%;
     left: -2%;
     top: -5%; 
     border-radius: 50px;
     transform: scaleX(0);
     z-index: -1;
     transition: transform 0.3s ease;
   }
*/
   .wrapper ul li a:hover {
     color: rgba(255,255,255,1);
   }
   header input[type="checkbox"]{
     display: none;
   }


/* 個別setting */
#working{
/* background-color:aquamarine;*/
}


/* =============> each blocks setting */

/*header block*/
header .content{
 display: flex;
 justify-content: space-between;
 align-items: center;
 align-content: center;
}

header .content p{
 margin: 0;
 line-height: 1.5;
/* transition: all 0.2s ease-out;*/
}

header nav.max,
#works figure.chart .max{
 display:none;
}
header nav.mb{
 display:none;
}

header .content>div>p:first-child{
 font-size: 1.6rem;
/* font-size:clamp(1.6rem,1.8vw,2rem);*/
 font-size:clamp(1.6rem,1.8vw,1.9rem);
 font-weight: bold;
 letter-spacing: clamp(-0.1rem,0.32vw,0.5rem);
/* transition: all 0.2s ease-out;*/
}
header .content>div>p:last-child{
 letter-spacing: clamp(-0.15rem,-0.125rem,-0.1rem);
 font-size:clamp(1.3rem,1.4vw,1.5rem);
/* transition: all 0.2s ease-out;*/

}
header li a{
/* font-size:clamp(1.4rem,1.6vw,1.8rem);*/
 font-size:clamp(1.4rem,1.6vw,1.6rem);
/* transition: all 0.2s ease-out;*/
}


/* / keyvisual / */
#key{
z-index:2;
}
/*#key2{
z-index:1;
}*/

#key,
#keys{
 color: #FBFBFB;
/* background-color:#fff;*/
 margin: 0 auto;
  height: 100%;
  height: calc(100vh - 10rem);
}
#key,#keys{
 box-shadow: 0px 0px 6px rgba(0,0,0,.3);
 clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
position:relative;
}
#key{
margin-top: 5rem;
}
#key div.keyvisual,
#keys div.keyvisual{
  height: 100%;
 height: 90vh;
 width: 100%;
  background-color: black;

 top:0;


  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
 
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
#key .keyvisual{
  background-image: radial-gradient(transparent, rgba(0,0,0,.5)),url("../images/hearoimge1@2x.png");
 }
#keys div.keyvisual {
  position: fixed;

 background-image: url("../images/hearoimge2@2x.png");
 background-position: center bottom;
 left:0; 

}
#scrollicn,#scrollicns{
 position: relative;
 top:6%;
 text-align: center;
}

.keyvisual h1,.keyvisual h2{
   margin: 0 auto;
   padding: 20rem 0 2rem 0;
   line-height: 1.4;
   font-size:3.6rem;/* 32px */
/*   font-size:clamp(3.4rem,3.6vw,3.6rem);*/
   font-size: clamp(3.4rem,4.5vw,4.5rem);
   text-align: center;
   text-shadow: 0px 0px 6px rgba(0,0,0,.3);
}
.keyvisual h2{
   margin: 0 auto;
   padding: 5rem 0 2rem 0;

}
.keyvisual h1 br{
 display:block;
}

#keys .keyvisual h2 + p{
 text-align: center;
}
#keys .keyvisual h2 + p br{
 display: none;
}
/*　スクロールボタン　*/
#scrollicn .home,#scrollicns .home {
  display: flex;
 flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}

.home .scroll-item{
display: flex;
  justify-content: center;
  width: 2rem;
  height: 4rem;
  border: 2px solid rgba(255,255,255, 0.7);
  border-radius: 2rem;
  margin-bottom: 1rem;
}
.home .scroll-wheel {
  width: .8rem;
  height: .8rem;
  background-color: rgb(255,255,255);
  opacity: 0;
  border-radius: .8rem;
  margin: .4rem 0;
  animation: scroll-anim 1.8s  linear infinite ;
}

  @keyframes scroll-anim {
    25% {
      opacity: 0.7;
    }
    65% {
      opacity: 0.7;
    }
    80% {
      transform: translateY(2rem); 
    }
    90% {
      opacity: 0;
    }
    100% {
      transform: translateY(2rem);
    }
  }


/* 目指すもの block */
.message.content{
 display:grid;
}
#message h2,
.message p.message,
.message h3.message {
/*margin-top: 0;*/
}
#message h2{
 grid-row-start: 2;
 text-align: center;
 margin-top: 0;
 margin-bottom: 0;
 letter-spacing: 0.7rem;
}
.message h3.message {
 grid-row-start: 3;
 font-size:clamp(1.6rem, 1.8vw,1.8rem);
 text-align: center;
 line-height: 1.7;
 margin-top: 2rem;
 margin-bottom: 3.5rem;
 font-weight: 600;
 color: #818E84;
}
.message p.message {
 grid-row-start: 1;
 text-align: center;
margin: 0 auto 3.5rem auto;
 color: #818E84;
}

.message div:nth-of-type(1) {
 grid-row-start: 5;
margin: 2rem auto 0 auto;
 line-height: 2;
}
.message div:nth-of-type(1) p{
/* margin: 0 auto 2rem auto;*/
}
.message div:nth-of-type(2) {
 grid-row-start: 4;
}
.message div:nth-of-type(2) span{
 display: block;
 background-image: url("../images/home-img01@2x.png");
 background-repeat: no-repeat;
 background-position: center 70%;
 background-size: cover;
 height: calc(98vw * 2.75/ 5);
}

/* 商品紹介　*/
#working{
background-image:
url("../images/land.svg") ,
url("../images/sea.svg") ,
url("../images/mountain.svg");
background-repeat:
 repeat-x,
 repeat-x,
 no-repeat;
background-position:
 center 6rem,
 center 4rem,
 center top;
 background-size:
 auto,
 auto,
 contain;
}
#view {
 /* background-color: #59764E;*/
 background: linear-gradient(180deg, rgba(89, 118, 78, 0) 0%, rgba(89, 118, 78, 1) 10%, rgba(89, 118, 78, 1) 100%);

 padding-bottom: 5rem;
}
#works{
 border-top:1px solid rgba(89, 118, 78, 1);
 background-color: #EDECE5;
 background-image: url("../images/gwave.svg") ,url("../images/uwave.svg");
 background-repeat: repeat-x,repeat-x;
 background-position: left top, center bottom;
 background-size: 10rem auto,7rem auto;
 padding-bottom:6rem;
}
#view .content{
 display: grid;
 justify-content: center;
 margin-bottom: 0;
 padding-bottom: 0;
 margin-top: 0;
 padding-top: 0;
}


#view .content section{
 text-align: center;
 white-space: nowrap;
 color:#EDECE5;
}

#view .content section p br{
 display:none;
}
#view .content section ~ div:nth-of-type(1){
 margin: auto;
}
#view .content section ~ div:nth-of-type(2){
 white-space: nowrap;
}

#view .content dt{
 float:left;
 width: 3em;
/* font-weight: bold;*/
 text-align: center;
 color:#fff;
}
#view .content dd{
 margin-left:4em;
 color:#fff;
}
#view .content ~ div{
text-align: center;
 padding: 5rem 2rem 2rem;
}
 
#view .content ~ div p{
 margin: 0 auto;
 padding-bottom: 8rem;
}



/*スライドショー*/
#scrollproduct{
}
#scrollproduct ul{
 list-style: none;
 display: flex;
 margin: 0 auto;
}
#scrollproduct ul,
#scrollproduct li{
 margin-left: 0;
 padding-left: 0;
 display: none;
}
#scrollproduct li img{
 max-width:100%;
  height: 200px;
 display: block;
 padding-right:1rem;
}

#works h3{
margin-top: 0;
}

#works .content>h4{
font-weight: 400;
}

.work h3~div,.work h3~div div{
  background-color: #fff;
}
#works .work{
 display: grid;
 grid-row-gap: 4rem;
}
.work h3{
grid-row: 1;
}
.work .left{
grid-row: 2;
}
.work .center{
grid-row: 3;
}

.work .right{
grid-row: 4;
}

#works .frame{
 display: grid;
 grid-row-gap: 2rem;
 margin-bottom: 0;
/* padding-bottom: 3rem;*/
}
.frame .left,
.frame .right{
/* text-align: center;*/
 background-color: #fff;
 padding:4rem 3rem;
}
.frame .left dt,
.frame .right dt{
text-align: center;
padding-bottom: 2rem;
margin-bottom: 2.5rem;
 font-weight: bold;
 border-bottom:1px solid #EDECE5;
}

#works figure{
 text-align: center;
 padding:0 2rem;
}
#works figure img{
 max-width: 100%;
 height: auto;
 margin: auto;
 display: block;
}



/*/ #guide /*/
#guide{
 max-width: 56.8rem;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 0;
}
#guide div,
#keys div.guide{
 display: flex;
 justify-content: center;
}
#guide div p a,
#keys div.guide p a{
 padding: 1.5rem 2rem;
 line-height: 1;
/* text-align: center;*/
}
#guide div p:first-child,
div.guide p:first-child{
 margin-right:1rem;
}
#guide div p:last-child,
div.guide p:last-child{
 margin-right:0;
}

/*#news*/
#news h3{
 margin-bottom: 5rem;
}
#news article{
 margin-bottom: 6rem;
}

#news article,
#news article section a{
 display: grid;
}
#news article .datetime{
 margin-bottom: 10px;
}



/* #company >>*/
 #company h3{
  font-size: 1.6rem;
  font-size:clamp(1.6rem,2.3vw,2.3rem);
  padding-top: 3rem;
  
  padding-bottom: 2rem;
  margin-bottom:3rem;
  background-image: url("../images/h4underline.svg");
  background-repeat: no-repeat;
  background-position: left bottom;
}
 #company h4{
  color:#707F89;
  font-size: 1.6rem;
  font-size:clamp(1.6rem,2.4vw,2.4rem);
  margin-bottom:3rem;
}
 
 
.tab-group {
display: flex;
justify-content:flex-start;
 margin: 5rem 0 0 0;
 padding:0;
list-style: none;
 border-bottom:4px solid #F0F3F5;
}
.tab {
 padding:0 0 2rem;
/* padding-bottom:2rem;*/
 margin: 0;
 margin-right: 2.5rem;
cursor: pointer;
}

.panel-group {
padding-bottom: 6rem;
}

.tab.is-active {
transition: all 0.2s ease-out;
 border-bottom: 2px solid #707F89;
 padding-bottom: 1.8rem;
}

.panel {
display: none;
}
.panel.is-show {
display: block;
}
#company .moreli h4{
 color: #3F4A41;
 margin: 0 0 1rem 0;
 padding: 2rem;
font-size: 1.4rem;
 font-size:clamp(1.4rem,1.6vw,1.8rem);
}

.table.moreli,.moreli ul{
 display:flex;
}
.table.moreli{
 flex-direction: column;
}
.moreli ul{
 list-style:inside disc;
 flex-wrap: wrap;
 margin-top:0;
padding: 0;
 justify-content: flex-start;
 align-content: space-around;
 
}
.moreli li:before{
}
.moreli li{
 margin-right:3rem;
}


/*#showcase*/
#showcase ul{
 list-style: none;
 margin: 0;
 padding:0;
 display: grid;
 justify-content: space-between;
 grid-column-gap: 1.5rem;
}
#showcase li{
 margin: 0;
 padding: 0;
  min-width:10rem;
}
#showcase li:nth-of-type(1){
 grid-column: 1;
}
#showcase li:nth-of-type(2){
 grid-column: 2;
}
#showcase li:nth-of-type(3){
 grid-column: 3;
}
#showcase img{
 max-width:27.4rem;
/* max-width:100%;*/
 height:auto;
}


/*#inquery*/
#inquery{
border: 1.8rem solid #EDECE5;
opacity: 1;
}
#inquery h3{
 margin-top: 0;
}
#inquery p{
 line-height: 2;
}
#inquery .btn-typeA{
 margin-bottom: 0;
 line-height: 1;
}



/*footer*/

footer nav.content{
 padding:0 4rem 5.5rem 4rem;
 display: flex;
 justify-content: space-between;
}
footer nav.content a{
 display:block;
}
footer nav.content dt a,
footer nav.content dt{
color:#CDD6DD;
 line-height: 2.75;
/*margin-bottom: .8rem;*/
}
footer nav.content a:hover{
 color:#fff;
}

footer div.content{
 text-align: center;
 padding-bottom: 1rem;
}

footer nav dd{
 font-size: 0.8em;
 line-height: 2.25;
}

/* <==== comonn　css ====*/



/*inpage*/
#in main .normal,#in #inquery{
 margin-left:auto;
 margin-right: auto;
}

#keyin{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  background: #fff;
  margin-top: 6.5rem;
  box-shadow: 0px 0px 6px rgba(0,0,0,.3);
  padding: 2rem;
  min-height: 2rem;
}
.keyvisualin{
 margin: 0;
}
#keyin h1{
 font-size: 1.8rem;
 font-weight: normal;
 margin:0 auto;
 padding:1rem 0;
}

#keyin p{
 font-size: 1.4rem;
 padding:0 2rem;;
 margin:0 auto;

}


/* お問い合わせ#inquery */
#contact table{
 width:70%;
 margin:auto;
}
#contact table input,
#contact table textarea{
 background-color:#fff;
 border:1px solid #D2D0BE;
 border-radius: .5rem;
 padding:1rem;
}
#contact tr{
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: center;
 border-bottom:1px dotted #D2D0BE;
 font-weight: normal;
 
}
#contact td,#contact th,div.submit{
 padding: 2rem;
}

span.mail-attention small{
 padding-left:2rem;
 color:#731F17;
 letter-spacing: .5rem;
}
#contact th{
 width: 24%;
 margin-right:2rem;
align-content: flex-start;
 white-space:nowrap;
}
#contact th labele{
 padding-left:1rem;
 padding-right:2rem;
 display: block;
}

#contact span.required,
#contact span.normal{
 display:block;
 margin:1rem 0 0;
 padding:0;
 text-align: left;
 background-color:transparent;
  font-size: 1.4rem;
 font-size:clamp(1.4rem,1.6vw,1.6rem);
}

#MailMessageIndexForm span.required{color:#731F17;}
#MailMessageIndexForm span.normal{color:#306339;}

main #contact div.submit{
 display: flex;
 justify-content: center;
 width:50%;
 margin: auto;
}
input[type="submit"]#BtnMessageConfirm,
.submit input[type="reset"],
.submit #BtnMessageBack[type=submit],
.submit #BtnMessageSubmit[type=submit]{
  display: block;
 min-width: 25rem;
 margin: auto;
 background-color: #306339;
 border-radius: 4rem;
 border-color: #306339;
 line-height: 3.5;
 color:#FBFBFB;
 text-align: center;
}
.submit input[type="reset"],
.submit #BtnMessageBack[type=submit]{
  background-color: transparent;
 border:2px solid #306339;
 border-radius: 4rem;
 color:#306339;
}
#FieldMessageEmail2{
 display:inline-block;
 margin-top:1rem;

}
.normal h1.contents-head,
.normal h2.contents-head{
 font-size:1.8rem; /* 26px */
  font-size:clamp(1.8rem,2.6vw,2.6rem);
 display:inline-block;
margin-top:1em;}
.normal h2.contents-head{

}
.normal h1.contents-head{margin-top:2rem}
.normal h1.contents-head::after{
 content: "：";
}
.section.mail-description{
 margin:2rem auto 5rem;
}

#contact #flashMessage {
    padding: 10px 20px;
    color: #731F17;
    font-weight: bold;
    border: 5px solid #D2D0BE;
    margin: 3rem auto 4rem !important;
}
#contact .error-message::before{
 content: "! ";
}
#contact .error-message {
 padding-top:.5rem;
    color: #731F17;
    padding-left: 2rem;
 background: none;
    font-weight: bold;
    font-size: small;
}



/* news*/
#topics{
}
#privacy{
padding-top:10rem;
 margin-left:auto;
 margin-right:auto;
}
#privacy h1,
#privacy h2,
#privacy p{
 line-height:2;
}
#privacy h1,#privacy h2{
 margin-bottom: 2rem;
}
#topics h1,
#topics h2,
#topics h3,
#privacy h1,
#privacy h2,
#privacy h3{
 font-weight: normal;
}

#topics h1,
#privacy h1{
font-size: clamp(1.8rem,2.6vw,2.6rem);
}


#privacy #privasytitle{
padding-top:10rem;
}
#topics h2,
#privacy h2{
  font-size:1.8rem; /* 26px */
  font-size:clamp(1.8rem,2vw,2rem);
/* text-indent: 1em;*/
 border-left:.4rem solid #306339;
 padding-left: 2rem;
}
#topics h3,
#topics h2.single,
#privacy h3{
  font-size:1.6rem; /* 26px */
  font-size:clamp(1.6rem,1.8vw,1.8rem);
/* text-indent: 1em;*/
 border-bottom:.1rem solid #306339;
 padding-bottom: .8rem;
 border-left:none;
 padding-left:1rem;
}
#topics h2.single{
 margin-top:5rem;
}
#topics article{
 display:flex;
margin-bottom: 6rem;
 align-items: start;
 padding-top:6rem;
}
#topics article#single{
 flex-direction: column;
}
#topics article div:first-child{
 width: 30rem;
 margin-right: 2rem;
/*
 background-image: url("../images/no-image.png");
 background-repeat: no-repeat;
 background-position: -5rem center;
*/
}
#topics article#single
div:first-child{
 width: 100%;
 margin-bottom: 2rem;
}
#topics article+div img{
 float:none;
}
#topics article h4{
 margin-top: 0;
}
#topics article .post-body{
}
#topics article .meta{
}

.pagination span{
 padding:1rem;
 margin: 1rem;
}

/* detail */
#detail main,
#detail footer{
 background-color: #EDECE5;
}

#detail main .normal h1.contents-head::after{
 content: "";
}
#detail main .normal h1.contents-head{
margin-top:3rem;
font-weight:normal;
}
#detail main .normal h2.contents-head{
 display: block;
}

#detail main .normal .content section p{
 line-height: 2;
}
#detail main .normal h2.contents-head i{
font-size: .7em;
padding-right: 1rem;
color: #731F17;
}
#detail main .normal section{
 border-bottom: 1px solid #fff;
margin-bottom: 5rem;
padding-bottom: 5rem;
 clear:both;
 overflow: hidden;
}

#detail main .normal section img{
 float:right;
 padding-left:2rem;
 padding-bottom:2rem;
}

/*似顔絵処理*/
/*

   #company section.panel.is-show h4+img.portraitimg{
    float: left;
    width:14.6rem;
    height:100%;
    margin-right:3rem;
    margin-bottom:3rem;
    display:block;
    overflow: hidden;
    border:1px solid #EDECE5;
    border-radius: 50%;
    text-align: center;
    shape-outside: circle(50%);
   }
*/
   #company section.panel .table,#company #showcase{
    clear:both;
    overflow: hidden;
   }
   
   #company section.panel .table .portraitimg{
    width:30rem;
    height: auto;
    margin: auto;
    display: block;
    padding:2rem 1rem;
    float: right;
    position: relative;
    top:-20rem;
    background-color: #FBFBFB;
   }



#keys.scroolkey,
#keys .keyvisual.scroolkey{
 visibility: visible;
 /*position: relative;*/
}
#keys.scroolkey .keyvisual.scroolkey{
display:none;
}

#keys.scroolkey a,
#keys .keyvisual.scroolkey a{
 pointer-events: none;
}

#topics #single .post-body p{
border-left: 6px solid #306339;
padding-left: 2rem;
padding: 0.7rem 1rem;
}

/* /=====================/ */
/*   メディアクエリ mb 横向き対策*/
@media screen and (orientation: landscape) and (max-width:799.999px){
/*@media screen and (orientation: landscape){*/

}

/*   メディアクエリ tablet*/
 @media screen and (max-width:799.999px){
}

/*   メディアクエリ PC*/
 @media screen and (min-width:800px){
/*  800px以上*/

}