@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Roboto:wght@500&display=swap');
* {
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: 'Noto Sans JP', "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	font-weight: 400;
	font-size: 15px;
	text-align: left;
	line-height: 140%;
	color: #000;
	letter-spacing: 2px;
	/*font-feature-settings: "palt";*/
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.roboto{
	font-family: 'Roboto', sans-serif;
}

html{ height:100%; }
body{ height:100%; } 
p, ul, li, dl, dd, dt, th, td{
	font-size:12px;
}
textarea,input {
	padding:2px;
}
img {
	border: 0px;
	vertical-align: bottom;
}
ul {
	list-style-type: none;
	padding:0;
	margin:0;
}
li {
	list-style-position: outside;
     	line-height:170%;
}
form {
	margin:0;
	padding:0;
}
div{
	display:block;
}
object,
embed {
	vertical-align: top;
}

a:link ,
a:visited { 
	color:#1f4b91;
	text-decoration: none;
	transition: .3s;
}
a:active ,
a:hover {
 opacity:0.5;
	text-decoration: none;	
}

div#wrap {
	width:100%;
	background-size: cover;
	margin: 0 auto 0 auto;
	text-align:center;
	padding:0px 0px 0px 0px;
	zoom: 1;
}
body > div#wrap{     height:auto; }


/* PC */
.spOnly {
		display: none;
}
div#wrap {
	padding: 0;
}
/* メイン 
---------------------------------------------------------*/
h1{
 width: 285px;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 100;
 background-color: #fff;
 border-bottom-right-radius: 20px;
}
h1 a{
 padding: 20px 0;
 width: 100%;
 display: block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
h1 img{
 margin: 0 auto;
 width: 237px;
 height: auto;
}
#main{
 width: 100%;
 height: auto;
}
#main .mainC{
 width: 100%;
 position: relative;
}
#main .mainC .cover{
 width: 100%;
 height: auto;
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: 2;
 pointer-events: none;
}
#main ul.slide{
 width: 100%;
 display: block;
 position: relative;
 opacity: 0;
 transition: opacity .3s linear;
}
#main ul.slide.slick-initialized{
  opacity: 1;
}
#main ul.slide > li:not(:first-child){
  display: none;
}
#main ul.slide li{
 margin: 0;
 padding: 0;
 width: 100%;
 height: auto;
 display: block;
 position: relative;
 font-feature-settings: "palt";
}
#main ul.slide li .txt1{
 font-size: 3.08vw;
 line-height: 176%;
 text-align: left;
 font-weight: 400;
 color: #fff;
 text-shadow: 0px 4px 4px rgba(0,0,0,0.25),
              0px 4px 4px rgba(0,0,0,0.25),
              0px 4px 20px rgba(0,0,0,0.25),
              0px 4px 20px rgba(0,0,0,0.25);
 position: absolute;
 top: 13.6vw;
 left: 7%;
}
#main ul.slide li .txt1 strong{
 font-size: 4.76vw;
 font-weight: 700;
 text-shadow: 0px 4px 4px rgba(0,0,0,0.25),
              0px 4px 20px rgba(0,0,0,0.25);
}
#main ul.slide li .txt1 span{
 font-size: 4.3vw;
 text-shadow: 0px 4px 4px rgba(0,0,0,0.25),
              0px 4px 20px rgba(0,0,0,0.25);
}
#main ul.slide li .txt1_2{
 width: 32.3%;
 height: auto;
 position: absolute;
 top: 28vw;
 left: 7.4%;
}
#main ul.slide li .txt2{
 margin: auto;
 padding: 0 0 0.6vw;
 width: 23%;
 font-size: 2.4vw;
 line-height: 106%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
 border-bottom: 0.24vw solid #D70056;
 position: absolute;
 top: 7.4vw;
 left: 0;
 right: 0;
}
#main ul.slide li .txt2_2{
 margin: auto;
 width: 52%;
 height: auto;
 position: absolute;
 top: 13vw;
 left: 0;
 right: 0;
}
#main ul.slide li .txt3{
 padding: 0 0 2.2vw;
 width: 40%;
 font-size: 2.96vw;
 line-height: 180%;
 text-align: left;
 font-weight: 700;
 color: #fff;
 border-bottom: 0.24vw solid #fff;
 text-shadow: 0px 4px 4px rgba(0,0,0,0.25),
              0px 6px 8px rgba(0,0,0,0.25),
              0px 8px 10px rgba(0,0,0,0.25);
 position: absolute;
 top: 9.4vw;
 left: 7%;
 white-space: nowrap;
}
#main ul.slide li .txt3 strong{
 font-size: 4vw;
 line-height: 140%;
 letter-spacing: 0.3vw;
}
#main ul.slide li .txt3 strong span{
 color: #FFD900;
}
#main ul.slide li .txt3 strong strong{
 text-indent: 0.6vw;
 letter-spacing: 0.4vw;
 display: inline-block;
}
#main ul.slide li .txt3_2{
 width: 40%;
 font-size: 1.85vw;
 line-height: 150%;
 text-align: left;
 font-weight: 700;
 color: #fff;
 position: absolute;
 top: 31vw;
 left: 7%;
 text-shadow: 0px 4px 4px rgba(0,0,0,0.25),
              0px 6px 8px rgba(0,0,0,0.25),
              0px 8px 10px rgba(0,0,0,0.25);
}
#main ul.slide li .txt3_3{
 width: 40%;
 position: absolute;
 top: 37.6vw;
 left: 7%;
}
#main ul.slide li .txt3_3 div{
 float: left;
 margin: 0 1.7% 0 0;
 padding: 0.46vw 0.8vw 0.54vw;
 width: 14.5%;
 font-size: 1.4vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
 letter-spacing: -0;
 border: 0.14vw solid #D70056;
 display: inline-block;
 background-color: #fff;
}
#main ul.slide li .txt3_3 div:last-child{
 margin: 0;
}
#main ul.slide li .txt4{
 padding: 0 0 2.2vw;
 width: 39%;
 font-size: 3vw;
 line-height: 185%;
 text-align: left;
 font-weight: 700;
 color: #fff;
 border-bottom: 0.14vw solid #fff;
 text-shadow: 0px 4px 4px rgba(0,0,0,0.25),
              0px 6px 8px rgba(0,0,0,0.25),
              0px 8px 10px rgba(0,0,0,0.25);
 position: absolute;
 top: 12.6vw;
 left: 7%;
 white-space: nowrap;
}
#main ul.slide li .txt4 strong{
 font-size: 3.5vw;
 line-height: 145%;
 letter-spacing: 0.52vw;
}
#main ul.slide li .txt4 strong span{
 color: #FFD900;
 letter-spacing: 0.55vw;
}
#main ul.slide li .txt4_2{
 width: 40%;
 font-size: 1.85vw;
 line-height: 150%;
 text-align: left;
 font-weight: 700;
 color: #fff;
 letter-spacing: 0.05vw;
 position: absolute;
 top: 34vw;
 left: 7%;
 text-shadow: 0px 4px 4px rgba(0,0,0,0.25),
              0px 6px 8px rgba(0,0,0,0.25),
              0px 8px 10px rgba(0,0,0,0.25);
}
#main ul.slide li picture.spOnly{
 display: none;
}
#main ul.slide li picture.pcOnly img{
 margin: 0;
 padding: 0;
 width: 100%;
 height: auto;
 display: block;
}
#main ul.slide .slick-dotted.slick-slider{
 margin-bottom: 0;
}
#main ul.slide .slick-dots{
 margin: auto;
 padding: 0;
 width: 8px;
 height: auto;
 display: flex !important;
 flex-direction: column !important;
 justify-content: center;
 align-items: center !important;
 vertical-align: middle !important;
 list-style: none;
 text-align: center !important;
 position: absolute;
 top: 0;
 bottom: 0;
 right: 10px;
 z-index: 3;
}
#main ul.slide .slick-dots li{
 position: relative;
 vertical-align: middle;
 display: block !important;
 margin: 0.6vw 0 !important;
 padding: 0;
 cursor: pointer;
 background-color: transparent;
}
#main ul.slide .slick-dots li button{
 font-size: 0;
 line-height: 0;
 display: block;
 padding: 0;
 cursor: pointer;
 color: transparent;
 border: 0;
 outline: none;
 background: transparent;
}
#main ul.slide .slick-dots li button:hover,
#main ul.slide .slick-dots li button:focus{
 outline: none;
 background-color: #fff;
}
#main ul.slide .slick-dots li button:hover:before{
 opacity: 1;
 background-color: #d70056;
}
#main ul.slide .slick-dots li button:before{
 font-family: 'slick';
 font-size: 8px;
 line-height: 10px;
 position: absolute;
 top: 0;
 left: 0;
 content: '';
 text-align: center;
 opacity: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 background-color: #fff;
 border: 1px solid #d70056;
 transition: .3s;
}
#main ul.slide .slick-dots li button,
#main ul.slide .slick-dots li button:before{
 width: 4px;
 height: 2.5vw;
 background-color: #fff;
}
#main ul.slide .slick-dots li.slick-active button,
#main ul.slide .slick-dots li.slick-active button:before{
 height: 7vw;
}
#main ul.slide .slick-dots li.slick-active button:before{
 opacity: 1;
 background-color: #d70056 !important;
}

#manage{
 padding: 44px 0 0;
 width: 100%;
}
#manage .no1{
 margin: 0 auto;
 padding: 0 0 50px;
 width: 989px;
 font-size: 13px;
 line-height: 100%;
 text-align: center;
 font-weight: 400;
 color: #000;
}
#manage .no1 img{
 width: 100%;
 height: auto;
}
#manage .no1Box{
 margin: 0 auto;
 padding: 24px 40px;
 width: 927px;
 border-radius: 8px;
 border: 1px solid #b2b2b2;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#manage .no1Box .no1L{
 float: left;
 padding: 1.5vw 0;
 width: 27.5%;
 font-size: 18px;
 line-height: 100%;
 text-align: left;
 font-weight: 700;
 color: #D70056;
}
#manage .no1Box .no1R{
 float: right;
 width: 72.5%;
 font-size: 15px;
 line-height: 185%;
 text-align: left;
 font-weight: 500;
 letter-spacing: 0.05vw;
}
#manage .mBox{
 padding: 44px 0 8.2vw;
 width: 100%;
 background-image: url(../images/manageBg.jpg);
 background-position: center bottom;
 background-size: 100% auto;
 background-repeat: no-repeat;
}
#manage .mBox .mBoxUl{
 margin: 0 auto;
 width: 882px;
}
#manage .mBox .mBoxUl li{
 float: left;
 margin: 0 1.33% 0 0;
 width: 24%;
}
#manage .mBox .mBoxUl li:nth-child(4){
 margin: 0;
}
#manage .mBox .mBoxUl li img{
 margin: 0 auto;
 width: 54.5%;
 height: auto;
}
#manage .mBox .mBoxUl li h5{
 padding: 25px 0 0;
 font-size: 20px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
}
#manage .mBox .mBoxUl li h5 span{
 font-size: 14px;
}
#manage .mBox .mBoxUl li div{
 padding: 7px 0 2px;
 font-size: 47.3px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
 font-family: 'Roboto', sans-serif;
 font-feature-settings: "palt";
 letter-spacing: -0.1vw;
}
#manage .mBox .mBoxUl li div span{
 padding: 0 0 0 2%;
 font-size: 23.3px;
 font-family: 'Noto Sans JP', "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
 display: inline-block;
 letter-spacing: 0.1vw;
}
#manage .mBox .mBoxUl li p{
 margin: 0;
 padding: 0 0 24px;
 width: 100%;
 font-size: 14px;
 line-height: 100%;
 text-align: center;
 font-weight: 400;
}
#manage .mBox .cap{
 font-size: 13px;
 line-height: 100%;
 text-align: center;
 font-weight: 400;
}

#owner{
 padding: 100px 0;
 width: 100%;
}
h2{
 margin: 0 auto 60px;
 font-size: 36px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
 vertical-align: middle;
 letter-spacing: 0.4vw;
}
h2 span{
 margin: 0 0 0 1%;
 padding: 9px 1% 13px;
 font-size: 46px;
 line-height: 100%;
 font-weight: 700;
 color: #fff;
 display: inline-block;
 background-color: #D70056;
 position: relative;
 top: 2px;
}
#owner .oBox{
 margin: 0 auto;
 padding: 0 0 90px;
 width: 1100px;
}
#owner .oBox .oBoxL{
 float: left;
 padding: 3vw 0 0;
 width: 42.7%;
 font-size: 18px;
 line-height: 215%;
 text-align: left;
 font-weight: 400;
}
#owner .oBox .oBoxR{
 float: right;
 width: 53.3%;
 font-size: 16px;
 line-height: 100%;
 text-align: center;
 font-weight: 400;
 letter-spacing: 0;
}
#owner .oBox .oBoxR img{
 margin: 0 0 16px;
 width: 100%;
 height: auto;
}
#owner .oBox .oBoxR .youtube{
 margin: 0 0 16px;
 position: relative;
 width: 100%;
 padding-top: 56.25%;
 border-radius: 10px;
 border: 2px solid #D70056;
 overflow: hidden;
}
#owner .oBox .oBoxR .youtube iframe{
 position: absolute;
 top: 0;
 right: 0;
 width: 100% !important;
 height: 100% !important;
}
#owner .worries{
 padding: 90px 0;
 width: 100%;
 background-color: #38455F;
}
#owner .worries h3{
 font-size: 36px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 letter-spacing: 0.4vw;
}
#owner .worries h3 span{
 margin: 0 1%;
 padding: 8px 5px 12px;
 font-size: 46px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #38455F;
 background-color: #D4E700;
 display: inline-block;
 position: relative;
 bottom: -0.2vw;
}
#owner .worries .wBox{
 margin: 0 auto;
 padding: 60px 0 0;
 width: 1100px;
}
#owner .worries .wBox li{
 float: left;
 margin: 0 3.05% 0 0;
 width: 31.3%;
 background-color: #273043;
}
#owner .worries .wBox li:last-child{
 margin: 0;
}
#owner .worries .wBox li img{
 width: 100%;
 height: auto;
}
#owner .worries .wBox li h5{
 padding: 26px 0 20px;
 font-size: 20px;
 line-height: 160%;
 text-align: center;
 font-weight: 400;
 color: #fff;
 letter-spacing: 0.2vw;
}
#owner .worries .wBox li h5 span{
 font-size: 24px;
 font-weight: 700;
 color: #D4E700;
 display: block;
}
#owner .worries p{
 margin: 0;
 padding: 45px 0 0;
 width: 100%;
 font-size: 18px;
 line-height: 200%;
 text-align: center;
 font-weight: 400;
 color: #fff;
 letter-spacing: 0.2vw;
}
#owner .worries p span{
 font-weight: 700;
 color: #D4E700;
}
#owner .down{
 margin: -1px auto 0;
 width: 180px;
 height: auto;
 pointer-events: none;
}
#owner h4{
 padding: 75px 0 40px;
 font-size: 28px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
 letter-spacing: 0.3vw;
}
#owner h4 span{
 margin: 20px auto;
 padding: 10px 1% 14px;
 font-size: 48px;
 line-height: 100%;
 font-weight: 700;
 color: #fff;
 display: inline-block;
 background-color: #D70056;
}
#owner .needs{
 margin: 0 auto;
 width: 1040px;
}
#owner .needs .needsL{
 float: left;
 padding: 60px 0 50px;
 width: 48%;
 border-radius: 24px;
 border: 1px solid #D70056;
}
#owner .needs .needsR{
 float: right;
}
#owner .needs .needsL img{
 margin: 0 auto;
 width: 76%;
 height: auto;
}
#owner .needs .needsL .ntxt{
 padding: 55px 0 46px;
 font-size: 18px;
 line-height: 165%;
 font-weight: 400;
 background-image: url(../images/needsA.svg);
 background-position: center bottom 5px;
 background-size: 6% auto;
 background-repeat: no-repeat;
}
#owner .needs .needsR .ntxt{
 padding: 25px 0 46px;
}
#owner .needs .needsL .ntxt2{
 font-size: 24px;
 line-height: 145%;
 font-weight: 700;
 color: #D70056;
}
#owner .needs .needsL .btn{
 margin: 17px auto 0;
 width: 59.6%;
}
#owner .needs .needsL .btn a{
 padding: 13px 2% 14px 0;
 width: 100%;
 font-size: 16px;
 line-height: 110%;
 font-weight: 700;
 color: #fff;
 font-feature-settings: "palt";
 display: block;
 background-color: #D70056;
 border-radius: 80px;
 border: 1px solid #D70056;
 background-image: url(../images/needA.png);
 background-position: right 8% center;
 background-size: 14px auto;
 background-repeat: no-repeat;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#owner .needs .needsL .btn a:hover{
 color: #D70056;
 background-color: #fff;
 background-image: url(../images/needA2.png);
 opacity: 1;
}

.cta{
 padding: 140px 0;
 width: 100%;
 background-image: url(../images/cta.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}
.cta .ctaT{
 padding: 0 0 40px;
 font-size: 40px;
 line-height: 185%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 text-shadow: 0px 4px 20px rgba(0,0,0,0.85);
 letter-spacing: 0.4vw;
}
.cta .btBox{
 margin: 0 auto;
 width: 752px;
}
.cta .btBox img{
 float: left;
 width: 35.5%;
 height: auto;
}
.bt{
 float: right;
 width: 60.1%;
 border-radius: 80px;
 box-shadow: 0px 4px 20px rgba(0,0,0,0.25);
}
.bt a{
 padding: 27px 0 29px;
 width: 100%;
 font-size: 23px;
 line-height: 85%;
 text-align: center;
 font-weight: 700;
 color: #000;
 letter-spacing: 0.2vw;
 display: block;
 border-radius: 80px;
 border: 2px solid #FFD900;
 background-color: #FFD900;
 background-image: url(../images/arrow.svg);
 background-position: right 8% center;
 background-size: 27px auto;
 background-repeat: no-repeat;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.bt a:hover{
 color: #fff;
 border: 2px solid #fff;
 background-color: #D70056;
 background-position: right 4.5% center;
 background-image: url(../images/arrow2.svg);
 opacity: 1;
}

#menu{
 margin: 0 auto;
 padding: 107px 0 0;
 width: 1100px;
}
#menu h2{
 margin: 0 auto 40px;
}
#menu p{
 margin: 0;
 padding: 0 0 50px;
 width: 100%;
 font-size: 24px;
 line-height: 165%;
 text-align: center;
 font-weight: 400;
}
#menu .meBox{
 margin: 0 0 100px;
 padding: 80px 0 90px;
 width: 100%;
 border-radius: 24px;
 background-color: #FDF2F7;
}
#menu .meBox p{
 margin: 0;
 padding: 0 0 20px;
 width: 100%;
 font-size: 18px;
 line-height: 100%;
 text-align: center;
 font-weight: 400;
 letter-spacing: 0.2vw;
}
#menu .meBox .mBoxT{
 font-size: 32px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
 letter-spacing: 0.3vw;
}
#menu .meBox .mBoxT span{
 padding: 0 0 3px;
 background:linear-gradient(#FDF2F7 55%, #FFFA70 55%);
}
#menu .meBox .mind{
 margin: 0 auto;
 padding: 45px 0 95px;
 width: 84.5%;
}
#menu .meBox .mind li{
 float: left;
 margin: 0 6.5% 0 0;
 width: 29%;
}
#menu .meBox .mind li:last-child{
 margin: 0;
}
#menu .meBox .mind li .ic{
 padding: 46px 0;
 width: 100%;
 border-radius: 10px;
 background-color: #fff;
}
#menu .meBox .mind li .ic img{
 margin: 0 auto;
 width: 20%;
 height: auto;
}
#menu .meBox .mind li h5{
 padding: 25px 0 0;
 font-size: 24px;
 line-height: 140%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
}
#menu .meBox .mind li h5 span{
 font-size: 18px;
 font-weight: 400;
 display: block;
}
#menu .meBox .mind li p{
 margin: 0;
 padding: 20px 0 0;
 width: 100%;
 font-size: 18px;
 line-height: 165%;
 text-align: center;
 font-weight: 400;
 letter-spacing: 0;
}
#menu .meBox .plus{
 margin: 0 auto;
 width: 84.5%;
 height: 100px;
 border-top: 2px dotted #D70056;
 position: relative;
}
#menu .meBox .plus img{
 margin: auto;
 width: 9.3%;
 height: auto;
 position: absolute;
 left: 0;
 right: 0;
 top: -46px;
}
#menu .meBox .hm24{
 margin: 0 auto;
 padding: 0 0 46px;
 width: 81.6%;
}
#menu .meBox .hm24 img{
 float: left;
 width: 42.3%;
 height: auto;
}
#menu .meBox .hm24 .hm24R{
 float: right;
 padding: 1.4vw 0 0;
 width: 52.6%;
 font-size: 24px;
 line-height: 145%;
 text-align: left;
 font-weight: 700;
 color: #D70056;
}
#menu .meBox .figure{
 margin: 0 auto;
 padding: 0 0 70px;
 width: 84.5%;
}
#menu .meBox .figure img{
 width: 100%;
 height: auto;
 pointer-events: none;
}
#menu .meBox .miraiBox{
 margin: 0 auto;
 width: 84.5%;
 border-radius: 10px;
 border: 2px solid #043493;
 background-color: #fff;
 overflow: hidden;
}
#menu .meBox .miraiBox h3{
 padding: 25px 0;
 font-size: 24px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 background-color: #043493;
}
#menu .meBox .miraiBox p{
 margin: 0 auto;
 padding: 30px 0 35px;
 width: 86%;
 font-size: 18px;
 line-height: 185%;
 text-align: left;
 font-weight: 400;
 letter-spacing: 0.07vw;
}
#menu .meBox .miraiBox img{
 margin: 0 auto;
 width: 21.4%;
 height: auto;
}
#menu .meBox .miraiBox .mirai{
 margin: 0 auto;
 padding: 30px 0 60px;
 width: 86%;
}
#menu .meBox .miraiBox .mirai li{
 float: left;
 margin: 0 3.2% 0 0;
 padding: 20px 0 15px;
 width: 31.2%;
 border-radius: 8px;
 background-color: #F2F5FA;
}
#menu .meBox .miraiBox .mirai li:last-child{
 margin: 0;
}
#menu .meBox .miraiBox .mirai .miraiT{
 font-size: 18px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #043493;
}
#menu .meBox .miraiBox .mirai .miraiUl{
 margin: 0 auto;
 padding: 13px 0 0;
 display: inline-block;
}
#menu .meBox .miraiBox .mirai .miraiUl li{
 float: none;
 margin: 0;
 padding: 0 0 10px 18px;
 width: 100%;
 font-size: 16px;
 line-height: 100%;
 text-align: left;
 font-weight: 400;
 background-image: url(../images/square.png);
 background-position: left top 4px;
 background-size: 10px auto;
 background-repeat: no-repeat;
}
#menu #solution{
 margin-top: -60px;
 padding-top: 60px;
}
#menu .option{
 width: 100%;
}
#menu .option li{
 float: left;
 margin: 0 3.05% 0 0;
 padding: 0 0 20px;
 width: 31.3%;
 border-radius: 16px;
 background-color: #FDF2F7;
 overflow: hidden;
}
#menu .option li:last-child{
 margin: 0;
}
#menu .option li img{
 width: 100%;
 height: auto;
}
#menu .option li .optionT{
 padding: 24px 0 0;
 font-size: 20px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
}
#menu .option li p{
 margin: 0 auto;
 padding: 10px 0 0;
 width: 86%;
 font-size: 16px;
 line-height: 165%;
 text-align: center;
 font-weight: 400;
 letter-spacing: 0.05vw;
}
#menu .cap{
 margin: 0 auto;
 padding: 30px 0 100px;
 width: 100%;
 font-size: 14px;
 line-height: 100%;
 text-align: center;
 font-weight: 400;
}
#menu .solution{
 padding: 0 0 70px;
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
#menu .solution li{
 margin: 0 16px 0 0;
 width: 259px;
 height: 109px;
 border-radius: 8px;
 border: 2px solid #D70056;
 display: flex;
 flex-direction: column;
 justify-content:center;
 align-items:center;
}
#menu .solution li:nth-child(4),
#menu .solution li:last-child{
 margin: 0;
}
#menu .solution li:nth-of-type(n+5){
 margin-top: 16px;
}
#menu .solution li div{
 font-size: 20px;
 line-height: 145%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
}
#menu .meBox.meBox2{
 margin: 0 0 125px;
 padding: 60px 0;
}
#menu .meBox .inner{
 margin: 0 auto;
 width: 85.45%;
}
#menu .meBox .inner .meBox2L{
 float: left;
 padding: 45px 0 0;
 width: 47.1%;
}
#menu .meBox .inner .meBox2L h5{
 font-size: 28px;
 line-height: 145%;
 text-align: left;
 font-weight: 700;
 color: #D70056;
 letter-spacing: 0.2vw;
}
#menu .meBox .inner .meBox2L p{
 margin: 0;
 padding: 20px 0 0;
 width: 100%;
 font-size: 18px;
 line-height: 185%;
 text-align: left;
 font-weight: 400;
 letter-spacing: 0.1vw;
}
#menu .meBox .inner .meBox2L p span{
 font-weight: 700;
 color: #D70056;
}
#menu .meBox .inner img{
 float: right;
 width: 47.4%;
 height: auto;
 pointer-events: none;
}

#service{
 padding: 103px 0 115px;
 width: 100%;
 background-color: #F2F5FA;
}
#service h4{
 font-size: 28px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #043493;
}
#service .sBox{
 margin: 0 auto;
 padding: 35px 0 70px;
 width: 1100px;
}
#service .sBox li{
 margin: 0 3.64% 0 0;
 float: left;
 width: 22.27%;
}
#service .sBox li:last-child{
 margin: 0;
}
#service .sBox li img{
 width: 100%;
 height: auto;
 transition: .3s;
}
#service .sBox li h5{
 padding: 14px 0 0;
 font-size: 18px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #043493;
 transition: .3s;
}
#service .sBox li a:hover{
 opacity: 1;
}
#service .sBox li a:hover img{
 opacity: .5;
}
#service .sBox li a:hover h5{
 color: #D70056;
}
#service .soBox{
 margin: 0 auto;
 padding: 50px 0 40px;
 width: 1100px;
 border-radius: 24px;
 background-color: #fff;
}
#service .soBox .sBox2{
 margin: 0 auto;
 padding: 40px 0 0;
 width: 74.3%;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
#service .soBox .sBox2 .sB{

}
#service .soBox .sBox2 .sB h6{
 padding: 2px 40px 22px 35px;
 font-size: 18px;
 line-height: 100%;
 text-align: left;
 font-weight: 700;
 background-image: url(../images/solution.svg);
 background-position: left top;
 background-size: 24px auto;
 background-repeat: no-repeat;
 font-feature-settings: "palt";
 letter-spacing: 0.2vw;
}
#service .soBox .sBox2 .sB:last-child h6{
 padding: 2px 0 20px 35px;
}
#service p{
 margin: 0;
 padding: 70px 0 0;
 width: 100%;
 font-size: 18px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 letter-spacing: 0.1vw;
}
#service p span{
 padding: 0 0 3px;
 background:linear-gradient(#F2F5FA 55%, #FFFA70 55%);
}
#service .soT{
 padding: 28px 0 0 2%;
 font-size: 42px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #043493;
}

#first{
 padding: 105px 0 110px;
 width: 100%;
}
#first h3{
 font-size: 36px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
}
#first p{
 margin: 0;
 padding: 35px 0;
 width: 100%;
 font-size: 24px;
 line-height: 165%;
 text-align: center;
 font-weight: 400;
 letter-spacing: 0.1vw;
}
#first .step{
 margin: 0 auto;
 padding: 0 0 120px;
 width: 1100px;
}
#first .step li{
 float: left;
 margin: 0 4.26% 0 0;
 width: 21.8%;
 position: relative;
}
#first .step li:last-child{
 margin: 0;
}
#first .step li .no{
 padding: 13px 0 0;
 width: 50px;
 height: 50px;
 font-size: 24px;
 line-height: 100%;
 text-align: center;
 font-weight: 500;
 color: #fff;
 border-radius: 50%;
 background-color: #D70056;
 font-family: 'Roboto', sans-serif;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: absolute;
 top: 0;
 left: 0;
}
#first .step li img{
 width: 100%;
 height: auto;
 border-radius: 50%;
}
#first .step li .stepT{
 padding: 20px 0 0;
 font-size: 20px;
 line-height: 145%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
}
#first .step li p{
 margin: 0;
 padding: 10px 0 0;
 width: 100%;
 font-size: 14px;
 line-height: 165%;
 text-align: center;
 font-weight: 400;
 letter-spacing: 0.065vw;
}
#first .net{
 font-size: 36px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
}
#first .netBox{
 margin: 0 auto;
 padding: 20px 0 0;
 width: 1007px;
}
#first .netBox .netBoxL{
 float: left;
 width: 48.7%;
}
#first .netBox .netBoxL .L{
 float: left;
 padding: 0 6% 0 0;
 width: 46%;
 border-right: 2px dotted #000;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#first .netBox .netBoxL .R{
 float: right;
 padding: 0;
 width: 45.6%;
 border-right: none;
 text-align: center;
}
#first .netBox .netBoxL .L .netBoxT{
 font-size: 35px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
}
#first .netBox .netBoxL .L .num{
 font-size: 84px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
}
#first .netBox .netBoxL .L .num span{
 font-size: 42px;
 line-height: 100%;
 font-weight: 700;
}
#first .netBox .netBoxR{
 float: right;
 padding: 20px 0 0;
 width: 44.8%;
}
#first .netBox .netBoxR .bt{
 margin: 0;
 width: 100%;
 box-shadow: 0px 4px 20px rgba(0,0,0,0.25);
 overflow: hidden;
}


/* フッター 
---------------------------------------------------------*/
footer{
 padding: 40px 0;
 width: 100%;
 background-color: #F2F5FA;
}
footer .fNavi{
 padding: 0 0 25px;
 width: 100%;
 text-align: center;
}
footer .fNavi li{
 margin: 0 13px;
 font-size: 16px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 display: inline-block;
}
footer .fNavi li a{
 width: 100%;
 display: block;
 color: #000;
 transition: .2s;
}
footer .fNavi li a:hover{
 color: #D70056;
 opacity: 1;
}
footer .copyright{
 font-size: 13px;
 line-height: 100%;
 text-align: center;
 font-weight: 400;
}

#fixd{
 padding: 14px 0;
 width: 100%;
 background: rgba(253,242,247,0.8);
 position: fixed;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 100;
}
#fixd .inner{
 margin: 0 auto;
 width: 806px;
}
#fixd .inner P{
 float: left;
 margin: 0;
 padding: 8px 0 0;
 width: 54%;
 font-size: 24px;
 line-height: 145%;
 text-align: left;
 font-weight: 700;
 color: #D70056;
}
#fixd .inner .btF{
 float: right;
 margin: 0 auto;
 width: 44.6%;
 border-radius: 7vw;
 box-shadow: 0px 4px 20px rgba(0,0,0,0.25);
}
#fixd .inner .btF a{
 padding: 18px 0 18px;
 width: 100%;
 font-size: 18px;
 line-height: 85%;
 font-weight: 700;
 color: #000;
 letter-spacing: 0.2vw;
 border: 2px solid #FFD900;
 background-color: #FFD900;
 border-radius: 80px;
 display: block;
 background-image: url(../images/fixdApc.svg);
 background-position: right 5% center;
 background-size: 27px auto;
 background-repeat: no-repeat;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 touch-action: manipulation;
 user-select: none;
}
#fixd .inner .btF a:hover{
 color: #fff;
 border: 2px solid #fff;
 background-color: #D70056;
 background-position: right 3% center;
 background-image: url(../images/fixdApc2.svg);
 opacity: 1;
}

#page-top{
  width: 55px;
  position: fixed;
  bottom: 55px;
  right: 35px;
  transition: 0.2s;
 z-index: 110;
}
#page-top img{
 width: 100%;
 height: auto;
}
#page-top:hover{
  transform: translateY(-5px);
  transition: 0.2s;
}



@media screen and (max-width: 1440px){
h1{
 width: 19.79%;
 border-bottom-right-radius: 1.4vw;
}
h1 a{
 padding: 1.4vw 0;
}
h1 img{
 width: 83.15%;
}


}


@media screen and (max-width: 1050px){
#manage{
 padding: 4.2vw 0 0;
}
#manage .no1{
 padding: 0 0 4.8vw;
 width: 94.19%;
 font-size: 1.24vw;
}
#manage .no1Box{
 padding: 2.26vw 3.8vw;
 width: 88.28%;
 border-radius: 0.6vw;
}
#manage .no1Box .no1L{
 padding: 1.5vw 0;
 width: 27.5%;
 font-size: 1.71vw;
}
#manage .no1Box .no1R{
 font-size: 1.43vw;
}
#manage .mBox{
 padding: 4.2vw 0 8.2vw;
}
#manage .mBox .mBoxUl{
 width: 84%;
}
#manage .mBox .mBoxUl li h5{
 padding: 2.41vw 0 0;
 font-size: 1.9vw;
}
#manage .mBox .mBoxUl li h5 span{
 font-size: 14px;
 font-size: 1.33vw;
}
#manage .mBox .mBoxUl li div{
 padding: 0.68vw 0 0.17vw;
 font-size: 4.5vw;
}
#manage .mBox .mBoxUl li div span{
 font-size: 2.2vw;
}
#manage .mBox .mBoxUl li p{
 padding: 0 0 2.25vw;
 font-size: 1.33vw;
}
#manage .mBox .cap{
 font-size: 1.238vw;
}

}


@media screen and (max-width: 1180px){
#owner{
 padding: 8.5vw 0;
}
h2{
 margin: 0 auto 5.1vw;
 font-size: 3.05vw;
}
h2 span{
 padding: 0.76vw 1% 1.1vw;
 font-size: 3.9vw;
 top: 0.18vw;
}
#owner .oBox{
 padding: 0 0 7.6vw;
 width: 93.2%;
}
#owner .oBox .oBoxL{
 font-size: 1.526vw;
}
#owner .oBox .oBoxR{
 font-size: 1.35vw;
}
#owner .oBox .oBoxR img{
 margin: 0 0 1.35vw;
}
#owner .oBox .oBoxR .youtube{
 margin: 0 0 1.35vw;
 border-radius: 1vw;
}
#owner .worries{
 padding: 7.64vw 0;
}
#owner .worries h3{
 font-size: 3.05vw;
}
#owner .worries h3 span{
 padding: 0.7vw 0.42vw 1vw;
 font-size: 3.9vw;
}
#owner .worries .wBox{
 padding: 5.1vw 0 0;
 width: 93.2%;
}
#owner .worries .wBox li h5{
 padding: 2.2vw 0 1.71vw;
 font-size: 1.7vw;
}
#owner .worries .wBox li h5 span{
 font-size: 2.03vw;
}
#owner .worries p{
 padding: 3.8vw 0 0;
 font-size: 1.526vw;
}
#owner .down{
 width: 15.2%;
}
#owner h4{
 padding: 6.4vw 0 3.4vw;
 font-size: 2.38vw;
}
#owner h4 span{
 margin: 1.7vw auto;
 padding: 0.8vw 1% 1.2vw;
 font-size: 4.07vw;
}
#owner .needs{
 width: 88.1%;
}
#owner .needs .needsL{
 padding: 5vw 0 4.2vw;
 border-radius: 2vw;
}
#owner .needs .needsL .ntxt{
 padding: 4.7vw 0 3.88vw;
 font-size: 1.53vw;
 background-position: center bottom 0.4vw;
}
#owner .needs .needsR .ntxt{
 padding: 2.2vw 0 3.86vw;
}
#owner .needs .needsL .ntxt2{
 font-size: 2.04vw;
}
#owner .needs .needsL .btn{
 margin: 1.4vw auto 0;
}
#owner .needs .needsL .btn a{
 padding: 1.1vw 2% 1.18vw 0;
 font-size: 1.36vw;
 border-radius: 6vw;
 background-size: 1.2vw auto;
}

}


@media screen and (max-width: 1000px){
.cta{
 padding: 14vw 0;
}
.cta .ctaT{
 padding: 0 0 4vw;
 font-size: 4vw;
}
.cta .btBox{
 width: 75.2%;
}
.bt{
 border-radius: 6vw;
}
.bt a{
 padding: 2.7vw 0 2.9vw;
 font-size: 2.3vw;
 border-radius: 6vw;
 background-size: 2.7vw auto;
}


}


@media screen and (max-width: 1180px){
#menu{
 padding: 9.1vw 0 0;
 width: 93.2%;
}
#menu h2{
 margin: 0 auto 3.4vw;
}
#menu p{
 padding: 0 0 4.2vw;
 font-size: 2.04vw;
}
#menu .meBox{
 margin: 0 0 8.8vw;
 padding: 6.8vw 0 7.4vw;
 border-radius: 2vw;
}
#menu .meBox p{
 padding: 0 0 1.7vw;
 font-size: 1.525vw;
}
#menu .meBox .mBoxT{
 font-size: 2.71vw;
}
#menu .meBox .mBoxT span{
 padding: 0 0 0.2vw;
}
#menu .meBox .mind{
 padding: 3.8vw 0 8.04vw;
}
#menu .meBox .mind li .ic{
 padding: 3.9vw 0;
 border-radius: 0.8vw;
}
#menu .meBox .mind li h5{
 padding: 2.2vw 0 0;
 font-size: 2.04vw;
}
#menu .meBox .mind li h5 span{
 font-size: 1.53vw;
}
#menu .meBox .mind li p{
 padding: 1.63vw 0 0;
 font-size: 1.526vw;
}
#menu .meBox .plus{
 height: 8.5vw;
}
#menu .meBox .plus img{
 top: -3.86vw;
}
#menu .meBox .hm24{
 padding: 0 0 3.9vw;
}
#menu .meBox .hm24 .hm24R{
 font-size: 2.034vw;
}
#menu .meBox .figure{
 padding: 0 0 5.94vw;
}
#menu .meBox .miraiBox{
 width: 84.5%;
 border-radius: 0.9vw;
}
#menu .meBox .miraiBox h3{
 padding: 2.1vw 0;
 font-size: 2.04vw;
}
#menu .meBox .miraiBox p{
 padding: 2.5vw 0 2.97vw;
 font-size: 1.526vw;
}
#menu .meBox .miraiBox .mirai{
 padding: 2.54vw 0 5.06vw;
}
#menu .meBox .miraiBox .mirai li{
 padding: 1.7vw 0 1.3vw;
 border-radius: 0.7vw;
}
#menu .meBox .miraiBox .mirai .miraiT{
 font-size: 1.52vw;
}
#menu .meBox .miraiBox .mirai .miraiUl{
 padding: 1.08vw 0 0;
}
#menu .meBox .miraiBox .mirai .miraiUl li{
 padding: 0 0 0.84vw 1.5vw;
 font-size: 1.36vw;
 background-position: left top 0.34vw;
 background-size: 0.85vw auto;
}
#menu #solution{
 margin-top: -5vw;
 padding-top: 5vw;
}
#menu .option li{
 padding: 0 0 1.66vw;
 border-radius: 1.4vw;
}
#menu .option li .optionT{
 padding: 2.06vw 0 0;
 font-size: 1.7vw;
}
#menu .option li p{
 padding: 0.86vw 0 0;
 font-size: 1.36vw;
}
#menu .cap{
 padding: 2.6vw 0 8.4vw;
 font-size: 1.187vw;
}
#menu .solution{
 padding: 0 0 6vw;
}
#menu .solution li{
 margin: 0 1.46% 0 0;
 width: 23.54%;
 height: 9.3vw;
 border-radius: 0.6vw;
}
#menu .solution li:nth-of-type(n+5){
 margin-top: 1.4vw;
}
#menu .solution li div{
 font-size: 1.68vw;
}
#menu .meBox.meBox2{
 margin: 0 0 10.6vw;
 padding: 5vw 0;
}
#menu .meBox .inner .meBox2L{
 padding: 3.8vw 0 0;
}
#menu .meBox .inner .meBox2L h5{
 font-size: 2.374vw;
}
#menu .meBox .inner .meBox2L p{
 padding: 1.68vw 0 0;
 font-size: 1.526vw;
}

#service{
 padding: 8.8vw 0 9.8vw;
}
#service h4{
 font-size: 2.37vw;
}
#service .sBox{
 padding: 3vw 0 5.9vw;
 width: 93.2%;
}
#service .sBox li h5{
 padding: 1.2vw 0 0;
 font-size: 1.53vw;
}
#service .soBox{
 padding: 4.3vw 0 3.4vw;
 width: 93.2%;
 border-radius: 2vw;
}
#service .soBox .sBox2{
 padding: 3.4vw 0 0;
}
#service .soBox .sBox2 .sB h6{
 padding: 0.2vw 3.4vw 1.8vw 3vw;
 font-size: 1.524vw;
 background-size: 2.1vw auto;
}
#service .soBox .sBox2 .sB:last-child h6{
 padding: 0.2vw 0 1.8vw 3vw;
}
#service p{
 padding: 6vw 0 0;
 font-size: 1.526vw;
}
#service p span{
 padding: 0 0 0.2vw;
}
#service .soT{
 padding: 2.4vw 0 0 2%;
 font-size: 3.56vw;
}

#first{
 padding: 8.9vw 0 9.4vw;
}
#first h3{
 font-size: 3.05vw;
}
#first p{
 padding: 3vw 0;
 font-size: 2.034vw;
}
#first .step{
 padding: 0 0 10.1vw;
 width: 93.2%;
}
#first .step li .no{
 padding: 1.14vw 0 0;
 width: 4.2vw;
 height: 4.2vw;
 font-size: 2vw;
}
#first .step li .stepT{
 padding: 1.7vw 0 0;
 font-size: 1.7vw;
}
#first .step li p{
 padding: 0.8vw 0 0;
 font-size: 1.19vw;
}
#first .net{
 font-size: 3.05vw;
}
#first .netBox{
 padding: 1.66vw 0 0;
 width: 85.3%;
}
#first .netBox .netBoxL{
 float: left;
 width: 48.7%;
}
#first .netBox .netBoxL .L{
 float: left;
 margin: 0;
 padding: 0 6% 0 0;
 width: 46%;
 border-right: 2px dotted #000;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#first .netBox .netBoxL .R{
 float: right;
 margin: 0;
 padding: 0 0 0 3%;
 width: 48.6%;
 border-right: none;
 text-align: center;
}
#first .netBox .netBoxL .L .netBoxT{
 font-size: 2.9vw;
}
#first .netBox .netBoxL .L .num{
 font-size: 7.06vw;
}
#first .netBox .netBoxL .L .num span{
 font-size: 3.5vw;
}
#first .netBox .netBoxR{
 float: right;
 padding: 2vw 0 0;
 padding: 1.7vw 0 0;
}


}


@media screen and (max-width: 1000px){
/* フッター 
---------------------------------------------------------*/
footer{
 padding: 4vw 0;
 background-color: #F2F5FA;
 background-color: #FFD9D9;
}
footer .fNavi{
 padding: 0 0 2.5vw;
}
footer .fNavi li{
 margin: 0 1.3vw;
 font-size: 1.6vw;
}
footer .copyright{
 font-size: 1.3vw;
}


}



@media screen and (max-width: 860px){
#fixd{
 padding: 1.6vw 0;
}
#fixd .inner{
 width: 93.7%;
}
#fixd .inner P{
 padding: 0.9vw 0 0;
 font-size: 2.79vw;
}
#fixd .inner .btF a{
 padding: 2vw 0 2vw;
 font-size: 2.1vw;
 border-radius: 7vw;
 background-size: 3.1vw auto;
}

}


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

@media screen and (max-width: 780px){
/* SP */
.pcOnly {
		display: none;
}
.spOnly {
		display: block;
}
div#wrap {
	padding: 0;
}
/* メイン 
---------------------------------------------------------*/
h1{
 width: 45.8%;
 border-bottom-right-radius: 3.2vw;
}
h1 a{
 padding: 2.6vw 0;
}
h1 img{
 width: 81.4%;
}
#main ul.slide li .txt1{
 margin: auto;
 padding: 0 1% 0 0;
 width: 90%;
 font-size: 5.8vw;
 line-height: 180%;
 text-align: center;
 top: 40vw;
 left: 0;
 right: 0;
 display: inline-block;
}
#main ul.slide li .txt1 strong{
 font-size: 10.4vw;
 font-weight: 700;
 line-height: 130%;
}
#main ul.slide li .txt1 span{
 font-size: 9.4vw;
 letter-spacing: 0.2vw;
}
#main ul.slide li .txt1 span span{
 padding: 0 0 0 1.5vw;
 display: inline-block;
}
#main ul.slide li .txt1_2{
 margin: auto;
 width: 61%;
 top: 83vw;
 left: 0;
 right: 0;
}
#main ul.slide li .txt2{
 padding: 0 0 1.3vw;
 width: 60%;
 font-size: 6.6vw;
 border-bottom: 0.7vw solid #D70056;
 top: 25.6vw;
 white-space: nowrap;
}
#main ul.slide li .txt2_2{
 width: 89%;
 top: 39.2vw;
}
#main ul.slide li .txt3{
 margin: auto;
 padding: 0 0 5.6vw;
 width: 80%;
 font-size: 5.4vw;
 text-align: center;
 border-bottom: 0.5vw solid #fff;
 top: 33vw;
 left: 0;
 right: 0;
 letter-spacing: 0.5vw;
}
#main ul.slide li .txt3 strong{
 font-size: 9vw;
}
#main ul.slide li .txt3 strong strong{
 text-indent: -1vw;
 letter-spacing: 0.4vw;
}
#main ul.slide li .txt3_2{
 margin: auto;
 width: 80%;
 font-size: 3.95vw;
 text-align: center;
 top: 78vw;
 left: 0;
 right: 0;
}
#main ul.slide li .txt3_3{
 margin: auto;
 width: 80%;
 top: 93.6vw;
 left: 0;
 right: 0;
}
#main ul.slide li .txt3_3 div{
 float: left;
 margin: 0 1.82% 0 0;
 padding: 1vw 0 1.2vw;
 width: 23%;
 font-size: 3.6vw;
 line-height: 100%;
 text-align: center;
 letter-spacing: 0;
 border: 0.2vw solid #D70056;
}
#main ul.slide li .txt4{
 margin: auto;
 padding: 0 0 2.1vw;
 width: 80%;
 font-size: 5.1vw;
 text-align: center;
 border-bottom: 0.5vw solid #fff;
 top: 38.6vw;
 left: 0;
 right: 0;
}
#main ul.slide li .txt4 strong{
 font-size: 6.7vw;
 line-height: 165%;
 letter-spacing: 0.8vw;
}
#main ul.slide li .txt4 strong span{
 letter-spacing: 1.2vw;
}
#main ul.slide li .txt4 strong b{
 font-size: 5.65vw;
 display: inline-block;
 position: relative;
 top: -1vw;
}
#main ul.slide li .txt4_2{
 margin: auto;
 width: 80%;
 font-size: 3.8vw;
 line-height: 150%;
 text-align: center;
 letter-spacing: 0.05vw;
 top: 88.2vw;
 left: 0;
 right: 0;
 white-space: nowrap;
}
#main ul.slide li picture.pcOnly{
 display: none;
}
#main ul.slide li picture.spOnly{
 display: block;
}
#main ul.slide li picture.spOnly img{
 margin: 0;
 padding: 0;
 width: 100%;
 height: auto;
 display: block;
}
#main ul.slide .slick-dots{
 width: 8px;
 top: auto;
 bottom: 25vw;
 right: 4.6%;
}
#main ul.slide .slick-dots li{
 margin: 1.1vw 0 !important;
}
#main ul.slide .slick-dots li button{
 touch-action: manipulation;
 user-select: none;
}
#main ul.slide .slick-dots li button:hover:before{
 background-color: transparent;
}
#main ul.slide .slick-dots li button:active:before{
 opacity: 1;
 background-color: #d70056 !important;
}
#main ul.slide .slick-dots li,
#main ul.slide .slick-dots li button,
#main ul.slide .slick-dots li button:before{
 width: 4px;
 height: 4vw;
}
#main ul.slide .slick-dots li.slick-active,
#main ul.slide .slick-dots li.slick-active button,
#main ul.slide .slick-dots li.slick-active button:before{
 height: 16vw;
}

#manage{
 padding: 6vw 0 0;
}
#manage .no1{
 padding: 0 0 8vw;
 width: 90.6%;
 font-size: 2.5vw;
 line-height: 145%;
}
#manage .no1 img{
 margin: 0 0 0.4vw;
}
#manage .no1Box{
 padding: 5vw 0 3.8vw;
 width: 89.3%;
 border-radius: 2vw;
 border: 1px solid #b2b2b2;
}
#manage .no1Box .no1L{
 float: none;
 padding: 0 0 2.2vw;
 width: 100%;
 font-size: 4vw;
 text-align: center;
}
#manage .no1Box .no1R{
 float: none;
 margin: 0 auto;
 width: 90.4%;
 font-size: 3.7vw;
 line-height: 165%;
}
#manage .mBox{
 padding: 8vw 0 48vw;
 width: 100%;
 background-image: url(../images/manageBgSp.jpg);
}
#manage .mBox .mBoxUl{
 margin: 0 auto;
 width: 84%;
}
#manage .mBox .mBoxUl li{
 float: left;
 margin: 0 0 1vw;
 width: 47.6%;
}
#manage .mBox .mBoxUl li:nth-child(2n){
 float: right;
}
#manage .mBox .mBoxUl li:nth-child(4){
 margin: 0 0 1vw;
}
#manage .mBox .mBoxUl li img{
 margin: 0 auto;
 width: 73.3%;
 height: auto;
}
#manage .mBox .mBoxUl li h5{
 padding: 4vw 0 0;
 font-size: 3.4vw;
 line-height: 100%;
 text-align: center;
 white-space: nowrap;
}
#manage .mBox .mBoxUl li h5 span{
 font-size: 3.4vw;
}
#manage .mBox .mBoxUl li div{
 padding: 2vw 0 1vw;
 font-size: 8.6vw;
}
#manage .mBox .mBoxUl li div span{
 padding: 0 0 0 2%;
 font-size: 4.5vw;
}
#manage .mBox .mBoxUl li p{
 padding: 0 0 4vw;
 width: 100%;
 font-size: 3vw;
}
#manage .mBox .cap{
 margin: 0 auto;
 padding: 4vw 0 0;
 width: 89.3%;
 font-size: 3vw;
 line-height: 165%;
}

#owner{
 padding: 15vw 0 17vw;
 width: 100%;
}
h2{
 margin: 0 auto 6vw;
 font-size: 5.2vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
 vertical-align: middle;
 letter-spacing: 0.4vw;
}
h2 span{
 margin: 3.4vw 0 0 1%;
 padding: 1.5vw 4% 2.3vw;
 font-size: 6.4vw;
 line-height: 100%;
 top: auto;
}
#owner .oBox{
 margin: 0 auto;
 padding: 3vw 0 18vw;
 width: 89.3%;
}
#owner .oBox .oBoxL{
 float: none;
 padding: 10vw 0 0;
 width: 100%;
 font-size: 4vw;
 line-height: 195%;
}
#owner .oBox .oBoxR{
 float: none;
 width: 100%;
 font-size: 3.8vw;
}
#owner .oBox .oBoxR img{
 margin: 0 0 3vw;
 width: 100%;
 height: auto;
}
#owner .oBox .oBoxR .youtube{
 margin: 0 0 3vw;
 position: relative;
 width: 100%;
 padding-top: 56.25%;
 border-radius: 2vw;
}
#owner .oBox .oBoxR .youtube iframe{
 position: absolute;
 top: 0;
 right: 0;
 width: 100% !important;
 height: 100% !important;
}
#owner .worries{
 padding: 14vw 0 15vw;
 width: 100%;
 background-color: #38455F;
}
#owner .worries h3{
 font-size: 6vw;
 line-height: 190%;
}
#owner .worries h3 span{
 margin: 0 0 0 2%;
 padding: 1.2vw 2% 1.6vw;
 font-size: 7vw;
 line-height: 100%;
 bottom: auto;
}
#owner .worries .wBox{
 margin: 0 auto;
 padding: 7vw 0 0;
 width: 89.3%;
}
#owner .worries .wBox li{
 float: none;
 margin: 0 0 4.2vw;
 width: 100%;
 background-color: #273043;
}
#owner .worries .wBox li:last-child{
 margin: 0;
}
#owner .worries .wBox li img{
 float: left;
 width: 44.7%;
 height: auto;
}
#owner .worries .wBox li .wBoxR{
 float: right;
 width: 55.3%;
}
#owner .worries .wBox li h5{
 padding: 5.3vw 0 0;
 font-size: 3.9vw;
 line-height: 160%;
 text-align: center;
 font-weight: 400;
 color: #fff;
 letter-spacing: 0.2vw;
}
#owner .worries .wBox li h5 span{
 font-size: 4.3vw;
 font-weight: 700;
 color: #D4E700;
 display: block;
}
#owner .worries p{
 margin: 0 auto;
 padding: 6vw 0 0;
 width: 89.3%;
 font-size: 3.6vw;
 line-height: 185%;
 text-align: center;
 font-weight: 400;
 color: #fff;
 letter-spacing: 0.2vw;
}
#owner .worries p span{
 font-weight: 700;
 color: #D4E700;
}
#owner .down{
 margin: -1px auto 0;
 width: 24%;
 height: auto;
 pointer-events: none;
}
#owner h4{
 padding: 6vw 0 9.4vw;
 font-size: 5.6vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
 letter-spacing: 0.1vw;
}
#owner h4 span{
 margin: 3.4vw auto;
 padding: 1.4vw 4% 2.2vw;
 font-size: 7vw;
 line-height: 100%;
 font-weight: 700;
 color: #fff;
 display: inline-block;
 background-color: #D70056;
}
#owner .needs{
 margin: 0 auto;
 width: 89.3%;
}
#owner .needs .needsL{
 float: none;
 margin: 0 0 6.4vw;
 padding: 8vw 0 8vw;
 width: 100%;
 border-radius: 6vw;
 border: 1px solid #D70056;
}
#owner .needs .needsR{
 float: none;
 margin: 0;
}
#owner .needs .needsL img{
 width: 82%;
}
#owner .needs .needsL .ntxt{
 padding: 5.2vw 0 9.6vw;
 font-size: 3.6vw;
 line-height: 165%;
 background-position: center bottom 5px;
 background-size: 8.9% auto;
}
#owner .needs .needsR .ntxt{
 padding: 5.2vw 0 9.6vw;
}
#owner .needs .needsL .ntxt2{
 padding: 2.4vw 0 0;
 font-size: 4.5vw;
 line-height: 145%;
}
#owner .needs .needsL .btn{
 margin: 4vw auto 0;
 width: 88%;
}
#owner .needs .needsL .btn a{
 padding: 2.2vw 4% 2.6vw 0;
 width: 100%;
 font-size: 4.4vw;
 line-height: 110%;
 border-radius: 6vw;
 background-image: url(../images/needA.png);
 background-position: right 6% center;
 background-size: 4.6vw auto;
 touch-action: manipulation;
 user-select: none;
}

.cta{
 padding: 18vw 0 17vw;
 width: 100%;
 background-image: url(../images/ctaSp.jpg);
}
.cta .ctaT{
 padding: 0 0 6.6vw;
 font-size: 5.66vw;
 line-height: 165%;
 letter-spacing: 0.4vw;
}
.cta .btBox{
 width: 100%;
}
.cta .btBox img{
 float: none;
 margin: 0 auto 5.6vw;
 width: 53.3%;
}
.bt{
 float: none;
 margin: 0 auto;
 width: 78.6%;
 border-radius: 7vw;
 box-shadow: 0px 4px 20px rgba(0,0,0,0.25);
}
.bt a{
 padding: 5.4vw 0 5.4vw;
 width: 100%;
 font-size: 4.4vw;
 line-height: 85%;
 letter-spacing: 0.2vw;
 border-radius: 7.5vw;
 background-image: url(../images/arrowSp.svg);
 background-position: right 7% center;
 background-size: 6.5vw auto;
 touch-action: manipulation;
 user-select: none;
}
.bt a:hover{
 background-position: right 4.5% center;
 background-image: url(../images/arrowSp2.svg);
}

#menu{
 margin: 0 auto;
 padding: 11.6vw 0 0;
 width: 100%;
}
#menu h2{
 margin: 0 auto 4.8vw;
}
#menu p{
 padding: 0 0 10vw;
 width: 100%;
 font-size: 3.9vw;
 line-height: 165%;
}
#menu .meBox{
 margin: 0 auto 11vw;
 padding: 9vw 0 11vw;
 width: 89.3%;
 border-radius: 24px;
 background-color: #FDF2F7;
}
#menu .meBox p{
 padding: 0 0 2vw;
 width: 100%;
 font-size: 3.9vw;
 line-height: 165%;
 letter-spacing: 0.2vw;
}
#menu .meBox .mBoxT{
 font-size: 5vw;
 line-height: 165%;
 letter-spacing: 0.3vw;
 text-indent: -4vw;
 padding-left: 4vw;
}
#menu .meBox .mBoxT span{
 padding: 0 0 0.3vw;
}
#menu .meBox .mind{
 margin: 0 auto;
 padding: 8vw 0 6.5vw;
 width: 84.5%;
}
#menu .meBox .mind li{
 float: none;
 margin: 0;
 width: 100%;
}
#menu .meBox .mind li:last-child{
 margin: 0;
}
#menu .meBox .mind li .sp{
 margin: 0 auto;
 padding: 5vw 0 4.4vw;
 width: 100%;
 border-radius: 3vw;
 background-color: #fff;
}
#menu .meBox .mind li .ic{
 float: left;
 margin: 0.8vw 0 0 13%;
 padding: 0;
 width: 13%;
 border-radius: 0;
 background-color: #fff;
}
#menu .meBox .mind li .ic img{
 margin: 0;
 width: 100%;
 height: auto;
}
#menu .meBox .mind li h5{
 float: left;
 padding: 0;
 width: 65.4%;
 font-size: 4.8vw;
 line-height: 140%;
}
#menu .meBox .mind li h5 span{
 font-size: 3.6vw;
}
#menu .meBox .mind li p{
 margin: 0;
 padding: 2vw 0 6vw;
 width: 100%;
 font-size: 4.1vw;
 line-height: 165%;
 text-align: center;
 font-weight: 400;
 letter-spacing: 0;
}
#menu .meBox .plus{
 margin: 0 auto;
 width: 84.5%;
 height: 12vw;
 border-top: 3px dotted #D70056;
 position: relative;
}
#menu .meBox .plus img{
 width: 15.2%;
 top: -6.2vw;
 pointer-events: none;
}
#menu .meBox .hm24{
 margin: 0 auto;
 padding: 0 0 7vw;
 width: 84.5%;
}
#menu .meBox .hm24 img{
 float: none;
 width: 100%;
 height: auto;
}
#menu .meBox .hm24 .hm24R{
 float: none;
 padding: 3vw 0 0;
 width: 100%;
 font-size: 3.72vw;
 line-height: 145%;
 white-space: nowrap;
}
#menu .meBox .figure{
 padding: 0 0 8.6vw;
 width: 84.5%;
}
#menu .meBox .figure img{
 width: 100%;
 height: auto;
 pointer-events: none;
}
#menu .meBox .miraiBox{
 margin: 0 auto;
 width: 84.5%;
 border-radius: 3vw;
 border: 2px solid #043493;
 background-color: #fff;
 overflow: hidden;
}
#menu .meBox .miraiBox h3{
 padding: 2.8vw 0 3.2vw;
 font-size: 3.9vw;
 line-height: 100%;
}
#menu .meBox .miraiBox p{
 margin: 0 auto;
 padding: 5.2vw 0 6vw;
 width: 85.4%;
 font-size: 4vw;
 line-height: 185%;
 text-align: left;
 font-weight: 400;
 letter-spacing: 0.07vw;
}
#menu .meBox .miraiBox img{
 margin: 0 auto;
 width: 43.6%;
 height: auto;
}
#menu .meBox .miraiBox .mirai{
 margin: 0 auto;
 padding: 6vw 0 5vw;
 width: 85.4%;
}
#menu .meBox .miraiBox .mirai li{
 float: none;
 margin: 0 0 4vw;
 padding: 5vw 0 2vw;
 width: 100%;
 border-radius: 2vw;
}
#menu .meBox .miraiBox .mirai .miraiT{
 font-size: 4.2vw;
 line-height: 100%;
}
#menu .meBox .miraiBox .mirai .miraiUl{
 margin: 0 auto;
 padding: 3vw 0 0;
 width: auto;
 display: inline-block;
}
#menu .meBox .miraiBox .mirai .miraiUl li{
 float: none;
 margin: 0;
 padding: 0 0 2.6vw 5vw;
 width: auto;
 font-size: 3.6vw;
 background-image: url(../images/square.png);
 background-position: left top 0.5vw;
 background-size: 2.8vw auto;
}
#menu #solution{
 margin-top: -6vw;
 padding-top: 6vw;
}
#menu .option{
 margin: 0 auto;
 width: 89.3%;
}
#menu .option li{
 float: none;
 margin: 0 0 8vw;
 padding: 0 0 7vw;
 width: 100%;
 border-radius: 4vw;
 background-color: #FDF2F7;
 overflow: hidden;
}
#menu .option li .optionT{
 padding: 8vw 0 0;
 font-size: 5.3vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
}
#menu .option li p{
 margin: 0 auto;
 padding: 2.3vw 0 0;
 width: 85.6%;
 font-size: 4.5vw;
 line-height: 165%;
 text-align: center;
 font-weight: 400;
 letter-spacing: 0.05vw;
}
#menu .cap{
 margin: 0 auto;
 padding: 6vw 0 11vw;
 width: 89.3%;
 font-size: 3.6vw;
 line-height: 185%;
 text-align: center;
 font-weight: 400;
 letter-spacing: 0.1vw;
}
#menu .solution{
 margin: 0 auto;
 padding: 0 0 4vw;
 width: 89.3%;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
#menu .solution li{
 margin: 0 0 5vw;
 width: 46.6%;
 height: 17.6vw;
 border-radius: 2vw;
 border: 2px solid #D70056;
 display: flex;
 flex-direction: column;
 justify-content:center;
 align-items:center;
}
#menu .solution li:nth-child(4),
#menu .solution li:last-child{
 margin: 0 0 5vw;
}
#menu .solution li:nth-of-type(n+5){
 margin-top: 0;
}
#menu .solution li div{
 font-size: 3.7vw;
 line-height: 145%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
}
#menu .meBox.meBox2{
 margin: 0 auto 12vw;
 padding: 7.6vw 0 8vw;
}
#menu .meBox .inner{
 margin: 0 auto;
 width: 82%;
}
#menu .meBox .inner .meBox2L{
 float: none;
 padding: 0;
 width: 100%;
}
#menu .meBox .inner .meBox2L h5{
 font-size: 5vw;
 line-height: 145%;
 text-align: center;
}
#menu .meBox .inner .meBox2L p{
 padding: 3vw 0 4vw;
 width: 100%;
 font-size: 3.8vw;
 line-height: 185%;
}
#menu .meBox .inner img{
 float: none;
 width: 100%;
}

#service{
 padding: 12.4vw 0 13vw;
 width: 100%;
 background-color: #F2F5FA;
}
#service h4{
 font-size: 5vw;
 line-height: 145%;
}
#service .sBox{
 margin: 0 auto;
 padding: 5.6vw 0 4vw;
 width: 89.3%;
}
#service .sBox li{
 margin: 0 0 6vw;
 float: left;
 width: 47.7%;
}
#service .sBox li:nth-child(2n){
 float: right;
}
#service .sBox li:last-child{
 margin: 0;
}
#service .sBox li h5{
 padding: 2.4vw 0 0;
 font-size: 3.4vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #043493;
 transition: .3s;
 letter-spacing: 0.1vw;
}
#service .sBox li a:hover{
 opacity: 1;
}
#service .sBox li a:hover img{
 opacity: .5;
}
#service .sBox li a:hover h5{
 color: #D70056;
}
#service .soBox{
 margin: 0 auto;
 padding: 8.6vw 0 5vw;
 width: 89.3%;
 border-radius: 4vw;
 background-color: #fff;
}
#service .soBox .sBox2{
 margin: 0 auto;
 padding: 8.6vw 0 0;
 width: 74%;
 display: block;
 flex-wrap: wrap;
 justify-content: center;
}
#service .soBox .sBox2 .sB{

}
#service .soBox .sBox2 .sB h6{
 padding: 0 0 6vw 13%;
 font-size: 4.4vw;
 background-size: 5vw auto;
 letter-spacing: 0.4vw;
}
#service .soBox .sBox2 .sB:last-child h6{
 padding: 0 0 6vw 13%;
}
#service p{
 padding: 9vw 0 0;
 width: 100%;
 font-size: 4.2vw;
 line-height: 185%;
}
#service p span{
 padding: 0 0 0.3vw;
}
#service .soT{
 padding: 2vw 0 0 2%;
 font-size: 6.6vw;
 line-height: 145%;
}

#first{
 padding: 11.5vw 0 14vw;
 width: 100%;
}
#first h3{
 font-size: 5vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #D70056;
}
#first p{
 margin: 0 auto ;
 padding: 3vw 0 9vw;
 width: 89.3%;
 font-size: 4.2vw;
 line-height: 185%;
 text-align: center;
 font-weight: 400;
 letter-spacing: 0.1vw;
}
#first .step{
 margin: 0 auto;
 padding: 0 0 5vw;
 width: 89.3%;
}
#first .step li{
 float: none;
 margin: 0 0 3vw;
 padding: 0 0 9vw;
 width: 100%;
 position: relative;
 background-image: url(../images/arrowF2.svg);
 background-position: center bottom;
 background-size: 12.5% auto;
 background-repeat: no-repeat;
}
#first .step li:last-child{
 margin: 0;
 background-image: none;
}
#first .step .stepL{
 float: left;
 width: 44.7%;
}
#first .step .stepR{
 float: right;
 width: 50.4%;
}
#first .step li .no{
 padding: 2.8vw 0 0;
 width: 11vw;
 height: 11vw;
 font-size: 24px;
 font-size: 5.2vw;
}
#first .step li img{
 width: 100%;
 height: auto;
 border-radius: 50%;
}
#first .step li .stepT{
 padding: 4vw 0 0;
 font-size: 4vw;
 line-height: 145%;
 text-align: left;
 letter-spacing: 0.2vw;
}
#first .step li:nth-child(3) .stepT{
 padding: 2vw 0 0;
}
#first .step li p{
 padding: 2vw 0 0;
 width: 100%;
 font-size: 3.6vw;
 line-height: 165%;
 text-align: left;
}
#first .net{
 font-size: 4.8vw;
}
#first .netBox{
 margin: 0 auto;
 padding: 0;
 width: 78.6%;
}
#first .netBox .netBoxL{
 float: none;
 width: 100%;
}
#first .netBox .netBoxL .L{
 float: left;
 padding: 0 6% 0 0;
 width: 49%;
 border-right: 2px dotted #000;
}
#first .netBox .netBoxL .R{
 float: right;
 padding: 0;
 width: 45.6%;
 border-right: none;
}
#first .netBox .netBoxL .L .netBoxT{
 padding: 0 0 2vw;
 font-size: 4.6vw;
}
#first .netBox .netBoxL .L .num{
 font-size: 15vw;
}
#first .netBox .netBoxL .L .num span{
 font-size: 6vw;
}
#first .netBox .netBoxR{
 float: none;
 padding: 6vw 0 0;
 width: 100%;
}
#first .netBox .netBoxR .bt{
 margin: 0;
 width: 100%;
}


/* フッター 
---------------------------------------------------------*/
footer{
 padding: 13vw 0 11vw;
 width: 100%;
 background-color: #F2F5FA;
}
footer .fNavi{
 padding: 0 0 4vw;
 width: 100%;
 text-align: center;
}
footer .fNavi li{
 margin: 0 0 4vw;
 font-size: 3.4vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 display: block;
}
footer .fNavi li a{
 width: 100%;
 display: block;
 color: #000;
}
footer .copyright{
 font-size: 2.8vw;
 letter-spacing: 0;
}

#fixd{
 padding: 3vw 5.3%;
 width: 100%;
 background: rgba(253,242,247,0.8);
 position: fixed;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 100;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#fixd .inner{
 margin: 0;
 width: 100%;
}
#fixd .inner P{
 float: left;
 margin: 0;
 padding: 0.3vw 0 0;
 width: 40%;
 font-size: 3.4vw;
 line-height: 145%;
 text-align: left;
 font-weight: 700;
 color: #D70056;
}
#fixd .inner .btF{
 float: right;
 margin: 0 auto;
 width: 59%;
 border-radius: 7vw;
 box-shadow: 0px 4px 20px rgba(0,0,0,0.25);
}
#fixd .inner .btF a{
 padding: 3vw 5.5% 3.4vw 0;
 width: 100%;
 font-size: 3.6vw;
 line-height: 85%;
 font-weight: 700;
 color: #000;
 letter-spacing: 0.2vw;
 border: 2px solid #FFD900;
 background-color: #FFD900;
 border-radius: 8vw;
 display: block;
 background-image: url(../images/fixdA.svg);
 background-position: right 7% center;
 background-size: 3.8vw auto;
 background-repeat: no-repeat;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 touch-action: manipulation;
 user-select: none;
}
#fixd .inner .btF a:hover{
 color: #fff;
 border: 2px solid #fff;
 background-color: #D70056;
 background-position: right 5% center;
 background-image: url(../images/fixdA2.svg);
 opacity: 1;
}

#page-top{
  width: 12vw;
  position: fixed;
  bottom: 17vw;
  right: 2%;
}


}



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


}





/* 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 */