/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@charset "utf-8";

@import url(//use.fontawesome.com/releases/v5.6.4/css/all.css);

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    src: url("https://use.fontawesome.com/releases/v5.6.4/webfonts/fa-regular-400.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    src:url("https://use.fontawesome.com/releases/v5.6.4/webfonts/fa-solid-900.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSans_regular.woff') format('woff'),
        url('../font/NotoSans_Regular.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSans_bold.woff') format('woff'),
        url('../font/NotoSans_Bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Genkai Font';
    font-style: normal;
    font-weight: 700;
    src: url('../font/genkai-mincho-aozora.woff') format('woff'),
        url('../font/genkai-mincho-aozora.woff2') format('woff2');
    font-display: swap;
}

/* clearfix
-------------------------------------------------- */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    /* ルートのフォントサイズを10pxに設定しておく */
    font-size: 62.5%;
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
        scroll-behavior: smooth;
}
body {
    width: 100%;
    background: #fff;
    line-height: 1.5;
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif!important;
    font-size: 1.3em;
}

h1,
h2 {
    font-size: 5.8vw;
    /* 50px */
}


p {
    font-size: 3.9vw;
    /* 15px */
}

a {
    text-decoration: none;
}

a:link,
a:visited {
    /* color: #0a5fbe; */
    text-decoration: none;
}

:focus {
    outline: none;
}

.content-tab,
.content-pc {
    display: none;
}

.content-sp {
    display: block;
}

#wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    color: #A62C2C;
    font-size: 4vw;
    background-image: url(../img/wrapper-back.jpg);
    background-repeat: repeat-y;
    background-size: contain;
    overflow-x: hidden;
}
#sub_content{
    display: none;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
/*header*/

/*header*/
.header {
    width: 100%;
    text-align: center;
    z-index: 999;
}

.nav-wrap {
    position: fixed;
    height: 100vh;
    display: flex;
    padding: 8vw 2vw;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background:  linear-gradient(180deg, #A62C2C 0%, #c54f4f 73.44%, #dd8d8d 100%);
    opacity: 0;
    z-index: 990;
    transition:  opacity 1s;
}
.nav-wrap .nav-area__box{
    width: 100%;
    max-width: 80vw;
    margin: 0 auto;
}
.nav-wrap .nav-area__box .nav-area__item{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.nav-wrap .nav-area__box .nav-area__item img{
    width: 40%;
}
.nav-wrap .nav-area__box .nav-area__item p{
    color: #fff;
    font-size: min(3.8vw,1.6rem);
    text-align: center;
}
.nav-wrap .nav-area__box .nav-area__item--1{

}
.nav-wrap .nav-area__box .nav-area__item--1 ul{
    color: #fff;
    padding: 8vw 0 ;
}
.nav-wrap .nav-area__box .nav-area__item--1 ul li{
    position: relative;
    padding: 4vw 0 ;
}
.nav-wrap .nav-area__box .nav-area__item--1 ul li:hover a {
    color: #F0FF00;
}
.nav-wrap .nav-area__box .nav-area__item--1 ul li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    font-size: min(4.8vw,2.8rem);
    font-weight: bold;
    line-height: 2.6rem;
}
.nav-wrap .nav-area__box .nav-area__item .cont-btn a{
    font-size: min( 5.2vw,3.2rem);
    font-weight: bold;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 1rem;
    padding: 3.2vw 8vw;
    background-color: rgba(255, 255, 255,0.4);
    text-shadow:1px 1px 0 #A62C2C, -1px -1px 0 #A62C2C,
    -1px 1px 0 #A62C2C, 1px -1px 0 #A62C2C,
    0px 1px 0 #A62C2C,  0-1px 0 #A62C2C,
    -1px 0 0 #A62C2C, 1px 0 0 #A62C2C;
}
.nav-wrap .nav-area__box .nav-area__item--2 .cont-btn{
    width: 80vw;
    max-width: 45rem;
}
.nav-wrap .nav-area__box .nav-area__item--2 .cont-btn a{
    display: flex;
    flex-direction: column;
    transition: background-color 0.4s;
}
.nav-wrap .nav-area__box .nav-area__item--2 .cont-btn a span{
    font-weight: normal;
    font-size: min(3.6vw,2.4rem);
}
.nav-wrap .nav-area__box .nav-area__item--2 .cont-btn:hover a{
    background-color: #A62C2C;
}
.nav-wrap .nav-area__box .nav-area__item--3 a{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 2vw;
    margin: 6vw 0;
    transition: transform 0.2s;
}
.nav-wrap .nav-area__box .nav-area__item--3 a:hover{
    transform: scale(1.1)
}
.nav-wrap .nav-area__box .nav-area__item--3 a img{
    width: 20%;
    max-width: 20rem;

}

.nav-wrap .nav-area__box .nav-area__item--3 a p{
    font-size: min(4.6vw,2.8rem);
    width: 60%;
    color: #F0FF00;
    padding-left: 2vw;
}
.nav-wrap.open {
    visibility: visible;
    opacity: 1;
    overflow: hidden;
}
#menu-icon {
    display: inline;
    top: 4vw;
    /*padding: 0.8rem 0;*/
    cursor: pointer;
    position: absolute;
    right: 4vw;
    z-index: 999;
    padding: 3.2vw 2.4vw 1.4vw;
    background-color: rgba(240, 78, 67, 0.8);
    position: fixed;

}
#menu-icon.active{
    top: 4vw;
    position: fixed;
}
#menu-icon.active .first {
    transform: rotate(45deg);
    margin-top: 2vw;
}

#menu-icon.active .second {
    transform: rotate(135deg);
    position: relative;
    top: -2.1vw;
}

#menu-icon.active .third {
    display: none;
}

#menu-icon span {
    border: 1px solid #fff;
    width: 7.2vw;
    margin-bottom: 2vw;
    display: block;
    transition: transform 0.5s;
    border-radius: 2rem;
}
#main_content{
    position: relative;
}
/*News*/
.cont,.cont_area{
    width: 100%;
    height: 100%;
    position: relative;
}
.cont,.cont_area,.cont_box,.cont_item,.cont_item-box,.cont_head{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.cont-front#cont-one .cont_area{
}

.cont-front#cont-one .cont_area .cont_box--1{
    --cont-one-h:80%;
    height: var(--cont-one-h);
    margin-bottom: 10vw;
}
.cont-front#cont-one .cont_area .cont_box--1::before{
    width: 100%;
    height: calc(100% + 6vw);
    position: absolute;
    content: "";
    background-color: #A62C2C;
    top: 0vw;
    left: 6vw;
}
.cont-front#cont-one .cont_area .cont_box--1::after{
    width: 95vw;
    height: 100%;
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0,0.1);
    top: 0vw;
    left: 0vw;
}
.cont-front#cont-one .cont_area .cont_box--1 > img{
    width: 95vw;
    position: relative;
    margin-right: auto;
}
.cont-front#cont-one .cont_area .cont_box--1 .cont_item--1{
    position: absolute;
    height: auto;
    z-index: 2;
}
.cont-front#cont-one .cont_area .cont_box--1 .cont_item--1 img{
    width: 60%;
}
.cont-front#cont-one .cont_area .cont_box--1 .cont_item--1 ul li{
    font-weight: bold;
    font-size: 4.4vw;
    text-align: center;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
    -1px 1px 0 #FFF, 1px -1px 0 #FFF,
    0px 1px 0 #FFF,  0-1px 0 #FFF,
    -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.cont-front#cont-one .cont_area .cont_box--2{
    height: calc(100% - var(--cont-one-h);)
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1{
    color: #fff;
    font-size: 5.6vw;
    background-color: #A62C2C;
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1 ul{
    text-align: center;
    margin: 2vw 0;
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1 ul li{
    margin: 0.4vw 0;
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1 ul li svg {
    width: 4.2vw;
    display: inline-block;
    vertical-align: text-bottom;
    transform: scale(-1,1);
    margin: 0 1vw 0 1vw;
    fill: #fff;
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1 ul li svg.train{
    width: 5vw;
}
.cont-front#cont-two{
    padding: 0 0 8vw;

}
.cont-front#cont-two .cont_area .cont_box--1{
    padding: 0 4vw;
}
.cont-front#cont-two .cont_area .cont_box--1 .cont_item--1 h2{
    padding: 8vw 0;
    color: #DA1616;
    font-size: 6vw;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
    -1px 1px 0 #FFF, 1px -1px 0 #FFF,
    0px 1px 0 #FFF,  0-1px 0 #FFF,
    -1px 0 0 #FFF, 1px 0 0 #FFF;

}
.cont-front#cont-two .cont_area .cont_box--1 .cont_item--1 ul{
    padding: 0 4vw;

}
.cont-front#cont-two .cont_area .cont_box--1 .cont_item--1 ul li{
    font-size: 4.2vw;
    padding-bottom: 4vw;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
    -1px 1px 0 #FFF, 1px -1px 0 #FFF,
    0px 1px 0 #FFF,  0-1px 0 #FFF,
    -1px 0 0 #FFF, 1px 0 0 #FFF;
    line-height: 1.8;
}
.cont-front#cont-two .cont_area .cont_box--1 .cont_item--1 ul li span{
    letter-spacing: -0.1em;
    padding-left: 1vw;
}

.cont-front#cont-three .cont_area,.cont-front#cont-five .cont_area{
    background-color: #A62C2C;
    padding-bottom: 2vw;
}
.cont-front#cont-three .cont_area::before{
    position: absolute;
    background-image: url(../img/cont3-back.png);
    content: "";
    width: 70%;
    height: 70%;
    top: 4vw;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
}
.cont-front#cont-three .cont_area .cont_box--1.cont_head,.cont-front#cont-five .cont_area .cont_box--1.cont_head{
    position: relative;
    padding: 0 4vw;
    color: #fff;
    text-shadow:1px 1px 0 #DD3532, -1px -1px 0 #DD3532,
    -1px 1px 0 #DD3532, 1px -1px 0 #DD3532,
    0px 1px 0 #DD3532,  0-1px 0 #DD3532,
    -1px 0 0 #DD3532, 1px 0 0 #DD3532;
}
.cont-front#cont-three .cont_area .cont_box--1.cont_head .cont_item h2,.cont-front#cont-five .cont_area .cont_box--1.cont_head .cont_item h2{
    position: relative;
    font-size: 10vw;
    padding: 8vw 0;
}
.cont-front#cont-three .cont_area .cont_box--1.cont_head h2::before,.cont-front#cont-five .cont_area .cont_box--1.cont_head h2::before{
    position: absolute;
    content: "自己紹介";
    font-size: 50% ;
    bottom: 8vw;
    right: 0;
    color: #DD3532;
    text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
    -1px 1px 0 #fff, 1px -1px 0 #fff,
    0px 1px 0 #fff,  0-1px 0 #fff,
    -1px 0 0 #fff, 1px 0 0 #fff;
}
.cont-front#cont-three .cont_area .cont_box--2{
    padding: 0 4vw;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item{
    width: 50%;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item a{
    margin-left: 2vw;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item a img{
    max-width: 8vw;
    height: auto;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item--1 ul li{
    width: 100%;
    display: flex;
    color: #fff;
    padding-bottom: 2vw;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item--1 ul li h2{
    font-size: 5.6vw;

}

.cont-front#cont-three .cont_area .cont_box--2 .cont_item--2 {
	position:relative;
    height: 30vw;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item--2 img {
	position:absolute;
	opacity:0;
	transition:all 1s ease-in-out;
	height:100%;
	object-fit:contain;
}



.cont-front#cont-three .cont_area .cont_box--2 .cont_item img{
    width: 100%;
    height: 100%;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item--3{
    width: 100%;
    background-color: #fff;
    margin: 4vw 2vw 2vw;
    padding: 4vw 0 2vw;
    justify-content: center;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item--3 ul li {
    text-align: left;
    padding-bottom: 2vw;
    font-weight: bold;
    color: #DA1616;
}
.cont-front#cont-three .cont_area .cont_box--3 .cont_item{
    justify-content: flex-end;
    padding: 0 8vw 4vw;

}
.cont-front#cont-three .cont_area .cont_box--3 .cont_item p a{
    color: #fff;
    font-size: 6vw;
    font-weight: bold;
    text-align: right;
}
.cont-front#cont-three .cont_area .cont_box--3 .cont_item p a{
    color: #fff;
    font-size: 6vw;
    font-weight: bold;
    text-align: right; 
	position: relative; /* 疑似要素を位置指定するための基準 */
	padding: 0 4vw 2vw 0; /* 内側の余白（右に矢印部分を空ける） */
	color: #fff; /* 文字色を矢印の色と統一 */
	text-decoration: none; /* 下線を非表示 */
}

.cont-front#cont-three .cont_area .cont_box--3 .cont_item p a::before {
	width: 110%; /* ボタン全体の幅に矢印を合わせる */
    color: #fff;
    font-size: 6vw;
    font-weight: bold;
    text-align: right;
	border-bottom: 1vw solid #fff; /* 下線としての矢印部分 */
	border-right: 1vw solid #fff; /* 右線としての矢印部分 */
	bottom: 0; /* 矢印をボタン下部に配置 */
	content: ''; /* 疑似要素でコンテンツを空に設定 */
	height: 4vw; /* 矢印の高さ */
	position: absolute; /* 親要素から相対的に配置 */
	left: -2vw; /* 矢印の位置を左端に */
	transform: skewX(50deg); /* 矢印の形状を傾けてデザイン */
	transition: all .3s; /* なめらかな動き（ホバー時） */
}

/* マウスオーバー時の動き */
.cont-front#cont-three .cont_area .cont_box--3 .cont_item p a:hover{
    color:#fbff00 ;
}
.cont-front#cont-three .cont_area .cont_box--3 .cont_item p a:hover::before {
	left: 2%; /* ホバー時、矢印が右に10%ずれる */
	border-bottom: 1vw solid #fbff00; /* 下線としての矢印部分 */
	border-right: 1vw solid #fbff00; /* 右線としての矢印部分 */
}

.cont-front#cont-four .cont_area{
    padding: 0 4vw;
}
.cont-front#cont-four .cont_area .cont_head{
    position: relative;
    padding: 0 4vw;
    color: #DD3532;
}

.cont-front#cont-four .cont_area .cont_head .cont_item h2{
    position: relative;
    font-size: 10vw;
    padding: 8vw 0;
}

.cont-front#cont-four .cont_area .cont_head h2::before{
    position: absolute;
    content: "ご利用の流れ";
    font-size: 50% ;
    bottom: 8vw;
    right: 0;
    color: #fff;
    text-shadow:1px 1px 0 #DD3532, -1px -1px 0 #DD3532,
    -1px 1px 0 #DD3532, 1px -1px 0 #DD3532,
    0px 1px 0 #DD3532,  0-1px 0 #DD3532,
    -1px 0 0 #DD3532, 1px 0 0 #DD3532;
}
.cont-front#cont-four .cont_area .cont_box{
    padding: 4vw 0;
    background-color: rgba(255, 255, 255,0.5);
    margin: 0 0 16vw;
}
.cont-front#cont-four .cont_area .cont_box .cont_item{
    width: 90%;
}
.cont-front#cont-four .cont_area .cont_box .cont_item img{
    width: 100%;

}
.cont-front#cont-four .cont_area .cont_box .cont_item--2{
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;

}
.cont-front#cont-four .cont_area .cont_box .cont_item--2 h2{
    color: #6A0001;
    font-size: 5.6vw;
    text-align: left;
    padding: 4vw 0 2vw;
}
.cont-front#cont-four .cont_area .cont_box .cont_item--2 ul li span{
    color: #ff0000;
    font-weight: bold;
}
.cont-front#cont-four .cont_area .cont_box .cont_item--3{
    padding: 4vw;

}
.cont-front#cont-four .cont_area .cont_box .cont_item--3 a{
    width: 100%;
    color: #6A0001;
    font-weight: bold;
    list-style: none;
    font-size: 5vw;
    text-align: center;
    padding: 2vw;
    background-color: #fff;
    border: #6A0001 2px solid;
    transition-duration: 0.2s;

}
.cont-front#cont-four .cont_area .cont_box .cont_item--3 a:hover{
    color: #fff;
    background-color: #6A0001;
}
.cont-front#cont-four .cont_area .cont_box::after {
    content: ' ';
    position: absolute;
    bottom: -12vw;
    left: 35vw;
    width: 0;
    height: 0;
    border: none;
    border-top: 8vw solid #A62C2C;
    border-right: 14vw solid transparent;
    border-left: 14vw solid transparent;
}
.cont-front#cont-four .cont_area .cont_box--5::after{
    display: none;

}
.cont-front#cont-five{
    z-index: 2;
}
.cont-front#cont-five .cont_area .cont_box{
    color: #fff;
    padding: 0 4vw;
}
.cont-front#cont-five .cont_area .cont_box--1.cont_head h2::before{
    content: "料金プラン";
}
.cont-front#cont-five .cont_area .cont_box .cont_item--1 p{
    width: 100%;
    font-size: 5.6vw;
    font-weight: bold;
    text-align: center;
    border-top: #fff solid 1px;
    border-bottom: #fff solid 1px;
    padding: 2vw 0;
}
.cont-front#cont-five .cont_area .cont_box .cont_item--1 p span{
    font-size: 70%;
    padding-left: 2vw;
    font-weight: normal;
}
.cont-front#cont-five .cont_area .cont_box--2 .cont_item--2{
    flex-direction: column;
}
.cont-front#cont-five .cont_area .cont_box .cont_item--2 h2{
    padding: 4vw 0;
    font-size: 6.2vw;
}
.cont-front#cont-five .cont_area .cont_box .cont_item--2 table{
    position: relative;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.cont-front#cont-five .cont_area .cont_box .cont_item--2 table.full_c{
    border-bottom: 1px dotted #fff;
}
.cont-front#cont-five .cont_area .cont_box .cont_item--2 table tr {
}
.cont-front#cont-five .cont_area .cont_box .cont_item--2 table th{
    position: relative;
    width: 30%;
    padding-bottom:4vw;
    text-align: right;
    font-weight: normal;
}

.cont-front#cont-five .cont_area .cont_box .cont_item--2 table td{
    position: relative;
    width: 70%;
    font-size: 6.2vw;
    font-weight: bold;
    text-align: left;
    padding-bottom:4vw;
    padding-left: 8vw;
}
.cont-front#cont-five .cont_area .cont_box--2 .cont_item--2 img{
    max-width: 10vw;
    margin: 2vw 0 8vw;
}
.cont-front#cont-five .cont_area .cont_box--3{
    padding-bottom: 8vw;
}
.cont-front#cont-five .cont_area .cont_box--3 .cont_item--2{
    flex-direction: column;
}
.cont-front#cont-five .cont_area .cont_box--3 .cont_item--2 p{
    font-size: 4.2vw;
    color: #fbff00;
}
.cont-front#cont-six .cont_area .cont_box{
    padding-bottom: 8vw;
}
.cont-front#cont-six .cont_area .cont_box::before{
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    top: -8vw;
    left: -8vw;
    background-image: url(../img/cont6-back.png);
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    z-index: 0;
    opacity: 0.5;
}
.cont-front#cont-six .cont_area .cont_box .cont_item--1{
    padding: 8vw 0;
}
.cont-front#cont-six .cont_area .cont_box .cont_item--1 img{
    max-width: 60vw;
}
.cont-front#cont-six .cont_area .cont_box .cont_item ul{
    display: flex;
    flex-wrap: wrap;
}
.cont-front#cont-six .cont_area .cont_box .cont_item ul .square-content img{
    transition: box-shadow 0.2s;
}
.cont-front#cont-six .cont_area .cont_box .cont_item ul .square-content img:hover{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}
.cont-front#cont-six .cont_area .cont_box .cont_item ul li{
    width: 50%;
    padding: 2vw;
}
.cont-front#cont-six .cont_area .cont_box .cont_item .insta_btn{
    padding-top: 4vw;
}
.cont-front#cont-six .cont_area .cont_box .cont_item .insta_btn a.btn{
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 2vw 8vw 3vw;
  cursor: pointer;
  user-select: none;
  transition: opacity 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 0.5rem;
  margin: 0 auto;
}
.cont-front#cont-six .cont_area .cont_box .cont_item .insta_btn a.btn-gradient {
  font-weight: normal;
  color: #fff;
  border-radius: 0;
  background-image: linear-gradient(to left, #fa709a 0%, #fee140 100%);
}

.cont-front#cont-six .cont_area .cont_box .cont_item .insta_btn a.btn-gradient:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity 0.5s;
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

.cont-front#cont-six .cont_area .cont_box .cont_item .insta_btn a.btn-gradient span {
  position: relative;
  z-index: 1;
}

.cont-front#cont-six .cont_area .cont_box .cont_item .insta_btn a.btn-gradient:hover {
  color: #fff;
}

.cont-front#cont-six .cont_area .cont_box .cont_item .insta_btn a.btn-gradient:hover:after {
  opacity: 0;
}
.cont-front#cont-seven .cont_area{
    padding-bottom: 8vw;

}
.cont-front#cont-seven .cont_area::before{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    background-image: url(../img/cont7-back.jpg);
    background-size: cover;
    background-position:110vw 0;
}
.cont-front#cont-seven .cont_area::after{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    background-color: #000;
    opacity: 0.5;
    background-size: cover;

}
.cont-front#cont-seven .cont_area .cont_box .cont_item{
    color: #fff;
    padding: 0 8vw;
    z-index: 2;
    justify-content: left;

}
.cont-front#cont-seven .cont_area .cont_box .cont_item h2{
    padding: 8vw 0;
    font-size: 5.6vw;

}
.cont-front#cont-seven .cont_area .cont_box .cont_item--1 p{
    font-weight: normal;
    font-size: 4.6vw;
    padding-bottom: 8vw;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item--2 p{
    font-size: 4.6vw;
    padding-bottom: 2vw;

}
.cont-front#cont-seven .cont_area .cont_box .cont_item--2 .hot_block{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin-bottom: 8vw;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item--2 .hot_block a{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item--2 .hot_block a:hover{
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item--2 .hot_block img{
    width: 70%;
    margin: 0 auto;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item--3 p{
    font-size: 4.6vw;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item--3 ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-around;
    align-items: center;
    padding: 2vw 0;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item--3 ul li{
    width: calc(50% - 2vw);
    font-size: 4.6vw;
    text-align: center;
    background-color: rgba(0, 97, 255,0.7);
    margin: 1vw;
}

.cont-front#cont-seven .cont_area .cont_box .cont_item--3 ul li:nth-child(2){
    background-color: rgba(0, 255, 131,0.7);
}

.cont-front#cont-seven .cont_area .cont_box .cont_item--3 ul li:nth-child(3){
    background-color: rgba(255, 0, 95,0.7);
}

.cont-front#cont-seven .cont_area .cont_box .cont_item--3 ul li:nth-child(4){
    background-color: rgba(120, 0, 255,0.7);
}

.cont-front#cont-seven .cont_area .cont_box .cont_item--3 ul li a{
    display: flex;
    width: 100%;
    height: 100%;
    padding: 2vw;
    color: #fff;
    text-align: center;
    justify-content: center;
    align-items: center;

}
.cont-front#cont-seven .cont_area .cont_box .cont_item--3 ul li img{
    width: 20%;
    height: 20%;
    margin-right: 2vw;
    filter: drop-shadow(1px 1px 0px white) drop-shadow(-1px -1px 0px white) drop-shadow(-1px 1px 0px white) drop-shadow(1px -1px 0px white);
}
#footer .cont_area{
    background-color: #A62C2C;
    color: #fff;
    padding: 8vw 2vw 4vw;
    border-bottom: 8px solid #6A0001;
}
#footer .cont_area .cont_box--1 .cont_item{
    align-items: center;
    justify-content: center;
}
#footer .cont_area .cont_box--1 .cont_item img{
    width: 35%;
}
#footer .cont_area .cont_box--1 .cont_item h2{
    width: 60%;
    padding-left: 2vw;
    font-size: 4.1vw;
}
#footer .cont_area .cont_box--2{
    padding: 4vw 4vw;
    justify-content: space-around;
}
#footer .cont_area .cont_box--2 .cont_item{
    justify-content: left;

}
#footer .cont_area .cont_box--2 .cont_item h2{
    font-size: 5.6vw;
}
#footer .cont_area .cont_box--2 .cont_item p{
    padding: 2vw 0;
    letter-spacing: 0.2vw;
    font-size: 4.2vw;
    color: #fff;

}
#footer .cont_area .cont_box--2 .cont_item--2{
    width: 60%;
}

#footer .cont_area .cont_box--2 .cont_item--3{
    width: 40%;

}
#footer .cont_area .cont_box--2 .cont_item--3 a{
    width: 50%;
    max-width: 12vw;
    margin-left: 4vw;
}
#footer .cont_area .cont_box--3 .cont_item--1{
    padding: 0 4vw;
}
#footer .cont_area .cont_box--3 .cont_item--1 .gmap_iframe {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}
#footer .cont_area .cont_box--3 .cont_item--2{
    padding: 2vw 4vw 0 ;
    justify-content: left;
}
#footer .cont_area .cont_box--3 .cont_item--2 p{
    font-size: 4.2vw;

}
@media screen and (min-width: 767px) {
    h1,
    h2 {
        font-size: 2.6rem;
        /* 50px */
    }
    p {
        font-size: 1.2rem;
        /* 50px */
    }
    .content-sp{
    display: none;
    }
    .content-tab {
    display: block;
    }
/*header*/

#wrapper{
    display: flex;
    align-items: flex-start;
}
#main_content{
    width: 65%;
    position: relative;
    margin-left: auto;
    
}
#sub_content{
    width: 35%;
    height: 100vh;
    display: block;
    position: fixed;
}
#sub_content .video-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: linear-gradient(rgb(166, 44, 44,0.7),rgb(166, 44, 44,0.9));
}
#sub_content .video-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}
#sub_content .video-container::after{
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
      background: -webkit-linear-gradient(63deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), 
              -webkit-linear-gradient(-117deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), 
              -webkit-linear-gradient(63deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), 
              -webkit-linear-gradient(-117deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px),
              -webkit-linear-gradient(0deg, rgb(27,27,27) 10px, rgba(0,0,0,0) 10px), 
              -webkit-linear-gradient(-90deg, rgb(29,29,29) 25%, rgb(26,26,26) 25%, rgb(26,26,26) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgb(36,36,36) 75%, rgb(36,36,36) 100%), rgb(19, 19, 19);
  background: linear-gradient(27deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), 
              linear-gradient(207deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), 
              linear-gradient(27deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), 
              linear-gradient(207deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), 
              linear-gradient(90deg, rgb(27,27,27) 10px, rgba(0,0,0,0) 10px), 
              linear-gradient(180deg, rgb(29,29,29) 25%, rgb(26,26,26) 25%, rgb(26,26,26) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgb(36,36,36) 75%, rgb(36,36,36) 100%), rgb(19, 19, 19);
  background-position: 0 5px, 10px 0, 0 10px, 10px 5px, 0 0, 0 0;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  opacity: 0.3;
}

#sub_content .contents-container {
    width: 100%;
        display: flex;
        flex-direction: column;
  position: absolute;
  padding: 0 2rem;
  z-index: 3;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
}
#sub_content .contents-container img{
    width: 100%;
    margin: 0 auto;
        max-width: 24rem;
}
#sub_content .contents-container p{
        font-size: 1.6rem;
        text-align: center;
}
#sub_content .contents-container .btn{
    width: 100%;
    max-width: 24rem;
    text-align: center;
    border: 1px solid #fff;
    margin-top: 2rem;
    border-radius: 1rem;
    transition: 0.4s;
}
#sub_content .contents-container .btn a{
    width: 100%;
    display: block;
    font-size: 2.4rem;
    color: #fff;
    padding: 1rem;
}
#sub_content .contents-container .btn:hover{
    background-color: #fff;
    border: 1px solid #A62C2C;
}
#sub_content .contents-container .btn:hover a{
    color: #A62C2C;
}

.nav-wrap {
    height: 100%;
    display: flex;
    padding: 6rem 1rem 4rem;
    justify-content: flex-start;
}
.nav-wrap .nav-area__box{
    max-width: 60rem;
}
.nav-wrap .nav-area__box .nav-area__item p{
    font-size: 1.6rem;
}
.nav-wrap .nav-area__box .nav-area__item--1 ul{
    padding: 4rem 0 2rem;
}
.nav-wrap .nav-area__box .nav-area__item--1 ul li{
    padding: 0 0 4rem 0 ;
}
.nav-wrap .nav-area__box .nav-area__item--1 ul li a{
    font-size: 2.4rem;
}
.nav-wrap .nav-area__box .nav-area__item .cont-btn a{
    font-size: 2.8rem;
    padding: 1.2rem 3rem;
}
.nav-wrap .nav-area__box .nav-area__item--2 .cont-btn{
    width: 50rem;
}
.nav-wrap .nav-area__box .nav-area__item--2 .cont-btn a span{
    font-size: 1.8rem;
}
.nav-wrap .nav-area__box .nav-area__item--3 a{
    padding: 1rem;
    margin: 3rem 0;
}
.nav-wrap .nav-area__box .nav-area__item--3 a img{
    width: 20%;
    max-width: 14rem;
}
.nav-wrap .nav-area__box .nav-area__item--3 a p{
    font-size: 2.4rem;
    width: 65%;
    padding-left: 2rem;
}
.nav-wrap.open {
    overflow-y: scroll;
    width: 66%;
    right: 0;
    /* position: relative; */
    transform: translate(52.8%);
      /*スクロールバー非表示（IE・Edge）*/
  -ms-overflow-style: none;
  /*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;
/*スクロールバー非表示（Chrome・Safari）*/
}

.nav-wrap.open::-webkit-scrollbar{
  display:none;
}
#menu-icon {
    top: 3rem;
    right: 4rem;
    padding: 1.6rem 1rem 0.5rem;
}
#menu-icon.active{
    top: 3rem;
}
#menu-icon.active .first {
    margin-top: 1rem;
}

#menu-icon.active .second {
    top: -1.3rem;
}

#menu-icon span {
    width: 3.6rem;
    margin-bottom: 1rem;
}
/*News*/
.cont-front#cont-one .cont_area .cont_box--1{
    --cont-one-h:60%;
    height: var(--cont-one-h);
    margin-bottom: 5rem;
}
.cont-front#cont-one .cont_area .cont_box--1::before{
    height: calc(100% + 3rem);
    left: 3rem;
}
.cont-front#cont-one .cont_area .cont_box--1::after{
    width: 95%;
}
.cont-front#cont-one .cont_area .cont_box--1 > img{
    width: 95%;
}
.cont-front#cont-one .cont_area .cont_box--1 .cont_item--1{
    flex-direction: column;
}
.cont-front#cont-one .cont_area .cont_box--1 .cont_item--1 img{
    width: 40%;
}
.cont-front#cont-one .cont_area .cont_box--1 .cont_item--1 ul li{
    font-size: 2.4rem;
}
.cont-front#cont-one .cont_area .cont_box--2{
    height: calc(100% - var(--cont-one-h);)
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1{
    font-size: 2.8rem;
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1 ul{
    margin: 1rem 0;
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1 ul li{
    margin: 0.2rem 0;
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1 ul li svg {
    width: 2rem;
    margin: 0 0.4rem 0 0.4rem;
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1 ul li svg.train{
    width: 2.4rem;
}
.cont-front#cont-two{
    padding: 0 0 4rem;

}
.cont-front#cont-two .cont_area .cont_box--1{
    padding: 0 2rem;
}
.cont-front#cont-two .cont_area .cont_box--1 .cont_item--1{
    max-width: 50rem;
}
.cont-front#cont-two .cont_area .cont_box--1 .cont_item--1 h2{
    padding: 6rem 0;
    font-size: 3.2rem;
}
.cont-front#cont-two .cont_area .cont_box--1 .cont_item--1 ul{
    padding: 0 2rem;

}
.cont-front#cont-two .cont_area .cont_box--1 .cont_item--1 ul li{
    font-size: 2rem;
    padding-bottom: 2rem;
    line-height: 2.1;
}
.cont-front#cont-two .cont_area .cont_box--1 .cont_item--1 ul li span{
    letter-spacing: -0.1em;
    padding-left: 0.4rem;
}

.cont-front#cont-three .cont_area,.cont-front#cont-five .cont_area{
    padding-bottom: 1rem;
}
.cont-front#cont-three .cont_area::before{
    width: 70%;
    height: 70%;
    top: 2rem;
}
.cont-front#cont-three .cont_area .cont_box--1.cont_head,.cont-front#cont-five .cont_area .cont_box--1.cont_head{
    padding: 0 2rem;
}
.cont-front#cont-three .cont_area .cont_box--1.cont_head .cont_item h2,.cont-front#cont-five .cont_area .cont_box--1.cont_head .cont_item h2{
    font-size: 5rem;
    padding: 6rem 0;
}
.cont-front#cont-three .cont_area .cont_box--1.cont_head h2::before,.cont-front#cont-five .cont_area .cont_box--1.cont_head h2::before{
    bottom: 6rem;
}
.cont-front#cont-three .cont_area .cont_box--2{
    padding: 0 2rem;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item{
    width: 50%;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item a{
    margin-left: 1rem;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item a img{
    max-width: 5rem;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item--1 ul li{
    align-items: center;
    padding-bottom: 1rem;
    font-size: 2rem;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item--1 ul li h2{
    font-size: 3.6rem;
}

.cont-front#cont-three .cont_area .cont_box--2 .cont_item--2 {
    height: 16rem;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item--3{
    width: 100%;
    max-width: 55rem;
    margin: 4rem 0rem 2rem;
    padding: 2rem 0 1rem;
}
.cont-front#cont-three .cont_area .cont_box--2 .cont_item--3 ul li {
    padding-bottom: 1rem;
    font-size: 2.2rem;
}
.cont-front#cont-three .cont_area .cont_box--3 .cont_item{
    padding: 0 4rem 2rem;
}
.cont-front#cont-three .cont_area .cont_box--3 .cont_item p a{
    font-size: 3rem;
}
.cont-front#cont-three .cont_area .cont_box--3 .cont_item p a{
    font-size: 3rem;
	padding: 0 2rem 1rem 0;
}

.cont-front#cont-three .cont_area .cont_box--3 .cont_item p a::before {
    font-size: 3rem;
	border-bottom: 0.4rem solid #fff; /* 下線としての矢印部分 */
	border-right: 0.4rem solid #fff; /* 右線としての矢印部分 */
	height: 2rem; /* 矢印の高さ */
	left: -1rem; /* 矢印の位置を左端に */
}

.cont-front#cont-three .cont_area .cont_box--3 .cont_item p a:hover::before {
	border-bottom: 0.4rem solid #fbff00; /* 下線としての矢印部分 */
	border-right: 0.4rem solid #fbff00; /* 右線としての矢印部分 */
}

.cont-front#cont-four .cont_area{
    padding: 0 2rem;
}
.cont-front#cont-four .cont_area .cont_head{
    padding: 0 2rem;
}

.cont-front#cont-four .cont_area .cont_head .cont_item h2{
    font-size: 5rem;
    padding: 6rem 0;
}

.cont-front#cont-four .cont_area .cont_head h2::before{
    bottom: 8rem
}
.cont-front#cont-four .cont_area .cont_box{
    padding: 2rem 0;
    margin: 0 0 8rem;
    max-width: 45rem;
}
.cont-front#cont-four .cont_area .cont_box .cont_item--2{
    flex-direction: column;

}
.cont-front#cont-four .cont_area .cont_box .cont_item--2 h2{
    font-size: 2.8rem;
    padding: 2rem 0 1rem;
}
.cont-front#cont-four .cont_area .cont_box .cont_item--2 ul li{
    font-size: 2.2rem;
}
.cont-front#cont-four .cont_area .cont_box .cont_item--3{
    padding: 2rem;

}
.cont-front#cont-four .cont_area .cont_box .cont_item--3 a{
    font-size: 2.6rem;
    padding: 1rem;
    border: #6A0001 2px solid;
}
.cont-front#cont-four .cont_area .cont_box::after {
    bottom: -6rem;
    left: 16rem;
    border-top: 4rem solid #A62C2C;
    border-right: 7rem solid transparent;
    border-left: 7rem solid transparent;
}
.cont-front#cont-five{
    z-index: 2;
}
.cont-front#cont-five .cont_area .cont_box{
    color: #fff;
    padding: 0 2rem;
}
.cont-front#cont-five .cont_area .cont_box .cont_item--1 p{
    font-size: 2.8rem;
    padding: 1rem 0;
}
.cont-front#cont-five .cont_area .cont_box .cont_item--1 p span{
    font-size: 70%;
    padding-left: 1rem;
}
.cont-front#cont-five .cont_area .cont_box .cont_item--2 h2{
    padding: 4rem 0;
    font-size: 3rem;
}
.cont-front#cont-five .cont_area .cont_box .cont_item--2 table th{
    font-size: 2.4rem;
    padding-bottom: 2rem;
}

.cont-front#cont-five .cont_area .cont_box .cont_item--2 table td{
    width: 70%;
    font-size: 3rem;
    padding-left: 4rem;
    padding-bottom: 2rem;
}
.cont-front#cont-five .cont_area .cont_box--2 .cont_item--2 img{
    max-width: 5rem;
    margin: 1rem 0 6rem;
}
.cont-front#cont-five .cont_area .cont_box--3{
    padding-bottom: 6rem;
}
.cont-front#cont-five .cont_area .cont_box--3 .cont_item--2 p{
    font-size: 2.4rem;
    text-align: center;
}
    .cont-front#cont-six .cont_area .cont_box::before {
        width: 70%;
    }
.cont-front#cont-six .cont_area .cont_box{
    padding-bottom: 8rem;
}
.cont-front#cont-six .cont_area .cont_box::before{
    top: -4rem;
    left: -4rem;
}
.cont-front#cont-six .cont_area .cont_box .cont_item--1{
    padding: 6rem 0;
}
.cont-front#cont-six .cont_area .cont_box .cont_item--1 img{
    max-width: 30rem;
}
.cont-front#cont-six .cont_area .cont_box .cont_item--2{
    padding: 0 2rem;
}
.cont-front#cont-six .cont_area .cont_box .cont_item ul li{
    width: calc(100% / 3 );
    padding: 1rem;
}
.cont-front#cont-six .cont_area .cont_box .cont_item .insta_btn{
    padding-top: 4rem;
}
.cont-front#cont-six .cont_area .cont_box .cont_item .insta_btn a.btn{
  font-size: 2.4rem;
  padding: 1rem 4rem 1.6rem;
}

.cont-front#cont-seven .cont_area{
    padding-bottom: 4rem;

}
.cont-front#cont-seven .cont_area::before{
    background-position:55rem 0;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item{
    padding: 0 4rem;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item h2{
    padding: 6rem 0 4rem;
    font-size: 3.2rem;

}
.cont-front#cont-seven .cont_area .cont_box .cont_item--1 p{
    font-size: 2.4rem;
    padding-bottom: 4rem;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item--2 p{
    font-size: 2.4rem;
    padding-bottom: 1rem;

}
.cont-front#cont-seven .cont_area .cont_box .cont_item--2 .hot_block{
    margin-bottom: 4rem;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item--2 .hot_block img{
    width: 55%;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item--3 p{
    font-size: 2.4rem;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item--3 ul{
    padding: 1rem 0;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item--3 ul li{
    width: calc(50% - 1rem);
    font-size: 2.4rem;
    margin: 0.4rem;
}

.cont-front#cont-seven .cont_area .cont_box .cont_item--3 ul li a{
    padding: 1rem;
        min-height: 6.7rem;
}
.cont-front#cont-seven .cont_area .cont_box .cont_item--3 ul li img{
    width: 20%;
    max-width: 4rem;
    height: 20%;
    margin-right: 1rem;
}
#footer .cont_area{
    padding: 4rem 1rem 2rem;
}
#footer .cont_area .cont_box--1 .cont_item {
    justify-content: flex-end;
    text-align: center;

}
#footer .cont_area .cont_box--1 .cont_item img{
    width: 35%;
}
#footer .cont_area .cont_box--1 .cont_item h2{
    width: 60%;
    padding-left: 2rem;
    font-size: 2rem;
}
#footer .cont_area .cont_box--2{
    padding: 2rem 2rem;
}
#footer .cont_area .cont_box--2 .cont_item h2{
    font-size: 2.8rem;
}
#footer .cont_area .cont_box--2 .cont_item p{
    padding: 1rem 0;
    letter-spacing: 0.1rem;
    font-size: 2rem;
}
#footer .cont_area .cont_box--2 .cont_item--3 a{
    max-width: 6rem;
    margin-left: 2rem;
}
#footer .cont_area .cont_box--3 .cont_item--1{
    padding: 0 2rem;
}
#footer .cont_area .cont_box--3 .cont_item--2{
    padding: 1rem 2rem 0 ;
}
#footer .cont_area .cont_box--3 .cont_item--2 p{
    font-size: 2rem;

}


/*IE Alert*/
    .ie_alert {
        width: 100%;
        position: fixed;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        top: 10%;
        left: 15%;
        width: 70%;
        background: rgba(54, 54, 54, 0.95);
        text-align: center;
        padding: 7% 5%;
        z-index: 1000;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .ie_alert span,
    .ie_alert p,
    .ie_alert a {
        width: 100%;
        color: #fff;
    }
    .ie_alert_icon {
        width: 100%;
    }
    .ie_alert img {
        max-width: 10rem;
        height: 10rem;
        margin: 1rem 5rem;
    }
    .ie_alert span {
        display: block;
        font-size: 2rem;
        font-weight: bold;
        padding-bottom: 7%;
    }
    .ie_alert p {
        font-size: 1.3rem;
        padding: 1%;
    }
    .ie_alert a {
        display: inline-block;
        width: 35rem;
        font-size: 1.6rem;
        margin-top: 2rem;
        padding: 2rem 1rem;
        border: solid 1px #fff;
        vertical-align: middle;
        height: 70px;
        line-height: 35px;
    }
    .ie_alert a :hover {
        background: rgba(255, 255, 255, 0.1);
    }

@media screen and (min-width: 1024px) {
    body {
        font-size: 1.6em;
    }
    a {
        text-decoration: none;
    }
    .content-tab{
        display: none;
        }
    .content-pc {
        display: block;
    }


#main_content{
    width: 65%;
    position: relative;
    margin-left: auto;
    
}
#sub_content{
    width: 35%;
    height: 100vh;
    display: block;
    position: fixed;
    background-color: #000;
}
.cont-front#cont-one .cont_area .cont_box--1{
    --cont-one-h:60%;
    height: var(--cont-one-h);
    margin-bottom: 5rem;
}
.cont-front#cont-one .cont_area .cont_box--1::before{
    height: calc(100% + 3rem);
    left: 3rem;
}
.cont-front#cont-one .cont_area .cont_box--1::after{
    width: 95%;
    background-color: transparent;
}
.cont-front#cont-one .cont_area .cont_box--1 > img{
    width: 95%;
}
.cont-front#cont-one .cont_area .cont_box--1 .cont_item--1{
    flex-direction: column;
}
.cont-front#cont-one .cont_area .cont_box--1 .cont_item--1 img{
    width: 40%;
}
.cont-front#cont-one .cont_area .cont_box--1 .cont_item--1 ul li{
    font-size: 2.4rem;
}
.cont-front#cont-one .cont_area .cont_box--2{
    height: calc(100% - var(--cont-one-h);)
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1{
    font-size: 2.8rem;
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1 ul{
    margin: 1rem 0;
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1 ul li{
    margin: 0.2rem 0;
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1 ul li svg {
    width: 2rem;
    margin: 0 0.4rem 0 0.4rem;
}
.cont-front#cont-one .cont_area .cont_box--2 .cont_item--1 ul li svg.train{
    width: 2.4rem;
}

.cont-front#cont-two {
    padding: 0 0 8rem;
}

.cont-front#cont-two .cont_area .cont_box--1 .cont_item--1{
    max-width: 70rem;
}
.cont-front#cont-two .cont_area .cont_box--1 .cont_item--1 h2{
    padding: 8rem 0 6rem;
    font-size: 3.6rem;
}
.cont-front#cont-two .cont_area .cont_box--1 .cont_item--1 ul li{
    font-size: 2.4rem;
}
.cont-front#cont-two .cont_area .cont_box--1 .cont_item--1 ul li span{
    letter-spacing: -0.1em;
    padding-left: 1rem;
}
.cont-front#cont-three .cont_area .cont_box--1.cont_head .cont_item h2, .cont-front#cont-five .cont_area .cont_box--1.cont_head .cont_item h2 {
    font-size: 5rem;
    padding: 8rem 0;
}
.cont-front#cont-three .cont_area .cont_box--1.cont_head h2::before, .cont-front#cont-five .cont_area .cont_box--1.cont_head h2::before {
        bottom: 8rem;
}
    .cont-front#cont-three .cont_area, .cont-front#cont-five .cont_area {
        padding-bottom: 4rem;
    }
    .cont-front#cont-three .cont_area::before {
        width: 50%;
        height: 50%;
        top: 0rem;
        right: -7rem;
    }
    .cont-front#cont-three .cont_area .cont_box--2 {
        max-width: 70rem;
    }
    .cont-front#cont-three .cont_area .cont_box--2 .cont_item--2 {
        height: 20rem;
    }
    .cont-front#cont-three .cont_area .cont_box--2 .cont_item--1 ul li {
        font-size: 2.4rem;
    }
    .cont-front#cont-three .cont_area .cont_box--2 .cont_item--3 {
        max-width: 70rem;
        margin: 4rem 0rem 3rem;
        padding: 2rem 0 1rem;
    }
    .cont-front#cont-three .cont_area .cont_box--3 .cont_item {
        max-width: 70rem;
        padding: 0 2rem 4rem;
    }
    .cont-front#cont-four .cont_area .cont_head .cont_item h2 {
        padding: 8rem 0;
    }
    .cont-front#cont-four .cont_area {
        max-width: 70rem;
    }
    .cont-front#cont-five .cont_area{
        flex-direction: column;
    }
    
    .cont-front#cont-five .cont_area .cont_box .cont_item--2 table{
        width: 55%;
    }
    .cont-front#cont-five .cont_area .cont_box--2 .cont_item--2::before {
        max-width: 18rem;
    }
    .cont-front#cont-five .cont_area .cont_box{
        max-width: 70rem;
    }
    .cont-front#cont-six .cont_area .cont_box .cont_item--1 {
        padding: 8rem 0;
    }
    .cont-front#cont-six .cont_area .cont_box .cont_item--2 {
        max-width: 70rem;
    }
    .cont-front#cont-seven .cont_area {
        padding-bottom: 8rem;
    }
    .cont-front#cont-seven .cont_area::before {
        background-position: 70rem 
    }
    .cont-front#cont-seven .cont_area .cont_box {
        max-width: 70rem;
    }
        .cont-front#cont-seven .cont_area .cont_box .cont_item--2 .hot_block img {
        width: 45%;
    }
        .cont-front#cont-seven .cont_area .cont_box .cont_item--3 ul li a {
        padding: 1rem;
        min-height: 6.8rem;
    }
        #footer .cont_area{
        flex-direction: column;
    }
        #footer .cont_area .cont_box{
        max-width: 66rem;
    }
    /*IE Alert*/
    .ie_alert span {
        font-size: 4.6rem;
    }
    .ie_alert p {
        font-size: 2.2rem;
    }
    .ie_alert a {
        font-size: 1.8rem;
    }
}