/*****************************************************
    BOX指定
*****************************************************/
.flex-container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: flex-start;
	align-items: flex-start;
    }

.header:nth-child(1) {
	-webkit-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: center;
	align-self: center;
	text-decoration: none;
	}

.eye:nth-child(2) {
	-webkit-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: center;
	align-self: center;
	text-decoration: none;
	}

.item01:nth-child(3) {
	-webkit-flex: 0 1 50%;
	flex: 0 1 50%;
	-webkit-align-self: flex-start;
	align-self: flex-start;
	padding-bottom: 40px;
	padding-top: 20px;
	}

.item02:nth-child(4) {
	-webkit-flex: 0 1 50%;
	flex: 0 1 50%;
	-webkit-align-self: flex-start;
	align-self: flex-start;
	padding-bottom: 40px;
	padding-top: 20px;
	}

.item03:nth-child(5) {
	-webkit-flex: 0 1 50%;
	flex: 0 1 50%;
	-webkit-align-self: flex-start;
	align-self: flex-start;
	padding-bottom: 40px;
	padding-top: 50px;
	}

.item04:nth-child(6) {
	-webkit-flex: 0 1 50%;
	flex: 0 1 50%;
	-webkit-align-self: flex-start;
	align-self: flex-start;
	padding-bottom: 40px;
	padding-top: 50px;
	}

.present:nth-child(7) {
	-webkit-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: center;
	align-self: center;
	text-decoration: none;
	}


.rapid:nth-child(8) {
	-webkit-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: center;
	align-self: center;
	text-decoration: none;
	}

.detail:nth-child(9) {
	-webkit-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: center;
	align-self: center;
	text-decoration: none;
	}

.contact:nth-child(10) {
	-webkit-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: center;
	align-self: center;
	text-decoration: none;
	}

.sns:nth-child(11) {
	-webkit-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: center;
	align-self: center;
	text-decoration: none;
	}

.sns:after {
    content: "";
	display: block;
	clear: both;
}

.footer-navi:nth-child(12) {
	-webkit-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: center;
	align-self: center;
	text-decoration: none;
	}

.footer-navi:after {
    content: "";
	display: block;
	clear: both;
}
.footer:nth-child(13) {
	-webkit-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: flex-end;
	align-self: flex-end;
	text-decoration: none;
	padding: 0px 30px;
	}



/*****************************************************
    全体指定
*****************************************************/
html { font-size: 62.5% }


body {
    display: flex;
    flex-direction: row;
    min-height: 100vh;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
    font-weight: normal;
	-webkit-font-feature-settings:"palt";
	-moz-font-feature-settings:"palt";
	font-feature-settings:"palt";
	padding-bottom:4em;
	}


.contents {
	margin: 0% 10%;
	font-size: 2.0rem; /*20pt*/
	line-height: 1.5em;   /* フォントサイズの18×1.5÷2が上下余白になる*/
	}


/*****************************************************
    ライン
*****************************************************/
/*line*/
hr {
    width: 80%;
   }


/*****************************************************
    ヘッダー
*****************************************************/
.header {
    width: 100%;
    height: auto;
	max-width: 1080px;
   }

/*****************************************************
    SNSアイコン
*****************************************************/
.sns {                      
    padding-top:  5%;                
    display: flex;                  
    justify-content: space-evenly;  /* 横の位置指定 */
    width: 800px;
}

.sns-icon {
	width: 100%;
    margin: 0px 60px;                  /* 外側の余白 */
}


/*****************************************************
    フッター
*****************************************************/
.footer {                           /* copyright部分 */
	width: 100%;
	align-self: flex-end;
	-webkit-align-self: flex-end;
	padding-right: 10%;
   }


.footer-navi {                      /* ご利用ガイド・お問い合わせ・プライバシーポリシー・特定商取引法部分 */
    padding-top:  5%;                
    display: flex;                  
    justify-content: center;  /* 横の位置指定 */
    width: 100%;
}

.footer-item {
    margin:  40px;                  /* 外側の余白 */
    font-size: 1.6rem;
}

.footer-item a {
    color:  #6d6d6d;                
    text-decoration:  none;         /* デフォルトCSS打ち消し */
}


/*****************************************************
    ラピッドアイ
*****************************************************/
.eye {
	position: relative;
    width: 100%;
    height: auto;
	max-width: 1080px;
  }

.btn_eye {
    width: 50px;
    height: 50px;

    color: #ffffff;
    background-color: #2779bd;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    border-radius: 50%;
    cursor: pointer;
    
    position: absolute;
    top: 83%;
    left: 71%;

	}
/*****************************************************
    最大値設定
*****************************************************/	
@media screen and (min-width: 1280px) {
 html{ 
	 width: 1280px;
     margin: 0 auto;
	}
	
body{
	width: 1280px;
	}
}
/*****************************************************
    LP
*****************************************************/
.lp-contents{
width:1000px;
margin: 0 auto;
}

.img{width:100%;}
.lp-contents .mb55{
margin: 0 auto 55px;
}
.lp-contents .mb25{
margin: 0 auto 35px;
}

.lp-contents .lpset{
width:1000px;
margin: 0 auto 70px;
}

.lpset .item01 img, .lpset .item02 img, .lpset .item03 img{
margin: 0 auto 30px;
}

.flexinner{
display:flex;
justify-content: space-between;
}

.flexinner2{
display:flex;
justify-content: center;
}

.lp-contents .attetion{
font-size:30px;
color:#ff0000;
font-weight:bold;
text-align:center;
padding-bottom:10px;

}

.lp-contents .attetion2{
font-size:26px;
color:#ff0000;
font-weight:bold;
text-align:center;
padding-bottom:0px;

}
p, img{
vertical-align: bottom;}
.lp-detail1 p{
margin-block-start: 0em;
    margin-block-end: 0em;}

.detail-title1{
font-size:33px;
color:#000;
font-weight:bold;
text-align:center;
padding:17px 0;
background:#ffe100;
width:1000px;
margin:0 auto 10px;
}

.detail-title1.yellow{

background:#ffe100;

}

.detail-title1.blue{

background:#072f80;
color:#fff;
}

.detail-title1.red{

color:#ffffff;
background:#e61919;

}

.btn_move input[type="image"] {
  animation-name: anim_sc;
  transform: scale(0.8, 0.8);
}

@keyframes anim_sc {
  100% {
    transform: scale(0.9,0.9);
  }
}

.btn_move input[type="image"]  {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}

.btn_move input[type="image"] :hover{
opacity:0.8;
}

.flexinner2 {
  
    width: 1000px;
    margin: 0 auto;
}
#rapid_item img{
padding-bottom:25px;
}

.rapid_s img{
margin: 0 auto; text-align: center;
width: 500px;
}

.lp_title1{
    text-align: center;
font-size:30px;
font-wight:600;
padding:0 0 35px;
}


.pagetop a{
  text-align: center;
font-size:26px;
padding:30px 0 0px;
color:#e60012;
font-weight:bold;
}