@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz@6..96&family=Zen+Old+Mincho:wght@700&display=swap');

.solution{
 font-family: "Noto Sans JP", "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
 color: #021855;
 -webkit-text-size-adjust: 100%;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 background-color: #021855;
}

/* PC */
body{
 padding: 80px 0 60px;
}
.spOnly {
		display: none;
}
/* ナビゲーション
--------------------------------------------*/
.Toggle {
		display: none;
}
.spMenu{
		display: none;
}

main{
 width: 100%;
 height: 795px;
 background-image: url(../images/fvBg.jpg);
 background-position: center bottom;
 background-size: cover;
 background-repeat: no-repeat;
}
main .inner{
 margin: 0 auto;
 width: 1100px;
 position: relative;
}
main .inner h2{
 padding: 88px 0 28px;
 font-size: 57px;
 line-height: 119px;
 text-align: left;
 color: #fff;
 letter-spacing: 0.2vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 position: relative;
}
main .inner h2 span{
 font-size: 68px;
}
main .inner h2::after{
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 84px;
	height: 1px;
	background-color: #E0C55D;
}
main .inner img{
 width: 688px;
 height: auto;
 position: absolute;
 top: 112px;
 right: -116px;
}
main .inner .txt{
 padding: 42px 0 35px;
 font-size: 14px;
 line-height: 32.2px;
 text-align: left;
 color: #fff;
 font-weight: 400;
}
main .inner .bt{
 margin: 0;
 width: 350px;
}
.bt a {
 width: 100%;
 font-size: 15px;
 line-height: 100%;
 font-weight: 400;
 padding: 15px 0 16px 20px;
 position: relative;
 z-index: 0;
 border-radius: 27px;
 color: #021855;
 border: 1px solid #021855;
 display: block;
 overflow: hidden;
 text-align: center;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.bt a:hover {
  opacity: 1;
}
.bt a span {
 position: relative;
 z-index: 3;
 padding: 0;
 width: 100%;
 background-image: url(../images/mail.svg);
 background-position: left 90px top 6px;
 background-size: 16px auto;
 background-repeat: no-repeat;
 letter-spacing: 0.01vw;
 display: block;
 transition: .3s;
}
.bt a:before {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0;
 transition: 0.4s ease-in-out;
 background: #AA881A;
 background: linear-gradient(90deg, #E6D16B 0%, #AA881A 100%);
}
.bt a:after {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: -2;
 top: 0;
 left: 0;
 background: #E6D16B;
 background: linear-gradient(90deg, #AA881A 0%, #E6D16B 100%);
}
.bt a:hover:before {
  opacity: 0;
}

#invest{
 padding: 91px 0 0;
 width: 100%;
 background-image: url(../images/invBg.jpg);
 background-position: left top 45px;
 background-size: 560px auto;
 background-repeat: no-repeat;
}
#invest .inner{
 margin: 0 auto;
 width: 1100px;
 position: relative;
}
#invest .inner h3{
 margin: 0 0 39px;
 padding: 30px 0 3px;
 font-size: 48px;
 line-height: 100%;
 text-align: left;
 color: #fff;
 letter-spacing: 0.1vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/invH3.svg);
 background-position: right bottom;
 background-size: 1062px auto;
 background-repeat: no-repeat;
}
#invest .inner h3 span{
 padding: 0 0 20px;
 font-size: 17px;
 line-height: 0%;
 text-align: left;
 color: #E0C55D;
 display: block;
font-family: "Bodoni Moda", serif;
font-optical-sizing: auto;
font-weight: 400;
}
#invest .inner .invBox{
 width: 100%;
}
#invest .inner .invBox img{
 float: left;
 margin: 45px 0 0;
 width: 480px;
 height: auto;
}
#invest .inner .invBox .invBoxR{
 float: right;
 width: 600px;
}
#invest .inner .invBox .invBoxR .invB{
 margin: 0 0 20px;
 padding: 32px 0 25px 40px;
 width: 100%;
 background: rgba(222,228,232,0.2);
 border-radius: 10px;
 -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#invest .inner .invBox .invBoxR .invB:last-child{
 margin: 0;
}
#invest .inner .invBox .invBoxR .invB h4{
 padding: 0 0 0 25px;
 font-size: 21px;
 line-height: 100%;
 text-align: left;
 color: #fff;
 letter-spacing: 0.08vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/dot.svg);
 background-position: left center;
 background-size: 9px auto;
 background-repeat: no-repeat;
}
#invest .inner .invBox .invBoxR .invB p{
 margin: 0;
 padding: 16px 0 0;
 font-size: 14px;
 line-height: 32.2px;
 text-align: left;
 color: #fff;
 font-weight: 400;
}

#warranty{
 padding: 0 0 258px;
 width: 100%;
 background-image: url(../images/warrBg.jpg),url(../images/warrBg2.jpg);
 background-position: right top 60px,center bottom;
 background-size: 560px auto,100% auto;
 background-repeat: no-repeat,no-repeat;
}
#warranty .inner{
 margin: 0 auto;
 width: 1100px;
 text-align: center;
 position: relative;
}
#warranty .inner h3{
 margin: 0 0 4px;
 padding: 93px 0 48px;
 font-size: 48px;
 line-height: 100%;
 text-align: left;
 color: #fff;
 letter-spacing: 0.1vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/warrH3.svg);
 background-position: right bottom;
 background-size: 944px auto;
 background-repeat: no-repeat;
}
#warranty .inner h3 span{
 padding: 0 0 20px;
 font-size: 17px;
 line-height: 0%;
 text-align: left;
 color: #E0C55D;
 display: block;
 font-family: "Bodoni Moda", serif;
 font-optical-sizing: auto;
 font-weight: 400;
}
#warranty .inner .warrBox{
 margin: 0 auto;
 width: 1090px;
}
#warranty .inner .warrBox li{
 float: left;
 margin: 0 1.85% 0 0;
 padding: 42px 0 40px;
 width: 32.1%;
 text-align: center;
 background: rgba(222,228,232,0.2);
 border-radius: 10px;
 -webkit-backdrop-filter: blur(10px);
 backdrop-filter: blur(10px);
 position: relative;
}
#warranty .inner .warrBox li:last-child{
 margin: 0;
}
#warranty .inner .warrBox li .no{
 margin: auto;
 font-size: 36px;
 line-height: 100%;
 text-align: center;
 color: #E0C55D;
 font-family: "Bodoni Moda", serif;
 font-optical-sizing: auto;
 font-weight: 400;
 position: absolute;
 top: -19px;
 left: 0;
 right: 0;
}
#warranty .inner .warrBox li h4{
 padding: 0 0 15px;
 font-size: 21px;
 line-height: 100%;
 text-align: center;
 color: #fff;
 letter-spacing: 0.05vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
}
#warranty .inner .warrBox li img{
 margin: 0 auto;
 width: 180px;
 height: auto;
}
#warranty .inner .warrBox li p{
 margin: 0 auto;
 padding: 15px 0 0;
 width: 290px;
 font-size: 14px;
 line-height: 32.2px;
 text-align: left;
 color: #fff;
 font-weight: 400;
}

#business{
 padding: 58px 0 137px;
 width: 100%;
 background-color: #DEE4E8;
 background-image: url(../images/busiBg.png);
 background-position: center top -50px;
 background-size: 940px auto;
 background-repeat: no-repeat;
}
#business .inner{
 margin: 0 auto;
 width: 1100px;
 text-align: center;
 position: relative;
}
#business .inner h3{
 margin: 0;
 padding: 92px 0 0;
 font-size: 42px;
 line-height: 73.5px;
 text-align: center;
 color: #021855;
 letter-spacing: 0.1vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/busiH3.svg);
 background-position: center top;
 background-size: 485px auto;
 background-repeat: no-repeat;
}
#business .inner h3 span{
 padding: 0 0 10px;
 font-size: 16px;
 line-height: 0%;
 text-align: center;
 color: #0075B9;
 display: block;
 font-family: "Bodoni Moda", serif;
 font-optical-sizing: auto;
 font-weight: 400;
}
#business .inner p{
 margin: 0;
 padding: 25px 0 40px;
 width: 100%;
 font-size: 14px;
 line-height: 32.2px;
 text-align: center;
 font-weight: 400;
}
#business .inner img{
 margin: 0 auto;
 width: 1080px;
 height: auto;
}

#other{
 padding: 75px 0 85px;
 width: 100%;
 height: 420px;
 background-image: url(../images/other.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}
#other .inner{
 margin: 0 auto;
 width: 1100px;
}
#other .inner .box{
 float: left;
 padding: 30px 0 31px;
 width: 540px;
 text-align: center;
 border-radius: 10px;
 background-color: #fff;
}
#other .inner .box:last-child{
 float: right;
}
#other .inner .box img{
 margin: 0 auto;
 width: 320px;
 height: auto;
}
#other .inner .box p{
 margin: 0 auto;
 padding: 17px 0 5px;
 width: 460px;
 font-size: 14px;
 line-height: 32.2px;
 text-align: left;
 font-weight: 400;
}
#other .inner .box .link{
 margin: 0 39px 0 auto;
 width: auto;
 text-align: right;
}
#other .inner .box .link a{
 padding: 5px 20px 6px 0;
 width: auto;
 font-size: 14px;
 line-height: 100%;
 text-align: left;
 font-weight: 400;
 display: inline-block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
 background-image: url(../images/link.svg);
 background-position: right 1px top 7px;
 background-size: 12px auto;
 background-repeat: no-repeat;
}
#other .inner .box .link a::after{
	position: absolute;
	bottom: 0;
	right: 0%;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #0075B9;
	transition: .3s;
}
#other .inner .box .link a:hover{
 opacity:0.5;
}
#other .inner .box .link a:hover::after {
	width: 0%;
 opacity:1;
}

#quality{
 padding: 103px 0 80px;
 width: 100%;
 background-image: url(../images/qualityBg.jpg);
 background-position: right top;
 background-size: 560px auto;
 background-repeat: no-repeat;
}
#quality .inner{
 margin: 0 auto;
 width: 1100px;
 text-align: center;
}
#quality .inner h3{
 margin: 0;
 padding: 20px 0 0;
 font-size: 48px;
 line-height: 73.5px;
 text-align: left;
 color: #fff;
 letter-spacing: 0.1vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/qualityH3.svg);
 background-position: right top;
 background-size: 411px auto;
 background-repeat: no-repeat;
}
#quality .inner h3 span{
 padding: 0 0 17px;
 font-size: 17px;
 line-height: 0%;
 text-align: left;
 color: #E0C55D;
 display: block;
 font-family: "Bodoni Moda", serif;
 font-optical-sizing: auto;
 font-weight: 400;
}
#quality .inner p{
 margin: 0 auto;
 padding: 35px 0 35px;
 width: 100%;
 font-size: 14px;
 line-height: 32.2px;
 text-align: left;
 font-weight: 400;
 color: #fff;
}
#quality .inner .qBox{
 margin: 0 0 40px;
 width: 100%;
}
#quality .inner .qBox li{
 float: left;
 margin: 0 2.555% 0 0;
 padding: 0 0 20px;
 width: 31.63%;
 border-bottom: 1px solid #E0C55D;
}
#quality .inner .qBox li:last-child{
 margin: 0;
}
#quality .inner .qBox li .photo{
 width: 100%;
 position: relative;
}
#quality .inner .qBox li .photo img{
 width: 100%;
 height: auto;
 position: relative;
}
#quality .inner .qBox li .photo span{
 font-size: 12px;
 line-height: 100%;
 text-align: left;
 color: #fff;
 position: absolute;
 left: 7px;
 bottom: 10px;
	text-shadow: 0px 0px 4px rgba(0, 0, 0,1);
}
#quality .inner .qBox li h4{
 height: 132px;
 display: flex;
 justify-content: center;
 align-items: center;
}
#quality .inner .qBox li h4 div{
 font-size: 21px;
 line-height: 42px;
 text-align: center;
 color: #fff;
 letter-spacing: 0.1vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
}
#quality .inner .qBox li h4 div span{
 font-size: 16px;
 display: block;
}
#quality .inner .qBox li p{
 margin: 0;
 padding: 0;
 width: 100%;
 font-size: 14px;
 line-height: 32.2px;
 text-align: left;
 font-weight: 400;
 color: #fff;
}
#quality .inner .ba{
 padding: 55px 40px 64px;
 width: 100%;
 text-align: center;
 background: rgba(222,228,232,0.2);
 border-radius: 10px;
 -webkit-backdrop-filter: blur(10px);
 backdrop-filter: blur(10px);
 position: relative;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#quality .inner .ba h5{
 padding: 0 0 32px 25px;
 font-size: 24px;
 line-height: 100%;
 text-align: left;
 color: #fff;
 letter-spacing: 0.08vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/dot.svg);
 background-position: left top 10px;
 background-size: 9px auto;
 background-repeat: no-repeat;
}
#quality .inner .ba .baL{
 float: left;
 width: 496px;
 display: flex;
 align-items: flex-end;
 flex-wrap: wrap;
 justify-content: space-between;
}
#quality .inner .ba .baL.baR{
 float: right;
}
#quality .inner .ba .baL div{
 width: 182px;
 position: relative;
}
#quality .inner .ba .baL div:last-child{
 width: 309px;
}
#quality .inner .ba .baL div img{
 width: 100%;
 height: auto;
 position: relative;
}
#quality .inner .ba .baL div span{
 padding: 4px 0 4px;
 font-size: 12px;
 line-height: 100%;
 text-align: center;
 font-family: "Bodoni Moda", serif;
 font-optical-sizing: auto;
 font-weight: 400;
 position: absolute;
 top: 6px;
 right: 7px;
 z-index: 2;
}
#quality .inner .ba .baL div span.before{
 width: 63px;
 color: #fff;
 background-color: #0075B9;
}
#quality .inner .ba .baL div span.after{
 width: 57px;
 background-color: #E0C55D;
}

#contact{
 padding: 75px 0 0;
 width: 100%;
 text-align: center;
 background-image: url(../images/contactBg.jpg);
 background-position: center top;
 background-size: cover;
 background-repeat: no-repeat;
 height: 300px;
}
#contact h3{
 margin: 0;
 padding: 0 0 26px;
 font-size: 42px;
 line-height: 100%;
 text-align: center;
 color: #fff;
 letter-spacing: 0.1vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
}
#contact h3 span{
 padding: 0 0 30px;
 font-size: 18px;
 line-height: 0%;
 text-align: center;
 color: #E0C55D;
 display: block;
 font-family: "Bodoni Moda", serif;
 font-optical-sizing: auto;
 font-weight: 400;
}
#contact .bt{
 margin: 0 auto;
 width: 350px;
}


#fixed{
 width: 100%;
 height: 60px;
 text-align: center;
 background: linear-gradient(90deg, #32A3DE 0%, #182A78 100%);
 position: fixed;
 left: 0;
 bottom: 0;
 z-index: 10;
 display: flex;
 justify-content: center;
 align-items: center;
}
#fixed .fTxt{
 width: 357px;
 font-size: 21px;
 line-height: 100%;
 text-align: left;
 color: #fff;
 letter-spacing: 0.1vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/arrow.svg);
 background-position: right 20px center;
 background-size: 51px auto;
 background-repeat: no-repeat;
}
#fixed .bt{
 margin: 0;
 width: 200px;
 height: 58px;
}
#fixed .bt a {
 width: 100%;
 font-size: 15px;
 line-height: 100%;
 font-weight: 400;
 background: linear-gradient(90deg, #E6D16B 0%, #AA881A 100%);
 padding: 8px 0 10px 0;
 position: relative;
 z-index: 0;
 top: 0.8rem;
 border-radius: 21px;
 color: #021855;
 border: 1px solid #021855;
 display: block;
 overflow: hidden;
 text-align: center;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#fixed .bt a span {
 position: relative;
 z-index: 3;
 padding: 0 0 0 20px;
 width: 100%;
 background-image: url(../images/mail.svg);
 background-position: left 38px top 6px;
 background-size: 16px auto;
 background-repeat: no-repeat;
 letter-spacing: 0.01vw;
 display: block;
 transition: .3s;
}
#fixed .bt a:hover{
opacity: 1;
}
#fixed .bt a:before {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0;
 transition: 0.4s ease-in-out;
 background: #AA881A;
 background: linear-gradient(90deg, #E6D16B 0%, #AA881A 100%);
}
#fixed .bt a:after {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: -2;
 top: 0;
 left: 0;
 background: #E6D16B;
 background: linear-gradient(90deg, #AA881A 0%, #E6D16B 100%);
}
#fixed .bt a:hover:before {
  opacity: 0;
}




@media screen and (min-width: 781px){
a[href^="tel:"] {
    pointer-events: none;
}
}


@media screen and (max-width: 1290px){
main{
 height: 61.6vw;
}
main .inner{
 width: 85.2%;
}
main .inner h2{
 padding: 6.82vw 0 2.18vw;
 font-size: 4.42vw;
 line-height: 209%;
}
main .inner h2 span{
 font-size: 5.28vw;
}
main .inner h2::after{
	width: 7.6%;
}
main .inner img{
 width: 62.45%;
 top: 8.7vw;
 right: -10.5%;
}
main .inner .txt{
 padding: 3.2vw 0 2.75vw;
 font-size: 1.085vw;
 line-height: 230%;
}
main .inner .bt{
 width: 31.8%;
}
.bt a {
 font-size: 1.18vw;
 padding: 1.15vw 0 1.25vw 5.5%;
}
.bt a span {
 background-position: left 29% top 0.5vw;
 background-size: 1.3vw auto;
}


}
@media screen and (max-width: 1160px){
#invest{
 padding: 7.95vw 0 0;
 background-position: left top 4vw;
 background-size: 48.2% auto;
}
#invest .inner{
 width: 94.8%;
}
#invest .inner h3{
 margin: 0 0 3.3vw;
 padding: 2.7vw 0 0.3vw;
 font-size: 4.14vw;
 background-size: 96.4% auto;
}
#invest .inner h3 span{
 padding: 0 0 1.7vw;
 font-size: 1.47vw;
}
#invest .inner .invBox img{
 margin: 3.9vw 0 0;
 width: 43.6%;
}
#invest .inner .invBox .invBoxR{
 width: 54.5%;
}
#invest .inner .invBox .invBoxR .invB{
 margin: 0 0 1.7vw;
 padding: 2.8vw 0 2.1vw 6.6%;
}
#invest .inner .invBox .invBoxR .invB h4{
 padding: 0 0 0 4.5%;
 font-size: 1.81vw;
 background-size: 0.8vw auto;
}
#invest .inner .invBox .invBoxR .invB p{
 padding: 1.36vw 0 0;
 font-size: 1.21vw;
 line-height: 230%;
}

#warranty{
 padding: 0 0 22.2vw;
 background-position: right top 5.3vw,center bottom;
 background-size: 48.2% auto,100% auto;
}
#warranty .inner{
 width: 94.8%;
}
#warranty .inner h3{
 margin: 0 0 0.3vw;
 padding: 8vw 0 4.2vw;
 font-size: 4.14vw;
 background-size: 85.85% auto;
}
#warranty .inner h3 span{
 padding: 0 0 1.75vw;
 font-size: 1.47vw;
}
#warranty .inner .warrBox{
 width: 99%;
}
#warranty .inner .warrBox li{
 padding: 3.7vw 0 3.5vw;
}
#warranty .inner .warrBox li .no{
 font-size: 3.1vw;
 top: -1.5vw;
}
#warranty .inner .warrBox li h4{
 padding: 0 0 1.3vw;
 font-size: 1.82vw;
}
#warranty .inner .warrBox li img{
 width: 51.4%;
}
#warranty .inner .warrBox li p{
 padding: 1.3vw 0 0;
 width: 82.8%;
 font-size: 1.21vw;
 line-height: 230%;
}

#business{
 padding: 5.1vw 0 11.8vw;
 background-position: center top -4.4vw;
 background-size: 85.4% auto;
}
#business .inner{
 width: 94.8%;
}
#business .inner h3{
 padding: 7.8vw 0 0;
 font-size: 3.62vw;
 line-height: 173%;
 background-size: 44% auto;
}
#business .inner h3 span{
 padding: 0 0 0.9vw;
 font-size: 1.4vw;
}
#business .inner p{
 padding: 2.2vw 0 3.4vw;
 font-size: 1.21vw;
 line-height: 230%;
}
#business .inner img{
 width: 98.1%;
}

#other{
 padding: 6.4vw 0 6.8vw;
 height: 36vw;
}
#other .inner{
 width: 94.8%;
}
#other .inner .box{
 padding: 2.6vw 0 2.7vw;
 width: 49%;
}
#other .inner .box img{
 width: 59.2%;
}
#other .inner .box p{
 padding: 1.46vw 0 0.4vw;
 width: 85.2%;
 font-size: 1.21vw;
 line-height: 230%;
}
#other .inner .box .link{
 margin: 0 7% 0 auto;
}
#other .inner .box .link a{
 padding: 0.4vw 4% 0.5vw 0;
 font-size: 1.21vw;
 background-position: right 1px top 0.6vw;
 background-size: 1vw auto;
}

#quality{
 padding: 9.2vw 0 6.8vw;
 background-size: 48% auto;
}
#quality .inner{
 width: 94.8%;
}
#quality .inner h3{
 padding: 1.7vw 0 0;
 font-size: 4.14vw;
 line-height: 153%;
 background-size: 37.3% auto;
}
#quality .inner h3 span{
 padding: 0 0 1.45vw;
 font-size: 1.47vw;
}
#quality .inner p{
 padding: 3vw 0 3vw;
 font-size: 1.21vw;
 line-height: 230%;
}
#quality .inner .qBox{
 margin: 0 0 3.5vw;
}
#quality .inner .qBox li{
 padding: 0 0 1.7vw;
}
#quality .inner .qBox li .photo span{
 font-size: 1.04vw;
 left: 0.6vw;
 bottom: 0.9vw;
}
#quality .inner .qBox li h4{
 height: 11.4vw;
}
#quality .inner .qBox li h4 div{
 font-size: 1.81vw;
 line-height: 200%;
}
#quality .inner .qBox li h4 div span{
 font-size: 1.38vw;
}
#quality .inner .qBox li p{
 font-size: 1.21vw;
 line-height: 230%;
}
#quality .inner .ba{
 padding: 4.8vw 3.6% 5.7vw;
}
#quality .inner .ba h5{
 padding: 0 0 32px 2.5%;
 font-size: 24px;
 line-height: 100%;
 text-align: left;
 color: #fff;
 letter-spacing: 0.08vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/dot.svg);
 background-position: left top 0.8vw;
 background-size: 0.8vw auto;
}
#quality .inner .ba .baL{
 width: 48.6%;
}
#quality .inner .ba .baL div{
 width: 37%;
 position: relative;
}
#quality .inner .ba .baL div:last-child{
 width: 62%;
}
#quality .inner .ba .baL div span{
 padding: 0.3vw 0 0.3vw;
 font-size: 1.1vw;
 top: 0.5vw;
 right: 0.6vw;
}
#quality .inner .ba .baL div span.before{
 width: 34.6%;
}
#quality .inner .ba .baL div span.after{
 width: 18.4%;
}

#contact{
 padding: 6.5vw 0 0;
 height: 25.9vw;
}
#contact h3{
 padding: 0 0 2.2vw;
 font-size: 3.62vw;
}
#contact h3 span{
 padding: 0 0 2.6vw;
 font-size: 1.53vw;
}
#contact .bt{
 width: 30.2%;
}


}


@media screen and (max-width: 950px) {
body{
 padding: 8.4vw 0 6.1vw;
}
#fixed{
 height: 6.2vw;
}
#fixed .fTxt{
 width: 37.6%;
 font-size: 2.22vw;
 background-position: right 6.4% center;
 background-size: 5.3vw auto;
}
#fixed .bt{
 width: 21.1%;
 height: 6.2vw;
}
#fixed .bt a {
 font-size: 1.55vw;
 padding: 0.85vw 0 1.05vw 0;
}
#fixed .bt a span {
 padding: 0 0 0 10%;
 background-position: left 21.5% top 0.6vw;
 background-size: 1.7vw auto;
}


}

@media screen and (max-width: 767px){
/* SP */
body{
 padding: 14.5vw 0 21vw;
}
.pcOnly {
		display: none;
}
.spOnly {
		display: block;
}
/* ナビゲーション
--------------------------------------------*/
.Toggle {
 margin: auto;
 padding: 0;
 display: block;
 position: fixed;
 right: 3.1%;
 top: 2.5vw;
 width: 9vw;
 height: 9vw;
 z-index: 200;
 cursor: pointer;
 overflow: hidden;
}
.Toggle span {
    position: absolute;
    width: 7vw;
    border-bottom: solid 2px #021855;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 3vw;
}
.Toggle span:nth-child(1) {
    top: 2.2vw;
    left: 1vw;
}
.Toggle span:nth-child(2) {
    top: 4.5vw;
    left: 1vw;
}
.Toggle span:nth-child(3) {
    top: 6.8vw;
    left: 1vw;
}
.Toggle.active span:nth-child(1) {
    top: 4.5vw;
    left: 1vw;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
    top: 4.5vw;
    left: 1vw;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.spMenu{
 padding: 0 0 10vw;
 width: 100%;
 height: auto;
 display: block;
 background-color: #DEE4E8;
 position: fixed;
 left: 0;
 top: 0;
 transition: .5s ease-in;
 z-index: -1;
 overflow: hidden;
 opacity: 0;
}
.spMenu.active{
 z-index: 65;
 opacity: 1;
}
.spMenu ul{
float: none;
margin: 0 auto;
padding: 17vw 0 2vw;
width: 87.6%;
}
.spMenu li{
 margin: 0;
 padding: 0;
 width: 100%;
 display: block;
 position: relative;
 border-bottom: 1px solid #0075B9;
}
.spMenu li a{
 padding: 5.5vw 0 5.3vw;
 width: 100%;
 font-size: 3.8vw;
 line-height: 100%;
 text-align: left;
 font-weight: 400;
 color: #021855;
 text-decoration: none;
 transition: .3s;
 cursor: pointer;
 display: block;
 background-image: url(../images/spMenu.svg);
 background-position: right 1% center;
 background-size: 3vw auto;
 background-repeat: no-repeat;
}
.spMenu li a:hover{
opacity:0.5;
filter: alpha(opacity=50);
}
.spMenu .spBt{
 margin: 0 auto;
 width: 51.2%;
}
.spMenu .spBt a {
 width: 100%;
 font-size: 3.6vw;
 line-height: 100%;
 font-weight: 400;
 padding: 2.1vw 0 2.1vw 10%;
 position: relative;
z-index: 0;
 top: 0.8rem;
 border-radius: 6vw;
 color: #021855;
 border: 1px solid #021855;
 display: block;
 overflow: hidden;
 text-align: center;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.spMenu .spBt a span {
position: relative;
z-index: 3;
padding: 0;
width: 100%;
background-image: url(../images/mail.svg);
background-position: left 12% top 1.2vw;
background-size: 4.2vw auto;
background-repeat: no-repeat;
letter-spacing: 0.01vw;
display: block;
transition: .3s;
}
.spMenu .spBt a:hover{
opacity: 1;
}
.spMenu .spBt a:before {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0;
 transition: 0.5s;
 background: #AA881A;
 background: linear-gradient(90deg, #E6D16B 0%, #AA881A 100%);
}
.spMenu .spBt a:after {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: -2;
 top: 0;
 left: 0;
 background: #E6D16B;
 background: linear-gradient(90deg, #AA881A 0%, #E6D16B 100%);
}
.spMenu .spBt a:hover:before {
  opacity: 0;
}

main{
 width: 100%;
 height: auto;
 background-image: none;
 position: relative;
}
main .inner{
 margin: 0 auto;
 width: 91.8%;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 z-index: 2;
 text-align: center;
}
main .bg{
 width: 100%;
 height: auto;
 position: relative;
}
main .inner h2{
 padding: 8vw 0 5vw;
 font-size: 9.5vw;
 line-height: 150%;
 text-align: left;
 color: #fff;
 letter-spacing: 0.2vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 position: relative;
}
main .inner h2 span{
 font-size: 11.5vw;
}
main .inner h2::after{
 display: none;
}
main .inner img{
 margin: 0 auto;
 width: 97%;
 height: auto;
 position: static;
 top: auto;
 right: auto;
}
main .inner .txt{
 padding: 3.5vw 0 3vw;
 width: 100%;
 font-size: 3.6vw;
 line-height: 220%;
 text-align: left;
 color: #fff;
 font-weight: 400;
 letter-spacing: 0.35vw;
}
main .inner .bt{
 margin: 0 auto;
 width: 70.3%;
}
.bt a {
 width: 100%;
 font-size: 3.6vw;
 line-height: 100%;
 font-weight: 400;
 background: linear-gradient(90deg, #E6D16B 0%, #AA881A 100%);
 padding: 2vw 0 2.3vw 12%;
 position: relative;
 z-index: 0;
 top: 0.8rem;
 border-radius: 6vw;
 color: #021855;
 border: 1px solid #021855;
 display: block;
 overflow: hidden;
 text-align: center;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.bt a span {
 position: relative;
 z-index: 3;
 padding: 0;
 width: 100%;
 background-image: url(../images/mail.svg);
 background-position: left 20% top 1.2vw;
 background-size: 4.4vw auto;
 background-repeat: no-repeat;
 letter-spacing: 0.01vw;
 display: block;
 transition: .3s;
}
.bt a:hover{
opacity: 1;
}
#fixed .bt a:before {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0;
 transition: 0.4s ease-in-out;
 background: #AA881A;
 background: linear-gradient(90deg, #E6D16B 0%, #AA881A 100%);
}
#fixed .bt a:after {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: -2;
 top: 0;
 left: 0;
 background: #E6D16B;
 background: linear-gradient(90deg, #AA881A 0%, #E6D16B 100%);
}
#fixed .bt a:hover:before {
  opacity: 0;
}

#invest{
 padding: 12vw 0 12vw;
 width: 100%;
 background-image: url(../images/invBgSp.jpg);
 background-position: left top;
 background-size: 100% auto;
 background-repeat: no-repeat;
}
#invest .inner{
 margin: 0 auto;
 width: 91.8%;
 position: relative;
}
#invest .inner h3{
 margin: 0;
 padding: 6.5vw 0 0;
 font-size: 8.2vw;
 line-height: 100%;
 text-align: left;
 color: #fff;
 letter-spacing: 0.3vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/invH3.svg);
 background-position: right top;
 background-size: 96.6% auto;
 background-repeat: no-repeat;
}
#invest .inner h3 span{
 padding: 0 0 5vw;
 font-size: 3.5vw;
 line-height: 0%;
 text-align: left;
 color: #E0C55D;
 display: block;
font-family: "Bodoni Moda", serif;
font-optical-sizing: auto;
font-weight: 400;
}
#invest .inner .invBox{
 width: 100%;
}
#invest .inner .invBox img{
 float: none;
 margin: 11vw auto 7vw;
 width: 99%;
 height: auto;
}
#invest .inner .invBox .invBoxR{
 float: none;
 width: 100%;
}
#invest .inner .invBox .invBoxR .invB{
 margin: 0 0 5vw;
 padding: 5.2vw 0 5vw 6.8%;
 width: 100%;
 background: rgba(222,228,232,0.2);
 border-radius: 10px;
 -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#invest .inner .invBox .invBoxR .invB:last-child{
 margin: 0;
}
#invest .inner .invBox .invBoxR .invB h4{
 padding: 0 0 0 5%;
 font-size: 5.5vw;
 line-height: 150%;
 text-align: left;
 color: #fff;
 letter-spacing: 0.08vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/dot.svg);
 background-position: left top 3.4vw;
 background-size: 2vw auto;
 background-repeat: no-repeat;
}
#invest .inner .invBox .invBoxR .invB p{
 margin: 0;
 padding: 3vw 0 0;
 width: 92%;
 font-size: 3.6vw;
 line-height: 220%;
 text-align: left;
 color: #fff;
 font-weight: 400;
 letter-spacing: 0.4vw;
}

#warranty{
 padding: 6vw 0 26vw;
 width: 100%;
 background-image: url(../images/warrBgSp.jpg),url(../images/warrBgSp2.jpg);
 background-position: left top,center bottom -1px;
 background-size: 100% auto,100% auto;
 background-repeat: no-repeat,no-repeat;
}
#warranty .inner{
 margin: 0 auto;
 width: 91.8%;
 text-align: center;
 position: relative;
}
#warranty .inner h3{
 margin: 0 0 12vw;
 padding: 7vw 0 0;
 font-size: 8.2vw;
 line-height: 100%;
 text-align: left;
 color: #fff;
 letter-spacing: 0.3vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/warrH3.svg);
 background-position: right top;
 background-size: 85.5% auto;
 background-repeat: no-repeat;
}
#warranty .inner h3 span{
 padding: 0 0 5vw;
 font-size: 3.5vw;
 line-height: 0%;
 text-align: left;
 color: #E0C55D;
 display: block;
 font-family: "Bodoni Moda", serif;
 font-optical-sizing: auto;
 font-weight: 400;
}
#warranty .inner .warrBox{
 margin: 0 auto;
 width: 100%;
}
#warranty .inner .warrBox li{
 float: none;
 margin: 0 0 8vw;
 padding: 9vw 0 6vw;
 width: 100%;
 text-align: center;
 background: rgba(222,228,232,0.2);
 border-radius: 10px;
 -webkit-backdrop-filter: blur(10px);
 backdrop-filter: blur(10px);
 position: relative;
}
#warranty .inner .warrBox li:last-child{
 margin: 0;
}
#warranty .inner .warrBox li .no{
 margin: auto;
 font-size: 6.5vw;
 line-height: 100%;
 text-align: center;
 color: #E0C55D;
 font-family: "Bodoni Moda", serif;
 font-optical-sizing: auto;
 font-weight: 400;
 position: absolute;
 top: -3.2vw;
 left: 0;
 right: 0;
}
#warranty .inner .warrBox li h4{
 padding: 0 0 4vw;
 font-size: 5.6vw;
 line-height: 100%;
 text-align: center;
 color: #fff;
 letter-spacing: 0.05vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
}
#warranty .inner .warrBox li img{
 margin: 0 auto;
 width: 40%;
 height: auto;
}
#warranty .inner .warrBox li p{
 margin: 0 auto;
 padding: 2vw 0 0;
 width: 85%;
 font-size: 3.8vw;
 line-height: 220%;
 text-align: left;
 color: #fff;
 font-weight: 400;
}

#business{
 padding: 15vw 0 18vw;
 width: 100%;
 background-color: #DEE4E8;
 background-image: url(../images/busiBg.png);
 background-position: center top 40vw;
 background-size: 125% auto;
 background-repeat: no-repeat;
}
#business .inner{
 margin: 0 auto;
 width: 91.8%;
 text-align: center;
 position: relative;
}
#business .inner h3{
 margin: 0;
 padding: 6.5vw 0 0;
 font-size: 8vw;
 line-height: 150%;
 text-align: center;
 color: #021855;
 letter-spacing: 0.1vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/busiH3.svg);
 background-position: center top;
 background-size: 43.5% auto;
 background-repeat: no-repeat;
}
#business .inner h3 span{
 padding: 0 0 3vw;
 font-size: 3.5vw;
 line-height: 0%;
 text-align: center;
 color: #0075B9;
 display: block;
 font-family: "Bodoni Moda", serif;
 font-optical-sizing: auto;
 font-weight: 400;
}
#business .inner p{
 margin: 0 auto;
 padding: 7vw 0 4vw;
 width: 98%;
 font-size: 3.8vw;
 line-height: 220%;
 text-align: left;
 font-weight: 400;
 letter-spacing: 0.2vw;
}
#business .inner img{
 margin: 0 auto;
 width: 100%;
 height: auto;
}

#other{
 padding: 11vw 0 14vw;
 width: 100%;
 height: auto;
 background-image: url(../images/otherSp.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}
#other .inner{
 margin: 0 auto;
 width: 91.8%;
}
#other .inner .box{
 float: none;
 margin: 0 0 5vw;
 padding: 7vw 0 6.5vw;
 width: 100%;
 text-align: center;
 border-radius: 10px;
 background-color: #fff;
}
#other .inner .box:last-child{
 float: none;
 margin: 0;
}
#other .inner .box img{
 margin: 0 auto;
 width: 80%;
 height: auto;
}
#other .inner .box p{
 margin: 0 auto;
 padding: 3.5vw 0 1vw;
 width: 85%;
 font-size: 3.8vw;
 line-height: 220%;
 text-align: left;
 font-weight: 400;
}
#other .inner .box .link{
 margin: 0 auto;
 width: 84%;
 text-align: right;
}
#other .inner .box .link a{
 padding: 1vw 7% 1.5vw 0;
 width: auto;
 font-size: 3.3vw;
 line-height: 100%;
 text-align: left;
 font-weight: 400;
 display: inline-block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
 background-image: url(../images/link.svg);
 background-position: right 1px top 1.4vw;
 background-size: 3vw auto;
 background-repeat: no-repeat;
}
#other .inner .box .link a::after{
	position: absolute;
	bottom: 0;
	right: 0%;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #0075B9;
	transition: .3s;
}
#other .inner .box .link a:hover{
 opacity:0.5;
}
#other .inner .box .link a:hover::after {
	width: 0%;
 opacity:1;
}

#quality{
 padding: 13vw 0 20vw;
 width: 100%;
 background-image: url(../images/qualityBgSp.jpg);
 background-position: right top;
 background-size: 100% auto;
 background-repeat: no-repeat;
}
#quality .inner{
 margin: 0 auto;
 width: 91.8%;
 text-align: center;
}
#quality .inner h3{
 margin: 0 auto;
 padding: 18vw 0 0;
 width: 98%;
 font-size: 8.4vw;
 line-height: 140%;
 text-align: left;
 color: #fff;
 letter-spacing: 0.1vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/qualityH3.svg);
 background-position: right top;
 background-size: 38% auto;
 background-repeat: no-repeat;
}
#quality .inner h3 span{
 padding: 0 0 3vw;
 font-size: 3.5vw;
 line-height: 0%;
 text-align: left;
 color: #E0C55D;
 display: block;
 font-family: "Bodoni Moda", serif;
 font-optical-sizing: auto;
 font-weight: 400;
}
#quality .inner p{
 margin: 0 auto;
 padding: 7vw 0 9vw;
 width: 98%;
 font-size: 3.8vw;
 line-height: 220%;
 text-align: left;
 font-weight: 400;
 color: #fff;
 letter-spacing: 0.2vw;
}
#quality .inner .qBox{
 margin: 0 auto 8vw;
 width: 98%;
}
#quality .inner .qBox li{
 float: none;
 margin: 0 0 7vw;
 padding: 0 0 8vw;
 width: 100%;
 border-bottom: 1px solid #E0C55D;
}
#quality .inner .qBox li:last-child{
 margin: 0;
}
#quality .inner .qBox li .photo{
 width: 100%;
 position: relative;
}
#quality .inner .qBox li .photo img{
 width: 100%;
 height: auto;
 position: relative;
}
#quality .inner .qBox li .photo span{
 font-size: 3vw;
 line-height: 100%;
 text-align: left;
 color: #fff;
 position: absolute;
 left: 2.8vw;
 bottom: 2.5vw;
	text-shadow: 0px 0px 4px rgba(0, 0, 0,1);
}
#quality .inner .qBox li h4{
 padding: 6.4vw 0 6vw;
 height: auto;
 display: flex;
 justify-content: center;
 align-items: center;
}
#quality .inner .qBox li h4 div{
 font-size: 5.8vw;
 line-height: 190%;
 text-align: center;
 color: #fff;
 letter-spacing: 0.1vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
}
#quality .inner .qBox li h4 div span{
 font-size: 4.2vw;
 display: block;
}
#quality .inner .qBox li p{
 margin: 0;
 padding: 0;
 width: 100%;
 font-size: 3.8vw;
 line-height: 220%;
 text-align: left;
 font-weight: 400;
 color: #fff;
 letter-spacing: 0.25vw;
}
#quality .inner .ba{
 padding: 8.2vw 6.5% 6vw;
 width: 100%;
 text-align: center;
 background: rgba(222,228,232,0.2);
 border-radius: 10px;
 -webkit-backdrop-filter: blur(10px);
 backdrop-filter: blur(10px);
 position: relative;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#quality .inner .ba h5{
 padding: 0 0 1.5vw 5%;
 font-size: 6vw;
 line-height: 100%;
 text-align: left;
 color: #fff;
 letter-spacing: 0.08vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/dot.svg);
 background-position: left top 2.5vw;
 background-size: 2vw auto;
 background-repeat: no-repeat;
}
#quality .inner .ba .baL{
 float: none;
 padding: 9vw 0 0;
 width: 100%;
 display: flex;
 align-items: flex-end;
 flex-wrap: wrap;
 justify-content: space-between;
}
#quality .inner .ba .baL.baR{
 float: none;
}
#quality .inner .ba .baL div{
 margin: 0 0 1.3vw;
 width: 67%;
 position: relative;
}
#quality .inner .ba .baL div:last-child{
 width: 100%;
}
#quality .inner .ba .baL div img{
 width: 100%;
 height: auto;
 position: relative;
}
#quality .inner .ba .baL div span{
 padding: 1vw 0 1vw;
 font-size: 3vw;
 line-height: 100%;
 text-align: center;
 font-family: "Bodoni Moda", serif;
 font-optical-sizing: auto;
 font-weight: 400;
 position: absolute;
 top: 1.5vw;
 right: 1.5vw;
 z-index: 2;
}
#quality .inner .ba .baL div span.before{
 width: 29.4%;
 color: #fff;
 background-color: #0075B9;
}
#quality .inner .ba .baL div span.after{
 width: 20%;
 background-color: #E0C55D;
}

#contact{
 padding: 10vw 0 10vw;
 width: 100%;
 text-align: center;
 background-image: url(../images/contactBgSp.jpg);
 background-position: center top;
 background-size: cover;
 background-repeat: no-repeat;
 height: auto;
}
#contact h3{
 margin: 0;
 padding: 0 0 4vw;
 font-size: 8.4vw;
 line-height: 140%;
 text-align: center;
 color: #fff;
 letter-spacing: 0.1vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
}
#contact h3 span{
 padding: 0 0 5vw;
 font-size: 3.5vw;
 line-height: 0%;
 text-align: center;
 color: #E0C55D;
 display: block;
 font-family: "Bodoni Moda", serif;
 font-optical-sizing: auto;
 font-weight: 400;
}
#contact .bt{
 margin: 0 auto;
 width: 58.5%;
}
#contact .bt a {
 padding: 2vw 0 2.3vw 12%;
}
#contact .bt a span {
 background-position: left 17% top 1.2vw;
}


#fixed{
 padding: 3vw 0 5vw;
 width: 100%;
 height: auto;
 text-align: center;
 background: linear-gradient(90deg, #32A3DE 0%, #182A78 100%);
 position: fixed;
 left: 0;
 bottom: 0;
 z-index: 10;
 display: block;
 justify-content: center;
 align-items: center;
}
#fixed .fTxt{
 margin: 0 auto;
 width: 55%;
 font-size: 3.6vw;
 line-height: 100%;
 text-align: left;
 color: #fff;
 letter-spacing: 0.1vw;
 font-family: "Zen Old Mincho", serif;
 font-weight: 700;
 background-image: url(../images/arrow.svg);
 background-position: right center;
 background-size: 7.8vw auto;
 background-repeat: no-repeat;
}
#fixed .bt{
 margin: 0 auto;
 width: 91.8%;
 height: auto;
}
#fixed .bt a {
 width: 100%;
 font-size: 3.6vw;
 line-height: 100%;
 font-weight: 400;
 background: linear-gradient(90deg, #E6D16B 0%, #AA881A 100%);
 padding: 1.8vw 0 2.1vw;
 position: relative;
 z-index: 0;
 top: 0.8rem;
 border-radius: 10vw;
 color: #021855;
 border: 1px solid #021855;
 display: block;
 overflow: hidden;
 text-align: center;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#fixed .bt a span {
 margin: 0 auto;
 position: relative;
 z-index: 3;
 padding: 0 0 0 10%;
 width: 36%;
 text-align: left;
 background-image: url(../images/mail.svg);
 background-position: left 6% top 1.2vw;
 background-size: 4.4vw auto;
 background-repeat: no-repeat;
 letter-spacing: 0.01vw;
 display: block;
 transition: .3s;
}
#fixed .bt a:hover{
opacity: 1;
}
#fixed .bt a:before {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0;
 transition: 0.4s ease-in-out;
 background: #AA881A;
 background: linear-gradient(90deg, #E6D16B 0%, #AA881A 100%);
}
#fixed .bt a:after {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: -2;
 top: 0;
 left: 0;
 background: #E6D16B;
 background: linear-gradient(90deg, #AA881A 0%, #E6D16B 100%);
}
#fixed .bt a:hover:before {
  opacity: 0;
}




}



@media screen and (max-width: 763px) and (orientation: landscape) {
   /* 横向きの場合のスタイル */


}




/*--------------------inview-------------------*/
.js-invew-up {
	overflow: hidden;
	display: inline-block;
	padding-bottom: 1rem;
}
.js-invew-up.overflowhidden {
	transform: translateY(120%);
	transition: 0.4s ease;
	line-height: 1;
	display: inline-block;
}
.js-invew-up.is-inview.overflowhidden {
	transform: translateY(0%);
}
.js-inview-fade {
	opacity: 0;
	transition: .4s ease;
}
.js-inview-fade.is-inview {
	opacity: 1;
}

/* 時間差フェードインアニメーション */
/* 1秒間かけてフェードイン */
.fadeIn1s {
	animation-name: fadeIn1s;
	animation-delay: 1s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	transform: translateY(0);
	opacity: 0;
}
@keyframes fadeIn1s {
	0% {
	}
	100% {
					transform: translateY(0);
					opacity: 1;
	}
}
/* 1.5秒間かけてフェードイン */
.fadeIn1500ms {
	animation-name: fadeIn1500ms;
	animation-delay: 1.5s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	transform: translateY(0);
	opacity: 0;
}
@keyframes fadeIn1500ms {
	0% {
	}
	100% {
					transform: translateY(0);
					opacity: 1;
	}
}
/* 2秒間かけてフェードイン */
.fadeIn2s {
	animation-name: fadeIn2s;
	animation-delay: 2s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	transform: translateY(0);
	opacity: 0;
}
@keyframes fadeIn2s {
	0% {
	}
	100% {
					transform: translateY(0);
					opacity: 1;
	}
}
/* 2.5秒間かけてフェードイン */
.fadeIn2500ms {
	animation-name: fadeIn2500ms;
	animation-delay: 2.5s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	transform: translateY(0);
	opacity: 0;
}
@keyframes fadeIn2500ms {
	0% {
	}
	100% {
					transform: translateY(0);
					opacity: 1;
	}
}
/* 3秒間かけてフェードイン */
.fadeIn3s {
	animation-name: fadeIn3s;
	animation-delay: 3s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	transform: translateY(0);
	opacity: 0;
}
@keyframes fadeIn3s {
	0% {
	}
	100% {
					transform: translateY(0);
					opacity: 1;
	}
}
/* 4秒間かけてフェードイン */
.fadeIn4s {
	animation-name: fadeIn3s;
	animation-delay: 4s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	transform: translateY(0);
	opacity: 0;
}
@keyframes fadeIn4s {
	0% {
	}
	100% {
					transform: translateY(0);
					opacity: 1;
	}
}

/* other
---------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */