*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size:100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color,Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #fff;
    color: #000;

  }
}
body {
  font-family: "Yu Gothic Medium", "游ゴシック Medium","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif !important;
letter-spacing:0.01rem;
color:#555;
font-size:1.8rem;
}
.center{
text-align:center;
}
a,
a *{
    text-decoration:none !important;
    transition: all .3s ease;
}
a img:hover{
opacity:0.5;
}

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

html{
font-size:1vw;
}
body{
font-size:4rem !important;
}

section{
margin:0 auto;
width:100%;
}
section.s01{
width:100%;
background:
url("https://www.oniwa-one.com/wp-content/uploads/images/logo.png"),
url("https://www.oniwa-one.com/wp-content/uploads/images/back_01-sp2.png"),
url("https://www.oniwa-one.com/wp-content/uploads/images/back_top-white.png"),
url("https://www.oniwa-one.com/wp-content/uploads/images/back_top.png");
background-repeat:no-repeat,no-repeat,repeat-x,no-repeat;
background-size:90rem,100% auto,100% 25rem,cover;
background-position:center 15rem,center 45rem,center top,center bottom;
height:185rem;position:relative;
margin-bottom:10rem;
}
section.s02{
text-align:center;
}
section.s03{
width:100%;
background:linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) ,url("https://www.oniwa-one.com/wp-content/uploads/images/back-green.png");
background-size:100% 400rem;
    background-repeat:  no-repeat;
    background-position: left top;
}
section.s04{
width:100%;
background:url("https://www.oniwa-one.com/wp-content/uploads/images/back-top-03-sp.png"),url("https://www.oniwa-one.com/wp-content/uploads/images/back-top-02.png");
background-repeat:no-repeat,repeat-y;
background-size:90rem auto,100% auto;
background-position:center 5rem,center top;
margin:10rem auto;
padding-bottom:7rem;
}
section.s05{
background:url("https://www.oniwa-one.com/wp-content/uploads/images/back_05.jpg");
height:39.7rem;
}

section.s02 > p:nth-of-type(1),
section.s02 > p:nth-of-type(2),
section.s02 > p:nth-of-type(3){
width:75rem;height:11rem;line-height:11rem;border-radius:5.5rem;
font-size:6rem;
color:white;font-weight:bold;
margin:4rem auto;
}

section.s02 > p:nth-of-type(1){
background:#ea5514;
}

section.s02 > p:nth-of-type(2){
background:#f39800;
}

section.s02 > p:nth-of-type(3){
background:#ffd900;
}

section.s02 h2{
width:90%;
font-size:9rem;
color:#006934;
margin:8rem auto;
text-shadow: yellow 0.1rem 0 1rem;
}

section.s02 > p:nth-of-type(4){
font-size:6rem;
color:#006934;
width:90%;
margin:0 auto 5rem;
}

section.s02 > div{
width:90%;height:auto;
text-align:left;
margin:8rem auto;
text-shadow: #FFF 0.1rem 0 1rem;
}

section.s02 > div:nth-of-type(1){
background:linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%) ,url("https://www.oniwa-one.com/wp-content/uploads/images/top-02-01.png");
    background-size:100% 90rem,auto 90rem;
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: left 4rem;          /* 背景の位置指定 */
}

section.s02 > div:nth-of-type(2){
background:linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%) ,url("https://www.oniwa-one.com/wp-content/uploads/images/top-02-02.png");
    background-size:100% 90rem,auto 90rem;
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: left 4rem;          /* 背景の位置指定 */
}

section.s02 > div:nth-of-type(3){
background:linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%) ,url("https://www.oniwa-one.com/wp-content/uploads/images/top-02-03.png");
    background-size:100% 90rem,auto 90rem;
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: left 4rem;          /* 背景の位置指定 */
}

section.s02 > div:nth-of-type(4){
background:linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%) ,url("https://www.oniwa-one.com/wp-content/uploads/images/top-02-04.png");
    background-size:100% 90rem,auto 90rem;
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: left 4rem;          /* 背景の位置指定 */
}
section.s02 > div:nth-of-type(5){
background:linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%) ,url("https://www.oniwa-one.com/wp-content/uploads/images/top-02-05.png");
    background-size:100% 90rem,auto 90rem;
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: left 4rem;          /* 背景の位置指定 */
}
section.s02 > div > p:nth-of-type(1){
margin:0 auto;
width:80%;height:12rem;line-height:12rem;
font-size:8rem;text-align:center;
color:white;font-weight:bold;
text-shadow: #000 0.1rem 0 1rem;
}
section.s02 > div:nth-of-type(1) p:nth-of-type(1){
background-color:#006934;
}
section.s02 > div:nth-of-type(2) p:nth-of-type(1){
background-color:#00913a;
}
section.s02 > div:nth-of-type(3) p:nth-of-type(1){
background-color:#549f2f;
}
section.s02 > div:nth-of-type(4) p:nth-of-type(1){
background-color:#a0c912;
}
section.s02 > div:nth-of-type(5) p:nth-of-type(1){
background-color:#dde100;
}
section.s02 > div > p:nth-of-type(2){
margin:36rem auto 0;
width:90rem;font-weight:bold;
font-size:5rem;color:black;text-align:center;
text-shadow:
           0.2rem 0.2rem 0px #fff, -0.2rem -0.2rem 0 #fff,
          -0.2rem 0.2rem 0 #fff,  0.2rem -0.2rem 0 #fff,
           0.2rem 0 0 #fff, -0.2rem 0 0 #fff,
           0 0.2rem 0 #fff,  0 -0.2rem 0 #fff,
           #fff 0.2rem 0 1rem;
}
section.s02 > div > p:nth-of-type(3){
margin:5rem auto 16rem;
width:90rem;height:auto;
background:rgba(255,255,255,0.7);
padding:2rem 1rem;font-weight:bold;
border-radius:3rem;border:0.1rem solid #006934;
}

section.s03 h2:nth-of-type(1){
width:90%;
margin:12rem auto 0;
padding-top:12rem;
font-size:7rem;
color:white;
text-shadow: #000 0.1rem 0 1rem;
text-align:center;
}
section.s03 .special{
width:100rem;
margin:4rem auto;
text-align:center;
}
section.s03 > div.special > div{
width:90rem;height:auto;
margin:6rem auto;
border:0.2rem solid #006934;
background-color:white;
position:relative;
text-align:center;
vertical-align:top;
}

section.s03 > div.special > div > p:nth-of-type(1){
margin:8rem auto 0;
font-size:8rem;font-weight:bold;
color:#009E97;
text-shadow: yellow 0.1rem 0 1rem;
}
section.s03 > div.special > div > p:nth-of-type(2){
margin:0 auto 6rem;
font-size:4.5rem;font-weight:bold;
color:#00441B;
}
section.s03 > div.special > div > p:nth-of-type(3){
width:88%;margin:0 auto 4rem;
text-align:center;
}

section.s03 > div.flow > div{
width:90rem;
height:62rem;
font-weight:bold;
margin:8rem auto 8rem;
}
section.s03 > div.flow > div:nth-of-type(1){
background:url("https://www.oniwa-one.com/wp-content/uploads/images/flow-01.png"),url("https://www.oniwa-one.com/wp-content/uploads/images/under.png");
background-size:33rem,6rem;
background-position:left 14rem,14rem bottom;
background-repeat:no-repeat,no-repeat;
}

section.s03 > div.flow > div:nth-of-type(2){
background:url("https://www.oniwa-one.com/wp-content/uploads/images/flow-02.png"),url("https://www.oniwa-one.com/wp-content/uploads/images/under.png");
background-size:33rem,6rem;
background-position:left 14rem,14rem bottom;
background-repeat:no-repeat,no-repeat;
}

section.s03 > div.flow > div:nth-of-type(3){
background:url("https://www.oniwa-one.com/wp-content/uploads/images/flow-03.png");
background-size:33rem;
background-position:left 14rem;
background-repeat:no-repeat;
}

section.s03 > div.flow > div > p:nth-of-type(1){
font-size:6rem;
color:#EA5960;
width:90rem;
margin-left:0;
text-align:left;
border-left:2rem solid #F8B62D;
}
section.s03 > div.flow > div:nth-of-type(1) > p:nth-of-type(1):before{
content:"Step1";
font-size:8rem;
color:#EA5960;
padding:0 2rem;
}
section.s03 > div.flow > div:nth-of-type(2) > p:nth-of-type(1):before{
content:"Step2";
font-size:8rem;
color:#EA5960;
padding:0 2rem;
}
section.s03 > div.flow > div:nth-of-type(3) > p:nth-of-type(1):before{
content:"Step3";
font-size:8rem;
color:#EA5960;
padding:0 2rem;
}

section.s03 > div.flow > div > p:nth-of-type(2){
margin-left:35rem;
margin-top:2rem;
width:55rem;
}

section.s04 > h2{
text-align:center;
color:#ea5960;
font-size:5.5rem;
padding:40rem 0 10rem;
}

section.s04 > div{
width:90rem;height:172.1rem;
margin:5rem auto 16rem;
font-size:2rem;
position:relative;
}

section.s04 > div:nth-of-type(1){
background:url("https://www.oniwa-one.com/wp-content/uploads/images/top-03-01-sp.png");
background-size:100% auto;
background-repeat:no-repeat;
background-position:center bottom;
filter: drop-shadow(0 0 1rem #fff);
}
section.s04 > div:nth-of-type(2){
background:url("https://www.oniwa-one.com/wp-content/uploads/images/top-03-02-sp.png");
background-size:100% auto;
background-repeat:no-repeat;
background-position:center bottom;
filter: drop-shadow(0 0 1rem #fff);
}
section.s04 > div:nth-of-type(3){
background:url("https://www.oniwa-one.com/wp-content/uploads/images/top-03-03-sp.png");
background-size:100% auto;
background-repeat:no-repeat;
background-position:center bottom;
filter: drop-shadow(0 0 1rem #fff);
}
section.s04 > div > p:nth-of-type(1){
font-size:5.5rem;font-weight:bold;text-align:center;
width:100%;
}
section.s04 > div:nth-of-type(1) > p:nth-of-type(1):before{
content:"Case1\A";white-space: pre;line-height:2;
font-size:9.5rem;
color:#EA5960;
padding:0 2rem;
border-bottom:2rem solid #ea5960;
}
section.s04 > div:nth-of-type(2) > p:nth-of-type(1):before{
content:"Case2\A";white-space: pre;line-height:2;
font-size:9.5rem;
color:#EA5960;
padding:0 2rem;
border-bottom:2rem solid #ea5960;
}
section.s04 > div:nth-of-type(3) > p:nth-of-type(1):before{
content:"Case3\A";white-space: pre;line-height:2;
font-size:9.5rem;
color:#EA5960;
padding:0 2rem;
border-bottom:2rem solid #ea5960;
}
section.s04 > div:nth-of-type(4) > p:nth-of-type(1):before{
content:"Case4\A";white-space: pre;line-height:2;
font-size:9.5rem;
color:#EA5960;
padding:0 2rem;
border-bottom:2rem solid #ea5960;
}
section.s04 > div:nth-of-type(5) > p:nth-of-type(1):before{
content:"Case5\A";white-space: pre;line-height:2;
font-size:9.5rem;
color:#EA5960;
padding:0 2rem;
border-bottom:2rem solid #ea5960;
}
section.s04 > div > p:nth-of-type(2){
margin:46rem 5rem 0;
font-size:4rem;font-weight:bold;
}
section.s04 > div > p:nth-of-type(3){
position:absolute;
top:116.5rem;left:8rem;
font-size:4rem;font-weight:bold;
}
section.s04 > div > p:nth-of-type(4){
position:absolute;
top:141.5rem;right:0;text-align:right;
font-size:4rem;font-weight:bold;
}
section.s04 > div > p:nth-of-type(5){
position:absolute;
top:158.8rem;right:11rem;text-align:right;
}
section.s04 > div > p span{
color:#C30D23;
font-size:8rem;font-weight:bold;
}
section.s06{
text-align:center;
color:#009e97;
}
section.s06 p.title{
width:100%;height:10rem;line-height:10rem;
margin:8rem 0 4rem;
font-size:5rem;
background:#7fc69b;
color:white;font-weight:bold;
}
section.s06 p.title span{
font-size:4.5rem;color:white;font-weight:bold;
background:red;
padding:0.5rem 0.8rem;
margin-right:2rem; 
}

section.s06 label{
border:0.2rem #009e97 solid;
padding:2rem 4rem;
    line-height: 3rem;
    display: inline-block;
    margin-bottom: 2rem;
}
input[type="radio"] {
  position: relative;
  width: 3rem;
  height: 3rem;
  border: 0.3rem solid #009e97;
  border-radius: 50%;
  vertical-align: -0.4rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: #009e97;
  content: '';
}
input[type="text"],textarea{
font-size:3.2rem;
margin:2rem 0;padding:3rem 2rem;
color:black;
line-height:4rem;
max-width:90%;
}
input[type="text"]{
height:4rem;
}
input[name="inq-10"],
input[name="inq-11"]{
width:50rem;
}
input[type="submit"]{
width:80%;height:12rem;
font-size:4.5rem;
margin:6rem 0;
color:white;
background-color:#009e97;
border:none;
font-weight:bold;
}
.mw_wp_form .horizontal-item + .horizontal-item{
margin-left:0 !important;
}
section.s03 h2:nth-of-type(2),
.s05 h2,
.s06 h2{
width:90rem;
margin:24rem auto 10rem;
height:15rem;line-height:15rem;
text-align:center;
font-size:8rem;color:white;
background:#7fc69b;
}
section.s03 h2:nth-of-type(2){

background:#e94d29;
}

/*===================================
アコーディオンのためのcss
===================================*/

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 96%;
    max-width: 90rem;
    margin:0 auto;
}

.accordion-area li{
    margin: 1rem 0;
}

.accordion-area section {
  border: 0.1rem solid #ccc;
  width:100%;
}

/*アコーディオンタイトル*/
.accordion-area .title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:5rem;font-weight:bold;
    padding: 3% 3% 3% 10rem;
    transition: all .5s ease;
}

/*アイコンの＋と×*/
.accordion-area .title::before,
.accordion-area .title::after{
    position: absolute;
    content:'';
    width: 3rem;
    height: 0.3rem;
    background-color: #333;
    
}
.accordion-area .title::before{
    top:48%;
    left: 1.5rem;
    transform: rotate(0deg);
    
}
.accordion-area .title::after{    
    top:48%;
    left: 1.5rem;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.accordion-area .title.close::before{
  transform: rotate(45deg);
}

.accordion-area .title.close::after{
  transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
    background: #f3f3f3;
    margin:0 3% 3% 3%;
    padding: 3%;
    font-size:4.5rem;
}

section.local{
background:url("https://www.oniwa-one.com/wp-content/uploads/images/back_local.jpg"),url("https://www.oniwa-one.com/wp-content/uploads/images/back-green.png");
background-repeat:no-repeat,repeat;
background-position:center,center;
width:100%;
height:30rem;
}
section.local h1{
font-size:8rem;color:white;text-align:center;
line-height:30rem;
text-shadow: #000 0.1rem 0 1rem;
}
section.local-contents{
width:90%;margin:auto;
}
section.local-contents h2{
margin:8rem auto 4rem;
text-align:center;
}

section.local-contents div{
width:90rem;
margin:8rem auto;
}
section.local-contents p:nth-child(odd){
width:100%;height:10rem;line-height:10rem;
margin:4rem 0 2rem;
font-size:5rem;
background:#7fc69b;
color:white;font-weight:bold;
text-align:center;
}
section.local-contents p{
padding-left:1rem;
}

footer{
background:url("https://www.oniwa-one.com/wp-content/uploads/images/back-green.png");
background-repeat:repeat;
background-position:center;
width:100%;
height:56rem;
margin:20rem auto 0;
padding:4rem;
text-align:center;
color:white;
}
footer a{
color:white;
}

.fixed-foot{
background:rgba(34,139,34,0.7);
width:100%;height:28rem;
position:fixed;bottom:0;
text-align:center;
}
.inquiry-box{
display:inline-block;
margin:4rem 1rem;
width:45rem;height:20rem;
padding:3.5rem 0;
    font-size: 4.5rem;font-weight:bold;
    text-align: center;
    background-color: white;
    line-height: 5rem;
    color: black;
letter-spacing:-0.2rem;
border-radius:8rem;
  animation: inquiry 2s ease-out infinite;
  opacity: 1;
  border: solid 0.2rem #999;
  outline: solid 0.4rem lightgreen;
  outline-offset: -1.2rem;
}
.inquiry-box.form{
font-size:4rem;
color:#006934;font-weight:bold;
}
.inquiry-box.tel span{
font-size:4.5rem;
color:#ff4500;
}

@keyframes inquiry {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

.inquiry-box img{
width:9rem;height:9rem;
margin:-1rem auto -4rem;
}

.head-parts {
	position:absolute;
	top:0;width:100%;margin:0;
	font-size: 4rem;letter-spacing:0.5rem;line-height:5.5rem;text-align:left;
	color: white;background:rgba(77,181,106,0.8);
	height:14rem;
	z-index: 1;
}
.head-parts p{
	position:absolute;
}
.head-parts p:nth-of-type(1){
top:2rem;left:1rem;
}
.head-parts a > p span{
display:none;
}
.head-parts a p.form{
top:2rem;left:75rem;
width:10rem;height:10rem;
background:url("https://www.oniwa-one.com/wp-content/uploads/images/form-w.png");
background-size:cover;
}
.head-parts a p.tel{
top:2rem;left:88rem;
width:10rem;height:10rem;
background:url("https://www.oniwa-one.com/wp-content/uploads/images/tel-w.png");
background-size:cover;
}

.archives{
width:100%;
background:none !important;
height:unset !important;
}
.archives .img01,
.archives .img02
{
position:relative;
height:55rem;
margin:2rem 0 auto;
}
.archives img{
width:100%;
height:100%;
object-fit:cover;
}
.archives .img01 p{
position:absolute;
top:4rem;right:0;
width:30%;height:10rem;
color:white;
font-size:6rem;line-height:10rem;
font-weight:bold;
background-color:blue;
text-align:center;
opacity:0.8;
}
.archives .img02 p{
position:absolute;
top:4rem;right:0;
width:30%;height:10rem;
color:white;
font-size:6rem;line-height:10rem;
font-weight:bold;
background-color:red;
text-align:center;
opacity:0.6;
}
.archives > p:nth-of-type(2){
margin-top:4rem !important;
}
.archives .detail{
background-color:white;
width:100%;height:26rem;
position:relative;
margin:4rem 0 auto;
font-size:4rem;
}
.archives .detail > p:nth-of-type(1){
position:absolute;
top:3rem;left:5%;
border-bottom:black 0.2rem solid;
width:90%;
}
.archives .detail > p:nth-of-type(2){
position:absolute;
top:11.5rem;left:10%;
width:85%;
}
.archives .resalt{
//background-color:white;
//width:100%;height:24rem;
//position:relative;
//margin:4rem 0 auto;
//font-size:4rem;
display:none;
}
.archives .resalt > p:nth-of-type(1){
position:absolute;
top:3rem;left:5%;
width:90%;
border-bottom:black 0.2rem solid;
}
.archives .resalt > p:nth-of-type(2){
position:absolute;
top:3rem;right:5%;
text-align:right;
}
.archives .resalt > p:nth-of-type(3){
position:absolute;
top:14rem;left:5%;
width:90%;
border-bottom:black 0.2rem solid;
}
.archives .resalt > p:nth-of-type(4){
position:absolute;
top:14rem;right:5%;
text-align:right;
}

}

@media screen and (min-width: 481px){

html{
font-size:10px;
}

.sp{
display:none;
}
@media screen and (max-width: 1100px){
html{
font-size:calc(100vw * calc(10 / 1100)) !important;
overflow-x:hidden;
}

}
section{
margin:0 auto;
width:100rem;
}
section.s01{
width:100%;
background:
url("https://www.oniwa-one.com/wp-content/uploads/images/logo.png"),
url("https://www.oniwa-one.com/wp-content/uploads/images/back_01-pc2.png"),
url("https://www.oniwa-one.com/wp-content/uploads/images/back_top-white.png"),
url("https://www.oniwa-one.com/wp-content/uploads/images/back_top.png");
background-repeat:no-repeat,no-repeat,repeat-x,no-repeat;
background-size:47rem,100rem auto,100% 15rem,cover;
background-position:right 9rem,center 5rem,center top,center bottom;
height:67.2rem;position:relative;
margin-bottom:10rem;
}
section.s02{
text-align:center;
}
section.s03{
width:100%;
background:linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) ,url("https://www.oniwa-one.com/wp-content/uploads/images/back-green.png");
background-size:100% 100rem;
    background-repeat:  no-repeat;
    background-position: left top;
}
section.s04{
width:100%;
background:url("https://www.oniwa-one.com/wp-content/uploads/images/back-top-03.png"),url("https://www.oniwa-one.com/wp-content/uploads/images/back-top-02.png");
background-repeat:no-repeat,repeat-y;
background-size:90rem auto,100% auto;
background-position:center 5rem,center top;
margin:10rem auto;
padding-bottom:7rem;
}
section.s05{
background:url("https://www.oniwa-one.com/wp-content/uploads/images/back_05.jpg");
height:39.7rem;
}

section.s02 > p:nth-of-type(1),
section.s02 > p:nth-of-type(2),
section.s02 > p:nth-of-type(3){
width:19.4rem;height:5.75rem;line-height:5.75rem;border-radius:3rem;
font-size:2.8rem;
color:white;font-weight:bold;
margin:2rem 2rem;
display:inline-block;
}

section.s02 > p:nth-of-type(1){
background:#ea5514;
}

section.s02 > p:nth-of-type(2){
background:#f39800;
}

section.s02 > p:nth-of-type(3){
background:#ffd900;
}

section.s02 h2{
width:100%;
font-size:5rem;
color:#006934;
margin:1rem auto 1rem;
text-shadow: yellow 0.1rem 0 1rem;
}

section.s02 > p:nth-of-type(4){
font-size:2.8rem;
color:#006934;
margin-bottom:5rem;
}

section.s02 > div{
    position:relative;
width:100%;height:50rem;
text-align:left;
margin:4rem auto;
text-shadow: #FFF 0.1rem 0 1rem;
}

section.s02 > div:nth-of-type(1){
background:linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) ,url("https://www.oniwa-one.com/wp-content/uploads/images/top-02-01.png");
background-size:70% auto;
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: left top;          /* 背景の位置指定 */
}

section.s02 > div:nth-of-type(2){
background:linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) ,url("https://www.oniwa-one.com/wp-content/uploads/images/top-02-02.png");
background-size:70% auto;
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: left top;          /* 背景の位置指定 */
}

section.s02 > div:nth-of-type(3){
background:linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) ,url("https://www.oniwa-one.com/wp-content/uploads/images/top-02-03.png");
background-size:70% auto;
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: left top;          /* 背景の位置指定 */
}

section.s02 > div:nth-of-type(4){
background:linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) ,url("https://www.oniwa-one.com/wp-content/uploads/images/top-02-04.png");
background-size:70% auto;
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: left top;          /* 背景の位置指定 */
}
section.s02 > div:nth-of-type(5){
background:linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) ,url("https://www.oniwa-one.com/wp-content/uploads/images/top-02-05.png");
background-size:70% auto;
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: left top;          /* 背景の位置指定 */
}
section.s02 > div > p:nth-of-type(1){
position:absolute;
top:-0.5rem;left:-1rem;
font-size:4.5rem;
color:white;font-weight:bold;
padding:0.5rem 10rem 0.5rem 2rem;
text-shadow: #000 0.1rem 0 1rem;
}
section.s02 > div:nth-of-type(1) p:nth-of-type(1){
background-color:#006934;
}
section.s02 > div:nth-of-type(2) p:nth-of-type(1){
background-color:#00913a;
}
section.s02 > div:nth-of-type(3) p:nth-of-type(1){
background-color:#549f2f;
}
section.s02 > div:nth-of-type(4) p:nth-of-type(1){
background-color:#a0c912;
}
section.s02 > div:nth-of-type(5) p:nth-of-type(1){
background-color:#dde100;
}
section.s02 > div > p:nth-of-type(2){
position:absolute;
top:8rem;left:0;width:90rem;font-weight:bold;
font-size:2.5rem;color:black;
padding:1rem;
text-shadow:
           0.1rem 0.1rem 0px #fff, -0.1rem -0.1rem 0 #fff,
          -0.1rem 0.1rem 0 #fff,  0.1rem -0.1rem 0 #fff,
           0.1rem 0 0 #fff, -0.1rem 0 0 #fff,
           0 0.1rem 0 #fff,  0 -0.1rem 0 #fff,
           #fff 0.2rem 0 1rem;
}
section.s02 > div > p:nth-of-type(3){
position:absolute;
bottom:1rem;right:0;width:55rem;
background:rgba(255,255,255,0.7);
padding:1rem;min-height:15rem;font-weight:bold;
border-radius:1rem;border:0.1rem solid #006934;
}
section.s02 > div:nth-of-type(5) p:nth-of-type(2){
width:100%;
}

section.s03 h2:nth-of-type(1){
width:100%;
margin:12rem auto 0;
padding-top:7rem;
font-size:5.2rem;
color:white;
text-shadow: #000 0.1rem 0 1rem;
text-align:center;
}
section.s03 .special{
width:100rem;
margin:4rem auto;
text-align:center;
}
section.s03 > div.special > div{
width:44rem;height:33rem;
margin:2rem;
border:0.1rem solid #006934;
background-color:white;
display:inline-block;
position:relative;
text-align:center;
vertical-align:top;
}

section.s03 > div.special > div > p:nth-of-type(1){
margin:2rem auto 1rem;
font-size:3.8rem;font-weight:bold;
color:#009E97;
text-shadow: yellow 0.1rem 0 1rem;
}
section.s03 > div.special > div > p:nth-of-type(2){
margin:0 auto 2rem;
font-size:2rem;font-weight:bold;
color:#00441B;
}
section.s03 > div.special > div > p:nth-of-type(3){
width:88%;margin-left:6%;
text-align:left;
}

section.s03 > div.flow > div{
width:100rem;
height:35rem;
position:relative;font-weight:bold;
margin:2rem auto 3rem;
}
section.s03 > div.flow > div:nth-of-type(1){
background:url("https://www.oniwa-one.com/wp-content/uploads/images/flow-01.png"),url("https://www.oniwa-one.com/wp-content/uploads/images/under.png");
background-size:25rem,5rem;
background-position:left top,10rem bottom;
background-repeat:no-repeat,no-repeat;
}

section.s03 > div.flow > div:nth-of-type(2){
background:url("https://www.oniwa-one.com/wp-content/uploads/images/flow-02.png"),url("https://www.oniwa-one.com/wp-content/uploads/images/under.png");
background-size:25rem,5rem;
background-position:left top,10rem bottom;
background-repeat:no-repeat,no-repeat;
}

section.s03 > div.flow > div:nth-of-type(3){
height:25rem;
background:url("https://www.oniwa-one.com/wp-content/uploads/images/flow-03.png");
background-size:25rem;
background-position:left top;
background-repeat:no-repeat;
}

section.s03 > div.flow > div > p:nth-of-type(1){
margin-left:28rem;
font-size:3.5rem;
color:#EA5960;
width:70rem;
text-align:left;
border-left:1rem solid #F8B62D;
}
section.s03 > div.flow > div:nth-of-type(1) > p:nth-of-type(1):before{
content:"Step1";
font-size:4.5rem;
color:#EA5960;
padding:0 2rem;
}
section.s03 > div.flow > div:nth-of-type(2) > p:nth-of-type(1):before{
content:"Step2";
font-size:4.5rem;
color:#EA5960;
padding:0 2rem;
}
section.s03 > div.flow > div:nth-of-type(3) > p:nth-of-type(1):before{
content:"Step3";
font-size:4.5rem;
color:#EA5960;
padding:0 2rem;
}

section.s03 > div.flow > div > p:nth-of-type(2){
margin-left:28rem;
margin-top:2rem;
font-size:2rem;
}

section.s04 > h2{
text-align:center;
color:#ea5960;
font-size:3.5rem;
padding:17rem 0 5rem;
}

section.s04 > div{
width:100rem;height:84.1rem;
margin:5rem auto;position:relative;
font-size:2rem;
}

section.s04 > div:nth-of-type(1){
background:url("https://www.oniwa-one.com/wp-content/uploads/images/top-03-01.png");
background-size:100% auto;
background-repeat:no-repeat;
background-position:center bottom;
filter: drop-shadow(0 0 1rem #fff);
}
section.s04 > div:nth-of-type(2){
background:url("https://www.oniwa-one.com/wp-content/uploads/images/top-03-02.png");
background-size:100% auto;
background-repeat:no-repeat;
background-position:center bottom;
filter: drop-shadow(0 0 1rem #fff);
}
section.s04 > div:nth-of-type(3){
background:url("https://www.oniwa-one.com/wp-content/uploads/images/top-03-03.png");
background-size:100% auto;
background-repeat:no-repeat;
background-position:center bottom;
filter: drop-shadow(0 0 1rem #fff);
}
section.s04 > div > p:nth-of-type(1){
font-size:2.7rem;font-weight:bold;line-height:1.1;
border-bottom:1rem solid #ea5960;
width:100%;
}
section.s04 > div:nth-of-type(1) > p:nth-of-type(1):before{
content:"Case1";
font-size:4.5rem;
color:#EA5960;
padding:0 2rem;
}
section.s04 > div:nth-of-type(2) > p:nth-of-type(1):before{
content:"Case2";
font-size:4.5rem;
color:#EA5960;
padding:0 2rem;
}
section.s04 > div:nth-of-type(3) > p:nth-of-type(1):before{
content:"Case3";
font-size:4.5rem;
color:#EA5960;
padding:0 2rem;
}
section.s04 > div:nth-of-type(4) > p:nth-of-type(1):before{
content:"Case4";
font-size:4.5rem;
color:#EA5960;
padding:0 2rem;
}
section.s04 > div:nth-of-type(5) > p:nth-of-type(1):before{
content:"Case5";
font-size:4.5rem;
color:#EA5960;
padding:0 2rem;
}
section.s04 > div > p:nth-of-type(2){
margin:50rem 5rem 0;
font-size:1.9rem;font-weight:bold;
}
section.s04 > div > p:nth-of-type(3){
position:absolute;
top:73.5rem;left:4rem;
}
section.s04 > div > p:nth-of-type(4){
position:absolute;
top:70.5rem;right:1rem;text-align:right;
}
section.s04 > div > p:nth-of-type(5){
position:absolute;
top:77.8rem;right:4.8rem;text-align:right;
}
section.s04 > div > p span{
color:#C30D23;
font-size:3.5rem;font-weight:bold;
}
section.s06{
text-align:center;
color:#009e97;
}
section.s06 p.title{
width:100%;height:4rem;line-height:4rem;
margin:4rem 0 2rem;
font-size:2rem;
background:#7fc69b;
color:white;font-weight:bold;
}
section.s06 p.title span{
font-size:1.4rem;color:white;font-weight:bold;
background:red;
padding:0.3rem 0.5rem;
margin-right:2rem; 
}

section.s06 label{
border:0.1rem #009e97 solid;
padding:1rem 2rem;
    line-height: 3rem;
    display: inline-block;
    margin-bottom: 2rem;
}
input[type="radio"] {
  position: relative;
  width: 1.6rem;
  height: 1.6rem;
  border: 0.15rem solid #009e97;
  border-radius: 50%;
  vertical-align: -0.2rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background: #009e97;
  content: '';
}
input[type="text"],textarea{
font-size:1.6rem;
margin:1rem 0;padding:1.5rem 1rem;
color:black;
line-height:2rem;
}
input[type="text"]{
height:2rem;
}
input[type="submit"]{
width:30%;height:6rem;
font-size:2rem;
margin:3rem 0;
color:white;
background-color:#009e97;
border:none;
font-weight:bold;
}

section.s03 h2:nth-of-type(2),
.s05 h2,
.s06 h2{
width:73.5rem;
margin:12rem auto 5rem;
height:6.6rem;line-height:6.6rem;
text-align:center;
font-size:3.4rem;color:white;
background:#7fc69b;
}
section.s03 h2:nth-of-type(2){

background:#e94d29;
}

/*===================================
アコーディオンのためのcss
===================================*/

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 96%;
    max-width: 90rem;
    margin:0 auto;
}

.accordion-area li{
    margin: 1rem 0;
}

.accordion-area section {
  border: 0.1rem solid #ccc;
  width:100%;
}

/*アコーディオンタイトル*/
.accordion-area .title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:2.1rem;
    font-weight: normal;
    padding: 3% 3% 3% 5rem;
    transition: all .5s ease;
}

/*アイコンの＋と×*/
.accordion-area .title::before,
.accordion-area .title::after{
    position: absolute;
    content:'';
    width: 1.5rem;
    height: 0.2rem;
    background-color: #333;
    
}
.accordion-area .title::before{
    top:48%;
    left: 1.5rem;
    transform: rotate(0deg);
    
}
.accordion-area .title::after{    
    top:48%;
    left: 1.5rem;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.accordion-area .title.close::before{
  transform: rotate(45deg);
}

.accordion-area .title.close::after{
  transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
    background: #f3f3f3;
  margin:0 3% 3% 3%;
    padding: 3%;
}

section.local{
background:url("https://www.oniwa-one.com/wp-content/uploads/images/back_local.jpg"),url("https://www.oniwa-one.com/wp-content/uploads/images/back-green.png");
background-repeat:no-repeat,repeat;
background-position:center,center;
width:100%;
height:30rem;
}
section.local h1{
font-size:4rem;color:white;text-align:center;
line-height:30rem;
text-shadow: #000 0.1rem 0 1rem;
}
section.local-contents h2{
margin:4rem auto 1rem;
text-align:center;
}

section.local-contents div{
width:60rem;
margin:4rem auto;
}
section.local-contents p:nth-child(odd){
width:100%;height:4rem;line-height:4rem;
margin:4rem 0 2rem;
font-size:2rem;
background:#7fc69b;
color:white;font-weight:bold;
}
section.local-contents p{
padding-left:1rem;
}

footer{
background:url("https://www.oniwa-one.com/wp-content/uploads/images/back-green.png");
background-repeat:repeat;
background-position:center;
width:100%;
height:18rem;
margin:10rem auto 0;
padding:2rem;
text-align:center;
color:white;
}
footer a{
color:white;
}

.fixed-foot{
background:rgba(34,139,34,0.7);
width:100%;height:10rem;
position:fixed;bottom:0;
text-align:center;
}
.inquiry-box{
display:inline-block;
margin:1rem 2rem;
width:32rem;height:8rem;
    font-size: 1.8rem;font-weight:bold;
    text-align: center;
    background-color: white;
    line-height: 8rem;
    color: black;
letter-spacing:-0.2rem;
border-radius:4rem;
  animation: inquiry 2s ease-out infinite;
  opacity: 1;
  border: solid 0.1rem #999;
  outline: solid 0.2rem lightgreen;
  outline-offset: -0.6rem;
}
.inquiry-box.form{
font-size:2.9rem;
color:#006934;font-weight:bold;
}
.inquiry-box.tel span{
font-size:3.7rem;
color:#ff4500;
}
a.tel{
pointer-events: none;
}

@keyframes inquiry {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
.inquiry-box img{
width:4rem;height:4rem;
display:inline-block;
vertical-align:text-bottom;
}

.head-parts {
	position:fixed;
	top:0;left:calc(50% - 52.5rem);
	width:105rem;height:7rem;
	font-size: 1.8rem;line-height:4.2rem;
	padding:1.3rem 2rem;
	color: white;background:rgba(77,181,106,0.8);
	border-bottom-right-radius:1rem 1rem;
	border-bottom-left-radius:1rem 1rem;
	z-index: 1;
	text-align:right;
}
.head-parts p{
	display:inline-block;
	font-size:2.1rem;font-weight:bold;
}
.head-parts a {
	background:rgba(255,255,255,0.9);
	padding:0.5rem 1.6rem;
	border-radius:1rem;
	color:#006934;
	margin:0 1rem;

}
.head-parts a p{
	position:relative;
	padding-left:2rem;
}
.head-parts a p:before{
    content: "";
    position: absolute;
    top: 50%;   /* 縦軸をセンタリングする */ 
    left: 0;
    transform: translateY(-50%);   /* 縦軸をセンタリングする */  
    border: 0.75rem solid transparent;
    border-left: 1.2rem solid rgba(77,181,106,0.8);   /* 好みで色を変えてください */  
}

.archives{
position:relative;
width:100rem;
height:45rem;
background:none !important;
}
.archives img{
width:100%;height:100%;
object-fit:cover;
}
.archives .img01{
position:absolute;
top:16rem;left:1rem;
width:40rem;height:30rem;
}
.archives .img01 p{
position:absolute;
top:2rem;right:0;
width:12rem;height:3rem;
color:white;
font-size:2rem;line-height:3rem;
font-weight:bold;
background-color:blue;
text-align:center;
opacity:0.8;
}
.archives .img02{
position:absolute;
top:9rem;right:1rem;
width:55rem;height:42rem;
}
.archives .img02 p{
position:absolute;
top:4rem;right:0;
width:16rem;height:4rem;
color:white;
font-size:3rem;line-height:4rem;
font-weight:bold;
background-color:red;
text-align:center;
opacity:0.6;
}
.archives .detail{
background-color:white;
position:absolute;
top:65rem;left:20rem;
width:60rem;height:15rem;
}
.archives .detail > p:nth-of-type(1){
position:absolute;
top:1rem;left:1rem;
width:58rem;
border-bottom:black 0.2rem solid;
}
.archives .detail > p:nth-of-type(2){
position:absolute;
top:5.5rem;left:2rem;
width:58rem;
}
.archives .resalt{
//background-color:white;
//position:absolute;
//top:65rem;right:0;
//width:30rem;height:15rem;
display:none;
}
.archives .resalt > p:nth-of-type(1){
position:absolute;
top:2rem;left:1rem;
width:28rem;
border-bottom:black 0.2rem solid;
}
.archives .resalt > p:nth-of-type(2){
position:absolute;
top:2rem;right:1rem;
width:10rem;text-align:right;
}
.archives .resalt > p:nth-of-type(3){
position:absolute;
top:7rem;left:1rem;
width:28rem;
border-bottom:black 0.2rem solid;
}
.archives .resalt > p:nth-of-type(4){
position:absolute;
top:11rem;right:1rem;
width:18rem;
text-align:right;
}
}