/*===============================================
　SP iPhone6以上（画面の横幅が761pxまで）
===============================================*/

@media (max-width:761px){
	
	
    /* ============================================================
 	main vi 
	==============================================================*/
    #main_wrap {
        width: 100%;
        height: 100vh;
        position: relative;
        overflow: hidden;
    }
    #main_wrap .copy_wrap {
        width: 90%;
        position: absolute;
        top: 96px;
        left: 5%;
        z-index: 101;
    }
    #main_wrap .copy_wrap h1 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 2.0rem;
        color: #fff;
        line-height:200%;
        letter-spacing: 0.05rem;
    }
    #main_wrap .copy_wrap h1 span {
        display:block;
        text-align:center;
        border: 1px solid rgba(255,255,255,0.8);
        padding: 6px 8px 6px;
        margin: 0 9px 0 0;
    }
    #main_wrap .copy_wrap p.c_body {
    	font-family: 'Roboto', sans-serif;
    	font-weight: 400;
    	font-size: 1.4rem;
    	color: #fff;
    	text-align:left;
    	letter-spacing: 0.1rem;
    	line-height:140%;
    	padding: 0 0 18px;
    }
    #main_wrap .copy_wrap p.b_txt {
    	display:inline-block;
    	font-family: 'Roboto', sans-serif;
    	font-weight: 500;
    	font-size: 1.5rem;
    	color: #fff;
    	letter-spacing: 0.2rem;
    	position:relative;
    }

    #main_wrap .copy_wrap a{
    	display:block;
    	transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }


    #main_wrap .copy_wrap p.b_txt:before {
    	content: "";
    	display: block;
    	width: 20px;
    	height: 20px;
    	border:1px solid #fff;
    	border-radius:50%;
    	position: absolute;
    	top: 52%;
    	right: -30px;
    	transform:translate(0, -50%);
    }

    #main_wrap .copy_wrap p.b_txt:after {
    	content: "";
    	display: block;
    	width: 6px;
    	height: 6px;
    	border-right:solid 1px #fff;
    	border-bottom:solid 1px #fff;
    	position: absolute;
    	top: 52%;
    	right: -21px;
    	transform:translate(0, -50%) rotate(-45deg);
    }

    #main_wrap .m_copy{
    	width: 98vw;
    	position: absolute;
    	bottom: 30px;
    	left: 50%;
    	z-index:100;
    	transform:translate(-50%,0);
    }

    /* =========================================================================
 	#sec_mv_news
	===========================================================================*/
    
    #sec_mv_news{
        width: auto;
        box-sizing: border-box;
        padding: 26px 0 30px;
        background: #f5f5f7;
    }

    #sec_mv_news .wrapper{
    }

    #sec_mv_news h2{
    	/* width: 120px; */
    	font-family: 'Noto Serif JP', serif;
    	font-weight: 400;
    	font-size: 2.0rem;
    	color: #000;
    	/* text-align:right; */
    	line-height: 100%;
    	letter-spacing:0.1rem;
    }

    #sec_mv_news h2:after{
    	content: "News";
    	display: inline-block;
    	font-family: 'EB Garamond', serif;
    	font-weight: 600;
    	font-size: 1.3rem;
    	color:#ababab;
    	margin: 0 0 0 10px;
    }

    #sec_mv_news ul{
    	/* width: 730px; */
    	margin: 8px 0 0;
    	/* display:flex; */
    }

    #sec_mv_news li:last-child{
    	position:absolute;
    	top: 24px;
    	right: 40px;
    }

    #sec_mv_news a time{
    	font-family: 'Noto Serif JP', serif;
    	font-weight: 400;
    	font-size: 1.2rem;
    	letter-spacing:0.2rem;
    	color:#ababab;
    	padding: 0 30px 0 0;
    }

    #sec_mv_news a h3{
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 400;
    	font-size: 1.4rem;
    	line-height: 140%;
    	letter-spacing:0.2rem;
    	color:#000;
    	/* padding:0 40px 0 0; */
    	transition: all 0.2s ease 0s;
    }


    #sec_mv_news li:last-child a{
    	display:block;
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 500;
    	font-size: 1.4rem;
    	letter-spacing:0.2rem;
    	color:#4679c2;
    	position:relative;
    	transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }


    #sec_mv_news li:last-child a:after{
    	content: "";
    	display: block;
    	width: 6px;
    	height: 6px;
    	border-right:solid 1px #4679c2;
    	border-bottom:solid 1px #4679c2;
    	position: absolute;
    	top: 50%;
    	right: -15px;
    	transform: translate(0, -50%) rotate(-45deg);
    }



    /* =========================================================================
 	#main_wrap scroll
	===========================================================================*/
	
	.scroll_wrap{
			z-index: 300;
			width: 50px;
			position: absolute;
			bottom: 9px;
			right: 2px;
	}

	.scroll_wrap a {
			display:block;
			font-family: 'Roboto', sans-serif;
			font-weight: 500;
			font-size: 1.4rem;
			color: #000;
			letter-spacing:0.1rem;
			text-align: center;
	}

	.scroll_wrap a span{
			display: block;
			width: 1px;
			background: rgba(0,0,0,0.5);
			padding: 30px 0;
			margin: 0 0 0 24px;
			text-align: center;
			position: relative;
	}
		
	.scroll_wrap a span:before {
  			position: absolute;
  			top: 5px;
  			right: -2px;
  			content:"";
  			width: 5px;
  			height: 5px;
  			border-radius: 50%;
  			background-color: #000000;
  			animation: sdb2 2s infinite;
  	}


    /* ============================================================
 	main vi swiper
	==============================================================*/
    #main_wrap .swiper_bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        transition: all 32s cubic-bezier(0.38, 0.36, 0.6, 0.6) 0s;
        transform: scale(1);
    }
    #main_wrap .notransition {
        transition: none !important;

        transform: scale(1) rotate(0.001deg) !important;
    }
    #main_wrap .swiper-slide-active .swiper_bg {
        transform: scale(1.26) rotate(0.001deg);
    }
    #main_wrap .swiper-slide-prev .swiper_bg {
        transform: scale(2) rotate(0.001deg);
    }
    #main_wrap .bgi01 {
        background: url("../img/bg01_sp.jpg") no-repeat center;
        background-size: cover;
    }


    /* ============================================================
 	sec01
 	===============================================================*/
    
    #sec01 {
    	width:100%;
    	margin: 80px 0;
    	position:relative;
    }

    #sec01:before{
    	content: "";
    	display: block;
    	width:calc(50vw + 560px);
    	height: 100%;
    	background:#f4f4f6;
    	position: absolute;
    	top: 28px;
    	left: 5vw;
    }

    #sec01 .wrapper{
    	/* overflow:hidden; */
    	width: 90vw;
    	padding: 0;
    	box-sizing: border-box;
    	margin:0 0 0 auto;
    }

    #sec01 h2{
    	font-family: 'EB Garamond', serif;
    	font-weight: 500;
    	font-size: 3.0rem;
    	color: #000;
    	letter-spacing:0.2rem;
    	position:relative;
    	padding: 0 0 0 35px;
    }

    #sec01 h2 span{
    	display:inline-block;
    	width: 34px;
    	position:absolute;
    	left: -3px;
    	top: -11px;
    }

    

    #sec01 h3{
    	width:90%;
    	font-family: 'Noto Serif JP', serif;
    	font-weight: 600;
    	font-size: 1.6rem;
    	color: #000;
    	letter-spacing: 0.1rem;
    	position:relative;
    	background:#f4f4f6;
    	padding: 15px 0 15px 5px;
    	margin: -50px 0 16px -2px;
    	border-bottom: 1px #ccc dashed;
    }

    #sec01 h3:before{
    	content: "";
    	display: block;
    	width: 6px;
    	height:6px;
    	border-right:solid 1px #000;
    	border-bottom:solid 1px #000;
    	position: absolute;
    	top: 50%;
    	right: 15px;
    	transform:translate(0, -50%) rotate(-45deg);
    }

    #sec01 h4{
    	width:93%;
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 400;
    	font-size: 1.4rem;
    	color: #000;
    	letter-spacing: 0.1rem;
    	position:relative;
    	background:#f4f4f6;
    	padding:0 0 10px;
    }

    #sec01 p{
    	width:90%;
    	font-size: 1.4rem;
    	color: #000;
    	letter-spacing: 0.1rem;
    	position:relative;
    	background:#f4f4f6;
    	padding:0 0 10px;
    }

    #sec01 .swiper-container_product{
    	overflow-x:hidden;
    	margin:16px 0 0;
    }

    #sec01 .swiper-container_product a{
    	display:block;
    	background:#f4f4f6;
    	transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }

    


    #sec01 .swiper-button-next_products{
    	width:40px;
    	height:150px;
    	line-height: 0;
    	background:#f4f4f6;
    	cursor:pointer;
    	position:absolute;
    	right:0;
    	top: 163px;
    	z-index: 100;
    }

    #sec01 .swiper-button-next_products img{
    	transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }

    

    #sec01 .more_btn a{
    	display:block;
    	width: 146px;
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 500;
    	font-size: 1.4rem;
    	letter-spacing:0.2rem;
    	color:#4679c2;
    	position:relative;
    	margin: 0 0 0 36px;
    	transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }

    

    #sec01 .more_btn a:after{
    	content: "";
    	display: block;
    	width: 6px;
    	height: 6px;
    	border-right:solid 1px #4679c2;
    	border-bottom:solid 1px #4679c2;
    	position: absolute;
    	top: 50%;
    	right: 0;
    	transform: translate(0, -50%) rotate(-45deg);
    }


    /* ============================================================
 	sec02
 	===============================================================*/
    
    #sec02 {
    	width:100%;
    	margin: 140px 0 80px;
    }


    #sec02 h2{
    	font-family: 'EB Garamond', serif;
    	font-weight: 500;
    	font-size: 3.0rem;
    	color: #000;
    	letter-spacing:0.2rem;
    	position:relative;
    	padding: 0 0 0 35px;
    }

    #sec02 h2 span{
    	display:inline-block;
    	width: 34px;
    	position:absolute;
    	left: -3px;
    	top: -11px;
    }

    #sec02 .f_wrap{
    	margin: 10px 0 0;
    	/* display:flex; */
    	/* justify-content:space-between; */
    }

    #sec02 .btn_big_wrap{
    	/* width:500px; */
    	margin: 0 0 40px;
    }

    #sec02 .btn_big_wrap a{
    	display:block;
    	position:relative;
    	transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }

    

    #sec02 .btn_big_wrap a .img_box{
    	line-height:0;
    	overflow: hidden;
    }

    #sec02 .btn_big_wrap a img{
    	transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }

   
    

    #sec02 .btn_big_wrap a span{
    	display:block;
    	font-family: 'Alata', sans-serif;
    	font-weight: 500;
    	font-size: 1.5rem;
    	color: #fff;
    	letter-spacing:0.2rem;
    	position:absolute;
    	top: 31px;
    	left: 38px;
    }

    #sec02 .btn_big_wrap a h3{
    	font-family: 'Noto Serif JP', serif;
    	font-weight: 600;
    	font-size: 2.6rem;
    	white-space: nowrap;
    	line-height: 140%;
    	color: #fff;
    	position:absolute;
    	top: 35%;
    	left: 53%;
    	transform: translate(-50%, -50%);
    	text-shadow: 0 0 5px #42382d;
    }

    #sec02 .btn_big_wrap a h4{
    	width:90%;
    	font-family: 'Noto Serif JP', serif;
    	font-weight: 600;
    	font-size: 1.6rem;
    	color: #000;
    	letter-spacing: 0.2rem;
    	position:relative;
    	background:#fff;
    	padding: 15px 0 22px 5px;
    	margin: -58px 0 0 -2px;
    }

    #sec02 .btn_big_wrap a h4:before{
    	content: "";
    	display: block;
    	width: 6px;
    	height:6px;
    	border-right:solid 1px #000;
    	border-bottom:solid 1px #000;
    	position: absolute;
    	top: 50%;
    	right: 15px;
    	transform:translate(0, -50%) rotate(-45deg);
    }

    #sec02 .btn_big_wrap a p{
    	width: 90%;
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 400;
    	font-size: 1.4rem;
    	color: #000;
    	letter-spacing: 0.2rem;
    	position:relative;
    	padding:0 0 0 5px;
    	margin: -14px 0 0;
    }

    #sec02 .btn_list_wrap{
    	/* width:430px; */
    }

    #sec02 .btn_list_wrap li{
    	margin: 0 0 20px;
    }
    #sec02 .btn_list_wrap a{
    	display:block;
    	position:relative;
    	transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }

    

    #sec02 .btn_list_wrap a:before{
    	content: "";
    	display: block;
    	width: 6px;
    	height:6px;
    	border-right:solid 1px #000;
    	border-bottom:solid 1px #000;
    	position: absolute;
    	top: 50%;
    	right: -5px;
    	transform:translate(0, -50%) rotate(-45deg);
    }


    #sec02 .btn_list_wrap .txt_wrap{
    	width: 52vw;
    	position: absolute;
    	top: 44%;
    	left: 33vw;
    	transform:translate(0, -50%);
    }

    #sec02 .btn_list_wrap h3{
    	font-family: 'Noto Serif JP', serif;
    	font-weight: 400;
    	font-size: 1.6rem;
    	color:#000;
    	text-indent: 0px;
    	letter-spacing: 0.1rem;
    }

    #sec02 .btn_list_wrap p{
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 300;
    	font-size: 1.3rem;
    	line-height: 140%;
    	letter-spacing: 0.2rem;
    }

    #sec02 .btn_list_wrap a .img_box{
    	line-height:0;
    	overflow: hidden;
    	width: 30vw;
    }

    #sec02 .btn_list_wrap a img{
    	transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }

  
    
    /* ============================================================
 	sec03
 	===============================================================*/
    
    #sec03 {
    	width:100%;
    	margin: 140px 0 0;
    	background: url("../img/bg_brand_sp.jpg") no-repeat bottom center;
    	background-size: cover;
    	position: relative;
    }
    
    #sec03:before{
        content: "";
        display: block;
        width:100%;
        height: 100%;
        background: url("../img/wave_top.svg") no-repeat 0 -2px;
        background-size: 102% auto;
        position: absolute;
        top:0;
        left:0;
    }

    #sec03 .wrapper{
    	height: 550px;
    }


    #sec03 .txt_wrap{
    	width:80vw;
    	position: absolute;
    	top: 28%;
    	left: 52%;
    	transform: translate(-50%, -50%);
    }

    #sec03 h2{
    	font-family: 'Roboto', sans-serif;
    	font-weight: 500;
    	font-size: 1.6rem;
    	letter-spacing:0.2rem;
    	line-height:100%;
    	padding: 0 0 16px;
    	color:#fff;
    	/* text-indent:2px; */
    }

    #sec03 h3{
    	font-family: 'Roboto', sans-serif;
    	font-weight: 400;
    	font-size: 2.3rem;
    	line-height: 140%;
    	color:#fff;
    	text-align: left;
    	letter-spacing: 0.1rem;
    	padding: 0 0 26px;
    }

    /* ============================================================
 	sec04
 	===============================================================*/
    
    #sec04 {
    	width:100%;
    	margin: -70px 0 0;
    	background: url("../../eng/img/bg_story.png") no-repeat top center;
    	background-size: cover;
    	position: relative;
    }
    
    #sec04:before{
        content: "";
        display: block;
        width:100%;
        height: 101%;
        background: url("../img/wave_bottom.svg") no-repeat bottom center;
        background-size: 120% auto;
        position: absolute;
        top:0;
        left:0;
    }

    #sec04 .wrapper{
    	height: 466px;
    }

    #sec04 .img_box1{
    	width: 40vw;
    	line-height:0;
    	position:absolute;
    	left: 9vw;
    	bottom:0;
    }

    #sec04 .img_box2{
    	width: 40vw;
    	line-height:0;
    	position:absolute;
    	right: 9vw;
    	bottom:0;
    }


    #sec04 .txt_wrap{
    	position: absolute;
    	top: 46%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	text-align:center;
    }

    #sec04 h2{
    	width: 70vw;
    	margin: 0 auto 4px;
    	line-height:0;
    }

    #sec04 p{
    	font-family: 'Noto Serif JP', serif;
    	font-weight: 400;
    	font-size: 1.8rem;
    	white-space: nowrap;
    	text-align:center;
    	color:#000;
    	letter-spacing:0.2rem;
    	padding: 0 0 24px;
    }

    /* ============================================================
 	sec05
 	===============================================================*/
    
    #sec05 {
    	width:100%;

    	margin: 120px 0 80px;
    }

    #sec05 > ul{
    	/* display: flex; */
    }

    #sec05 > ul > li{
    	/* width:50%; */
    	margin: 0 0 40px;
    }

    #sec05 li a{
    	display:block;
    	height: 231px;
    	position:relative;
    }

    #sec05 li:first-child a{
    	background: url("../img/bnr_product.jpg") no-repeat center;
    	background-size: cover;
    }

    #sec05 a:after{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background:#fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform:translate(-50%, -50%);
        opacity:0;
        transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }


    #sec05 li:nth-child(2) a{
    	background: url("../img/bnr_as.jpg") no-repeat center;
        background-size:cover;
    }
    
    #sec05 li:last-child a{
    	background: url("../img/bnr_about.jpg") no-repeat center;
        background-size:cover;
    }

    #sec05 h2{
    	font-family: 'Roboto', sans-serif;
    	font-weight: 500;
    	font-size: 2.4rem;
    	color: #000;
    	letter-spacing:0.2rem;
    	position:relative;
    	padding: 0 0 0 52px;
    	margin: 0 0 10px;
    }

    #sec05 h2 span{
    	display:inline-block;
    	width: 34px;
    	position:absolute;
    	left: 13px;
    	top: -7px;
    }

    #sec05 .more_btn_c{
    	position:absolute;
    	bottom: 10px;
    	left: 50%;
    	transform:translate(-50%,0);
    	z-index:10;
    }
    
    #sec05 .more_btn_c li{
    	display:inline-block;
    	background:#fff;
    	white-space: nowrap;
    	font-family: 'Roboto', sans-serif;
    	font-weight: 500;
    	font-size: 1.4rem;
    	color:#4679c2;
    	line-height:100%;
    	padding: 12px 70px 12px 70px;
    	position:relative;
    	transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }

    #sec05 .more_btn_c li:after{
    	content: "";
		display: block;
		width: 7px;
		height:7px;
		border-right:solid 1px #4679c2;
		border-bottom:solid 1px #4679c2;
		position: absolute;
		top: 50%;
		right: 20px;
		transform:translate(0, -50%) rotate(-45deg);
		transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }

    



    /* ============================================================
 	sec07
 	===============================================================*/
    
    #sec07 {
    	width:100%;
    	margin: 120px 0 80px;
    }

    #sec07 h2{
    	font-family: 'Noto Serif JP', serif;
    	font-weight: 500;
    	font-size: 2.6rem;
    	color: #000;
    	letter-spacing:0.2rem;
    	position:relative;
    	padding: 0 0 0 54px;
    	margin: 0 0 10px -28px;
    }

    #sec07 h2 span{
    	display:inline-block;
    	width: 34px;
    	position:absolute;
    	left: 13px;
    	top: -8px;
    }

    #sec07 a{
    	display:block;
    	position:relative;
    	line-height:0;
    }

    #sec07 a:after{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background:#ff7900;
        position: absolute;
        top: 50%;
        left: 50%;
        transform:translate(-50%, -50%);
        opacity:0;
        transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }

    

    #sec07 .more_btn_c{
    	position:absolute;
    	bottom: 11px;
    	left: 50%;
    	z-index:10;
    	transform:translate(-50%, 0);
    }
    
    #sec07 .more_btn_c li{
    	display:inline-block;
    	background: rgba(255,255,255,0.8);
    	white-space:nowrap;
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 400;
    	font-size: 1.4rem;
    	color:#4679c2;
    	line-height:100%;
    	padding: 12px 70px 15px 70px;
    	position:relative;
    	transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }


    #sec07 .more_btn_c li:after{
    	content: "";
		display: block;
		width: 7px;
		height:7px;
		border-right:solid 1px #4679c2;
		border-bottom:solid 1px #4679c2;
		position: absolute;
		top: 50%;
		right: 20px;
		transform:translate(0, -50%) rotate(-45deg);
		transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }
    
    
    /* ============================================================
 	sec_news
	==============================================================*/
    
    #sec_news {
    	width:100%;
    	margin: 120px 0 80px;
    }

    #sec_news h2{
    	font-family: 'Noto Serif JP', serif;
    	font-weight: 500;
    	font-size: 2.6rem;
    	color: #000;
    	letter-spacing:0.2rem;
    	position:relative;
    	padding: 0 0 0 54px;
    	margin: 0 0 10px -28px;
    }

    #sec_news h2 span{
    	display:inline-block;
    	width: 34px;
    	position:absolute;
    	left: 13px;
    	top: -8px;
    }

    #sec_news .more_btn{
    	position:absolute;
    	top: 13px;
    	right: 46px;
    }

    #sec_news .more_btn a{
    	display:inline-block;
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 500;
    	font-size: 1.4rem;
    	letter-spacing:0.2rem;
    	color:#4679c2;
    	position:relative;
    	transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }

    #sec_news .more_btn a:after{
    	content: "";
    	display: block;
    	width: 6px;
    	height: 6px;
    	border-right:solid 1px #4679c2;
    	border-bottom:solid 1px #4679c2;
    	position: absolute;
    	top: 50%;
    	right: -20px;
    	transform: translate(0, -50%) rotate(-45deg);
    }
	
	
	
	/* news navi start ---------------------- */
	#sec_news #news_btn_wrap{
		display: flex;
		justify-content:space-between;
		margin: 0 0 2px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
	#sec_news #news_btn_wrap li{
		width: 25%;
	}
	
	#sec_news #news_btn_wrap a{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		text-align: center;
		line-height: 140%;
		font-size: 1.3rem;
		padding: 16px 0;
		position: relative;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#sec_news #news_btn_wrap li:first-child a{
		padding: 25px 0;
	}

	
	/* anime s */
		#sec_news #news_btn_wrap a:before{
			content: "";
			display: block;
			width: 0;
			height: 3px;
			background:#000;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform:translate(-50%, 0);
		}

		#sec_news #news_btn_wrap li.act a:before{
			width: 60%;
		}
	/* anime e */
	
	
	/* news navi end ---------------------- */
	
	
	/* news list start ---------------------- */


	#sec_news .news_wrap {
		min-height: 430px;
	}

	#sec_news .news_list{
	}
	#sec_news .news_list:before,
	#sec_news .news_list:after{
		content: "";
		width:220px;
		margin:0;
		padding: 0;
		height: 0px;
		overflow: hidden;
	}
	#sec_news .news_list:before{
		order: 1;
	}
	
	#sec_news .news_list > li{
	}

	#sec_news .news_list a{
		display: block;
		position: relative;
		border-bottom: 1px solid #e2e2e2;
		padding: 28px 0;
	}

	#sec_news .news_list a time{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		letter-spacing:0.1rem;
		font-size:1.4rem;
		color:#848484;
	}
	
	#sec_news .news_list a p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		letter-spacing:0.1rem;
		font-size:1.4rem;
		line-height: 140%;
		width: 100%;
		color:#000;
		padding: 10px 0 0;
	}
	

	#sec_news .news_list a h3{
		display:block;
		box-sizing: border-box;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		text-align: center;
		font-size: 1.1rem;
		color:#fff;
		background:#787878;
		width: 124px;
		border-radius: 4px;
		padding: 4px 0 5px;
		line-height:100%;
		position: absolute;
		top: 29px;
		right: 0;
	}

	
	
	
	/* news list end ---------------------- */
	
	


    /* ============================================================
 	more_btn_c
 	===============================================================*/
    

    .more_btn_c a{
    	display:inline-block;
    	background:#fff;
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 400;
    	font-size: 1.4rem;
    	color:#4679c2;
    	line-height:100%;
    	padding: 12px 70px 15px 70px;
    	position:relative;
    	transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }

    .more_btn_c a:after{
    	content: "";
		display: block;
		width: 7px;
		height:7px;
		border-right:solid 1px #4679c2;
		border-bottom:solid 1px #4679c2;
		position: absolute;
		top: 50%;
		right: 20px;
		transform:translate(0, -50%) rotate(-45deg);
		transition: all 0.5s cubic-bezier(0, 0, 0.19, 1) 0s;
    }

    
    /* ============================================================
 	sec_info
 	===============================================================*/
    
    
   #sec_info ul.e_btn_list a{
		width: 100%;
		height: 172px;
		position:relative;
		background-color: #4679c2;
	}

     #sec_info .wrapper{
     	width:100%;
     	padding: 0;
     	box-sizing: border-box;
     }

     #sec_info ul.e_btn_list a{
         display: block;
         position: relative;
         transition: all 0.5s ease 0s;
     }
     
     #sec_info ul.e_btn_list a .icon_box{
     	position: absolute;
     	top: 32px;
     	left: 50%;
     	transform: translate(-50%, 0);
     }
     
     #sec_info ul.e_btn_list a .icon_box img{
     	width: 48px;
     }


    #sec_info ul.e_btn_list a h3{
         font-family: 'Noto Serif JP', sans-serif;
         font-weight: 400;
         font-size: 1.8rem;
         line-height: 140%;
         letter-spacing: 0.1rem;
         text-align: center;
         color: #fff;
         position: absolute;
         top: 95px;
         left: 50%;
         width: 80%;
         transform: translate(-50%, 0);
         transition: all 0.5s ease 0s;
    }


	
}



/*===============================================
　SP iPhone5サイズ対応　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/


@media (max-width:349px) {
	
}

/*===============================================
　SP iPhone Plus サイズ対応　画面の横幅が415pxまで▼▼▼▼▼
===============================================*/

@media (min-width: 413px) and (max-width: 761px) {
	
}


/* ============================================================
keyframe
==============================================================*/
	
@keyframes sdb2 {
  			0% {
    			transform: translate(0, -10px);
    			opacity: 0;
  			}
  			50% {
    			opacity: 1;
  			}
  			80% {
    			transform: translate(0, 50px);
    			opacity: 0;
  			}
  			100% {
    			opacity: 0;
  			}
		}