html {
    margin:0;
    padding:0;

}
.bigcontain {
	overflow:hidden;
}
header {
	display:none;
}
body {
    margin:0;
    padding:0;

}

h1,h2,h3,p {
    margin:0;
    padding:0;
}
h1,h2,h3,p,li,a {
    font-family:"";
}
a {
    text-decoration: none;
    color:black
}

/* .logoarea {
    position:absolute;
    top:35px;
    left:5%;
}
.logoarea img {
    height:60px;
}
.logotext {
    position:relative;
    left:-10px;
}
header {
    width:90vw;
    height:90px;
    background-color: rgb(255, 255, 255);
    
    margin:0;
    margin:0 auto;
    margin-top:20px;
    
    
    
  }
header > ul {
    float:right;
    list-style-type: none;
    display:flex;
    justify-content:center;
    margin-right:40px;
}
header > ul > li {
    margin-left:40px;
    margin-top:20px;
    
}
.sita {
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #7a0;
    border-right: 1px solid #7a0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    float:right;
    position:relative;
    top:9px;
    left:6px;
    cursor:pointer;
}



.grveffect {
    cursor:pointer;
}
.grv {
    width:90%;
    height:200px;
    margin: 0 auto;
    border-top:1px solid black;
    background:rgb(255, 255, 255);
    position:absolute;
    top:110px;
    left:5%;
    display:none;
} */
h1,h2,h3,li,p,a {
    margin:0;
    padding:0;
}
h1,h2,h3,li,p,a,dd,dt,b {
    font-family: 'source-han-serif-japanese', serif;

font-weight: 400;

font-style: normal;
}
b {
    font-weight:500;
}
.logoarea {
    position:absolute;
    top:20px;
    left:2%;
}
.logoarea img {
    height:60px;
}
.logotext {
    position:relative;
    left:-10px;
}
header {
    width:95vw;
    height:90px;
    background-color: rgb(255, 255, 255);
    
    margin:0;
    margin:0 auto;

  }
header > ul {
    float:right;
    list-style-type: none;
    display:flex;
    justify-content:center;
    margin-right:40px;
}
header > ul > li {
    margin-left:40px;
    margin-top:20px;
    
}
.sita {
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #7a0;
    border-right: 1px solid #7a0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    float:right;
    position:relative;
    top:9px;
    left:6px;
    cursor:pointer;
}
.migi {
    left: 2px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #7a0;
    border-right: 1px solid #7a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    float:right;
    position:relative;
    top:9px;
    left:120px;
    cursor:pointer;
    margin-right:120px;
}



.grveffect {
    cursor:pointer;
}
.grveffect2 {
    cursor:pointer;
}
.grveffect3 {
    cursor:pointer;
}
.grv {
    width:100vw;
    height:300px;
    margin: 0 auto;
    border-top:1px solid black;
    background:rgb(255, 255, 255);
    position:absolute;
    z-index:90;
    top:90px;
    left:0;
    display:none;
}
.grv2 {
    width:100vw;
    height:300px;
    margin: 0 auto;
    border-top:1px solid black;
    background:rgb(255, 255, 255);
    position:absolute;
    z-index:90;
    top:90px;
    left:0;
    display:none;
}
.grv3 {
    width:100vw;
    height:300px;
    margin: 0 auto;
    border-top:1px solid black;
    background:rgb(255, 255, 255);
    position:absolute;
    z-index:90;
    top:90px;
    left:0;
    display:none;
}
span {
    font-family: 'source-han-serif-japanese', serif;
    position:relative;
    top:-2vmin;
    color:white;
}
.titlebox {
    position:absolute;
    top:0%;
    right:0;
    transform:translate(-70%,0%)
}
.my-parts {
	display: flex;
  justify-content: center;
  align-items: center;
    width:18vw;
    height:57.5vh;
	transform: skewX(-20deg);
	
	background: #008854;
	font-size: 7vmin;
    
    
    
    
}
.my-parts span {
	display: inline-block;
	transform: skewX(20deg);
}
.titleframe {
    text-align:center;
    background-image: url('./img/companyprpfile1.png');
    width:100%;
    height:57.5vh;
    position:relative;
    top: -2px;
}
.titlemain {
    font-size:150%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    color:white;
}
.titlemain h1 {
    font-family: acumin-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing:3px;
    font-size:200%;
}
.titlemain p {
    
    font-weight: 500;
    font-style: normal;
    letter-spacing:3px;
    font-size:80%;
}
.menu {
	position:relative;
	top:-2px;
}
nav {
    width:100%;
    height:11.5vh;
    background:rgb(241, 241, 241);
}
.menulogoimg {
    height:11.5vh;
}
.menulogoimg img {
    height:11.5vh;
}
.menu > ul {
    width:95%;
    height:11.5vh;
    
    margin:0 auto;
    text-align:center;
    display: table;
}
.menu > ul > li {
    list-style-type: none;
    font-size:3.5vmin;
    
    
   
}
.menushape {
    opacity:0;
    width:10vw;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:-1;
    transition-duration: 300ms;
}
.menu li {
    display: table-cell;
    vertical-align: middle;
    position:relative;
    z-index:10;
    
    
    transition-duration: 300ms;

}
.menu li > a {
    color:black;
}
.menu li:hover  a{
    color:white;
    transition-duration: 100ms;
}
.menu li:hover .menushape {
    opacity:1.0;
}
.grv li {
    color:black;
    display:inline-block;
    font-size:110%;
    margin-right:60px;
    margin-top:70px;
}
.grv h1 {
    padding-top:30px;
    text-align:center;
    font-size:300%;
}
.grv p {
    text-align:center;
    
}
.grvlist {
    display:block;
    margin-left:105px;
}
.grv2 li {
    color:black;
    display:inline-block;
    font-size:110%;
    margin-right:60px;
    margin-top:70px;
}
.grv2 h1 {
    padding-top:30px;
    text-align:center;
    font-size:300%;
}
.grv2 p {
    text-align:center;
    
}
.grvlist2 {
    display:block;
    margin-left:105px;
}
.grv3 li {
    color:black;
    display:inline-block;
    font-size:110%;
    margin-right:60px;
    margin-top:70px;
}
.grv3 h1 {
    padding-top:30px;
    text-align:center;
    font-size:300%;
}
.grv3 p {
    text-align:center;
    
}
.grvlist3 {
    display:block;
    margin-left:105px;
}
footer {
    width:100%;
    height:60vh;
    padding-top:10vh;
}
#pcfoot {
    background-image:url('img/footerbg.jpeg');
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
}
.footbtnarea {
    position:absolute;
    top:0%;
    right:0%;
    transform:translate(-40%,55%);
}
.footbtn1 {
    display:inline-block;
    background:#008854;
    text-align:center;
   
    color:white;
			transition:0.4s;
}
.footbtn1 p {
    margin:0;
    font-size:3.5vmin;
}
.footbtn2 {
    display:inline-block;
    background:rgb(228, 228, 228);
    text-align:center;
   
    margin-top:2vmin;
	cursor:pointer;
	transition:0.4s;
}
.footbtn2:hover {
	background:white;
	transition:0.4s;
}
.footbtn2 b {
    font-size:4vmin;
}
.footbtn2 p {
    margin:0;
    font-size:2vmin;
}
.footbtn2 a {
	color:black;
	 padding-left:8.55vmin;
    padding-right:8.55vmin;
    padding-top:3vmin;
    padding-bottom:3vmin;
	display:block;
}
.footimg {
    display:inline-block;
}
.footimg > img {
    width:65%;
}
 
.footimgarea {
    width:65%;
    
    text-align:center;
}
.footimg {
    width:75%;
    height:20vh;
    
    text-align:left;
    
}
.logoandtext {
    width:80%;
    text-align:center;
    margin:0;
}
.footimg p {
    font-size:2.5vmin;
    margin:0;
    line-height:2.5vmin;
    margin-left:13vmin;
} 

.footlist1 a {
    padding-right:4.5vmin;
    line-height:5vmin;
    font-size:2.3vmin;
    color:rgb(74, 74, 74);
	position:relative;
	cursor:pointer;
}
.footlist1 a::after {
    position: absolute;
    bottom: -4px;
    left:0px;
    content: '';
    width: 75%;
    height: 2px;
    background: #333;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform .3s;
  }
  .footlist1 a:hover::after {
    transform-origin: left top;
    transform: scale(1, 1);
  }
.footlist1 b {
    color:black;
    font-weight:700;
    font-size:2.7vmin;
}
.footlist1 {
    margin-left:35vmin;
}
.footbtn1 a {
	    display: block;
    font-size: 3.5vmin;
    color: white;
	 padding-left:6vmin;
    padding-right:6vmin;
    padding-top:3vmin;
    padding-bottom:3vmin;

		transition:0.4s;
}
.footbtn1:hover {
	transition:0.4s;
	background:white;
}
.footbtn1:hover a {
	transition:0.4s;
	color:#008854;
}
.copyrightpc {
    text-align:center;
    margin-top:10vmin;
}
#spfoot {
    display:none;
}
@media screen and (max-width: 500px) {

	.titleframe {
		width:100%;
	}
    nav {
        display:none;
    }
    .titleframe {
        height:25vh !important;
        top: 60px !important;
        background-position: center;
		transform: translateX(2px) translateY(2px);
    }
    .titlebox {
        transform:translate(-30%,0%);
    }
    .my-parts {
        height:25vh !important;
        width:30vw;
        font-size:140%;
        transform: skewX(-10deg);
    }
    .my-parts span {
        
        transform: skewX(10deg);
    }
    #pcfoot {
        display:none;
    }
    #spfoot {
        display:block;
    }
    .ac-parent {
        position: relative;  /* 追加 */
        height: 50px;
        border-bottom: 1px solid rgb(117, 117, 117);
        
        color: black;
        text-align: left;
        line-height: 75px;
        font-size:130%;
        width:70%;
        margin:0 auto;
        padding-left:2px;
        cursor: pointer;
        font-family:'source-han-serif-japanese',sans-serif;
    }
    .ac-parent1 {
        position: relative;  /* 追加 */
        height: 50px;
        border-bottom: 1px solid rgb(106, 106, 106);
        
        color: black;
        text-align: left;
        line-height: 75px;
        font-size:130%;
        width:70%;
        cursor: pointer;
        padding-left:2px;
        margin:0 auto;
        font-family:'source-han-serif-japanese',sans-serif;
    }
    .ac-child {
        position: relative;  /* 追加 */
        
        border-bottom: 1px solid rgb(106, 106, 106);
        
        color: black;
        text-align: left;
        line-height: 30px;
        font-size:130%;
        width:70%;
        cursor: pointer;
        padding-left:2px;
        margin:0 auto;
        font-family:'source-han-serif-japanese',sans-serif;
    }
    .ac-child li {
        list-style-type: none;
        border-bottom: 1px solid rgb(106, 106, 106);
        padding-top:20px;
    }
    .ac-child li:last-child {
        border:none;
    }
	.ac-child a {
		color:black;
	}
    /* ①プラスの横線 */
    .ac-parent:before {
        content: "";
        position: absolute;
        top: 65%;
        right: 8px;
        width: 20px;
        height: 2px;
        background: rgb(72, 72, 72);
        transform: translateY(-50%);
        
    }
    
    /* ②プラスの縦線 */
    .ac-parent:after {
        content: "";
        position: absolute;
        top: 65%;
        /* 8px+12px-1px(幅2pxの半分) */
        right: 17px;
        width: 2px;
        height: 20px;
        background: rgb(72, 72, 72);
        transform: translateY(-50%);
        transition: .3s;
    }
    
    /* ③オープン時にopenクラスを付与（縦線を回転させて非表示に） */
    .ac-parent.open:after {
        top: 25%;
        opacity: 0;
        transform: rotate(90deg);
    }
    .spfootlogoarea {
        width:70%;
        margin:0 auto;
        margin-bottom:40px;
    }
    .spfootlogo {
        width:50px;
    }
    .spfoottext {
        width:200px;
        position:relative;
        left:-9px;
    }
    footer {
        padding-top:50px;
        padding-bottom:50px;
    }
    .spcopy {
        text-align:center;
        font-size:70%;
        margin-top:50px;        
    }
    .spcopy p {
        padding-bottom:50px;
    }
    .ac-parent a {
        color:black;
    }
		header {
		display:block;
		position:fixed;
		width:100%;
		height:60px;
		background:white;
		z-index:98;
	}
	  /*ナビのスタイル*/
    nav.NavMenu{
    position: fixed;
    z-index: 60;
    top: 0;
    left: 0;
    background: white;
    text-align: center;
    width: 100%;
    height: 100%;
    display: none;
    }
    
    nav.NavMenu ul{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    }
    
    nav.NavMenu ul li{
    font-size: 24px;
    list-style-type: none;
    width: 100%;
    padding-bottom: 0px;
    }
    
    nav.NavMenu ul li:last-child{
    padding-bottom: 0;
    }
    
    nav.NavMenu ul li a{
    display: block;
    color: #fff;
    padding: 15px 0;
    font-weight: bold;
    font-size: 18px;
    }
    
    /*ボタンのスタイル*/
    .Toggle {
    position: fixed;
    right: 10px;
    top: 10px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    z-index: 70;
    display: block;
    }
    
    .Toggle span {
    display: block;
    position: absolute;
    width: 35px;
    border-bottom: solid 2px #8E7A3E;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
    }
    

    .logos {
		       position: absolute;
    top: 5px;
    left: 5px;
    width: 290px;
    z-index: 50;
    }

    .Toggle span:nth-child(1) {
    top: 9px;
    }
    
    .Toggle span:nth-child(2) {
    top: 20px;
    }
    
    .Toggle span:nth-child(3) {
    top: 31px;
    }
    
    .Toggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: solid 3px #C1C1C1;
    }
    .Toggle.active span:nth-child(2),
    .Toggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: solid 3px #C1C1C1;
    }
	.titleframe {
		overflow:hidden;
	}


 
}