@charset "utf-8";
/* CSS Document */
/* リセットCSS */
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, address, del, em, img,
small, strong, sub, i,
dl, dt, dd, ol, ul, li, form, label, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figcaption, figure, 
footer, header, menu, nav, section, time, mark, audio, video {
    background: transparent;
    border: 0;
    letter-spacing: 0.5px;
    margin: 0;
    outline: 0;
    padding: 0;
}
/*フォーム*/
.form ul{
	width:90%;
}
.form-fontsize{
	width:90%;
	padding:4px 0 5px 0;
	margin:0px
}
/*横幅40%*/
.wid-40{
 	width:30%;

	padding:2% 3%;
	list-style-type: none;
}
/*横幅60%*/
.wid-60{
	width:60%;
	padding:0 3%;
	list-style-type: none;
}


/*横幅100%*/
.wid-100{
	width:80%;
	padding:0 3%;
	list-style-type: none;
}


.sageru{
    margin-left:7%;
}



/*必須ボタン*/
.hissu-koumoku{
	background-color:#e83828;
	color:white;
	font-size:0.7em;
	padding:2px 3px;
	margin-left:1%
}
/*任意ボタン*/
.ninni-koumoku{
	background-color:#26a0da;
	color:white;
	font-size:0.7em;
	padding:2px 3px;
	margin-left:1%
}
@media screen and (max-width:640px){
	.wid-40,.wid-60{
	padding:2% 0;
	overflow: hidden;
	font-size:15px;
	}
	.wid-40 p{
		margin-left:8px
	}
/*白い四角の設定*/
.form-fontsize{
	width:95%;
	margin:2% 1% 2%;
	}	
.haikei-white table,.haikei-white table td,.haikei-white table tr{
		display: inline-block;
		width:100%
	}
input[type="text"] {
	font-size: 16px
	}
}
/*入力欄光る設定*/
input[type="text"],
textarea {
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
}
input[type="text"]:focus,
textarea:focus {
	box-shadow: 0 0 7px #26a0da;
	border: 1px solid #26a0da;
}
input[type=checkbox] {
	width:			15px;
	height:			15px;
	-moz-transform:		scale(1.5);
	-webkit-transform:	scale(1.5);
	transform:		scale(1.5);
}
@media screen and (max-width:640px){
	input[type=checkbox] {
	width:			14px;
	height:			14px;	
	}

}


.sen-emerald{
	border-top:1px solid #c7f0d7
}
.sen-emerald2{
	border-bottom:1px solid #c7f0d7	
}
@media screen and (max-width:640px){
	.sen-emerald{	
	border-top:0px
	}
	.sen-emerald2{
	border-bottom:0px	
	}
}



/*えんどう追加分20181217*/

/*only-pc only-mov*/
@media screen and (min-width:641px){
	.only-mov{display:none}
}
@media screen and (max-width:640px){
	.only-pc{display:none}
	.only-mov{display:block}
}




.header{
	background: #00A0EA;
	overflow: hidden;
	width: 100%;
    left:0;
    position:fixed;
    top:0;
    z-index:24;
}

.header img{
	float: left
}
.header .logo img{ 
	width: 30%;
	margin-right: 4%;
	margin-top: 1%;
	margin-left: 3%;
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
 .header .logo img{
    width: 35%;
    margin-top: 3%;
    margin-right: 2%;
    margin-left: 1%;
    }
}

.header .tel img{
	width: 10%;
	margin-top:1%;
	margin-right:2%;
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
.header .tel img{
    width: 20%;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    }
}
.header .telnumber img{
	width: 20%;
	margin-top:1.25%;
	margin-right:2%;
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
.header .telnumber img{
    width: 35%;
    margin-top: 2.5%;
    margin-right: 2%;
    }
}

.header .btn1 img,.header .btn2 img{
	width: 10%;
	margin-top:0.5%;
	margin-right:2%;
    margin-bottom: 0.5%
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
.header .btn1 img{
    width: 20%;
    margin-top: 2%;
    margin-right: 0%;
    margin-left: 3.5%;
    }
}
.header .btn2 img{
	width: 10%;
	margin-top:0.5%;
	margin-right:2%
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
.header .btn2 img{
    width: 20%;
    margin-top: 2%;
    margin-left: 3%;
    }
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
.header1 img{
	float: right;
    
}
    
}

/*i-phone横用処理*/
@media screen and (max-width:700px){
.header1 {
	overflow: hidden
}
    
}


/*i-phone横用処理*/
@media screen and (max-width:700px){
.header1 .btn1 img{
    width: 20%;
    margin-top: 9%;
    position: fixed;
    margin-left: 55%
}
    }

/*i-phone横用処理*/
@media screen and (max-width:700px){
.header1 .btn2 img{
    width: 20%;
    margin-top: 9%;
    position: fixed;
    margin-left: 78%
    }
}

#page_top{
  width: 100px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background:#FF3600;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.top img {
	width: 100%;
    
}
.top img.only-pc{
     margin-top: 3%
 }

.touroku .moji{
	text-align: center;
	margin-right:0%;
	margin-top:5%;
    width: 100%
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
 .touroku .moji img{
    width: 100%;
    }
}

.touroku .btn{
	text-align: center;
    width: 100%;
    margin-bottom: 5%;
    margin-top: 3%;
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
 .touroku .btn img{
    width: 80%;
    }
}


.obi{
    background:#F39800;
    width: 100%;
	text-align: center;
	margin-right:1%;
	margin-top:5%
}

.obi1{
    background:#FFAE00;
    width: 100%;
	text-align: center;
	margin-right:1%;
	margin-top:5%
}

/*i-phone横用処理*/
@media screen and (max-width:700px){
 .obi img{
    width: 100%;
    }
}

.content{
	max-width: 1200px;
	margin:0 auto;
	overflow: hidden;
}
@media screen and (max-width: 1200px){
.content{       
      max-width: 1000px;
    }
}
@media screen and (max-width: 1000px){
.content{       
      max-width: 800px;
    }
}
@media screen and (max-width: 850px){
.content{       
      max-width: 750px;
    }
}
@media screen and (max-width: 768px){
.content{       
      max-width: 650px;
    }
}


/*i-phone横用処理*/
@media screen and (max-width: 750px){
.content{       
      max-width: 90%;
    }
}




.haikei-siro{
    background: #FFFFFF
    
}

.back1{
    background:#F39800;
	width: 100%;
}



.back2{
    background:#FFBB2A;
    width: 100%
}

.event .illust {
    float: left;
    width: 30%;
    margin-top: 10%;
    margin-bottom: 5%  
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
.event .illust{
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 10%;
    }
}

@media screen and (max-width:700px){
.event .illust img{
         width: 70%;
    }
}

.event-contents{
    overflow: hidden;
    width: 90%
}

.event .title{
    text-align: center;
}

.event .title img {
    width: 45%;
    float: left;
    margin-left: 35%;
    margin-top: 2%;
}
    
.event .title1 img{
    width: 70%;
    float: left;
    margin-left: 20%;
    margin-top: 2%; 
}

.event .title2 img{
    width: 45%;
    float: left;
    margin-left: 30%;
    margin-top: 2%; 
}

.event .title3 img{
    width: 60%;
    float: left;
    margin-left: 25%;
    margin-top: 2%; 
}


/*i-phone横用処理*/
@media screen and (max-width:700px){
.event .title img {
    width: 60%;
    margin: 0 auto;
    float: none;
}
}

    
.event .moji {
    width: 80%;
    float: left;
    margin-top: 5%;
    margin-left: 15%;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
    font-weight: 600;
    font-size: 100%;
    line-height: 2;
}


.moji-dai{
    font-size: 120%;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
    color: #D3200D
}
@media screen and (max-width:700px){
.moji-dai{
    font-size: 80%;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
    color: #D3200D;
    text-align: center;
}
    }


.moji-sab1 p{
    color: #B01313;
    margin-left:5%;
    width: 90%;
}


/*i-phone横用処理*/
@media screen and (max-width:700px){
    .event .moji{
        margin-left: 0%;
        width: 100%;
        margin-bottom: 12%;
        font-family: FOT-スキップ Std, sans-serif,"メイリオ";
        margin-top: 3%;
    }
}

/*i-phone横用処理*/
@media screen and (max-width:700px){
.moji-mini{
      font-size: 80%;
}
}



.event .right{
    float: left;
    height: 40%;
    width: 70%;
    margin-top: 8%; 
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
    .event .right{
        float: none;
        width: 100%;
        margin-top: 0%;
        
    }
}

.faq{
    background:#F39800;
    width: 100%;
}


.q{
    margin-left: 8%;
    margin-top: 6%;
    width: 10%;
    float: left;
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
 .q{
    margin: 0;
    width: 8%;
    }
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
.q img {
	width: 150%;
    margin-top: 15%;
}
    
}

.q-moji{
    float: left;
    width: 60% ;
    margin-top: 8%;
    margin-left: 5%;
    color: #0B358A;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
    font-weight: 600;
    font-size: 110%;
    line-height: 2
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
.q-moji{
    font-size:60%;
    width: 80%;
    margin-left: 10%;
    margin-top: 3%;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
    }
}

.q-box{
    overflow: hidden;
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
.q-box{
	margin-top: 5%;
}
    
}

.a{
    margin-left: 8%;
    margin-top: 2%;
    width: 10%;
    float: left;
    
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
 .a{
    margin: 0;
    width: 8%;
    }
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
.a img {
	width: 150%;
    margin-top: 15%;
}
    
}
.a-moji{
    float: left;
    width: 65%;
    margin-left: 5%;
    margin-top: 2%;
    color: #A31D04;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
    font-weight: 600;
    font-size:110%;
    line-height: 2
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
.a-moji{
    font-size:60%;
    width: 80%;
    margin-left: 10%;
    margin-top: 3%;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
    }
}
.a-box{
    overflow: hidden;
}

.a-box1 {
    overflow: hidden;
    margin-bottom: 10%
}


.form-title {
    text-align: center;
	margin-right:1%;
	margin-top:4%;
    margin-bottom: 3%
}

.form-haikei{
    background:#FFF9C4;
	width: 100%;
}

.shufu{
    margin-left: 5%
}
.fukugyou{
    margin-left: 5%
}
.youkenn1{
    margin-top: 7%;
    margin-bottom: 5%;
}
.youkenn2{
    margin-top: 5%;
    margin-bottom: 5%;
}
.youkenn3{
    margin-top: 5%;
    margin-bottom: 5%;
}
.youkenn4{
    margin-top: 5%;
    margin-bottom: 5%;
}
.youkenn5{
    margin-top: 5%;
    margin-bottom: 8%;
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
 .form-title img{
    width: 70%;
    }
}


.form-gaitou {
    color: #E83828;
    width: 90%;
    margin-left: 4%
    
}
.form-btn{
    margin-left: 10%
}


.haikei{
    background-color:  #FFFFFF;
    padding: 5% 10%   
}

.footer{
	background: #00A0EA;
	overflow: hidden;
	width: 100%;
    left:0;
    bottom:0;
    z-index:24;
    float: left
}



.adress p{
    color: #FFFFFF;
    font-family: "ヒラギノ角ゴ Pro W3", "メイリオ","sans-serif";
    font-size: 70%;
    width: 80%
}



/*i-phone横用処理*/
@media screen and (max-width:700px){
 .adress p{
   width: 100%;
   font-size: 30%;
     
    }
}
.logo-adress{
    width: 25%;
    float: left;
    margin-left: 22%;
    margin-top: 1%
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
 .logo-adress{
   width: 100%;
   text-align: center;
   margin-left: 0%;
   padding-top: 2%;
    }
}
.footer .logo img{
    width: 65%;
}

/*i-phone横用処理*/
@media screen and (max-width:700px){
 .footer .logo img {
   width: 50%;
     
    }
}

.footer .tel img {
    width: 10%;
    float: left;
    margin-top: 1.5%;
}

.footer .telnumber img{
    width: 18%;
    margin-top: 1.5%;
    margin-left: 2%;
}


/*------------------20200819　追加分---------------------*/
/*共通いろいろ*/
*::after,
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.flex {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto;
}
.center{
    text-align: center;
}
.pad-3{
    padding: 3% 0%;
}
.pad{
    padding: 5% 0%;
}
@media screen and (max-width: 750px){
.pad{
    padding: 10% 0%;
    }
}


.s2 {
    color: #000;
    font-size: 20px;
    align-items: center;
    position: relative;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
    letter-spacing: 0.5em;
    color: #2d2d2d;
}
.s2:after {
    background: #fff;
}
@media (min-width: 768px){
.s2:after {
    width: 70px;
    height: 4px;
}
}
    

.s2:after {
    position: absolute;
    bottom: -14px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    content: "";
    width: 45px;
    height: 3px;
    z-index: 4;
    background: #ffa91f;
}







@media screen and (max-width: 750px){
.s2 {
    font-size: 1.5em;
    }
}
    
    
    
    




.sub-title{
    font-size: 30px;
    font-weight: bold;
    margin-top: 20px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #2d2d2d;
}



@media screen and (max-width: 750px){
.sub-title{
    font-size: 17px;
    }
}




@keyframes wave {
  100% {
    transform: translate3d(0, -10px, 0);
  }
}

.wave {
  text-align: center;
}

.wave span {
  display: inline-block;
    letter-spacing: 0.2em;
}

.wave:hover span {
  animation-name: wave;
  animation-duration: .2s;
  animation-direction: alternate;
  animation-iteration-count: 2;
}

.wave:hover span:nth-child(2) {
  animation-delay: .1s;
}

.wave:hover span:nth-child(3) {
  animation-delay: .2s;
}

.wave:hover span:nth-child(4) {
  animation-delay: .3s;
}
.wave:hover span:nth-child(5) {
  animation-delay: .4s;
}
.wave:hover span:nth-child(6) {
  animation-delay: .5s;
}
.wave:hover span:nth-child(7) {
  animation-delay: .6s;
}
.wave:hover span:nth-child(8) {
  animation-delay: .7s;
}
.wave:hover span:nth-child(9) {
  animation-delay: .8s;
}
.wave:hover span:nth-child(10) {
  animation-delay: .9s;
}




/* --------------------------------------------------- アニメーション*/
.fuwat {
	opacity : 0;
	transform: translateY(20px);
	transition: all 2s;
}
@media screen and (max-width: 768px){
	.fuwat {
  		/*transition: all .5s;*/
		transition: none;
			opacity : 1;
	}
}





/*スクロールトップ*/
#page_top {
    background: #000000;
    width: 50px;
    height: 50px;
    margin-right: 35px;
    z-index: 11;
}
#page_top a{
    width: 50px;
    height: 50px;
}
#page_top a::before{
    top: -3px;
}
#page_top a::after {
    content:unset;
}



/*ヘッダー*/
.globalnavi {
    width: 100%;
    position: fixed;
    z-index: 10;
    height: 70px;
}


#top-head {
    background: #0000;
    height: 100px;
}
@media screen and (max-width: 750px){
#top-head {
    height: 70px;
    }
}
#top-head.sticky {
    box-shadow: rgba(0, 0, 0, .05) 0 0 10px 3px;
    background: rgba(255, 255, 255, 0.81) !important;
}


#top-head ul{
    position: relative;
}

#top-head ul li{
    display: inline-block;
    vertical-align: middle;
}
#top-head ul li{
    display: inline-block;
    vertical-align: middle;
}
#top-head .logo {
    width: 25%;
    position: absolute;
    top: 20px;
    left: 1%;
}
@media screen and (max-width: 1400px){
#top-head .logo {
    width: 30%;
    }
}
@media screen and (max-width: 768px){
#top-head .logo {
    width: 45%;
    }
}
@media screen and (max-width: 750px){
#top-head .logo {
    width: 60%;
    }
}



#top-head .logo img {
    width: 100%;
}

#top-head .tel{
    position: absolute;
    top: 20px;
    right: 13%;
    background-color: #252525;
    border-radius: 50px;
    padding: 3px 35px;
    border: solid 2px #fff;
}

@media screen and (max-width: 1650px){
#top-head .tel{
    right: 17%;
    }
}
@media screen and (max-width: 1200px){
#top-head .tel{
    right: 19%;
    }
}

@media screen and (max-width: 768px){
#top-head .tel{
    display: none;
    }
}






#top-head .tel p{
    font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #fff;
}
@media screen and (max-width: 1024px){
#top-head .tel p{
    font-size: 25px;
    }
}


#top-head .tel p span{
    font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin-left: 11px;
}




#top-head .btn1 {
    position: absolute;
    top: 27px;
    right: 13%;
}
@media screen and (max-width: 1600px){
#top-head .btn1 {
    right: 15%;
    }
}
@media screen and (max-width: 1400px){
#top-head .btn1 {
    top: 26px;
    right: 17%;
    }
}

@media screen and (max-width: 1200px){
#top-head .btn1 {
    right: 19%;
    }
}
@media screen and (max-width: 1024px){
#top-head .btn1 {
    right: 19%;
    }
}
@media screen and (max-width: 768px){
#top-head .btn1 {
    right: 29%;
    }
}
@media screen and (max-width: 750px){
#top-head .btn1 {
    top: 20px;
    right: 27%;
    }
}






#top-head .btn1:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
#top-head .btn1 a {
    background-color: #de614b;
    padding: 10px 40px;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0.3em;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: 6px 6px #6e2e23;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
}
@media screen and (max-width: 1024px){
#top-head .btn1 a {
    padding: 10px 20px;
    }
}
@media screen and (max-width: 750px){
#top-head .btn1 a {
    padding: 6px 10px;
    font-size: 13px;
    box-shadow: 3px 3px #7b580a;
    }
}




#top-head .btn2 {
    position: absolute;
    top: 27px;
    right: 2%;
}
@media screen and (max-width: 1400px){
#top-head .btn2 {
    top: 26px;
    }
}

@media screen and (max-width: 750px){
#top-head .btn2 {
    top: 20px;
    }
}
#top-head .btn2:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
#top-head .btn2 a {
    background-color: #bf3636;
    padding: 10px 40px;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: 6px 6px #661c1c;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
}
@media screen and (max-width: 1024px){
#top-head .btn2 a {
    padding: 10px 25px;
    }
}
@media screen and (max-width: 750px){
#top-head .btn2 a {
    padding: 6px 10px;
    font-size: 13px;
    box-shadow: 3px 3px #753207;
    }
}



/*トップ画像*/
.top{
    min-height: 880px;
    height: 100vh;
    background-image: url("../img/top-haikei3.jpg");
    background-size: cover;
    position: relative;
    width: 100%;
}
@media screen and (max-width: 768px){
.top{
    min-height: 880px;
    height: 100vh;
    background-image: url("../img/top-haikei-mov2.jpg");
    background-size: cover;
    position: relative;
    width: 100%;
}
}
@media screen and (max-width: 750px){
.top{
    min-height: 0px;
    height: 600px;
}
}

.section0 .top .moji img{
	width: 150%;
}
.section0 .top .moji p {
    font-size: 3em;
}
.section0 .top .fuwa1 img{
	width: 150%;
}
.section0 .top .fuwa2 img{
	width: 150%;
}
.section0 .top .fuwa3 img{
	width: 150%;
}
.section0 .top .fuwa1 {
    position: absolute;
    top: 15%;
    right: 32%;
}
.section0 .top .fuwa2 {
    position: absolute;
	top: 47%;
    right: 32%;
}
.section0 .top .fuwa3 {
    position: absolute;
	top: 26%;
    right: 13%;
}
.section0 .top .moji {
    position: absolute;
    top: 26%;
    left: 7%;
    color: #fff;
}
.section0 .top .moji h3{
    background-color: #252525;
    width: 50%;
    padding: 5px 25px;
    font-size: 30px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.section0 .top .moji h1{
    margin-top: 3%;
    font-size: 50px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    background-color: #252525;
    box-shadow: 8px 8px 4px #000000;
    padding: 5px 20px;
}
.section0 .top .moji p{
    margin-top: 10%;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
    color: #000;
}

@media screen and (max-width: 2700px){
.section0 .top .moji img{
	width: 120%;
}
}
@media screen and (max-width: 2000px){
.section0 .top .moji img{
	width: 100%;
}
.section0 .top .moji p {
    font-size: 25px;
}
.section0 .top .fuwa1 img{
	width: 100%;
}
.section0 .top .fuwa2 img{
	width: 100%;
}
.section0 .top .fuwa3 img{
	width: 100%;
}
.section0 .top .fuwa1 {
    top: 15%;
    right: 37%;
}
.section0 .top .fuwa2 {
    top: 52%;
    right: 29%;
}
.section0 .top .fuwa3 {
    top: 15%;
    right: 5%;
}
}
@media screen and (max-width: 1400px){
.section0 .top .fuwa1 {
    top: 160px;
    right: 33%;
    width: 17%;
    }
.section0 .top .fuwa2 {
    top: 430px;
    right: 30%;
    }
.section0 .top .fuwa3 {
    top: 300px;
    width: 24%;
    }
    .section0 .top .moji {
    left: 60px;
    top: 250px;
    }
}

@media screen and (max-width: 1200px){
.section0 .top .fuwa1 {
    top: 135px;
    right: 28%;
    width: 20%;
    }
.section0 .top .fuwa2 {
    top: 462px;
    right: 21%;
    width: 20%;
    }
.section0 .top .fuwa3 {
    top: 200px;
    width: 26%;
    }
.section0 .top .moji {
    left: 80px;
    top: 275px;
    width: 55%;
    }
}
@media screen and (max-width: 1024px){
.section0 .top .moji h1{
    font-size: 45px;
    }
.section0 .top .moji p{
    font-size: 20px;
    }
}
@media screen and (max-width: 768px){
.section0 .top .fuwa1 {
    right: 23%;
    width: 20%;
    top: 43%;
}
.section0 .top .fuwa2 {
    top: 64%;
    right: 28%;
    width: 29%;
    }
.section0 .top .fuwa3 {
    top: 60%;
    width: 31%;
    }
.section0 .top .moji {
    width: 85%;
	top: 11%;
    left: 7%;
    }
.section0 .top .moji h3{
    font-size: 22px;
    }
.section0 .top .moji h1{
    font-size: 40px;
    width: 100%;
    }
.section0 .top .moji p{
    font-size: 14px;
    background-color: #fff;
    padding: 5%;
    width: 80%;
	margin-top: 2%;
    }
}

@media screen and (max-width: 750px){
.section0 .top .fuwa1 {
    right: 9%;
    top: 41%;
    }
.section0 .top .moji {
    top: 20%;
}
.section0 .top .moji h3{
    font-size: 20px;
    width:65%;
    }
.section0 .top .moji h1{
    font-size: 35px;
    width: 90%; 
    }
.section0 .top .moji p{
    font-size: 11px;
    padding: 3% 5%;
    }
}
@media screen and (max-width: 400px){
.section0 .top .moji {
    top: 25%;
}
.section0 .top .moji p {
    width: 70%;
}
.section0 .top .fuwa1 {
    right: 10%;
    top: 44%;
}
}


.anime {
    animation-name: fuwafuwa;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
}
@media all and (-ms-high-contrast: none) {
  /* ここに書く */
.anime {
    animation: none;
  }
}

.anime2 {
    animation-duration: 1.8s;
}
.anime3 {
    animation-duration: 2s;
}
@keyframes fuwafuwa {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-15px)
    }
}











.section0 .scroll {
    font-family: 'Montserrat',sans-serif;
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    bottom: 5%;
    color: #fff;
    display: block;
    text-align: center;
    letter-spacing: 0.1em;
    left: 0;
    right: 0;
    margin: auto;
}
.section0 .scroll:before {
    content: "";
    width: 20px;
    height: 20px;
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
    display: block;
    transform: rotate(45deg);
    left: 2px;
    right: 0;
    margin: auto;
    position: absolute;
    bottom: 28px;
}
.section0 .scroll:after {
    content: "";
    width: 65px;
    height: 65px;
    border: solid 2px #fff;
    display: block;
    border-radius: 100%;
    left: 0;
    right: 0;
    margin: 20px auto 0;
}






/*登録ボタン*/
.touroku{
    background-color: #fff;
    background-image: url(../img/back-btn.jpg);
    background-size: cover;
}
@media screen and (max-width: 750px){
.touroku{
    padding: 10% 0%;
    }
}



.touroku-btn{
    width: 50%;
    margin: 0 auto;
    margin-top: 0%;
    padding-bottom: 15px;
}
@media screen and (max-width: 750px){
.touroku-btn{
    width: 100%;
}
}

.touroku h2{
    color: #ff6400;
    font-size: 35px;
    font-family: ヒラギノ角ゴシック, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 768px){
.touroku h2{
    font-size: 25px;
    }
}
@media screen and (max-width: 750px){
.touroku h2{
    font-size: 15px;
    }
}


.touroku h3{
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
    font-size: 30px;
}
@media screen and (max-width: 750px){
.touroku h3{
    font-size: 20px;
    }
}
.touroku h3 span{
    color: #00a0ea;
}
.touroku .btn {
    padding: 15px 70px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none !important;
    font-size: 20px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    border-radius: 5px;
}
@media screen and (max-width: 768px){
.touroku .btn {
    padding: 15px 35px;
    }
}



.touroku .btn01 {
    background-color: #3169d1;
    color: #fff !important;
}
.touroku .btn:hover {
    opacity: 1.0;
}
.touroku .btn08 {
    background-color: #ff6400;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 10px 0 0 0;
    box-shadow: 6px 9px #753207;
    height: 80px;
    line-height: 50px;
    font-size:30px;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
}
@media screen and (max-width: 768px){
.touroku .btn08 {
    font-size:25px;
    }
}
@media screen and (max-width: 750px){
.touroku .btn08 {
    font-size:18px;
    height: 60px;
    line-height: 25px;
    }
}





.touroku .btn08:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}



/*スポーツ好きに嬉しいポイント*/
.point{
    background-image: url(../img/point-haikei.jpg);
    background-size: cover;
}
@media screen and (max-width: 750px){
.point{
    padding-bottom: 0;
}
}


.point .title{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 3%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #ffffff;
    background-color: #252525;
    padding: 15px 0;
    position: relative;
}

@media screen and (max-width: 750px){
.point .title{
    font-size: 20px;
    margin-bottom: 20%;
}
}


.point .title:after {
    content: "";
    display: block;
    position: absolute;
    top: 99.8%;
    right: 50%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #252525;
    transform: translateX(30px);
}
.point ul{
    margin-top: 5%;
}

.point ul li{
    display: inline-block;
    width: 30%;
    border-radius: 10px;
    margin-right: 40px;
    background: #fff;
    padding: 30px 5px;
    vertical-align: top;
    position: relative;
    margin-top: 45px;
    box-shadow: 5px 4px 4px #a89492;
    margin-bottom: 10px;
    height: 320px;
}
@media screen and (max-width: 1000px){
.point ul li{
    width: 29%;
}
}
@media screen and (max-width: 768px){
.point ul li{
    width: 31%;
    margin-right: 13px;
}
}
@media screen and (max-width: 750px){
.point ul li{
    display: block;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 20%;
}
}


.point ul li:last-child{
    margin-right: 0px;
}
@media screen and (max-width: 750px){
.point ul li:last-child{
    margin-right: 7px;
}
}
.point ul li .abu{
    position: absolute;
    top: -45px;
    left: 65px;
}
@media screen and (max-width: 1200px){
.point ul li .abu{
    left: 30px;
    }
}
@media screen and (max-width: 1000px){
.point ul li .abu{
    top: -35px;
    }
}
@media screen and (max-width: 768px){
.point ul li .abu{
    top: -28px;
    left: 20px;
    }
}
@media screen and (max-width: 750px){
.point ul li .abu{
    left: 55px;
    }
}

@media screen and (max-width: 1000px){
.point ul li .abu img{
    width: 90%;
    }
}

.point ul li h3{
    font-size: 20px;
    margin-top: 20px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #2d2d2d;
}
@media screen and (max-width: 768px){
.point ul li h3{
    font-size: 18px;
}
}
.point ul li .icon{
    margin-top: 20px;
}



/*エイジェクスポットワークの特徴*/
.features{
    background: #de614b;
}
.features ul{
    margin-top: 2%;
    background-color: #ffffff69;
}
@media screen and (max-width: 750px){
.features ul{
    margin-top: 10%;
    }
}
.features ul li{
    display: inline-block;
    width: 23.8%;
    /* border-radius: 10px; */
    margin-right: 12px;
    /* background: #ffffff5e; */
    padding: 30px 5px;
    vertical-align: top;
    height: 350px;
    border-right: solid 6px #de614b;
}
@media screen and (max-width: 1200px){
.features ul li{
    width: 23%;
    }
}
@media screen and (max-width: 1024px){
.features ul li{
    width: 24.5%;
    margin: 0;
    height: 385px;
    }
}
@media screen and (max-width: 1000px){
.features ul li{
    width: 23.9%;
    }
}
@media screen and (max-width: 768px){
.features ul li{
    width: 24.3%;
    height: 350px;
    }
}
@media screen and (max-width: 750px){
.features ul li{
    display: block;
    width: 100%;
    margin-right: 3%;
    padding: 15px 5px;
    margin-bottom: -10%;
    height: 360px;
    border: none;
    border-bottom: solid 18px #de614b;
    margin-bottom: 6%;
    }
}
.features ul li:last-child{
    margin-right: 0px;
    border-right: none;;
}
.features ul li h3{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 23px;
    color: #2d2d2d;
    padding: 10px 0px;
    width: 85%;
    margin: 0 auto;
    padding-top: 0;
    border-bottom: solid 1px #2d2d2d;
    margin-bottom: 20px;
}
@media screen and (max-width: 1000px){
.features ul li h3{
    font-size: 20px;
}
}
@media screen and (max-width: 750px){
.features ul li h3{
    font-size: 25px;
}
}
.features ul li .icon{
    text-align: center;
    padding-top: 15px;
}
@media screen and (max-width: 768px){
.features ul li .icon img{
    width: 90%;
    margin: 0 auto;
}
}
@media screen and (max-width: 750px){
.features ul li .icon img{
    width: 50%;
}
}
.features ul li p{
    text-align: center;
    font-size: 15px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
    color: #2d2d2d;
}
@media screen and (max-width: 1200px){
.features ul li p{
    font-size: 13px;
    }
}
@media screen and (max-width: 1024px){
.features ul li p{
    font-size: 17px;
    }
}
@media screen and (max-width: 768px){
.features ul li p{
    font-size: 14px;
    }
}

/*こんなお仕事があります*/
.ichiran{
    background: #fff;
    position: relative;
    padding-top: 6%;
}
.ichiran .kira-abu{
    position: absolute;
    top: 115px;
    left: 580px;
}
.ichiran .kira-abu2{
    position: absolute;
    top: 115px;
    right: 580px;
}
.ichiran ul{
    margin-top: 5%;
}
.ichiran ul li{
    display: inline-block;
    background-color: #951c1c;
    width: 31%;
    border: solid #fff 2px;
    padding: 5px 10px;
    margin-right: 20px;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 10px;
    box-shadow: 6px 6px #000;
}
.ichiran ul .color2{
    background-color: #f39800;
}
.ichiran ul .color3{
    background-color: #8e3c81;
}

@media screen and (max-width: 1024px){
.ichiran ul li{
    width: 30.5%;
    padding: 3% 2%;
}
}
@media screen and (max-width: 750px){
.ichiran ul li{
    width: 97.5%;
    margin-bottom: 5%;
}
}
.ichiran ul li:last-child{
    margin-right: 0px;
}
.ichiran ul li:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.ichiran ul li a{
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    display: block;
    padding: 5% 4%;
}
.ichiran ul li a p{
    padding-top: 5px;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
}

@media screen and (max-width: 1000px){
.ichiran ul li a p{
    font-size: 20px;
    }
}

@media screen and (max-width: 768px){
.ichiran ul li a p{
    font-size: 18px;
    }
}
.ichiran ul li .more{
    margin-top: 10px;
}


/*仕事紹介*/
.works-sports{
    background: #fff;
    padding-bottom: 5%;
}
.works-sports #work01,.works-sports #work02,.works-sports #work03{
    padding-top: 100px;
}
.works-sports .work01{
    position: relative;
}
.works-sports .work01-abu{
    position: absolute;
    top: 10px;
    left: 100px;
}
.works-sports .work01-abu img{
    width: 70%;
}
.works-sports .work01-abu2{
    position: absolute;
    bottom: 60px;
    left: 42%;
}
.works-sports .work02{
    position: relative;
}
.works-sports .work02-abu{
    position: absolute;
    top: 10px;
    right: 0;
}
.works-sports .work02-abu img{
    width: 70%;
}
.works-sports .work02-abu2{
    position: absolute;
    top: 110px;
    left: 30%;
}

.works-sports .work03{
    position: relative;
}
.works-sports .work03-abu{
    position: absolute;
    bottom: 35px;
    left: 48%;
}
.works-sports .work03-abu img{
    width: 70%;
}
.works-sports .work01-wrap {
    overflow: hidden;
}

.works-sports .work01-wrap .hidahida{
    width: 50%;
    float: left;
    margin-right: 5%;
    background-color: #fff;
    box-shadow: 5px 4px 4px #a89492;
    border-radius: 15px;
    margin-top: 10%;
    height: 300px;
}
.works-sports .work01-wrap .hidahida h3{
    background-color: #951c1c;
    border-radius: 15px 15px 0 0;
    padding: 10px 25px;
    color: #fff;
    font-size: 25px;
    letter-spacing: 0.1em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    text-align: center;
}

.works-sports .work02-wrap .hidahida h3{
    background-color: #f39800;
}
.works-sports .work03-wrap .hidahida h3{
    background-color: #8e3c81;
}
.works-sports .work01-wrap .hidahida .yohaku{
    padding: 40px 25px;
}
.works-sports .work01-wrap .hidahida .yohaku .futo{
    font-size: 25px;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.works-sports .work01-wrap .hidahida .yohaku .hoso{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 15px;
    margin-top: 20px;
}
.works-sports .work01-wrap .hidahida .yohaku .red{
    color: red;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
}
.works-sports .work01-wrap .migimigi{
    width: 40%;
    float: left;
    text-align:center;
    position: relative;
    margin-top:90px;
}

.works-sports .work01-wrap .migimigi .migimigi-abu{
    position: absolute;
    bottom: 70px;
    left: 25px;
    text-align: left;
    z-index: 4;
}
.works-sports .work02-wrap .migimigi .migimigi-abu{
    bottom: 125px;
}
.works-sports .work01-wrap .migimigi .migimigi-abu img{
    width: 65%;
}
.works-sports .work01-wrap .migimigi button{
    background-color: #252525;
    border-radius: 30px;
    top: 60px;
    z-index: 2;
}
.works-sports .work02-wrap .hidahida{
    height: 350px;
}
.works-sports .work02-wrap .migimigi{
    width: 40%;
    float: left;
    text-align:center;
    margin-top: 5%;
}
.works-sports .work03-wrap .migimigi{
    margin-top: 5%;
}

.works-sports .work02-wrap .migimigi img{
    width: 80%;
}

.works-sports .work01-wrap .migimigi img{
    width: 80%;
}
.works-sports .work02-wrap .migimigi button{
    background-color: #252525;
    border-radius: 30px;
    top: 60px;
    z-index: 2;
}
.works-sports .work02-wrap .migimigi .sukima{
    margin-top: 10px;
}
.works-sports .work02-wrap .migimigi p span{
    font-size: 20px;
}
.works-sports .work03-wrap .migimigi p span{
    display: contents;
    font-size: 18px;
}
.works-sports .work01-wrap .migimigi .your-class {
    padding: .5em 1em;
    margin-top: -60px;
}
.works-sports .work01-wrap .migimigi .your-class .job-title{
    background-color: #fff;
    border: solid 4px #252525;
    border-radius: 30px;
    padding: 15px 32px;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
}
.works-sports .btn-obi{
    margin-top: 0%;
}
.works-sports .work02 .btn-obi{
    margin-top: 0%;
}

.works-sports .btn-obi p{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 30px;
    font-weight: bold;
    color: #2d2d2d;
}
.works-sports .btn-obi .btn{
    background-color: #951c1c;
    border: solid #fff 2px;
    box-shadow: 6px 6px #000;
    border-radius: 15px;
    width: 35%;
    margin: 0 auto;
    text-align:center;
    margin-bottom: 10px;
    margin-top: 20px;
}
.works-sports .btn-obi .btn:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.works-sports .btn-obi .btn2{
    background-color: #f39800;
}
.works-sports .btn-obi .btn3{
    background-color: #8e3c81;
}
.works-sports .btn-obi .btn a{
    text-decoration: none;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    padding: 15px 0;
    display: block;
}




@media screen and (max-width: 2500px){
.works-sports .work01-abu2{	
	left: 30%;
}
.works-sports .work02-abu2 {
    left: 8%;
}
.works-sports .work03-abu{
	left: 44%;
}
}
@media screen and (max-width: 1800px){
.works-sports .work02-abu2{
    left: 130px;
}
}
@media screen and (max-width: 1700px){
.works-sports .work01-abu2{
    left: 500px;
    bottom: 75px;
}
}
@media screen and (max-width: 1600px){
.works-sports .work02-abu2{
    left: 60px;
}
.works-sports .work03-abu{
    left: 700px;
    bottom: 30px;
}
}
@media screen and (max-width: 1500px){
.works-sports .work01-abu{
    left: 0px;
}
.works-sports .work01-abu2{
    left: 400px;
    bottom: 70px;
}
.works-sports .work03-abu{
    left: 620px;
}
}

@media screen and (max-width: 1400px){
.works-sports .work02-abu2{
    top: 50px;
    left: 40px;
}
}
@media screen and (max-width: 1300px){
.works-sports .work01-abu{
    left: -30px;
    top: 85px;
}
.works-sports .work01-abu img{
        width: 45%;
}
.works-sports .work01-abu2{
    left: 320px;
}
.works-sports .work03-abu{
    left: 530px;
}
}
@media screen and (max-width: 1200px){
.works-sports .work01-abu{
    top: 60px;
}
.works-sports .work01-abu2{
    bottom: 5px;
}
.works-sports .work03-abu{
    left: 525px;
    bottom: 5px;
}
.works-sports .work01-wrap .migimigi .migimigi-abu{
    bottom: 100px;
}
}
@media screen and (max-width: 1024px){
.works-sports .work01-abu2{
    bottom: 15px;
    left: 200px;
}
.works-sports .work02-abu2{
    top: 30px;
    left: 10px;
}
.works-sports .work03-abu{
    left: 440px;
    bottom: 0px;
}
}
@media screen and (max-width: 1000px){
.works-sports #work01,.works-sports #work02,.works-sports #work03{
    padding-top: 50px;
}
.works-sports .work01-abu2{
    bottom: 185px;
}
.works-sports .work01-wrap .hidahida{
    height: 400px;
}
.works-sports .work01-wrap .hidahida h3{
    padding: 25px 25px;
    font-size: 21px;
}
.works-sports .btn-obi{
    margin-top: 10%;
}
}

@media screen and (max-width: 768px){
.works-sports .work01-abu{
    top: -35px;
}
.works-sports .work01-abu2{
    bottom: 15px;
}
.works-sports .work02-abu2 img{
    width: 70%;
}
.works-sports .work03-abu img{
    width: 60%;
}
.works-sports .work03-abu{
    left: 320px;
    bottom: 5px;
}
.works-sports .work01-wrap .hidahida{
    height: 450px;
}
.works-sports .work03 .work01-wrap .hidahida{
    height: 400px;
}
.works-sports .work01-wrap .migimigi .migimigi-abu{
    bottom: 145px;
}
.works-sports .work03 .work01-wrap .migimigi .migimigi-abu{
    bottom: 165px;
}
.works-sports .work02-wrap .migimigi .migimigi-abu{
    bottom: 220px;
}
.works-sports .work01-wrap .migimigi button{
    top: 95px;
}
.works-sports .work02-wrap .hidahida{
    height: 480px;
}
.works-sports .work01-wrap .migimigi img{
    width: 100%;
}
.works-sports .work01-wrap .migimigi .your-class {
    margin-top: -20px;
}
.works-sports .btn-obi{
    margin-top: 0%;
}
.works-sports .work01-abu2{
    bottom: 5px;
}
.works-sports .work03 .btn-obi{
    margin-top: 0%;
}
.works-sports .btn-obi p{
    font-size: 25px;
}
}
@media screen and (max-width: 750px){
.works-sports .work01-abu{
    display: none;
}
.works-sports .work01-abu2{
    bottom: 0;
    top: 460px;
    left: 35px;
}
.works-sports .work01-abu2 img{
    width: 70%;
}
.works-sports .work02{
    margin-top: 15%;
}
.works-sports .work02-abu{
    display: none;
}
.works-sports .work02-abu2 img{
    width: 60%;
}
.works-sports .work03{
    margin-top:10%;
}
.works-sports .work03-abu img{
    width: 100%;
}
.works-sports .work03-abu{
    left: 300px;
    bottom: 0px;
    top: 300px;
}
.works-sports .work01-wrap .hidahida{
    float: none;
    width: 95%;
    margin: 0 auto;
    height: 460px;
}
.works-sports .work03 .work01-wrap .hidahida{
    height: 355px;
}
.works-sports .work01-wrap .migimigi{
        float: none;
    width: 85%;
    margin: 0 auto;
    margin-top: 12%;
}
.works-sports .work03 .work01-wrap .migimigi .migimigi-abu{
    bottom: 120px;
}
.works-sports .work02-wrap .migimigi .migimigi-abu{
    bottom: 225px;
}
.works-sports .work01-wrap .migimigi .migimigi-abu img{
    width: 50%;
}
.works-sports .work01-wrap .migimigi button{
    top: 80px;
}
.works-sports .work03 .work01-wrap .migimigi button{
    top: 100px;
}
.works-sports .work02-wrap .hidahida{
    height: 500px;
}
.works-sports .work02-wrap .migimigi{
    float: none;
    width: 85%;
    margin: 0 auto;
    margin-top: 5%;
}
.works-sports .work01-wrap .migimigi img{
    width: 90%;
}
.works-sports .work02-wrap .migimigi button{
    top: 140px;
}
.works-sports .work03 .work01-wrap .migimigi .your-class .job-title{
    font-size: 20px;
}
.works-sports .work02 .btn-obi{
    margin-top: -10%;
}
.works-sports .btn-obi p{
    font-size: 20px;
}
.works-sports .btn-obi .btn{
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;

}
}


/*よくある質問*/
.faq2{
    background: #fff;
}
.faq2 .cp_qa{
    margin-top: 5%;
}
.faq2 .cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: 'FontAwesome', sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.faq2 .cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #ffffff;
}
.faq2 .cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.faq2 .cp_qa .cp_actab label {
	line-height: 1.6em;
    position: relative;
    display: block;
    margin: 0 0.5em 0.5em 2em;
    padding: 30px 0px;
    cursor: pointer;
    border-radius: 15px;
    background: #e8e8e8;
    border: solid 2px #fff;
}
.faq2 .cp_qa .cp_actab label:hover{
    background: #ffdcdc;
}


.faq2 .cp_qa .cp_actab label span {
	display: block;
	padding: 0px 50px;
    font-size: 20px;
    color: #000;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
}
@media screen and (max-width: 750px){
.faq2 .cp_qa .cp_actab label span {
    padding: 0px 35px;
    font-size: 13px;
    }
}



/* --?アイコン */
.faq2 .cp_qa .cp_actab label::before {
	font-size: 2em;
	position: absolute;
	z-index: 99;
	top: 0.5em;
	left: -1em;
	padding: 0 0.5em;
	content: '\f128';
	border: 3px solid #ffffff;
	border-radius: 50%;
	background: #de614b;
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
}
/* --▼アイコン */
.faq2 .cp_qa .cp_actab label::after {
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1em;
    position: absolute;
    right: 25px;
    bottom: 1em;
    content: '\25BC';
    display: inline-block;
    /* width: 100%; */
    /* height: 1em; */
    padding: 0.5em;
    text-align: right;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #d8d8d8;
    background-color: #000;
    border-radius: 50px;
    border: solid 2px #000;
}
@media screen and (max-width: 750px){
.faq2 .cp_qa .cp_actab label::after {
    font-size: 1em;
    right: 12px;
    bottom: 2em;
    padding: 0.1em;
    }
}



/* 答え */
.faq2 .cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 5em;
	-webkit-transition: max-height 0.5s ease;
	        transition: max-height 0.5s ease;
	color: #ffffff;
}
@media screen and (max-width: 750px){
.faq2 .cp_qa .cp_actab .cp_actab-content {
    padding: 0 0 0 2em;
    }
}

/* --!アイコン */
.faq2 .cp_qa .cp_actab .cp_actab-content::before {
	font-size: 1.5em;
	position: absolute;
	z-index: 99;
	top: calc(50% - 0.9em);
	left: 2.5em;
	padding: 0 0.6em;
	content: '\f12a';
	color: #ffffff;
	border: 3px solid #ffffff;
	border-radius: 50%;
	background: #de614b;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
}
@media screen and (max-width: 750px){
.faq2 .cp_qa .cp_actab .cp_actab-content::before {
    left: 0.5em;
}
}
.faq2 .cp_qa .cp_actab .cp_actab-content p {
	margin: 0.5em 0.5em 0.5em 0;
	padding: 30px 50px;
    border-radius: 15px;
    background: #de614b;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    font-size: 17px;
    color: #000;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
}
@media screen and (max-width: 750px){
.faq2 .cp_qa .cp_actab .cp_actab-content p {
    font-size: 13px;
    padding: 20px 35px;
}
}
.faq2 .cp_qa .cp_actab .cp_actab-content p a{
    color: #fff;
    font-family: FOT-スキップ Std, sans-serif,"メイリオ";
    text-decoration: none;
}
.faq2 .cp_qa .cp_actab .cp_actab-content p a:hover{
    color: #f3eb00;
}

/* 質問を開いた時の仕様 */
/* --答えの高さ */
.faq2 .cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* 質問をクリックした時の▼アイコンの動き */
.faq2 .cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	bottom: 1em;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
@media screen and (max-width: 750px){
.faq2 .cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	bottom: 2em;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
    }
}










/*登録フォーム*/
.form-haikei {
    background: #fff;
    padding-top: 4%;
}
@media screen and (max-width: 750px){
.form-haikei {
    padding-top: 10%;
    }
}
.form-haikei .haikei {
    border-radius: 30px;
    margin-top: 3%;
}




/*フッター*/
footer .pr-bnr {
    background-color: #e8e8e8;
    padding: 2% 0%;
}
@media screen and (max-width: 750px){
footer .pr-bnr {
    padding: 6% 0%;
}
}

footer .hanasanpo li {
    display: inline-block;
    width: 48%;
    margin-right: 3%;
}
@media screen and (max-width: 750px){
footer .hanasanpo li {
    display: block;
    width: 100%;
    margin-bottom: 3%;
}
}

footer .hanasanpo li:last-child{
    margin-right: 0%;
}

footer .hanasanpo li img{
    width: 100%;
}





footer .footer-inner{
    background-color: #e8e8e8;
    padding: 3% 0%;
    /*background-image: url(../img/back-footer.jpg);*/
    background-size: cover;
    padding-top: 0;
}
@media screen and (max-width: 750px){
footer .footer-inner{
    padding-bottom: 15%;
}
}



footer .footer-inner .logo{
    text-align: center;
}
@media screen and (max-width: 750px){
footer .footer-inner .logo img{
    width: 60%;
    }
}



footer .footer-inner .adress{
    text-align: center;
}
footer .footer-inner .adress p{
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color:#252525;
}
@media screen and (max-width: 750px){
footer .footer-inner .adress p{
    font-size: 10px;
    }
}
footer .footer-inner .tel{
    background-color: #bf3636;
    border-radius: 50px;
    padding: 3px 35px;
    border: solid 2px #661c1c;
    width: 46%;
    margin: 0 auto;
    margin-top: 3%;
}

@media screen and (max-width: 1400px){
footer .footer-inner .tel{
    width: 52%;
    }
}
@media screen and (max-width: 1024px){
footer .footer-inner .tel{
    width: 56%;
    padding: 3px 15px;
    }
}
@media screen and (max-width: 768px){
footer .footer-inner .tel{
    width: 65%;
    }
}
@media screen and (max-width: 750px){
footer .footer-inner .tel{
    width: 100%;
    }
}



footer .footer-inner .tel p{
    font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    text-align: center;
}
@media screen and (max-width: 750px){
footer .footer-inner .tel p{
    font-size: 18px;
    color: #fff;
}
}
footer .footer-inner .tel p span{
    font-size: 14px;
    margin-left: 15px;
}
@media screen and (max-width: 750px){
footer .footer-inner .tel p span{
    font-size: 10px;
}
}





footer .under{
    background-color: #252525;
    padding: 1% 0%;
}
@media screen and (max-width: 750px){
footer .under{
    padding: 10% 0%;
}
}


footer .under p{
    color: #fff;
    font-size: 13px;
}




/*20201028　えんどう追加分*/

.sub-title span{
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #2d2d2d;
}



/*20231011　えんどう追加分*/
.features ul{
	background-color: unset;
}
.features ul li {
    display: inline-block;
    width: 29%;
    background-color: #ffffff69;
    margin-right: 5%;
}
.features ul li:last-child{
	margin-right: 0%;
}
@media screen and (max-width: 1200px){
.features ul li {
	width: 29%;
}
}
@media screen and (max-width: 1000px){
.features ul li {
	width: 29%;
}
.works-sports .work02-wrap .hidahida {
    height: 430px;
}
.works-sports .work01-abu2 {
    bottom: -45px;
}
}
@media screen and (max-width: 768px){
.features ul li .icon img {
    width: auto;
}
}
@media screen and (max-width: 750px){
.features ul li {
	display: block;
	width: 100%;
	margin-bottom: 5%;
}
.works-sports .work01-wrap .hidahida {
    height: auto;
}
}