@charset "utf-8";
/* CSS Document */

/* ===========================共通=========================== */
html {font-size: 62.5%; }
body{
	-webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size:1.6rem;
	line-height:1.6;
	/*font-family: 'M PLUS 1p', sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
	background: #fff;
	color: #222;
}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
ul li, ol li{list-style: none;}
table{ margin: 0; padding: 0; font-size: 100%; border-collapse: collapse; border-spacing: 0;}
caption{ text-align: left;}
table, pre, code, select, textarea, kbd, var, ins, del, samp{font-size: 100%;}
address,cite,dfn,em,strong,var,th,ins,del,samp{font-weight: normal;font-style: normal;}
img{ border:none; display: block; margin: 0; padding: 0;}
a, a:visited{ color: #363636; text-decoration:none; outline:none;}
fieldset{border: none;}
header,section,nav,aside,footer,article{ display: block;}

.pc{ display:block;}
.tb{ display:none !important;}
.sp{ display:none !important;}
.pctb{ display:block!important;}
.tbsp{ display:none!important;}

@media screen and (max-width: 1080px){
	.pc{ display:none !important;}
	.tb{ display:block!important;}
	.sp{ display:none !important;}
	.pctb{ display:block!important;}
	.tbsp{ display:block!important;}
}
@media screen and (max-width: 768px){
	.pc{ display:none !important;}
	.tb{ display:none !important;}
	.sp{ display:block !important;}
	.pctb{ display:none !important;}
	.tbsp{ display:block!important;}
}

/*--- PCで電話リンク無効 ---*/
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

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

/* ===========================基本=========================== */
.mt1p{margin-top:1% !important;}
.mt2p{margin-top:2% !important;}
.mt3p{margin-top:3% !important;}
.mt4p{margin-top:4% !important;}
.mt5p{margin-top:5% !important;}
.mt10p{margin-top:10% !important;}
.mt15p{margin-top:15% !important;}
.mt20p{margin-top:20% !important;}
.mt25p{margin-top:25% !important;}
.mt30p{margin-top:30% !important;}
.mt35p{margin-top:35% !important;}
.mt40p{margin-top:40% !important;}
.mt45p{margin-top:45% !important;}
.mt50p{margin-top:50% !important;}

.mt0 {margin-top: 0px !important; }
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mb1p{margin-bottom:1% !important;}
.mb2p{margin-bottom:2% !important;}
.mb3p{margin-bottom:3% !important;}
.mb4p{margin-bottom:4% !important;}
.mb5p{margin-bottom:5% !important;}
.mb10p{margin-bottom:10% !important;}
.mb15p{margin-bottom:15% !important;}
.mb20p{margin-bottom:20% !important;}
.mb25p{margin-bottom:25% !important;}
.mb30p{margin-bottom:30% !important;}
.mb35p{margin-bottom:35% !important;}
.mb40p{margin-bottom:40% !important;}
.mb45p{margin-bottom:45% !important;}
.mb50p{margin-bottom:50% !important;}

.mb0 {margin-bottom: 0px !important; }
.mb5 {margin-bottom: 5px !important; }
.mb10 {margin-bottom: 10px !important; }
.mb15 {margin-bottom: 15px !important; }
.mb20 {margin-bottom: 20px !important; }
.mb25 {margin-bottom: 25px !important; }
.mb30 {margin-bottom: 30px !important; }
.mb35 {margin-bottom: 35px !important; }
.mb40 {margin-bottom: 40px !important; }
.mb45 {margin-bottom: 45px !important; }
.mb50 {margin-bottom: 50px !important; }
.mb55 {margin-bottom: 55px !important; }
.mb60 {margin-bottom: 60px !important; }
.mb70 {margin-bottom: 70px !important; }
.mb80 {margin-bottom: 80px !important; }
.mb90 {margin-bottom: 90px !important; }
.mb100 {margin-bottom: 100px !important; }

.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr18{margin-right:18px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

.pt1p{padding-top:1% !important;}
.pt2p{padding-top:2% !important;}
.pt3p{padding-top:3% !important;}
.pt4p{padding-top:4% !important;}
.pt5p{padding-top:5% !important;}
.pt10p{padding-top:10% !important;}
.pt15p{padding-top:15% !important;}
.pt20p{padding-top:20% !important;}
.pt25p{padding-top:25% !important;}
.pt30p{padding-top:30% !important;}
.pt35p{padding-top:35% !important;}
.pt40p{padding-top:40% !important;}
.pt45p{padding-top:45% !important;}
.pt50p{padding-top:50% !important;}

.pt0 {padding-top: 0px !important; }
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}
.pt60{padding-top:60px !important;}
.pt65{padding-top:65px !important;}
.pt70{padding-top:70px !important;}
.pt75{padding-top:75px !important;}
.pt80{padding-top:80px !important;}
.pt85{padding-top:85px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

.pb1p{padding-bottom:1% !important;}
.pb2p{padding-bottom:2% !important;}
.pb3p{padding-bottom:3% !important;}
.pb4p{padding-bottom:4% !important;}
.pb5p{padding-bottom:5% !important;}
.pb10p{padding-bottom:10% !important;}
.pb15p{padding-bottom:15% !important;}
.pb20p{padding-bottom:20% !important;}
.pb25p{padding-bottom:25% !important;}
.pb30p{padding-bottom:30% !important;}
.pb35p{padding-bottom:35% !important;}
.pb40p{padding-bottom:40% !important;}
.pb45p{padding-bottom:45% !important;}
.pb50p{padding-bottom:50% !important;}

.pb0 {padding-bottom: 0px !important; }
.pb5 {padding-bottom: 5px !important; }
.pb10 {padding-bottom: 10px !important; }
.pb15 {padding-bottom: 15px !important; }
.pb20 {padding-bottom: 20px !important; }
.pb25 {padding-bottom: 25px !important; }
.pb30 {padding-bottom: 30px !important; }
.pb35 {padding-bottom: 35px !important; }
.pb40 {padding-bottom: 40px !important; }
.pb45 {padding-bottom: 45px !important; }
.pb50 {padding-bottom: 50px !important; }
.pb55 {padding-bottom: 55px !important; }
.pb60 {padding-bottom: 60px !important; }
.pb70 {padding-bottom: 70px !important; }
.pb80 {padding-bottom: 80px !important; }
.pb90 {padding-bottom: 90px !important; }
.pb100 {padding-bottom: 100px !important; }

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr18{padding-right:18px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

.tac { text-align: center !important; }
.tar { text-align: right !important; }
.tal { text-align: left !important; }


.fL{ float:left;}
.fR{ float:right;}
.bold{ font-weight: bold;}
.underline{ text-decoration:underline;}


.blue{ color: #004a9e;}
.red{ color: #d61518;}
.orange{ color: #f08a00;}
.pink{ color: #f25862;}
.green{ color: #15a38f;}
.wite{ color: #fff;}
.big{ font-size: 125%;}


.posi_r { position: relative;}
.posi_a { position: absolute;}


.fw500 { font-weight: 500;}
.fw600 { font-weight: 600;}



/* ===========================共通アイテム=========================== */
/*フレックスボックス*/
.flex_box {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.flex_box2 {
	display: flex;
	width: 100%;
	justify-content: center;
}
.flex_box2 img {
	width: 100%;
}
.flex_box3 {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: stretch;
}
.flex_box4,.flex_box5 {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 9%;
}
.flex_box5:last-child {
	margin-bottom: 0;
}

/*角丸ボックス*/
.radius_box {
	display: block;
	width: 100%;
	border-radius: 20px;
	background: #fff;
	padding: 4%;
	border: solid 4px #dbdcdc;
}

/*セクション共通設定*/
[id*="sec"] {
    padding: 4% 15%;
	display: block;
	width: 100%;
}

/*背景色*/
.bg_color_gray {
	background: #D9E1E5;
}
.bg_color_gray2 {
	background: #eeeeef;
}

/*見出し・テキスト*/
.kenten{ /*圏点*/
  background-position: top left 0px;
    background-repeat: repeat-x;
    background-size: 1.0em .3em;
    background-image: radial-gradient(.15em .15em at center center,#f25862,#f25862 100%,transparent,transparent);
    padding-top: 0.1em;
}
.marker { /*下線*/
	background: linear-gradient(transparent 70%, #FFF000 70%);
}
h2 { /*MVで使用*/
}
h3 {
	font-size: 2.2vw;
	font-weight: 600;
	text-align: center;
	position: relative;
	padding-bottom: 1vw;
	line-height: 1.5;
}
h3 img.h3_img {
	width: 35%;
    display: inline;
    vertical-align: top;
	margin-left: 0.25em;
}
h3.plus-img {
    font-size: 2.2vw;
    font-weight: 600;
    text-align: center;
    position: relative;
    padding-bottom: 1vw;
    display: table;
    margin: 0 auto;
}
h3.plus-img img {
    position: absolute;
    width: 120px;
    left: -100px;
    top: -30px;
}
h4.pink {
    font-size: 1.4vw;
    font-weight: 500;
    background: #f25862;
    color: #fff;
    padding: 0.2em 1em;
    display: inline-block;
    margin: 0 auto;
    border-radius: 3em;
	line-height: 1.4;
}
h4.pink2 {
    font-size: 1.4vw;
    font-weight: 500;
    background: #fff;
    color: #f25862;
    padding: 0.2em 1.5em;
    display: inline-block;
    margin: 0 auto;
    border-radius: 3em;
	line-height: 1.4;
}
h4.arrow {
    position: relative;
    display: inline-block;
    line-height: 150%;
    padding: 0 10px 0 25px;
    background-color: #f25862;
    color: #fff;
    font-size: 1.6vw;
    font-weight: 600;
    text-align: center;
    height: 100%;
}
h4.arrow::before, h4.arrow::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 1.25vw 0 1.25vw 1vw;
    content: '';
}
h4.arrow::after {
    right: -0.95vw;
    border-color: transparent #f25862;
}
h4.arrow::before {
    left: 0;
    border-color: transparent #fff;
}
h4.arrow2 {
    position: relative;
    display: inline-block;
    line-height: 150%;
    padding: 0 10px 0 25px;
    color: #fff;
    font-size: 1.6vw;
    font-weight: 600;
    text-align: center;
    height: 100%;
    background-color: #595757;
}
h4.arrow2::before, h4.arrow2::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 1.25vw 0 1.25vw 1vw;
    content: '';
}
h4.arrow2::after {
    right: -0.95vw;
    border-color: transparent #595757;
}
h4.arrow2::before {
    left: 0;
    border-color: transparent #fff;
}
h5.check {
	font-size: 1.7vw;
    font-weight: 500;
	margin: 4vw 0 0.5vw
}
h5.check:before {
    content: "";
    display: inline-block;
    background-image: url(../images_tp/sec07_illust06-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 5.5vw;
    height: 1.5vw;
    vertical-align: middle;
    margin-right: 0.25em;
}
h5.h5_number {
	font-size: 1.5vw;
    font-weight: 600;
	margin-bottom: 2%;
	line-height: 1.4;
}
p.caption {
	font-size: 1.3rem;
}
section p {
    font-size: 1.1vw;
}


/*コンバージョン（動画を見る、資料請求ボタン）*/
section.conv {
    padding: 5% 5%;
	display: block;
	width: 100%;
	/*background: #918E8E;*/
	background: #C3CED4;
}
section.conv .conv_inner {
    display: flex;
    width: 55%;
    justify-content: space-between;
    margin: 0 auto;
}
section.conv .conv_inner .conv_c_button,section.conv .conv_inner .conv_m_button {
	width: 46%;
	font-size: 1.5vw;
	font-weight: 500;
}
section.conv .conv_inner .conv_c_button a {
    background: #f25862;
    color: #fff;
    display: block;
    padding: 7% 3%;
    border-radius: 10px;
    width: 100%;
    text-align: center;
}
section.conv .conv_inner .conv_m_button a {
    background: #595757;
    color: #fff;
    display: block;
    padding: 7% 3%;
    border-radius: 10px;
    width: 100%;
    text-align: center;
}
section.conv .conv_inner .conv_c_button a span,section.conv .conv_inner .conv_m_button a span {
	font-size: 85%;
}
section.conv .conv_inner .conv_c_button a img,section.conv .conv_inner .conv_m_button a img {
	margin-right: 0.25em;
    display: inline-block;
    vertical-align: middle;
}
section.conv .conv_inner .conv_c_button a:hover {
    background: #F36B74;
}
section.conv .conv_inner .conv_m_button a:hover {
	background: #646161;
}



/* ===========================ヘッダー=========================== */
header {
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    display: flex;
    z-index: 10;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
}
.header_body {
	width: 85%;
    margin: 0 0 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header_body h1.header_logo {
    width: 168px;
}
.header_body .navi_wrapp {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}
.navi_text {
	margin-right: 20px;
	font-size: 1vw;
}
.c_button {
	width: 100px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.c_button a {
	background: #f25862;
    color: #fff;
	display: block;
    width: 100%;
    height: 100%;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
	line-height: 1.2;
	/*padding-top: calc(25% + 0.65rem);*/
}
.c_button img {
	margin: 18px auto 6px;
}
.m_button {
	width: 100px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.m_button img {
	margin: 18px auto 6px;
}
.m_button a {
	background: #595757;
    color: #fff;
	display: block;
    width: 100%;
    height: 100%;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
	line-height: 1.2;
	/*padding-top: 25%;*/
}
.c_button a:hover {
    background: #F36B74;
}
.m_button a:hover {
	background: #646161;
}



/* ===========================メインビジュアル=========================== */
#mv {
	width: 100%;
	height: 0;
	/* (画像の高さ / 画像の横幅) × 100 + ヘッダーの高さ */
    padding-top: calc(44.3% + 80px);
    position: relative;
    line-height: 1.3;
	background-image: url("../images_tp/mv_bg_fix_pc_02.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom left;
}
.mv_inner {
	position: absolute;
    top: 80px;
    width: 100%;
    display: block;
    height: calc(100% - 80px);
    padding: 2.8% 15%;
}
.mv_inner img {
	width: 100%;
    height: auto;
    margin: 0 auto;
}
#mv h2 {
	width: 45%;
    height: auto;
    padding-bottom: 1vw;
}
#mv p {
    font-size: 1.5vw;
    line-height: 1.4;
}
#mv h3 {
    text-align: left;
    font-size: 2vw;
    line-height: 1.4;
    font-weight: 500;
	padding-bottom: 1.5vw
}
#mv h3 span {
    font-size: 3vw;
    font-weight: 600;
    color: #d61518;
}
#mv .mv_pc_img {
	position: relative;
}
#mv .mv_pc_img a:hover {
	opacity: 0.8;
}
#mv .mv_pc_img .inner_item1 {
	width: 10.5%;
    position: absolute;
    top: 20%;
    left: 31%;
}
#mv .mv_pc_img .inner_item2 {
	width: 10.5%;
    position: absolute;
    top: 20%;
    left: 43%;
}
#mv .mv_pc_img .inner_item3 {
	width: 10.5%;
    position: absolute;
    top: 20%;
    left: 55%;
}
#mv .mv_flex {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-top: 1.2vw;
}
#mv .mv_flex_item {
	width: 25%;
    text-align: center;
    border-radius: 20px;
    background: #fff;
    padding: 2.5% 2%;
    border: solid 3px #000F6B;
    margin-right: 2%;
    font-size: 1.2vw;
    font-weight: 500;
	color: #000F6B;
}
#mv .mv_flex_item:last-child {
	margin-right: 0;
}

/* ===========================コンテンツ=========================== */
.sec01_item {
	width: 25%;
	justify-content: space-between;
	text-align: center;
}
.sec01_item img {
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.sec01_item p {
	font-size: 1.5vw;
	margin-top: 5%;
}
/* ==========hにイラストが絡んでくるパターン用========== */
.h3_box {
	text-align: center;
    position: relative;
    margin: 1.5vw 0;
}
.h3_box .img_box {
    position: absolute;
    top: -20%;
    right: 4%;
    z-index: 2;
    width: 15%;
}
.h3_box .img_box img {
	width: 70%;
	height: auto;
}
.h4_box {
	text-align: center;
    position: relative;
    margin: 1.5vw 0;
}
.h4_box .img_box {
	position: absolute;
    top: -270%;
    right: -8%;
    z-index: 2;
    width: 20%;
}
.h4_box .img_box img,.h4_box .img_box2 img,.h4_box .img_box3 img {
	width: 100%;
	height: auto;
}
.h4_box2 {
	text-align: center;
    position: relative;
    margin: 0 0 2.5vw;
}
.h4_box2 .img_box2 {
    position: absolute;
    top: -80%;
    left: 1%;
    z-index: 2;
    width: 15%;
}
.h4_box2 .img_box2 img {
    width: 90%;
}
.h4_box .img_box2 {
    position: absolute;
    top: -150%;
    right: 3%;
    z-index: 2;
    width: 15%;
}
.h4_box .img_box3 {
    position: absolute;
    top: -50%;
    right: -1%;
    z-index: 2;
    width: 15%;
}

/* ==========すぐに使えるパッケージタイプ========== */
.img_wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 14px;
}
.l_box {
	width: 17%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.l_box img {
	width: 98%;
}
.r_box {
	width: 65%;
}
.r_box2 {
	width: 1.5%;
}
.r_box3 {
    width: 13.5%;
    border: solid 3px #f25862;
    box-sizing: border-box;
    padding: 16px 10px;
    display: grid;
    place-content: center;
    place-items: center;
}
.r_box3 .r_box3_inner p {
    text-align: center;
    font-size: .9vw;
    font-weight: 600;
    line-height: 1.2;
    padding-bottom: 6px;
}
.r_box3 .r_box3_inner img {
    width: 100%;
    margin: 0 auto;
}

/* ==========吹き出しボックス========== */
.balloon_l {
    position: relative;
    display: inline-block;
    /* margin: 1.5em 0 1.5em 15px; */
    padding: 16px 20px;
    /* min-width: 120px; */
    /* max-width: 100%; */
    color: #555;
    font-size: 16px;
    background: #fff;
    border: solid 3px #f25862;
    box-sizing: border-box;
    width: 100%;
}
.balloon_l:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -54px;
    margin-top: -22px;
    border: 22px solid transparent;
    border-right: 36px solid #fff;
    z-index: 2;
}
.balloon_l:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -60px;
    margin-top: -22px;
    border: 22px solid transparent;
    border-right: 36px solid #f25862;
    z-index: 1;
}
.package_inner {
	display: flex;
	justify-content: space-between;
}
.package_inner .package {
	/*max-width: 120px;*/
	position: relative;
}
.package_inner .plus {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	z-index: 3;
	font-size: 34px;
    font-weight: 600;
	color: #555;
}
/*.package_inner div::after {
	content: "+";
	position: absolute;
}
.package_inner div:last-child::after {
	display: none;
}*/
.package_inner img {
	max-width: 75%;
	margin: 0 auto;
    /*width: auto;
    height: 120px;*/
	vertical-align: bottom;
}
.package_inner p {
    margin-top: 4px;
    font-size: 0.8vw;
    font-weight: 500;
    line-height: 1.2;
    background: #fff;
    min-height: 4em;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border-radius: 4px; */
    text-align: center;
}
.r_box2 .package_inner {
	display: flex;
	justify-content: space-between;
	height: 100%;
}

/* ==========フレックスボックスの中身========== */
.flex_item_50_50 {
	width: 48%;
	height: auto;
	background: #fff;
	justify-content: space-between;
}
.flex_item_50_50_2 {
	width: 48%;
	height: auto;
	justify-content: space-between;
}
.flex_item_50_50 img,.flex_item_50_50_2 img {
	width: 100%;
	height: auto;
}
.flex_item_30_30 {
	width: 30%;
	height: auto;
	justify-content: space-between; 
	position: relative;
	text-align: center;
}
.flex_item_30_30 img {
	width: 80%;
	height: auto;
	margin: 0 auto;
}
.flex_item_25_25 {
	width: 20%;
	height: auto;
	justify-content: space-between; 
	position: relative;
	text-align: center;
}
.flex_item_25_25::after {
	position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-width: 30px 0 30px 25px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    top: 0;
    right: -25%;
    bottom: 0;
    margin: auto; 
}
.flex_item_25_25:last-child::after {
	display: none;
}
.flex_item_25_25 .inner {
    width: 100%;
    display: block;
    margin-bottom: 0.7vw;
}
.flex_item_25_25 .inner img.one {
    width: 93%;
}
.flex_item_25_25 .inner img.two {
    width: 100%;
}
.flex_item_25_25 .inner img.three {
    width: 90%;
}
.flex_item_25_25 p {
    /*color: #fff;*/
	line-height: 1.3;
	font-weight: 500;
}

/*==========多彩な方法でパソコンと連携可能==========*/
.flex_item_25_25_2 {
	width: 20%;
	background: #fff;
	position: relative;
	text-align: center;
	border: 5px solid #888888;
	border-radius: 10px;
}
.flex_item_25_25_2 .inner {
	width: 100%;
	display: block;
	padding: 5%;
}
.flex_item_25_25_2 .inner p {
	font-size: 1vw;
	font-weight: 500;
}
.flex_item_25_25_2 .inner h5 {
	font-size: 1.2vw;
	font-weight: 600;
	line-height: 1.2;
}
.flex_item_25_25_2 .inner img {
	width: 70%;
	height: auto;
	margin: 0 auto;
	padding: 11% 0;
}
.flex_item_25_25_2 .inner img.two {
	width: 70%;
	height: auto;
	margin: 0 auto;
	padding: 5% 0;
}
.flex_item_25_25_2 .inner .cap {
	background: #eeeeef;
	border-radius: 4px;
	margin-bottom: 2%;
	padding: 2%;
}
.flex_item_25_25_2 .inner .cap:last-child {
	margin-bottom: 0;
}
.flex_item_25_25_2 .inner .cap p {
	font-size: 1vw;
	line-height: 1.2;
}
.flex_item_25_25_2 .inner .cap p.bold {
	font-weight: 600;
}
#movie { /*動画部分への移動用（ヘッダー高さマイナス）*/
  margin-top:-80px;
  padding-top:80px;
}
.movie_wrapp {
	width: 75%;
    max-width: 900px;
    margin: 40px auto 0;
	text-align: center;
}
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/*==========勤怠管理システムがはじめてでもラクラク！==========*/
.sec08_img {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding-top: 7%;
}
.sec08_img img {
	width: 100%;
	height: auto;
}
.sec08_txt {
    position: absolute;
    width: 64%;
    margin: 0 auto;
    top: 0;
    left: 36%;
    font-size: 1.2vw;
}
.numberbox {
    margin-bottom: 10px;
}
.number {
    float: left;
    font-size: 2.5vw;
    line-height: 1;
    font-weight: 600;
    margin-right: 0.25em;
	color: #F25862;
}
.indd_box {
	padding-left: 1.5em;
}
.point_text {
	border: solid 2px #F25862;
	border-radius: 30px;
	color: #F25862;
	font-size: 1.5vw;
	font-weight: 500;
	padding: 0.2em 0.5em;
	display: inline-block;
	margin-top: 6%;
	line-height: 1.2;
}

/*==========パソコンが苦手でもノープロブレム！==========*/
.sec09_box {
	width: 85%;
	margin-top: 1%;
}
.flex_box_radius {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background: #fcd5d8;
    border-radius: 20px;
    padding: 2% 4%;
}
.sec09_box2 {
    width: 100%;
    margin-top: 2%;
    position: relative;
    padding-top: 80px;
    background-image: url(../images_tp/sec09_illust03.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 60px;
}
.point_text_sec09 {
    border: solid 2px #F25862;
    border-radius: 30px;
    color: #F25862;
    font-size: 1.6vw;
    font-weight: 500;
    padding: 0.2em 0.5em;
    display: inline-block;
    line-height: 1.2;
    position: absolute;
    top: 2.5%;
    left: 39%;
	background-color: #fff;
}

/*==========多彩な方法でパソコンと連携可能==========*/
.flex_item_25_25_3 {
	width: 22%;
	background: #fcd5d8;
	position: relative;
	border-radius: 10px;
}
.flex_item_25_25_3 .inner {
    width: 100%;
    display: flex;
    padding: 5%;
    height: 100%;
}
.flex_item_25_25_3 .inner .inner_l {
    width: 32%;
    padding-right: 5%;
    float: left;
    align-items: center;
    display: flex;
}
.flex_item_25_25_3 .inner .inner_l img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.flex_item_25_25_3 .inner .inner_r {
    width: 68%;
    float: left;
}
.flex_item_25_25_3 .inner .inner_r p {
	font-size: 1.2vw;
	font-weight: 600;
	line-height: 1.2;
}
.flex_item_25_25_3 .inner .inner_r p.small {
	font-size: 1.05vw;
	font-weight: normal;
	line-height: 1.3;
	padding-top: 0.5em;
}

/*==========表組==========*/
table.sec03 {
	position: absolute;
	top: 30px;
	background: #888888;
	color: #fff;
	text-align: center;
	font-size: 1vw
}
table.sec03 span {
	/*font-size: 14px;*/
	line-height: 1.2;
	display: inline-block;
}
table.sec03 span.small {
	font-size: 80%;
}
table.sec03 td {
	border: 2px solid #fff;
	padding: 0.6vw 1.45vw;
}
table.sec03 td.tp {
	background: #fbdbb7;
	color: #222;
	vertical-align: middle;
}
table.sec03 td.other {
	background: #eeeeef;
	color: #222;
	vertical-align: middle;
}



/*======================================= フッター =======================================*/
footer {
    width: 100%;
    padding: 2% 0;
    font-size: 1vw;
    line-height: 1.2;
}
.footer_flex {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.footer-l, .footer-r {
    width: 50%;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.footer-l {
    font-size: 1.3vw;
}
.footer-r {
    font-size: 1vw;
}
.footer-copy {
    width: 100%;
    text-align: center;
    font-size: 0.9vw;
}
.footer-nav {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-nav a {
    font-size: 0.9vw;
    padding-right: 1.5vw;
}
.footer-nav p:last-child a {
    padding-right: 0;
}
.footer-nav a:hover {
    text-decoration: underline;
}



/*======================================= ページトップ =======================================*/
/*リンクの形状*/
#page-top a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d61518;
    border-radius: 5px;
    width: 70px;
    height: 70px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 1.2rem;
    transition: all 0.3s;
    border: 2px solid #fff;
}
#page-top a::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    border-top: #fff 4px solid;
    border-right: #fff 4px solid;
    transform: rotate(-45deg);
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
}
#page-top a:hover{
    background: #E81F22;
}
/*リンクを右下に固定*/
#page-top {
    position: fixed;
    right: 10px;
    bottom:40px;
    z-index: 4;
    /*はじめは非表示*/
    opacity: 0;
    transform: translateY(100px);
}
/*　上に上がる動き　*/
#page-top.UpMove{
    animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
    transform: translateY(110px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*　下に下がる動き　*/
#page-top.DownMove{
    animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(110px);
  }
}


/*======================================= モーダルウィンドウ =======================================*/
/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}


/*======================================= 1080px以下の場合 =======================================*/
@media screen and (max-width:1080px){
	
	.header_body {
        width: 95%;
    }
	.navi_text {
        margin-right: 20px;
        font-size: 1.2vw;
    }
    [id*="sec"] {
        padding: 4% 5%;
        display: block;
        width: 100%;
    }
    h3 {
        font-size: 3vw;
    }
	.h4_box .img_box {
        right: -5%;
    }
        section p {
        font-size: 1.3vw;
    }
	table.sec03 {
        font-size: 1.5vw;
    }
    table.sec03 span {
        /*font-size: 14px;*/
    }
    table.sec03 td {
        padding: 0.25em 0.5em;
    }
	.sec08_txt {
        width: 100%;
        left: 0;
    }
.point_text_sec09 {
    left: 42%;
}

}



/*======================================= 768px以下の場合 =======================================*/
@media screen and (max-width:768px){
	#sec03 {
		margin-top: calc(2% - 80px);
        padding-top: calc(2% + 80px);
	}
	h2 {
	font-size: 8vw;
    }
    h3 {
        font-size: 6vw;
		margin-bottom: 3vw;
		line-height: 1.4;
    }
	h3.plus-img {
        font-size: 6vw;
        font-weight: 600;
        text-align: center;
        position: relative;
        padding-bottom: 1vw;
        display: table;
        margin: 0 auto 0.25em;
		padding-top: 1em;
    }
    h3.plus-img img {
        position: absolute;
        width: 25%;
        left: -10px;
        top: -3.5vw;
    }
	h3 img.h3_img {
        width: 50%;
    }
    h4 {
        font-size: 4.5vw;
		margin-bottom: 7vw;
    }
    h4.br {
        font-size: 4vw;
		margin-bottom: 7vw;
    }
	h4.arrow {
        position: relative;
        display: inline-block;
        line-height: 150%;
        padding: 0 10px 0 25px;
        background-color: #f25862;
        color: #fff;
        font-size: 5vw;
        font-weight: 600;
        text-align: center;
        height: 100%;
		margin-bottom: 0.5vw;
    }
	h4.arrow::before, h4.arrow::after {
        position: absolute;
        top: 0;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 3.8vw 0 3.8vw 2.5vw;
        content: '';
    }
	h4.arrow::after {
        right: -2.4vw;
        border-color: transparent #f25862;
    }
	h4.arrow2 {
        position: relative;
        display: inline-block;
        line-height: 150%;
        padding: 0 10px 0 25px;
        background-color: #595757;
        color: #fff;
        font-size: 5vw;
        font-weight: 600;
        text-align: center;
        height: 100%;
        margin-bottom: 1vw;
    }
	h4.arrow2::before, h4.arrow2::after {
        position: absolute;
        top: 0;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 3.8vw 0 3.8vw 2.5vw;
        content: '';
    }
	h4.arrow2::after {
        right: -2.4vw;
        border-color: transparent #595757;
    }
    h5.check {
        font-size: 5vw;
        margin: 4vw 0 2vw;
    }
	h5.check:before {
        width: 15vw;
        height: 5vw;
    }
    h5.h5_number {
        font-size: 4.8vw;
    }
	
    /*角丸ボックス*/
	.radius_box {
    padding: 6% 4%;
}

    /*フレックスボックス*/
    .flex_box,.flex_box2,.flex_box3,.flex_box4 {
        display: block;
    }
    .flex_box4 {
        margin-bottom: 12%;
    }
    .flex_box5 {
        margin-bottom: 12%;
		flex-direction: column-reverse; /*スマホ時に上下を逆転させるため*/
    }
    section p,.flex_box p {
        font-size: 3.8vw;
    }
	
	/*コンバージョン*/
    section.conv .conv_inner {
        display: block;
        width: 100%;
    }
    section.conv .conv_inner .conv_c_button,section.conv .conv_inner .conv_m_button {
        width: 100%;
        font-size: 4vw;
    }
    section.conv .conv_inner .conv_c_button {
        margin-bottom: 3vw;
    }
	
    /*ヘッダー*/
	.header_body h1.header_logo {
        width: 130px;
    }
	.header_body h1.header_logo img {
        width: 100%;
    }
	.navi_text {
        margin-right: 0;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 12px;
        width: calc(100% - 200px);
        line-height: 1.2;
        padding: 0 8px;
    }
	.c_button {
        width: 100px;
    }
	.c_button a {
        font-size: 1.1rem;
        /*padding-top: calc(25% + 1.6rem);*/
    }
	.m_button {
        width: 100px;
    }
	.m_button a {
        font-size: 1.1rem;
        /*padding-top: 35%;*/
    }

    /*メインビジュアル*/
	#mv {
        width: 100%;
        height: 100vh;
        /*padding-top: 80px;*/
        position: relative;
        line-height: 1.3;
        background-image: url("../images_tp/mv_bg_fix_pc_02.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
		background-position: top;
        }
	.mv_inner {
        position: relative;
        top: 0;
        width: 100%;
        display: block;
        /*display: flex;
        align-items: center;
        justify-content: center;*/
        height: 100%;
        padding: 2% 2% 4%;
    }
	.mv_inner img {
        padding: 3% 2%;
		width: 100%;
    }
    #mv h2 {
        width: 65%;
        height: auto;
        padding-bottom: 1vw;
    }
    #mv p {
        font-size: 3.5vw;
        line-height: 1.4;
    }
    #mv h3 {
        text-align: left;
        font-size: 4vw;
        line-height: 1.4;
        font-weight: 500;
        padding-bottom: 1.5vw
    }
    #mv h3 span {
        font-size: 6vw;
        font-weight: 600;
        color: #d61518;
    }
    #mv .mv_pc_img {
        position: relative;
    }
    #mv .mv_pc_img .inner_item1 {
        width: 35%;
        position: relative;
        top: 0;
        left: 0;
    }
    #mv .mv_pc_img .inner_item2 {
        width: 35%;
        position: relative;
        top: 0;
        left: 0;
    }
    #mv .mv_pc_img .inner_item3 {
        width: 35%;
        position: relative;
        top: 0;
        left: 0;
    }
    #mv .mv_flex1 {
        display: flex;
        width: 65%;
        justify-content: space-between;
        margin-top: 1.2vw;
		margin: 0 auto;
    }
    #mv .mv_flex {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-top: 1.2vw;
    }
    #mv .mv_flex_item {
        width: 25%;
        text-align: center;
        border-radius: 20px;
        background: #fff;
        padding: 2.5% 2%;
        border: solid 2px #000F6B;
        margin-right: 2%;
        font-size: 3vw;
        font-weight: 500;
    }
    #mv .mv_flex_item:last-child {
        margin-right: 0;
    }
    #mv .mv_flex_item span {
        align-items: center;
		display: flex;
		height: 100%;
    }
	
    /*コンテンツ*/
    [id*="sec"] {
        padding: 7% 5%;
        display: block;
        width: 100%;
    }
    .sec01_item {
        width: 65%;
		margin: 0 auto;
    }
	.sec01_item p {
        margin-top: 3%;
		margin-bottom: 5%;
    }
	.sec01_item:nth-child(3) p {
        margin-top: 3%;
		margin-bottom: 0;
    }
    .flex_item_50_50,.flex_item_50_50_2 {
        width: 100%;
    }
    .flex_item_50_50_2:first-child img {
        margin-bottom: 5%;
    }
    .flex_item_30_30 {
        width: 100%;
		margin-bottom: 5vw;
    }
    .flex_item_30_30 img {
        width: 80%;
        height: auto;
        margin: 0 auto;
    }
    .flex_item_25_25 {
        width: 100%;
    }
	.flex_item_25_25::after {
        position: inherit;
        content: '';
        width: 0;
        border-width: 25px 35px 0 35px;
        border-color: #fff transparent transparent transparent;
        border-style: solid;
        top: 20px;
        right: 0%;
        margin: auto;
        display: table;
        text-align: center;
        padding: 20px 0 10px;
    }
	.flex_item_25_25 .inner {
        margin-bottom: 3vw;
    }
	.flex_item_25_25 .inner img.one {
        width: 83%;
		margin: 0 auto 0 5%;
    }
    .flex_item_25_25 .inner img.two {
        width: 92%;
		margin: 0 auto 0 5%;
    }
    .flex_item_25_25 .inner img.three {
        width: 84%;
		margin: 0 auto 0 5%;
    }
    .flex_item_25_25 p {
        /*color: #fff;*/
        line-height: 1.3;
		font-weight: 500;
		font-size: 4vw;
    }
	.flex_item_25_25_2 {
        width: 90%;
		margin: 0 auto 5%;
    }
	.flex_item_25_25_2:last-child {
		margin-bottom: 0;
    }
    .flex_item_25_25_2 .inner h5 {
        font-size: 5vw;
    }
	.flex_item_25_25_2 .inner p {
        font-size: 4.5vw;
    }
	.flex_item_25_25_2 .inner img {
        width: 70%;
        padding: 5% 0;
    }
	.flex_item_25_25_2 .inner .cap {
        margin-bottom: 2%;
        padding: 2% 0;
    }
	.flex_item_25_25_2 .inner .cap p {
        font-size: 4vw;
        font-weight: normal;
    }
	.h3_box {
        text-align: center;
        position: relative;
        margin: 1.5vw 0;
        width: 80%;
    }
	.h3_box h3 br {
        display: none;
    }
	.h3_box .img_box {
        position: absolute;
        top: 0%;
        right: -35%;
        z-index: 2;
        width: 35%;
    }
    .h4_box {
        text-align: center;
        /* position: relative; */
        margin: 5vw 0;
        /* width: 70%; */
        display: table;
    }
	h4.pink {
        font-size: 4.5vw;
        font-weight: 500;
        background: #f25862;
        color: #fff;
        padding: 0.5em 1em;
        margin: 0 auto;
        border-radius: 1em;
        display: block;
		position: relative;
    }
	h4.pink:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #f25862;
    }
	.h4_box .img_box,.h4_box .img_box2,.h4_box .img_box3 {
        position: inherit;
        top: 0;
        right: 0;
        /* display: none; */
        width: auto;
        margin: 4% 0 0;
    }
	.h4_box .img_box img,.h4_box .img_box2 img,.h4_box .img_box3 img {
        margin: 0 auto;
		width: 55%;
        height: auto;
    }
	h4.pink2 {
        font-size: 4.5vw;
        font-weight: 500;
        background: #fff;
        color: #f25862;
        padding: 0.5em 1em;
        margin: 0 auto;
        border-radius: 1em;
        display: block;
		position: relative;
    }
	h4.pink2:before {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      border: 15px solid transparent;

      border-top: 15px solid #fff;
    }
	.h4_box2 .img_box2 {
        position: inherit;
        top: 0;
        right: 0;
        /* display: none; */
		width: auto;
		margin: 6% 0;
    }
	.h4_box2 .img_box2 img {
        margin: 0 auto;
		width: 55%;
    }
	table.sec03 {
        position: relative;
        top: 0;
        width: 100%;
		margin-top: 5vw;
		font-size: inherit;
    }
	.img_wrap {
        display: block;
        justify-content: space-between;
        margin-top: 6vw;
    }
	.l_box {
        width: 80%;
        display: block;
        /*align-items: center;
        justify-content: center;*/
        margin: 0 auto 40px;
    }
	.r_box,.r_box2,.r_box3 {
        width: 100%;
    }
	.balloon_l {
        position: relative;
        display: inline-block;
        /* margin: 1.5em 0 1.5em 15px; */
        padding: 16px 20px;
        /* min-width: 120px; */
        /* max-width: 100%; */
        color: #555;
        font-size: 16px;
        background: #fff;
        border: solid 3px #f25862;
        box-sizing: border-box;
        width: 100%;
    }
	.balloon_l:before {
        content: "";
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -15px;
        border: 12px solid transparent;
        border-bottom: 22px solid #FFF;
        z-index: 2;
    }
	.balloon_l:after {
        content: "";
        position: absolute;
        top: -18px;
        left: 50%;
        margin-left: -17px;
        border: 14px solid transparent;
        border-bottom: 24px solid #f25862;
        z-index: 1;
    }
	.package_inner {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: flex-end;
    }
	.package_inner .plus {
        display: none;
    }
	.package_inner .package {
        /* max-width: 120px; */
        position: relative;
        margin-left: 5%;
    }
	.package_inner img {
        max-width: 100%;
    }
	.package_inner p {
        font-size: 3vw;
    }
    .r_box2 .package_inner .plus {
        display: inline-block;
		text-align: center;
		width: 100%;
    }
    .r_box3 .r_box3_inner p {
        font-size: 4vw;
        line-height: 1.3;
        padding-bottom: 6px;
    }
    .r_box3 .r_box3_inner img {
        width: 90%;
        margin: 0 auto;
    }
	.movie_wrapp {
        width: 100%;
    }
	.sec08_img {
        margin: 0 auto;
        padding-top: 45%;
    }
	.sec08_txt {
        width: 100%;
        left: 0;
        font-size: 1.2vw;
    }
	.number {
        font-size: 7vw;
    }
	.point_text,.point_text_sec09 {
        font-size: 4vw;
    }
	.point_text_sec09 {
        left: 30%;
		top: 1%;
    }
	.indd_box {
        padding-left: 0;
		margin-bottom: 8%;
    }
	.sec09_box {
        width: 100%;
		margin-bottom: 8%;
    }
	.flex_box_radius {
        display: block;
        width: 100%;
        padding: 4% 8%;
    }
	.sec09_box2 {
        background-size: 10%;
        padding-top: 15%;
    }
	.sec09_box2 .numberbox {
        margin-bottom: 0;
    }
	.flex_item_25_25_3 {
        width: 100%;
        margin-bottom: 5%;
    }
	.flex_item_25_25_3:last-child {
        width: 100%;
        margin-bottom: 0;
    }
	.flex_item_25_25_3 .inner {
        width: 100%;
    }
	.flex_item_25_25_3 .inner .inner_l {
        width: 25%;
        padding-right: 5%;
    }
	.flex_item_25_25_3 .inner .inner_r {
        width: 75%;
    }
    .flex_item_25_25_3 .inner .inner_r p {
        font-size: 4vw;
    }
    .flex_item_25_25_3 .inner .inner_r p.small {
        font-size: 3.5vw;
    }

    /*フッター*/
	footer {
        width: 100%;
        padding: 3% 5%;
    }
	.footer_flex {
        flex-direction: column-reverse;
	}
	.footer-l, .footer-r {
        width: 100%;
    }
	.footer-copy {
        font-size: 3vw;
    }
	.footer-nav {
        width: 100%;
        padding: 0;
        margin: 2% auto 4%;
        display: flex;
        flex-direction: inherit;
        justify-content: center;
        text-align: center;
    }
	.footer-nav a {
        font-size: 3.2vw;
        padding-right: 5vw;
    }
	.footer-copy p {
        font-size: 3vw;
        padding: 2vw 0;
    }
	
    /*ページトップ*/
	#page-top {
    right: 10px;
    bottom:60px;
}
/*　下に下がる動き　*/
@keyframes DownAnime{
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(130px);
  }
}

	
}


/*======================================= 500px以下の場合 =======================================*/
@media screen and (max-width: 500px) {
    .navi_text {
        font-size: 2.3vw;
    }
}
/*======================================= 480px以下の場合 =======================================*/
@media screen and (max-width:480px){
	.navi_text {
        display: none;
    }
}




/*==========メインビジュアル　画像1枚のケース===============*/

#mv2 {
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* 共通の画像スタイル（display は指定しない） */
.mv2-img {
  width: 100%;
  height: auto;
  object-fit: contain; /* スマホ用の初期設定 */
}

/* 表示制御：スマホ用画像を表示、PC用画像は非表示 */
.pc-only {
  display: none;
}

.sp-only {
  display: block;
}

/* PC表示時（769px以上） */
@media screen and (min-width: 769px) {
  #mv2 {
    height: 100vh;
  }

  .pc-only {
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: top center; /* ← 上部を優先表示 */
  }

  .sp-only {
    display: none;
  }
}

/*==========メインビジュアル　画像1枚のケース　ここまで=========*/