@charset "utf-8";

.flex{display: flex;}
body{min-width: 1200px;}
body.stopwo {overflow: hidden; width: 100%;}




.eneos_content{overflow: hidden}
.eneos_content .mover_box{width: 679px; margin: 0 auto;}
.eneos_content .mover_box .title_box{padding: 0 0 0 64px;align-items: center;}
.eneos_content .mover_box .title_box h3{font-family: corporate-logo-ver2, sans-serif; font-weight: 700; font-style: normal; line-height: 116%; font-size: 46px;}
.eneos_content .mover_box .title_box img{margin: 0 30px 0 0;}
.eneos_content .mover_box .text_box{text-align: center; padding: 23px 0 0;}
.eneos_content .mover_box .text_box p{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; font-style: normal; font-size: 18px; line-height: 160%; padding: 26px 0 0;}
.eneos_content .mover_box .text_box p span{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 900; font-style: normal;font-size: 22px; line-height: 160%;}
.eneos_content .mover_box .youtube_box{width: 100%; height: auto; position: relative; margin: 42px 0 0; overflow: hidden;cursor: pointer;}
.eneos_content .mover_box .youtube_box .youtube_modal_img {display: block; width: 100%; height: auto; transition: 0.5s;}
.eneos_content .mover_box .youtube_box.thumb-hover .youtube_modal_img{ transition: 0.5s; transform: scale(1.1);}
.eneos_content .mover_box .youtube_box .youtebu_icn{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.eneos_content .yellow_box{position: relative;margin: 105px 0 0; background:linear-gradient(transparent 169px, #FDD002 169px); padding: 111px 0 181px;}
.eneos_content .yellow_box:before{content: ""; display: block; width: 100%; height: 60px; background: url(../img/index/bg_2.jpg) no-repeat center bottom ,linear-gradient(0deg, #fff 50%, #FDD002 0%); background-size: 100% 60px; position: absolute; bottom: 0px; left: 0px;}
.eneos_content .yellow_box .link_list{position: absolute; text-align: center; left: 50%; transform: translateX(-50%); top: 0px; z-index: 2;}
.eneos_content .yellow_box .link_list h3{text-align: center; font-size: 56px; line-height: 115%; font-family: corporate-logo-ver2, sans-serif; font-weight: 700; font-style: normal; margin: 0 0 0 33px; }
.eneos_content .yellow_box .bg_box{position: relative;}
.eneos_content .yellow_box .bg_box:before{position: absolute; top: 0px; left: 0px; content: ""; display: block; background: url(../img/index/bg_3.png?var=1234567) no-repeat center center; background-size: 100% 54px; width: 100%; height: 54px;}
.eneos_content .yellow_box .bg_box:after{position: absolute; bottom: 0px; left: 0px;  content: ""; display: block; background: url(../img/index/bg_4.png?var=1234567) no-repeat center center; background-size: 100% 54px; width: 100%; height: 54px;}

.eneos_content .yellow_box .bg_box .bg .bg_inner{position: relative; width: 900px; height: 100%; margin: 0 auto;}

.eneos_content .yellow_box .box .content{padding: 221px 0 0;}
.eneos_content .yellow_box .box .block_2.content{padding: 200px 0 0; margin:182px 0 0; flex-direction: row-reverse;}
.eneos_content .yellow_box .box .content {align-items: center; justify-content: space-between;}
.eneos_content .yellow_box .box .content .text_box h3{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 700; font-style: normal; line-height: 160%; font-size: 27px;}
.eneos_content .yellow_box .box .content .text_box h3 span{font-size: 80px; font-family: corporate-logo-ver2, sans-serif; font-weight: 700; font-style: normal; line-height: 113%; display: inline-block; padding: 12px 0 0;}
.eneos_content .yellow_box .box .content p.text_content{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: 200%; padding: 68px 0 0;width: 550px;}

.eneos_content .yellow_box .box .content p.text_content a{border-bottom: 1px solid #000;} 
.eneos_content .yellow_box .box .content p.text_content a.thumb-hover{border-bottom: 1px solid #467886; color: #467886;}

.eneos_content .yellow_box .box .content .btn{position: relative; width: 465px; height: auto; background: #000; border-radius: 1000px; color: #fff; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 700; font-style: normal; font-size: 21px; line-height: 167%; padding: 30px 79px 33px 29px; margin: 69px 0 0;}
.eneos_content .yellow_box .box .content .btn span{position: absolute; top: 50%; transform: translateY(-50%); right: 29px; width: 21px; height: 21px;}
.eneos_content .yellow_box .box .content .btn span:before{content: ""; display: block; width: 100%; height: 3px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.eneos_content .yellow_box .box .content .btn span:after{content: ""; display: block; width: 100%; height: 3px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotateZ(90deg);}

.eneos_content .yellow_box .box .content .smartphone_box{width: 432px; position: relative;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone{border-radius: 20px; background: #fff; position: relative; z-index: 2;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .top_box{ border-bottom: 2px solid #EBEBEB; padding: 33px 23px 21px;}

.eneos_content .yellow_box .box .content .smartphone_box .smartphone .content_box{margin: 0;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .content_box .draggable{padding: 0 0 50px;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .content_box button.slick-arrow{width: 30px; height:30px; border-radius: 1000px;  background: #fff; z-index: 100;right: 10px;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .content_box button.slick-prev{left: 10px; right: auto;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .content_box button.slick-arrow:before{content: ""; display: block; width: 9px; height: 9px; border-bottom: 2px solid #FDD002; border-right: 2px solid #FDD002; transform: translate(-50%,-50%) rotate(-45deg); left: 45%; top: 50%; z-index: 100; position: absolute;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .content_box button.slick-prev:before{transform: translate(-50%,-50%) rotate(135deg);left: 55%;}


.eneos_content .yellow_box .box .content .smartphone_box .smartphone .content_box.slider_box .slick-dots{bottom: 20px; z-index: 10;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .content_box.slider_box .slick-dots li{ width: 10px; height: 10px; margin: 0 6px;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .content_box.slider_box .slick-dots li.slick-active button{background: #FF8900;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .content_box.slider_box .slick-dots li button{background: #CECECE; width: 100%; height: 100%; padding: 0px; border-radius: 100px;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .content_box.slider_box .slick-dots li button:before{display: none;}

.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box{border-top: 2px solid #EBEBEB; height: 181px; padding: 15px 0 21px;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box .icn_box{padding: 0 11px 0 16px; justify-content: space-between;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box .icn_box .icn{align-items: center;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box .icn_box .icn img:nth-child(1){margin-right: 20px;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box .icn_box .icn img:nth-child(2){margin-right: 19px;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box .icn_box .icn img:nth-child(3){margin-right: 17px;}
.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box p{padding: 13px 23px 0 24px; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal; line-height: 165%; font-size: 14px;}

.eneos_content .youtube_modal {	display: none; position: fixed;	top: 0;	left: 0; width: 100%; height: 100%;	background: rgba(0,0,0,0.7); z-index: 9999;	}
.eneos_content .youtube_modal .box { position: relative; z-index: 10000; width: 24%; height: auto; padding: 44% 0 0; margin: 50px auto;}
.eneos_content .youtube_modal .box iframe{position: absolute; width: 100%; height: 100%; top: 0px;}
.eneos_content .clos_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; display: flex; align-items: center;}

.eneos_content .clos_box{width: 40px; height: 40px; position: absolute; right: 0; top: -8%;}
.eneos_content .clos_box:before{content: ""; display: block; width: 100%; height: 4px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotateZ(-45deg);}
.eneos_content .clos_box:after{content: ""; display: block; width: 100%; height: 4px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotateZ(45deg);}
.eneos_content .yellow_box .box .content .smartphone_box .img{position: absolute;}

.eneos_content .yellow_box .bg_box .bg .bg_inner .logo_pin{position: absolute; z-index: 3; }
.eneos_content .yellow_box .bg_box .bg .bg_inner .logo_pin img{opacity: 1; transition: 0.5s;}
.eneos_content .yellow_box .bg_box .bg .bg_inner .logo_pin.thumb-hover img{opacity: 0.5 !important; transition: 0.5s;}

/* ------------------------------------------------------------ #fv */
#fv{position: relative;}
#fv .fv_box{background:url(../img/index/fv_bg_1.jpg?var=1234567) no-repeat center center, #000; background-size: 1600px; overflow: hidden; }
#fv .fv_box .fv_box_inner{width: 1100px; position: relative; margin: 0 auto;}
#fv .fv_box .fv_box_inner h2{padding: 504px 0 44px; text-align: center; }
#fv .fv_box .fv_box_inner .logo_box {position: relative;}

#fv .fv_box .fv_box_inner .logo_box .pin {opacity: 0; transform: scale(0.8); transition: all 0.4s ease; position: absolute;}
#fv .fv_box .fv_box_inner .logo_box .pin.show {opacity: 1; transform: scale(1);}
#fv .fv_box .fv_box_inner .logo_box.left_logo_box{width: 438px; height: 654px; position: absolute; left: -69px; top: 24px;}
#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_1{top: -13px; right: -81px;z-index: 3;}
#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_2{top: 33px; left: 33px; }
#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_3{top: 90px; right: 41px;z-index: 3;}
#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_4{top: 128px; left: 36px; z-index: 1;}
#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_5{top: 159px; right: 126px;z-index: 1;}
#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_6{top: 180px; left: -7px; z-index: 1;}
#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_7{top: 184px; right: 89px; z-index: 2;}
#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_8{top: 234px; left: 12px;}
#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_9{bottom: 270px; left: 52px; z-index: 1;}
#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_10{bottom: 222px; right: 77px;}
#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_11{bottom: 202px; left: 32px;}
#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_12{bottom: 107px; right: 0px; z-index: 2;}
#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_13{bottom: 56px; left: 28px;z-index: 1;}
#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_14{bottom: 30px; left: 3px;}

#fv .fv_box .fv_box_inner .logo_box.right_logo_box{width: 447px; height: 617px; position: absolute; right: 56px; top: 24px;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_15{top: -7px; right: -3px;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_16{top: 29px; left: 92px; z-index: 1;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_17{top: 72px; right: -5px;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_18{top: 121px; right: 9px; z-index: 2;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_19{top: 169px; right: -21px; z-index: 1;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_20{top: 192px; right: 73px;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_21{top: 213px; right: 30px; z-index: 1;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_22{top: 267px; right: 2px;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_23{bottom: 243px; right: 133px; z-index: 1;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_24{bottom: 202px; right: -5px; z-index: 1;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_25{bottom: 143px; right: 3px; z-index: 3;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_26{bottom: 86px; right: 37px; z-index: 2;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_27{bottom: 51px; right: 22px;z-index: 1;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_28{bottom: 25px; right: -21px;}
#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_29{bottom: 3px; right: 2px;z-index: 1;}

#fv .fv_text_box{background: #EEEEEE; padding: 52px 0 91px;}
#fv .fv_text_box h3{text-align: center; margin: 0 auto;}
#fv .fv_text_box .text_box{padding: 24px 0 0; text-align: center;}
#fv .fv_text_box .text_box p{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 700; font-style: normal; font-size: 19px; line-height: 143%;}

#fv .fv_text_box .text_box p br.PC { line-height: 170%;}
#fv .fv_text_box .text_box p:not(:first-child){padding: 33px 0 0;}

/* ------------------------------------------------------------ .link_box ------------------------------------------------------------ */
.link_box {}
.link_box.fixed {position: fixed; left: 0; right: 0; top: 0; z-index: 999;}

.link_box li{width: calc(100% / 3); height: auto; }
.link_box li:not(:last-child){border-right: 1px solid #fff;}
.link_box li a{display: block; padding: 22px 0 26px; background: #000; text-align: center; position: relative; width: 100%; }
.link_box li a .tt{color: #fff;font-family: corporate-logo-ver2, sans-serif; font-weight: 700; font-style: normal; font-size: 20px; line-height: 160%; display: inline-block; padding: 0 37px 0 16px; position: relative;}
.link_box li a .tt:before{content: ""; display: block; width: 12px; height: 12px; border-right: 1px solid #FDD002; border-bottom: 1px solid #FDD002; transform: translateY(-50%) rotateZ(45deg); top: 50%; position: absolute; right: 0px;}

/* ------------------------------------------------------------ #father ------------------------------------------------------------ */
#father{padding: 79px 0 0;}
#father.eneos_content .yellow_box .bg_box{position: relative; background: url(../img/index/father_bg_1.jpg?var=1234567) no-repeat center top -85px, #000; background-size: 1600px, 100%; padding: 74px 0 61px;}
#father.eneos_content .yellow_box .bg_box .bg{width: 100%; height: auto; height: 554px; position: relative; }
#father.eneos_content .yellow_box .bg_box .bg .bg_inner .father_logo_1{ top: 0px; left: 109px;}
#father.eneos_content .yellow_box .bg_box .bg .bg_inner .father_logo_2{bottom: 103px; left: 0px;}
#father.eneos_content .yellow_box .bg_box .bg .bg_inner .father_logo_3{ bottom: 0; left: 158px;}
#father.eneos_content .yellow_box .bg_box .bg .bg_inner .father_logo_4{bottom:207px; right: 0px;}
#father.eneos_content .yellow_box .bg_box .bg .bg_inner .father_logo_5{bottom: 43px; right: 0px;}
#father.eneos_content .mover_box .text_box img{margin: 0 40px 0 0;}

#father.eneos_content .yellow_box .box .content .smartphone_box .img_2{top: -184px; left: -6px;}
#father.eneos_content .yellow_box .box .content .smartphone_box .img_3{bottom: -127px; right: 19px; z-index: 3;}
#father.eneos_content .yellow_box .box .block_2.content .smartphone_box .img_4{top: -184px; left: 6px;}
#father.eneos_content .yellow_box .box .block_2.content .smartphone_box .img_5{bottom: -66px; right: -28px; z-index: 3;}
#father.eneos_content .yellow_box .bg_box{}

/* ------------------------------------------------------------ #mother ------------------------------------------------------------ */
#mother{padding: 100px 0 0;}
#mother.eneos_content .yellow_box .bg_box{position: relative; background: url(../img/index/mother_bg_1.jpg?var=1234567) no-repeat center top -57px ,#000; background-size: 1600px; padding: 78px 0 66px;}
#mother.eneos_content .yellow_box .bg_box .bg{ width: 100%; height: auto; height: 555px; position: relative; }
#mother.eneos_content .yellow_box .bg_box .bg .bg_inner .mother_logo_1{top: 0px ;left: 116px;}
#mother.eneos_content .yellow_box .bg_box .bg .bg_inner .mother_logo_2{bottom: 147px; left: 0px;}
#mother.eneos_content .yellow_box .bg_box .bg .bg_inner .mother_logo_3{bottom: 0px; left: 0px;}
#mother.eneos_content .yellow_box .bg_box .bg .bg_inner .mother_logo_4{bottom: 201px; right: 0px;}
#mother.eneos_content .yellow_box .bg_box .bg .bg_inner .mother_logo_5{bottom: 97px; right: 125px;}

#mother.eneos_content .yellow_box .box #block_3.content p.text_content{width: 576px;}

#mother.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box{height: 140px;}
#mother.eneos_content .yellow_box .box .content .smartphone_box .img_2{ top: -182px; left: 7px;}
#mother.eneos_content .yellow_box .box .content .smartphone_box .img_3{ bottom: -109px; right: -115px; z-index: 3;}

#mother.eneos_content .yellow_box .box .block_2.content{padding: 200px 0 0; margin: 190px 0 0;}
#mother.eneos_content .yellow_box .box .block_2.content .smartphone_box .smartphone .btm_box{height: 181px;}
#mother.eneos_content .yellow_box .box .block_2.content .smartphone_box .img_4{ top: -177px; left: 5px;}
#mother.eneos_content .yellow_box .box .block_2.content .smartphone_box .img_5{bottom: -66px; left: -42px; z-index: 3;}

/* ------------------------------------------------------------ #daughter ------------------------------------------------------------ */
#daughter{padding: 73px 0 0;}
#daughter.eneos_content .yellow_box .bg_box{position: relative; background: url(../img/index/daughter_bg_1.jpg?var=1234567) no-repeat center top -105px , #000; background-size: 1600px; padding: 81px 0 55px;}
#daughter.eneos_content .yellow_box { margin: 105px 0 0; background: linear-gradient(transparent 169px, #FDD002 169px); padding: 111px 0 268px;}
#daughter.eneos_content .yellow_box:before{display: none;}
#daughter.eneos_content .mover_box .text_box img{margin: 0 60px 0 0;}
#daughter.eneos_content .yellow_box .bg_box .bg{width: 100%; height: auto; height: 553px; position: relative; }
#daughter.eneos_content .yellow_box .bg_box .bg .bg_inner .daughter_logo_1{top:0px ;left: 105px;}
#daughter.eneos_content .yellow_box .bg_box .bg .bg_inner .daughter_logo_2{bottom: 136px; left: 61px;}
#daughter.eneos_content .yellow_box .bg_box .bg .bg_inner .daughter_logo_3{bottom: 0px; left: 24px;}
#daughter.eneos_content .yellow_box .bg_box .bg .bg_inner .daughter_logo_4{top: 216px; left: 0px;}
#daughter.eneos_content .yellow_box .bg_box .bg .bg_inner .daughter_logo_5{bottom: 80px; right: 0px;}

#daughter.eneos_content .yellow_box .box .content .smartphone_box .img_2{position: absolute; top: -169px; left: 23px;}
#daughter.eneos_content .yellow_box .box .content .smartphone_box .img_3{position: absolute; bottom: -154px; right: -28px; z-index: 3;}

#daughter.eneos_content .yellow_box .box .block_2.content{padding: 190px 0 0; margin: 105px 0 0;}
#daughter.eneos_content .yellow_box .box .block_2.content .smartphone_box .img_4{position: absolute; top: -171px; left: 22px;}
#daughter.eneos_content .yellow_box .box .block_2.content .smartphone_box .img_5{position: absolute; bottom: -83px; right: -48px; z-index: 3;}
#daughter.eneos_content .yellow_box .box .block_2 .text_box{padding: 80px 0 0;}
#daughter.eneos_content .yellow_box .box .block_2 .text_box p{padding: 34px 0 0;}
#daughter.eneos_content .yellow_box .daughter_img_6{width: 1100px; position: absolute; left: 50%; bottom: -47px; transform: translateX(-50%);}
#daughter.eneos_content .yellow_box .box .content p.text_content{width: 510px;}
/* ------------------------------------------------------------ .cta ------------------------------------------------------------ */
.cta{background: url(../img/common/footer_bg_2.jpg?var=1234567) no-repeat center center , #000; background-size: 1600px;padding: 94px 0 125px; position: relative;}
.cta:before{content: ""; display: block; width: 100%; height: 61px; background: url(../img/common/footer_bg_1.png?var=1234567) no-repeat center top; background-size:100% 61px ; top: 0px; left: 0px;position: absolute;}
.cta .cta_box{position: relative; width: 864px; margin: 0 auto;}
.cta .cta_box h3{text-align: center; }
.cta .cta_box .btn{width: 410px; margin: 387px auto 0; display: block; position: relative; padding: 9px 0 0;}
.cta .cta_box .btn:before{content: ""; display: block; width: 100%; height: 76px; border-radius: 18px;  background: #03A36F;}
.cta .cta_box .btn span.bg_box{position: relative; display: block; width: 100%; height: auto; text-align: center; font-size: 24px; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; font-style: normal; line-height: 163%; background: #04C586; z-index: 2; border-radius: 18px; color: #fff; padding: 16px 13px 21px 0; transition: 0.5s; position: absolute; bottom: 8px;}
.cta .cta_box .btn.thumb-hover span.bg_box{transition: 0.5s; bottom: 0px;}

.cta .cta_box .btn span.bg_box .icn{width: 27px; height: 27px; background: #fff; border-radius: 1000px; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); right: 29px; }
.cta .cta_box .btn span.bg_box .icn:before{content: ""; display: block; width: 12px; height: 12px; border-bottom: 2px solid #04C586; border-right: 2px solid #04C586; transform: translate(-50%,-50%) rotateZ(-45deg); top: 50%; left: 40%; position: absolute;}
.cta .cta_box .cta_logo_1{position: absolute; left: 0px; top: 351px;}
.cta .cta_box .cta_logo_2{position: absolute; right: 0px; top: 346px;}

@media only screen and (max-width: 1025px) {
	.flex{display: block;}
	body{min-width: 90%;}
	
	.eneos_content .mover_box{width: 100%; margin: 0 auto;}
	.eneos_content .mover_box .title_box{padding: 0; display: block; text-align: center;}
	.eneos_content .mover_box .title_box h3{ font-size: 31px;}
	.eneos_content .mover_box .title_box img{margin: 0 0 15px; width: 78px; height: auto;}
	.eneos_content .mover_box .text_box{padding: 12px 0 0;}
	.eneos_content .mover_box .text_box p{font-size: 16px; padding: 11px 0 0;}
	.eneos_content .mover_box .text_box p span{font-size: 18px; }
	.eneos_content .mover_box .youtube_box{margin: 42px 0 0;}
	.eneos_content .mover_box .youtube_box .youtebu_icn{width: 110px; height: auto; }
	.eneos_content .mover_box .youtube_box .youtebu_icn img{ width: 100%; height: auto; }
	.eneos_content .yellow_box{margin: 78px 0 0; background:linear-gradient(transparent 20%, #FDD002 20%);  padding:0 0 18.5%;}
	.eneos_content .yellow_box:before{ background:url(../img/index/bg_2_sp.jpg) no-repeat center bottom, linear-gradient(0deg, #fff 50%, #FDD002 0%); background-size: 100%; height: auto; padding: 11.75% 0 0;}

	.eneos_content .yellow_box .link_list { width: 100%; position: relative; transform: none; left: auto;}
	.eneos_content .yellow_box .link_list h3{padding: 0 0 28px; margin: 0 0 0 0; }
	.eneos_content .yellow_box .link_list h3 img{ width: 67.54%; height: auto;}
	.eneos_content .yellow_box .bg_box .bg .bg_inner{width: 100%; height: auto;}
	
	.eneos_content .yellow_box .box .content{padding: 25px 0 0;}
	.eneos_content .yellow_box .box .block_2.content{padding: 20px 0 0; margin:39px 0 0; }
	.eneos_content .yellow_box .box .content {align-items: center; justify-content: space-between;}
	.eneos_content .yellow_box .box .content .text_box h3{font-size: 16px; text-align: center;}
	.eneos_content .yellow_box .box .content .text_box h3 span{font-size: 30px; padding: 12px 0 0;}
	.eneos_content .yellow_box .box .content p.text_content{ font-size: 10px; width: 100%; padding: 26px 0 0; line-height: 167%;}
	.eneos_content .yellow_box .box .content .btn{width:306px;font-size: 14px;padding: 21px 40px 21px 19px; margin: 30px auto 0;}
	.eneos_content .yellow_box .box .content .btn span{right: 29px; width: 14px; height: 14px;}
	.eneos_content .yellow_box .box .content .btn span:before{height: 2px; }
	.eneos_content .yellow_box .box .content .btn span:after{height: 2px;}
	
	.eneos_content .yellow_box .box .content .smartphone_box{width: 100%; padding: 30.7% 0 18.6%; }
	.eneos_content .yellow_box .box .content .smartphone_box .smartphone{border-radius: 15px;}
	.eneos_content .yellow_box .box .content .smartphone_box .smartphone .top_box{ padding: 11px 15px 11px;}
	.eneos_content .yellow_box .box .content .smartphone_box .smartphone .top_box img{width: 115px; height: auto;}
	
	.eneos_content .yellow_box .box .content .smartphone_box .smartphone .content_box{height: auto;}
	.eneos_content .yellow_box .box .content .smartphone_box .smartphone .content_box img{width: 100%; height: auto;}
	
	.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box{height: auto; padding: 12px 0 9.5%;}
	.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box .icn_box{padding: 0 11px 0 16px; display: flex;}
	.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box .icn_box .icn{align-items: center;}
	.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box .icn_box .icn img:nth-child(1){margin-right: 16px;}
	.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box .icn_box .icn img:nth-child(2){margin-right: 15px;}
	.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box .icn_box .icn img:nth-child(3){margin-right: 13px;}
	.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box p{padding: 17px 20px 0; font-size: 11px;line-height: 210%;}
	
	.eneos_content .yellow_box .box .content .smartphone_box .img img{width: 100%; height: auto;}
	.eneos_content .yellow_box .bg_box .bg .bg_inner .logo_pin img{width: 100%; height: auto;}
	

	.eneos_content .youtube_modal .box { width: 90%; padding: 160% 0 0; margin: 50px auto;}
	
	.eneos_content .clos_box{width: 30px; height: 30px; top: -40px;right: 0;}
	.eneos_content .clos_box:before{height: 2px;}
	.eneos_content .clos_box:after{height: 2px;}
	
	
	.eneos_content .yellow_box .bg_box:before,
	.eneos_content .yellow_box .bg_box:after{display: none;}
	/* ------------------------------------------------------------ #fv */
	#fv .fv_box{background:url(../img/index/fv_bg_sp_1.jpg?var=1234567) no-repeat center center; background-size: cover; }

	#fv .fv_box .fv_box_inner{width: 100%; margin: 0 auto;}
	#fv .fv_box .fv_box_inner h2{padding: 114% 0 9%; text-align: center;}
	#fv .fv_box .fv_box_inner h2 img{width: 80.5%; height: auto; margin: 0 auto;}
	#fv .fv_box .fv_box_inner .logo_box .pin{height: auto;}
	
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box{ width: 61.79%; height: auto; left: 0px; top: 2%; padding: 56.0% 0;}
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_1{ top: -0.9%; left: 11.05%; width: 72%;}
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_2{ top: 11.3%; left: -4%; z-index: 1; width: 61.0%;}
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_3{ top: 18%; right: 25.6%; width: 61%; z-index: 2;}
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_4{ top: 23.5%; left: 1.2%; width: 39%; z-index: 1;}
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_5{ top: 25.67%; width: 29.2%; right: 46.61%;}
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_6{ top: 64.8%; left: 8%; z-index: 1; width: 40%;}
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_7{ top: 28.6%; width: 50%; right: 55.4%;}
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_8{ top: 37.71%; width: 50%; left: -7.05%;z-index: 2;}
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_9{ bottom: 38.2%; left: -3.2%; width: 59%;}
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_10{ bottom: 35%; right: 35%; z-index: 0; width: 54.5%;}
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_11{ bottom: 30.7%; left: -4%; width: 36%;}
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_12{ bottom: 0.5%; right: -0.5%; z-index: 1; width: 100%;}
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_13{ bottom: 19.5%; left: -4.3%; width: 57%;}
	#fv .fv_box .fv_box_inner .logo_box.left_logo_box .pin_14{ bottom: 15.5%; left: -4%; z-index: 0; width: 46.4%;}
	
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box{ width: 50%; height: auto; right: 0px; top: 4.4%; padding: 52.15% 0;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_15{ top: -0.25%; right: -9%; width: 69%;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_16{ top: 4.4%; z-index: 1; width: 69%; left: 15.7%;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_17{ top: 11.75%; width: 41.3%; right: -5%;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_18{ top: 17.6%; right: -5.8%; width: 66.8%; z-index: 4;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_19{ top: 25.0%; width: 44%; right: -5.5%; z-index: 3;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_20{ top: auto; right: 1.3%; bottom: 12.4%; width: 47.2%; z-index: 1;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_21{ top: 30.35%; right: -0.3%; z-index: 1; width: 46%;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_22{ top: 36.89%; right: -5%; width: 58%;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_24{ bottom: 45.05%; right: -3.5%; width: 53.5%;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_25{ bottom: 17.6%; right: -5.9%; width: 108%;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_26{ bottom: 34.0%; right: 8.25%; width: 70.2%; z-index: 2;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_27{ bottom: 31.3%; right: -2.5%; width: 55%;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_28{ bottom: 10.7%; right: 23.0%; z-index: 1; width: 47.9%;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_29{ bottom: 5.5%; right: -6.1%; width: 43.4%;}
	#fv .fv_box .fv_box_inner .logo_box.right_logo_box .pin_30{ bottom: 40.8%; right: -2.1%; width: 36.0%;}
	
	#fv .fv_text_box{padding: 23px 0 41px;}
	#fv .fv_text_box h3{width: 311px; }
	#fv .fv_text_box h3 img{width: 100%; height: auto;}
	#fv .fv_text_box .text_box{padding:9px 0 0; }
	#fv .fv_text_box .text_box p{font-size: 16px;}
	#fv .fv_text_box .text_box p:not(:first-child){padding: 14px 0 0;}
	
	/* ------------------------------------------------------------ .link_box ------------------------------------------------------------ */
	.link_box ul{display: flex;}
	.link_box li a{padding: 11px 0 12px;}
	.link_box li a img{width: 24px; height: auto;}
	.link_box li:first-child a img{width: 22px; height: auto;}
	.link_box li a .tt{font-size: 15px; padding: 1px 0 13px; }
	.link_box li a .tt:before{width: 12px; height: 12px; bottom: 0; transform: translateX(-50%) rotateZ(45deg); left: 50%; top: auto;}
	
	/* ------------------------------------------------------------ #father ------------------------------------------------------------ */
	#father{padding: 30px 0 0;}
	#father.eneos_content .yellow_box .bg_box .bg{width: 90%; margin: 0 auto; height: auto; }
	#father.eneos_content .yellow_box .bg_box .bg .bg_inner .father_logo_1{ top: 0px; left: auto;position: relative; width: 87.7%; height: auto;}
	#father.eneos_content .yellow_box .bg_box .bg .bg_inner .father_logo_2{bottom: auto; left: auto;position: relative; width: 79.1%; height: auto; margin: 0;}
	#father.eneos_content .yellow_box .bg_box .bg .bg_inner .father_logo_3{bottom: auto; left: auto;position: relative; width: 71%; height: auto; margin: -4% 0 0; }
	#father.eneos_content .yellow_box .bg_box .bg .bg_inner .father_logo_4{ bottom: auto; right: auto;position: relative; width: 86%; height: auto; margin: 27% 0 0 auto; display: block;}
	#father.eneos_content .yellow_box .bg_box .bg .bg_inner .father_logo_5{bottom: auto; right: auto;position: relative; width: 68.5%; height: auto; margin: -6% 0 0 auto; display: block; z-index: 2;}
	#father.eneos_content .yellow_box .bg_box .bg .bg_inner .father_logo_4 img,
	#father.eneos_content .yellow_box .bg_box .bg .bg_inner .father_logo_5 img{width: 100%; height: auto;}
	#father.eneos_content .mover_box .text_box img{margin: 0; width: 139px; height: auto;}
	
	#father.eneos_content .yellow_box .box .content .smartphone_box .img_2{ top: 0%; width: 93.2%; height: auto; left: 0px;}
	#father.eneos_content .yellow_box .box .content .smartphone_box .img_3{bottom: 0; right: 19px; width: 80.2%;}
	#father.eneos_content .yellow_box .box .block_2.content .smartphone_box {padding: 31.4% 0 15.95%; }
	#father.eneos_content .yellow_box .box .block_2.content .smartphone_box .img_4{ top: 1%; left: 2%; width: 85.4%;}
	#father.eneos_content .yellow_box .box .block_2.content .smartphone_box .img_5{ bottom: 0; right: 5px; width: 77%;}
	#father.eneos_content .yellow_box .box .block_2.content .smartphone_box .smartphone .btm_box{height: auto; padding: 12px 0 7.6%;}
	#father.eneos_content .yellow_box .bg_box{background: url(../img/index/father_bg_1_sp.jpg?var=1234567) no-repeat center top; background-size: cover; padding: 15.4% 0 11%;}
	
	/* ------------------------------------------------------------ #mother ------------------------------------------------------------ */
	#mother{padding: 31px 0 0;}
	#mother.eneos_content .yellow_box .box .content .smartphone_box {padding: 38% 0 16.5%;}
	#mother.eneos_content .yellow_box .bg_box{background: url(../img/index/mother_bg_1_sp.jpg?var=1234567) no-repeat center top; background-size: cover; padding: 16.5% 0 12%;}
	#mother.eneos_content .yellow_box .bg_box .bg{width: 90%; height: auto; margin: 0 auto; }
	#mother.eneos_content .yellow_box .bg_box .bg .bg_inner .mother_logo_1{top: auto ;left: auto; position: relative; width: 91.8%; height: auto;}
	#mother.eneos_content .yellow_box .bg_box .bg .bg_inner .mother_logo_2{bottom: auto ;left: auto; position: relative; width: 67.57%; height: auto; margin: -3% 0 0;}
	#mother.eneos_content .yellow_box .bg_box .bg .bg_inner .mother_logo_3{bottom: auto; left: auto; position: relative; width: 85.1%; height: auto; margin: 2.65% 0 0;}
	#mother.eneos_content .yellow_box .bg_box .bg .bg_inner .mother_logo_4{bottom: auto ;left: auto; position: relative; width: 85.9%; height: auto; margin: 27% 0 0 auto; display: block;}
	#mother.eneos_content .yellow_box .bg_box .bg .bg_inner .mother_logo_5{bottom: auto; left: auto; width: 84.2%; height: auto; right: auto; display: block;position: relative; margin: -0.5% 0 0 auto;}
	#mother.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box{height: auto; padding: 10px 0 7.9%;}
	
	#mother.eneos_content .yellow_box .box #block_3.content p.text_content{width: 100%;}
	
	#mother.eneos_content .yellow_box .box .content .smartphone_box .img_2{top: 1.5%; left: 4.5%; width: 89.7%; height: auto;}
	#mother.eneos_content .yellow_box .box .content .smartphone_box .img_3{bottom: 0px; right: -5.5%; width: 89%; height: auto;}
	#mother.eneos_content .yellow_box .box .block_2.content .smartphone_box {padding: 33.3% 0 15.65%;}
	
	#mother.eneos_content .yellow_box .box .block_2.content .smartphone_box .smartphone .btm_box{height: auto; padding: 12px 0 14.2%;}
	#mother.eneos_content .yellow_box .box .block_2.content .smartphone_box .img_4{ width: 81.1%; height: auto; top: 1%; left: 3.5%;}
	#mother.eneos_content .yellow_box .box .block_2.content .smartphone_box .img_5{width: 92.34%; height: auto; bottom: -0px; right: 2.4%; left: auto;}
	#mother.eneos_content .yellow_box .box .block_2.content {padding: 30px 0 0; margin: 26px 0 0;}
	/* ------------------------------------------------------------ #daughter ------------------------------------------------------------ */
	#daughter{padding: 51px 0 0;}
	#daughter.eneos_content .mover_box .text_box img{ margin: 0 58px 0 0; width: 187px; height: auto;}
	#daughter.eneos_content .yellow_box { margin: 78px 0 0; background: linear-gradient(transparent 20%, #FDD002 20%); padding: 0 0 71px; }
	#daughter.eneos_content .yellow_box .bg_box{background: url(../img/index/daughter_bg_1_sp.jpg?var=1234567) no-repeat center top; background-size: cover; padding: 14.33% 0 12.8%;}
	#daughter.eneos_content .yellow_box .bg_box .bg{background: none; height: auto; width: 90%; margin: 0 auto;}
	#daughter.eneos_content .yellow_box .bg_box .bg .bg_inner .daughter_logo_1{top: auto ;left: auto; position: relative; width: 85.1%; height: auto;}
	#daughter.eneos_content .yellow_box .bg_box .bg .bg_inner .daughter_logo_2{bottom: auto ;left: auto; position: relative; width: 85.1%; margin: -1.2% 0 0 0;}
	#daughter.eneos_content .yellow_box .bg_box .bg .bg_inner .daughter_logo_3{bottom: auto ;left: auto; position: relative; width: 100%; margin: 0% auto 0;}
	#daughter.eneos_content .yellow_box .bg_box .bg .bg_inner .daughter_logo_4{top: auto ;right: auto; position: relative; width: 93.45%; margin: 39.43% auto 0 0; display: block;}
	#daughter.eneos_content .yellow_box .bg_box .bg .bg_inner .daughter_logo_5{bottom: auto ;right: auto; position: relative; width: 97.1%; margin: 2.9% 0 0 auto; display: block;}
		
	#daughter.eneos_content .yellow_box .box .content .smartphone_box{padding: 36.9% 0 38.14%;}
	#daughter.eneos_content .yellow_box .box .content .smartphone_box .smartphone .btm_box {padding: 11px 0 7.3%;}
	#daughter.eneos_content .yellow_box .box .content .smartphone_box .img_2{ top: 1.5%; left: 7.55%; width: 75.53%; height: auto;}
	#daughter.eneos_content .yellow_box .box .content .smartphone_box .img_3{ bottom: 0%; right: -4.8%; width: 81.5%; height: auto;}
	#daughter.eneos_content .yellow_box .box .block_2.content .smartphone_box{padding: 36.9% 0 20.4%;}
	#daughter.eneos_content .yellow_box .box .block_2.content .text_box h3 span {font-size: 28px;}
	#daughter.eneos_content .yellow_box .box .block_2.content .smartphone_box .img_4{ top: 1.0%; left: 7.85%; width: 79.9%;}
	#daughter.eneos_content .yellow_box .box .block_2.content .smartphone_box .img_5{ bottom: 0px; right: -4.65%;width:90.3%;}
	#daughter.eneos_content .yellow_box .box .block_2 .text_box{padding: 0;}
	#daughter.eneos_content .yellow_box .box .block_2 .text_box p{padding: 34px 0 0;}
	#daughter.eneos_content .yellow_box .daughter_img_6 { width: 90%; bottom: -47px;}
	#daughter.eneos_content .yellow_box .box .block_2.content { padding: 24px 0 0; margin: 8px 0 0;}
	#daughter.eneos_content .yellow_box .box .content p.text_content{width: 100%;font-size: 12px;}

	/* ------------------------------------------------------------ .cta ------------------------------------------------------------ */
	.cta{background: url(../img/common/footer_bg_1_sp.png?var=1234567) no-repeat center top,url(../img/common/footer_bg_2_sp.jpg?var=1234567) no-repeat center center; background-size:100%, cover ;padding: 20.35% 0 90px;}
	.cta:before {display: none;}
	.cta .cta_box{width: 90%; }
	.cta .cta_box h3 img{ width: 86%; height: auto;}
	.cta .cta_box .flex{padding: 145px 0 0;}
	.cta .cta_box .btn{width: 275px; margin: 20px auto 6px; padding: 0 0 6px;}
	.cta .cta_box .btn.thumb-hover span.bg_box{transition: 0.5s; bottom: 0px;}
	.cta .cta_box .btn:before{ height: 62px; }
	.cta .cta_box .btn span.bg_box{font-size: 17px; border-radius: 14px; padding: 17px 13px 17px 0 ; margin: 0 0 9px;bottom: 6px;}
	.cta .cta_box .btn span.bg_box .icn{width: 18px; height: 18px; right: 19px; }
	.cta .cta_box .btn span.bg_box .icn:before{width: 7px; height: 7px; border-bottom: 1px solid #04C586; border-right: 1px solid #04C586; left: 45%;}
	.cta .cta_box .cta_logo_1{position: absolute; left: 0px; top: 351px;}
	.cta .cta_box .cta_logo_2{position: absolute; right: 0px; top: 346px;}
}