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

body{
	font-family: 'Noto Sans JP', sans-serif; 
	font-size:100%;
	position: relative;
	overflow-x: hidden;
}
body.digital{
	cursor: none;
}
li{
	list-style-type: none;
}
a{
	display:inline-block;
	text-decoration:none;
	color:#666666;
	cursor: none;
}
img{
	vertical-align: bottom;
}
.pc{
	display:block;
}
img.pc{
	display:inline-block;
}
.sp,img.sp{
	display:none;
}
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
.movie_main{
	width: 100%;
	height:100vh;
	overflow:hidden;
	position: relative;
}
#movie{
	width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center 40%;
}
#sp_movie{
	width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center 40%;
}
section.fvSec{
	position: relative;
}
section.fvSec .fv_wrap {
    width: 100%;
    height: 100vh;
}
/*== 無限に波紋が広がる */

/*波形を2つ設定*/
.btnripple2:hover:after{
    content: '';
    /*絶対配置で波形の位置を決める*/
    position: absolute;
    left: -20%;
    top: -20%;
    /*波形の形状*/
    border: 1px solid #d0e8f7;
    width: 140%;
    height: 140%;
    border-radius: 50%;
    /*はじめは不透明*/
    opacity: 1;
    /*ループするアニメーションの設定*/
    animation:1s circleanime linear infinite;
}

/*aタグにホバーした時に見た目変化*/
.follower{
  position: fixed;
  top: -8px;
  left: -8px;
  width: 16px;
  height: 16px;
  background:rgba(246,228,103,0.8);
  border-radius: 50%;
  z-index: 90000;
  transform: translate(0, 0);
  transition: width 0.6s, height 0.6s, top 0.3s, left 0.3s, transform ease-out, opacity 0.3s;
  pointer-events: none;
}
.fol-hover{
  top: -15px;
  left: -15px;
  width: 30px;
  height: 30px;
  background: rgba(61, 191, 158,0.6);
  transition: width 0.3s, height 0.3s, top 0.3s, left 0.3s, transform ease-out, opacity 0.3s;
}
/*動き確認用ボタン*/
.btn {
  display: inline-block;
  min-width: 300px;
  margin: 20px;
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

/*波形のアニメーション*/
@keyframes circleanime{
	0%{
	  transform: scale(0.68);
	}
	100%{
		transform: scale(1.2);
		opacity: 0;
	}
}
.head_menu{
	opacity: 0;
	position: fixed;
	width:100%;
	top:0;
	z-index: 100;
	transition:0.5s;
}
.head_menu svg .a{
	fill:white;
	transition: 0.5s;
}
.head_menu.blue svg .a{
	fill:#1d7cd7;
	transition: 0.5s;
}
.head_menu.ash svg .a{
	fill:#ccc;
	transition: 0.5s;
}
.head_menu.fixed,
.thanks .head_menu{
	opacity: 1;
	transition:0.5s;
}
.forAct{
	display:none;
}
.head_menu>div{
	width:30%;
	float:left;
	padding:24px 0 0 24px;
}
.right_menu{
	width:154px;
	position: fixed;
	top:0;
	right:0;
	opacity:0;
	z-index: 100;
	transition: 0.5s;
}
.right_menu li{
	float:left;
	background-color: #3dbf9e;
	width:66px;
	height:75px;
	border-radius: 0 0 10px 10px;
}
.right_menu li:first-child{
	transition: 0.3s;
	margin-right:9px;
	background-color:#ef8a28;
}
.right_menu li:hover{
	background-color:#f6e467;
	transition: 0.3s;
}
.right_menu li img{
	width:100%;
}
header h1{
	color:#333333;
	font-size:9px;
	letter-spacing: 1px;
	display:block;
	margin: 0 0 5px;
	font-weight: 300;
	font-family: 'Noto Sans JP', sans-serif; 
}
.right_menu.fixed{
	opacity: 1;
	transition:0.5s;
}
.position {
	opacity:0;
	transition:0.5s;
    position: fixed;
    top: 0;
    right:50px;
    bottom: 0;
    margin: auto;
    width: 5px;
    height:260px;
	background-color:#ccc;
	z-index: 100;
}


@media all and (-ms-high-contrast: none) {
	.position {
		top:-20px
	}
}
@-moz-document url-prefix() {
	.position {
		height:250px;
	}
}
.position.fixed {
	opacity: 1;
	transition:0.5s;
}
.position .contents {
    position: relative;
    width: 100%;
}
.line {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 50px;
    background: #1d7cd7;
}
@media screen and (max-width:1500px){
	.position {
		height:27vh;
	}
	.line {
		height: 3.6vh;
	}
}
.effect-fade{
	opacity:0;
	transform : translate(0, 45px);
	transition : all 1s;
}
.effect-fade.stop{
	opacity:0;
	transform : translate(0,0);
	transition : all 1s;
}
.effect-fade.effect-scroll{
	opacity:1;
	transform:translate(0, 0);
}
.effect-fade.from-left{
	opacity:0;
	transform : translate(-60px, 0);
	transition : all 0.8s;
}
.effect-fade.from-left.effect-scroll{
	opacity:1;
	transform:translate(0, 0);
}
main{
	display:block;
	background: url("../img/donut_Bg_right2.svg") right top 8270px/ auto no-repeat,
				url("../img/donut_Bg_left2.svg") left top 6580px/ auto no-repeat,
				url("../img/donut_Bg_left.svg") left top 3360px/ auto no-repeat,
				url("../img/donut_Bg_right.svg") right top 2000px/ auto no-repeat,#f6f6f6;
}
.thanks main{
	background-color:#fff;
}
@media screen and (max-width:768px){
	.sp{
		display:block;
	}
	img.sp{
		display:inline-block;
	}
	.pc,img.pc{
		display:none;
	}
	.follower{
		display: none;
	}
	.right_menu {
		width: 44vw;
	}
	.right_menu li{
		width:30%;
		box-sizing: border-box;
		height:14vw;
	}
	.right_menu li:first-child{
		margin-right: 1vw;
		background-color: #fc8e95;
	}
	.right_menu li:nth-child(2){
		background-color: #ef8a28;
		margin-right: 1vw;
	}
	.right_menu li a{
		width:100%;
		height: 100%;
		text-align: center;
	}
	.right_menu li img{
		height: 100%;
		width: auto;
	}
	header h1 {
    	font-size: 1.5vw;
		margin: 0 0 1vw;
	}
	.head_menu>div {
		width: 54%;
		padding: 2.5vw 0 0 3vw;
	}
	.head_menu>div a svg{
		width:47vw
	}
	main {
    display: block;
    background:url("../img/donut_Bg_left2.svg") left top 1340vw/ 50vw no-repeat,
				url("../img/donut_Bg_left.svg") left top 880vw/ 50vw no-repeat,
				url("../img/donut_Bg_right.svg") right top 588vw/ 50vw no-repeat,#f6f6f6;
	}
	.tel_box {
		padding:5vw 0 0;
		float: none;
		width:100%;
		left: 0;
		opacity: 0;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		position: fixed;
		transition: 0.5s;
		top: -9999px;
		z-index: 102;
	}
	.tel_box.open{
		box-sizing: border-box;
		opacity: 1;
		top: 0;
		-webkit-transition: opacity .4s ease,top 0s ease 0s;
		transition: opacity .4s ease,top 0s ease 0s;
		padding:30vh 0;
		height: 100vh;
	}
	.overlay {
		background-color:rgba(223,223,223,0.9);
		width: 100vw;
		height: 100vh;
		position: absolute;
		left: 0;
		top: 0;
	}
	.tel_box a{
		width:85%;
	}
	.tel_box a:first-child{
		margin:0 0 3vw;
	}
	.tel_box a:nth-child(2){
		margin:0 0 10vw;
	}
	.tel_box a img{
		width:100%;
	}
	.tel_box_container{
		width: 100%;
		z-index: 10;
		position: fixed;
		top: 28vh;
		left: 0;
		text-align: center;
		display:none;
	}
	.tel_box.open .tel_box_container{
		display: block;
	}
	.tel_box_container>img{
		width:20vw;
		opacity: 1;
	}
	.tel_box>img{
		opacity: 1;
		transition:0.5s;
	}
}

.btn_effect{
	display:block;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.btn_effect1{
	margin:0 auto;
}
.btn_effect:before {
    content: "";
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition:.3s;
}
.btn_effect:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    transition:.3s;
}
.btn_effect:hover:before {
	bottom: 0%;
    transition:.3s;
}
.btn_effect:hover:after {
	top: 0%;
    transition:.3s;
}
.btn_effect1:before{
	background-color:#d4b619;
}



/*digital_001 start*/
.digital_001{
	padding:52px 0 500px;
	color:#fff;
}
.digital_001>div:first-child{
	max-width:1200px;
	width:90%;
	background:url("../img/digital_001_bg.svg") top/100% no-repeat;	
	padding:172px 0 180px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.digital_001 h2{
	font-size:15px;
	color:#fff;
	margin: 0 0 26px;
}
.digital_001_01{
	width:908px;
	margin: 0 auto;
	padding-bottom:65px;
	margin-bottom:65px;
	border-bottom:5px dotted #8ebdeb;
}
.digital_001_01>img{
	margin: 0 0 37px;
}
.digital_001_01 p{
	font-size:17px;
	line-height: 2.3;
}
.digital_001_02{
	position: relative;
}
.digital_001_02 h3{
	font-size:24px;
	margin: 0 0 40px;
}
.digital_001_02 ul{
	display: flex;
	justify-content: center;
	margin: 0 0 70px;
}
.digital_001_02 ul li{
	width: calc( ( 100% - 120px ) / 3 );
	max-width:245px;
	margin-right:60px;
	font-size: 20px;
	line-height:1.3;
}
.digital_001_02 ul li:nth-child(2) img{
	transition-delay: 0.2s;
}
.digital_001_02 ul li:last-child{
    margin-right:0;
}
.digital_001_02 ul li:last-child img{
	margin-right:0;
	transition-delay: 0.4s;
}
.digital_001_02 ul li img{
	margin-bottom: 30px;
}
.digital_001_02 ul li p{
	width: 110%;
    margin-left: -5%;
}
.digital_001 #luxy{
	left:0;
}
.anime01 {
  -webkit-transform: scale(0) translateY(3rem);
  transform: scale(0) translateY(3rem);
}
.anime01.active {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0, 0.7, 0, 1.3);
  transition-timing-function: cubic-bezier(0, 0.7, 0, 1.3);
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.scroll {
    position: absolute;
    bottom: -150px;
    left: 50%;
	margin-left:-20px;
    animation-delay: 4s;
}
.scroll:hover{
	transition: 0.5s;
	opacity: 0.5
}
.scroll img{
	width:41px;
}
.scroll:before,.scroll:after {
    content: "";
    display: block;
    width: 1px;
    height: 68px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; 
}
.scroll:before {
    background-color: rgba(255, 255, 255, 0.25);
}
.scroll:after {
    background-color: white;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-animation: lineInOut 1750ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
    -moz-animation: lineInOut 1750ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
    -ms-animation: lineInOut 1750ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
    -o-animation: lineInOut 1750ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
    animation: lineInOut 1750ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d; }

@-webkit-keyframes lineInOut {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top; }
  45% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top; }
  55% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom; }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom; } }

@keyframes lineInOut {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top; }
  45% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top; }
  55% {

    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom; }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom; }
}
.digital_bg{
	position: absolute;
}
.bg1{
	top:45px;
	margin-left:-692px;
	left:50%;
}
.bg2{
	top: 189px;
    margin-left: -673px;
	left:50%;
}
.bg3{
	top: 475px;
    margin-right: -680px;
    right: 50%;
}
.bg4{
	top: 475px;
    margin-right: -673px;
    right: 50%;
}
.digital_001_03{
	width:1228px;
	max-width:90%;
	padding:85px 100px 100px;
	box-sizing: border-box;
	margin: -45px auto 0;
	background:url("../img/digital_001_square.svg") top / 100% no-repeat;
	position: absolute;
	left:50%;
	margin-left:-614px;
	text-align: center;
	color:#333333;

}
.digital_001_03>div{
	display:table;
	width: 100%
}
.digital_001_03>div>div{
	display: table-cell;
	vertical-align: middle;
	width: 56%;
}
.digital_001_03 span{
	color:#1d7cd7;
	font-size:16px;
	margin: 0 0 15px;
	font-weight: bold;
	display:inline-block;
}
.digital_001_03 h2{
	font-size:24px;
	letter-spacing: 2px;
	text-indent: 2px;
	color:#333333;
	margin: 0 0 22px;
}
.digital_001_03 h3{
	font-size:44px;
	text-align: left;
	background:url("../img/yellow_line.svg") left -10px top 50px/auto no-repeat;
	margin: -20px 0 22px;
}
.digital_001_03 h3 span{
	font-size:45px;
	color:#333333;
}
.digital_001_03 b{
	font-size:65px;
}
.digital_001_03>div>div p{
	color:#808080;
	font-size:16px;
	line-height:1.5;
	text-align: left;
	margin: 0 0 30px;
}
.digital_001_03 a{
	width:80%;
	max-width: 270px;
	color:#333333;
	font-weight:bold;
	letter-spacing: 2px;
	text-indent: 2px;
	border-radius: 30px;
	background-color:#f6e467;
	position: relative;
	padding:17px 0;
	margin: 0;
}
.digital_001_03 a img{
	position: absolute;
    right: 30px;
    top: 23px;
}
.btn_effect{
	display:block;
	position: relative;
	z-index: 0;
}
.btn_effect:before {
    content: "";
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition:.3s;
}
.btn_effect:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    transition:.3s;
}
.btn_effect:hover:before {
	bottom: 0%;
    transition:.3s;
}
.btn_effect:hover:after {
	top: 0%;
    transition:.3s;
}
.btn_effect1:before{
	background-color:#ef8a28;
}
.digital_001_03 div>ul{
	display: table-cell;
	width: 44%;
	text-align: left;
	position: relative;
	padding: 16px 0 0;
}
.digital_001_03 ul li{
	font-size:20px;
	color:#fff;
	letter-spacing: 2px;
	text-indent: 2px;
	background:url("../img/digital_001_04.svg") center /100% no-repeat;
	max-width: 203px;
    width: calc( ( 100% - 10px ) / 2 );
    padding: 30px 0;
    margin: 0 0 14px;
	display: inline-block;
	text-align: center;
}
.digital_001_03 ul li:nth-child(2n){
	margin-left:10px;
}
.slide_in_left li{
	transform:translate(-50px);
	opacity:0;
}
.slide_in_left_show li{
	transform:translate(0px);
	opacity:1;
	transition:0.5s;
}
.digital_001_03 div>ul::after{
	content: "etc...";
    color: #1d7cd7;
    font-size: 16px;
    position: absolute;
    left: 220px;
    bottom: 16px;
}
@media screen and (max-width:1300px) and (min-width:769px){
	header h1 {
		font-size: 0.5vw;
	}
	.position {
		right:3vw;
	}
	.digital_001 {
		padding: 5vw 0 30vw;
	}
	.digital_001>div:first-child{
		padding:14vw 0;
	}
	.digital_001_01>img {
		margin: 0 0 3vw;
		width: 50vw;
	}
	.digital_001 h2 {
		font-size: 1.5vw;
		margin: 0 0 1.5vw;
	}
	.digital_001_01 p {
		font-size: 1.3vw;
	}
	.digital_001_01 {
		width: 80%;
		margin: 0 auto;
		padding-bottom: 4.5vw;
		margin-bottom: 4.5vw;
		border-bottom: 0.4vw dotted #8ebdeb;
	}
	.digital_001_02 h3 {
		font-size: 1.8vw;
		margin: 0 0 2.5vw;
	}
	.digital_001_02 ul {
		margin: 0 0 5vw;
	}
	.digital_001_02 ul li{
		width:20%;
		margin-right:3%;
	}
	.digital_001_02 ul li img{
		width:100%;
		margin:0 0 2vw;
	}
	.digital_001_02 ul li p{
		font-size:1.5vw;
	}
	.digital_001_03 {
		width: 80%;
		padding: 5vw 6vw;
		box-sizing: border-box;
		margin: -3vw 0 0;
		left: 10%;
		margin-left: 0;
	}
	.digital_001_03 ul li {
		font-size: 1.5vw;
		letter-spacing: 0.1vw;
		text-indent: 0.1vw;
		width: 47%;
		padding: 1.5vw 0;
		margin: 0 0 0.9vw;
	}
	.digital_001_03 h3 {
		font-size: 2.8vw;
		line-height: 1.4;
		margin: -1.5vw 0 1.5vw;
		background:url("../img/yellow_line.svg") left -2vw top 5vw/25vw no-repeat;
	}
	.digital_001_03 h3 span {
		font-size: 2.8vw;
		margin:0;
	}
	.digital_001_03 b {
		font-size: 5vw;
	}
	.digital_001_03>div>div p {
		font-size: 1.2vw;
		margin: 0 0 2vw;
	}
	.digital_001_03 a {
    	padding: 1.2vw 0;
		font-size: 1.5vw;
	}
	.digital_001_03 div>ul::after {
		font-size: 1.5vw;
		left: 16vw;
		bottom: 3.5vw;
	}
	.scroll {
    	bottom: -14vw;
		margin-left: -1.5vw;
	}
	.scroll img {
		width: 3vw;
	}
	.scroll:before, .scroll:after {
		height: 5vw;
	}
}

@media screen and (max-width:768px){
	.btn_effect:after,
	.btn_effect:before{
		display: none;
	}
	.digital_001{
		padding:32vw 0 21vw;
		background:url("../img/sp_digital_001_bg_up.svg") top 10vw center / 100% no-repeat,
			url("../img/sp_digital_001_bg_down.svg") bottom center / 100% no-repeat;
	}
	.digital_001>div:first-child{
		width:100%;
		padding:0 10%;
		background-color:#1d7cd7;
		box-sizing: border-box;
	}
	.digital_001_01 {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 7vw;
		margin-bottom: 8vw;
		border-bottom: 1.5vw dotted #8ebdeb;
	}
	.digital_001 h2 {
		font-size: 4vw;
		letter-spacing: 0.6vw;
		margin: 0 0 10vw;
		line-height: 1.7;
	}
	.digital_001_01>img {
		margin: 0 0 7vw;
		width: 100%;
	}
	.digital_001_02 h3 {
		font-size: 3.6vw;
		margin: 0;
    	line-height: 1.7;
		letter-spacing: 0.5vw;
	}
	.digital_001_01 p {
		font-size: 3.4vw;
	}
	.digital_001_02 ul {
		display: block;
		margin: 0;
		padding: 0 5%;
	}
	.digital_001_02 ul li{
		display: table;
		width:100%;
		margin:0;
		padding:5vw 0;
		max-width: none;
		border-bottom: 2px dotted #fff;
	}
	.digital_001_02 ul li:last-child{
		border:none;
	}
	.digital_001_02 ul li img {
		width: 30vw;
		margin-bottom: 0;
		display: table-cell;
		vertical-align: middle;
	}
	.digital_001_02 ul li:nth-child(2) img,
	.digital_001_02 ul li:last-child img{
		transition-delay: 0;
	}
	.digital_001_02 ul li p{
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		padding-left:3vw;
		font-size: 3.6vw;
		line-height: 1.6;
	}
	.digital_001_03 {
		width: 90%;
		max-width: none;
		padding: 20vw 9vw;
		box-sizing: border-box;
		margin: 7vw auto 0;
		background: url(../img/sp_digital_001_square.svg) top / 100% no-repeat;
		position: absolute;
		left: 5%;
		margin-left: 0;
	}
	
	.digital_001_03 h2{
		font-size:4.5vw;
	}
	.digital_001_03 span {
		color: #1d7cd7;
		font-size: 3.6vw;
		margin: 0 0 2vw;
	}
	.digital_001_03>div {
		display: block;
	}
	.digital_001_03>div>div {
		display: block;
		vertical-align: middle;
		width: 100%;
	}
	.digital_001_03 b {
		font-size: 11.5vw;
	}
	.digital_001_03 h3 span {
		font-size: 8vw;
		margin: 0;
	}
	.digital_001_03 h3 {
		font-size: 8vw;
		text-align: center;
		background: url(../img/yellow_line.svg) left 7.5vw top 11vw/50vw no-repeat;
		margin: -5vw 0 8vw;
		line-height: 1.4;
	}
	.digital_001_03 a.pc{
		display:none;
	}
	.digital_001_03 div>ul {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 0 3vw;
	}
	.digital_001_03 ul li {
		font-size: 3.6vw;
		background: url(../img/digital_001_04.svg) center /100% no-repeat;
		width: 48%;
		padding: 5vw 0;
		margin: 0 0 1.5vw;
		display: inline-block;
		text-align: center;
	}
	.digital_001_03 ul li:nth-child(2n) {
		margin-left: 2%;
	}
	.digital_001_03 div>ul::after {
		content: "etc...";
		color: #1d7cd7;
		font-size: 3vw;
		position: absolute;
		left: 36vw;
		bottom: 1.5vw;
	}
	.digital_001_03 div p{
		color:#808080;
		font-size:3.8vw;
		line-height: 1.6;
		text-align: left;
		margin:0 0 8vw;
	}
	.digital_001_03 a {
		border-radius: 8vw;
		padding: 3.8vw 0;
		margin: 0 auto;
		font-size: 3.6vw;
	}
	
	.digital_bg img{
		width: 100%;
	}
	.bg1{
		width:24vw;
		top:-20vw;
		left:0;
		margin:0;
	}
	.bg2{
		width: 16vw;
		top: 90vw;
		right: 0;
		margin: 0;
		left: auto;
	}
	.digital_001_03 a img {
		position: absolute;
		right: 5vw;
		top: 5.2vw;;
	}
}


/*digital_002 start*/
.digital_002{
	clear: both;
	padding:272px 0 127px;
}
.digital_002_01{
	width:80%;
	max-width:720px;
	height:490px;
	margin:0 auto 167px;
	position: relative;
	background:url("../img/digital_002_triangle.svg") top/100% no-repeat;
}
.bg5{
	right:-220px;
	top:220px;
}
.bg6{
	left:-320px;
	top:600px;
}
.digital_002_01 h3{
	position: absolute;
	width:100%;
	text-align: center;
	top:280px;
	line-height: 2;
	font-size:24px;
}
.digital_002_01 ol{
	position: relative;
	width:100%;
	height:100%;
}
.digital_002_01 ol li{
	position: absolute;
	top:-170px;
	width:300px;
	left:50%;
	padding: 90px 0 100px;
	margin-left:-149px;
	text-align: center;
	font-size:27px;
	font-weight: bold;
	letter-spacing: 0.3em;
	line-height:1.3;
	background:url("../img/digital_002_01.svg") top / 100% no-repeat;
	color:#1d7cd7;
}
.digital_002_01 ol li:nth-child(2) {
    top: auto;
    left: 48px;
    bottom: -119px;
    background: url(../img/digital_002_02.svg) top / 100% no-repeat;
    color: #fc8e95;
	transition-delay: 0.2s;
	padding:90px 0 74px;
}
.digital_002_01 ol li:nth-child(3){
	top:auto;
	left:auto;
	right: -94px;
    bottom: -119px;
	background:url("../img/digital_002_03.svg") top / 100% no-repeat;
	color:#3dbf9e;
	transition-delay: 0.3s;
}
.digital_002_01 ol li p{
	margin-left:0.3em;
	line-height: 1.5;
}
.digital_002_01 ol li span{
	margin:0 0 24px;
	display:block;
}
.digital_002_01 ol li:nth-child(2) span{
	margin:0 0 10px;
}
.digital_002_01 ol li:nth-child(2) p{
	margin-left0.1em;
}
.digital_002_02 ol{
	max-width:1000px;
	width:90%;
	margin: 0 auto;
}
.digital_002_02 ol>li{
	border-radius: 15px;
	border:6px solid #1d7cd7;
	padding:0 65px 0;
	box-sizing: border-box;
	position: relative;
	margin: 0 0 45px;
}
.digital_002_02 ol>li:first-child{
	padding-bottom:65px;
}
.digital_002_02 ol>li:nth-child(2){
	border:6px solid #fc8e95;
}
.digital_002_02 ol>li:nth-child(3){
	border:6px solid #3dbf9e;
}
.digital_002_02 ol>li>img{
	width:75px;
	position: absolute;
	left:-40px;
	top:50%;
	margin-top:-40px;
}
.digital_002_02 ol>li>div{
	display:table;
	padding:48px 0;
	width: 100%;
}
.digital_002_02 ol>li:first-child>div{
	border-bottom:4px dotted #1d7cd7;
	margin: 0 0 30px;
}
.digital_002_02 ol>li>div h3{
	font-size:27px;
	letter-spacing: 0.3em;
	margin-left:0.3em;
	color:#1d7cd7;
	display: table-cell;
	width:33%;
	vertical-align: middle;
	line-height: 1.5;
}
.digital_002_02 ol>li:nth-child(2)>div h3{
	color:#fc8e95;
}
.digital_002_02 ol>li:nth-child(3)>div h3{
	color:#3dbf9e;
}
.digital_002_02 ol>li>div p{
	font-size: 16px;
	line-height: 1.9;
	display: table-cell;
	width:67%;
	vertical-align: middle;
}
.digital_002_02 ol>li li{
	display: table;
}

.digital_002_02 ol>li li h4{
	color:#1d7cd7;
	font-size:19px;
	display: table-cell;
	width:24%;
}
.digital_002_02 ol>li li:first-child{
	margin:0 0 25px;
}
.digital_002_02 ol>li li:nth-child(2) h4{
	letter-spacing: 0.1em;
}
.digital_002_02 ol>li li p{
	display: table-cell;
	width:76%;
	font-size:16px;
	line-height: 1.9;
}
@media screen and (max-width:930px) and (min-width:769px){
	.digital_002_02 ol>li>div h3 {
		font-size: 2.5vw;
	}
	.digital_002_02 ol>li>div p {
    	font-size: 1.6vw;
		line-height: 1.9;
	}
	.digital_002_02 ol>li li h4 {
		font-size: 1.7vw;
	}
	.digital_002_02 ol>li li p {
		font-size:1.5vw;
	}
}
@media screen and (max-width:768px){
	.digital_002 {
		clear: both;
		padding: 200vw 0 8vw;
	}
	.digital_002_01 {
		width: 80%;
		height: 70vw;
		margin: 0 auto 10vw;
	}
	.digital_002_01 ol li {
		position: absolute;
		top: -16vw;
		width: 30vw;
		left: 50%;
		padding: 10vw 0;
		margin-left: -15vw;
		text-align: center;
		font-size: 2.6vw;
		font-weight: bold;
		letter-spacing: 0.3em;
		line-height: 1.3;
		background: url(../img/sp_digital_002_01.svg) top / 100% no-repeat;
		color: #1d7cd7;
	}
	.digital_002_01 ol li:nth-child(2) {
		top: auto;
		left: 9vw;
		bottom: 6vw;
		background: url(../img/sp_digital_002_02.svg) top / 100% no-repeat;
		transition-delay: 0;
		padding:10vw 0 6.5vw;
	}
	.digital_002_01 ol li:nth-child(3) {
		top: auto;
		right: -7vw;
		bottom: 6vw;
		background: url(../img/sp_digital_002_03.svg) top / 100% no-repeat;
		transition-delay: 0;
		padding: 10vw 0;
	}
	.digital_002_01 ol li span {
		margin: 0 0 2vw
	}
	.digital_002_01 ol li span img{
		width:3.2vw;
	}
	.digital_002_01 ol li:nth-child(2) span {
		margin: 0 0 1vw;
	}
	.digital_002_01 h3 {
		top:27vw;
		font-size:4vw;
	}
	.digital_002_01 h3 img{
		width:36vw;
	}
	.bg5 {
		right: 0;
		top: 37vw;
		width: 13vw;
	}
	.bg6 {
		left: -12vw;
		top: 130vw;
		width: 29vw;
	}
	.digital_002_02 ol>li {
		border-radius: 6vw;
		border: 1.5vw solid #1d7cd7;
		padding: 0 7vw 8vw;
		box-sizing: border-box;
		position: relative;
		margin: 0 0 12vw;
	}
	.digital_002_02 ol>li:nth-child(3) {
		border: 1.5 solid #3dbf9e;
	}
	.digital_002_02 ol>li>div {
		display: block;
		padding: 0;
		width: 100%;
	}
	.digital_002_02 ol>li>div h3 {
		font-size: 6vw;
		letter-spacing: 0.3em;
		margin-left: 0;
		color: #1d7cd7;
		padding: 14vw 0 4vw;
		display: block;
		width: 100%;
		line-height: 1.5;
		position: relative;
	}
	.digital_002_02 ol>li>div h3::after {
		content: "";
		width: 3.5vw;
		height: 3.5vw;
		border-top: 1px solid #333333;
		border-right: 1px solid #333333;
		position: absolute;
		right: 1vw;
		top: 16vw;
		transform: rotate(135deg);
		transition:0.5s;
	}
	.digital_002_02 ol>li>div p {
		font-size: 3.4vw;
		line-height: 2;
		width: 100%;
		padding: 0 0 8vw;
		display:none;
	}
	.digital_002_02 ol>li ul{
		display:none;
	}
	.digital_002_02 ol>li:first-child {
		padding-bottom: 10vw;
	}
	.digital_002_02 ol>li:first-child>div {
		border-bottom: none;
		margin: 0;
	}
	.digital_002_02 ol>li:first-child>div p{
		border-bottom: 1.2vw dotted #1d7cd7;
		margin: 0 0 6vw;
	}
	.digital_002_02 ol>li li{
		display: block;
	}
	.digital_002_02 ol>li li:first-child {
		margin: 0 0 7vw;
	}
	.digital_002_02 ol>li li h4 {
		color: #1d7cd7;
		font-size: 4vw;
		display: block;
		width: 100%;
		margin: 0 0 3vw -0.5em;
	}
	.digital_002_02 ol>li li p {
		display: block;
		width: 100%;
		font-size: 3.6vw;
		line-height: 1.9;
	}
	.digital_002_02 ol>li>img {
		width: 18vw;
		position: absolute;
		left: 50%;
		top: -10vw;
		margin-top: 0;
		margin-left: -9vw;
	}
}

/*digital_003 start*/
.digital_003{
	text-align: center;
	background:url("../img/digital_003_bg.svg") bottom /100% no-repeat;
	padding:0 0 23vw;
}
@media all and (-ms-high-contrast: none) {
  .digital_003{
	background:url("../img/digital_003_bg.svg") top -200px center/100% no-repeat
	}
}

.digital_003 span{
	color:#1d7cd7;
	font-size:16px;
	margin: 0 0 15px;
	font-weight: bold;
	display:inline-block;
}
.digital_003 h2{
	font-size:24px;
	letter-spacing: 2px;
	text-indent: 2px;
	color:#333333;
	margin: 0 0 60px;
}
.digital_003>div{
	max-width:956px;
	width:90%;
	margin: 0 auto;
	position: relative;
}
.digital_003 li{
	max-width:450px;
	width:calc((100% - 56px) / 2);
	display:inline-block;
	vertical-align: top;
	height: 582px;
	background-color:#fff;
	border-radius: 24px;
}
@media screen and (min-width:1024px){
	_::-webkit-full-page-media, _:future, :root .digital_003 li{
		width:calc((100% - 60px) / 2);
	}
}

.digital_003 li:first-child{
	margin-right:52px;
}
.digital_003 li:not(:last-child){
	margin-bottom: 54px;
}
.digital_003 li img{
	width:100%;
}
.digital_003 li div{
	padding:48px 62px;
	box-sizing: border-box;
}
.digital_003 li div h3{
	font-size:22px;
	margin: 0 0 24px 0.2em;
	letter-spacing: 0.2em;
}
.digital_003 li div p{
	font-size: 16px;
    line-height: 1.9;
    text-align: left;
}
.bg7{
	right:-260px;
	bottom:-680px;
}
.bg8{
	left:-210px;
	bottom:-680px;
}
.digital_003 span.sp{
	display:none;
}
@media screen and (max-width:930px) and (min-width:769px){
	.digital_003 li div {
		padding: 4vw 5vw;
	}
	.digital_003 li div h3 {
    	font-size: 2.5vw;
		margin: 0 0 2.5vw;
	}
	.digital_003 li div p {
    	font-size: 1.8vw;
	}
}
@media screen and (max-width:768px){
	.digital_003 {
		background: url(../img/sp_digital_003_bg.svg) bottom /100% no-repeat;
		padding: 0 0 34vw;
	}
	.digital_003>div {
		width: 100%;
	}
	.digital_003 span {
	    font-size: 3.6vw;
		margin: 0 0 3vw;
	}
	.digital_003 span.sp{
		display:inline-block;
	}
	.digital_003 h2 {
		font-size: 5vw;
		letter-spacing: 0.5vw;
		text-indent: 0.5vw;
		color: #333333;
		margin: 0 0 7vw;
	}
	.digital_003 ul{
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		width: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin: 0;
		overflow-y: hidden;
	}
	.digital_003 ul::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }
	.digital_003 ul li{
		display:inline-block;
		width: 76%;
		margin:0 5% 0 0;
		vertical-align: bottom;
		float:none;
		height:107vw;
	}
	.digital_003 ul li:first-child{
		margin-top:0;
		margin-left:6%;
		margin-right:5%;
	}
	.digital_003 ul li:nth-child(3n) {
		margin: 0 5% 0 0;
	}
	.digital_003 ul li:last-child {
    	margin-right: 6%;
	}
	.digital_003 ul li div{
		white-space: normal;
		padding:8vw 6vw;
	}
	.digital_003 li div h3 {
		font-size: 5vw;
		margin: 0 0 5vw 0.2em;
		letter-spacing: 0.2em;
	}
	.digital_003 li div p {
		font-size: 3.2vw;
	}
	.digital_003 li:not(:last-child) {
		margin-bottom: 0;
	}
	.digital_003 span:nth-child(4) {
		width: 66%;
		margin: 2vw auto 0;
		text-align: right;
		display: block;
	}
	.digital_003 span:nth-child(4) img{
		width:22vw;
	}
	.bg7,.bg8{
		display:none;
	}
}


/*digital_004 start*/

.digital_004{
	width: 710px;
	margin: -14vw auto 164px;
	text-align: center;
}
.digital_004 span{
	color:#1d7cd7;
	font-size:16px;
	margin: 0 0 15px;
	font-weight: bold;
	display:inline-block;
}
.digital_004 h2{
	font-size:24px;
	letter-spacing: 2px;
	text-indent: 2px;
	color:#333333;
	margin: 0 0 40px;
	line-height: 1.6;
}
.digital_004 ul{
	margin: 0 0 20px;
}
.digital_004 ul li{
	width:100%;
	border-radius: 25px;
	display: inline-block;
}
.digital_004 ul li:first-child{
	background-color:#1d7cd7;
	margin: 0 0 15px;
	transition:0.5s;
	padding: 46px 0 31px;
}
.digital_004 ul li:first-child:hover{
	background-color:#3dbf9e;
	transition:0.5s;
}
.digital_004 ul li:first-child>img{
	margin:0 0 26px;
}
.digital_004 ul li a{
	display: block;
}
.digital_004 ul li a:nth-child(4){
	border-right:1px dashed #fff;
}
.digital_004 ul li a:nth-child(n+2){
    display: inline-block;
    width: 40%;
}
.digital_004 ul li a:nth-child(n+2) img{
	width:100%;
}
.digital_004 ul li a:nth-child(n+2) img:hover{
	opacity: 0.5;
	transition:0.5s;
}
.digital_004 ul li:nth-child(2){
	margin-right:12px;
}
.digital_004 ul li:nth-child(n+2){
	width:calc((100% - 16px) / 2);
	background-color:#f6e467;
	font-size:20px;
	letter-spacing: 0.2em;
	color:#333333;
	text-align: center;
	font-weight: bold;
	transition:0.5s;
}
_::-webkit-full-page-media, _:future, :root .digital_004 ul li:nth-child(n+2){
		width:calc((100% - 20px) / 2);
	}
.digital_004 ul li:nth-child(n+2):hover{
	background-color:#fc8e95;
	transition:0.5s;
}
.digital_004 p{
	font-size:14px;
	color:#333333;
}
.digital_004 .btn_effect{
	border-radius: 25px;
}
.btn_effect2:before{
	background-color:#3dbf9e;
}
.btn_effect3:before{
	background-color:#fecccf;
}
.btn_effect4:before{
	background-color:#f6e467;
}

@media screen and (max-width:768px){
	.digital_004 {
		width: 90%;
		margin: 0 auto;
		padding: 10vw 0 20vw;
	}
	.digital_004 span {
		font-size: 3.6vw;
		margin: 0 0 2vw;
	}
	.digital_004 h2 {
		font-size: 5.5vw;
		letter-spacing: 0.5vw;
		text-indent: 0.5vw;
		margin: 0 0 6vw;
	}
	.digital_004 ul li{
		border-radius: 3vw;
	}
	.digital_004 ul li:first-child {
    	background-color: #1d7cd7;
		margin: 0 0 3vw;
		padding: 8vw 7vw 5vw;
		box-sizing: border-box;
	}
	.digital_004 ul li:first-child img{
		width:100%;
	}
	.digital_004 ul li:nth-child(2) {
		margin-right: 2%;
	}
	.digital_004 ul li:nth-child(n+2) {
		width: 48%;
		font-size: 4.5vw;
		letter-spacing: 0.1em;
	}
	.digital_004 ul li img{
		width:100%;
	}
	.digital_004 ul li:first-child>img:nth-child(2){
		width:50vw;
	}
	.digital_004 ul li a{
		line-height: 1.4;
	}
	.digital_004 ul li:nth-child(n+2) a {
		padding: 0;
		color: #333;
	}
	.digital_004 p {
		font-size: 3vw;
		line-height: 1.5;
		text-align: left;
	}
	.digital_004 ul li a:nth-child(n+2) {
		width: 100%;
	}
	.digital_004 ul li a:nth-child(4) {
		border-right: none;
		border-bottom: 1px dashed #fff;
	}
}


/*digital_005 start*/
.digital_005{
	text-align: center;
}
.digital_005 span{
	color:#1d7cd7;
	font-size:16px;
	margin: 0 0 15px;
	font-weight: bold;
	display:inline-block;
}
.digital_005 h2{
	font-size:24px;
	letter-spacing: 2px;
	text-indent: 2px;
	color:#333333;
	margin: 0 0 48px;
	line-height: 1.6;
}
.digital_005>p{
	font-size:16px;
	line-height: 2;
	margin:0 0 74px;
}
.digital_005 ol{
	max-width:1036px;
	width:90%;
	margin: 0 auto 140px;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.digital_005 ol>li{
	width:calc((100% - 64px) / 3);
	border-radius: 15px;
	border:6px solid #1d7cd7;
	padding:80px 40px 30px;
	box-sizing: border-box;
	position: relative;
	margin: 0 0 45px;
	text-align: left;
}
.digital_005 ol>li:nth-child(2){
	border:6px solid #ef8a28;
	transition-delay: 0.2s;
}
.digital_005 ol>li:nth-child(3){
	border:6px solid #3dbf9e;
	transition-delay: 0.4s;
}
.digital_005 ol>li:not(:last-child){
	margin-right:32px;
}
.digital_005 ol>li img{
	position: absolute;
	top:-40px;
	left:50%;
	margin-left:-44px;
	width:89px;
}
.digital_005 ol>li h3{
	font-size:21px;
	color:#1d7cd7;
	border-bottom:dotted 4px #1d7cd7;
	line-height:1.7;
	padding:0 0 30px;
	margin: 0 0 30px;
}
.digital_005 ol>li:nth-child(2) h3{
	color:#ef8a28;
	border-bottom:dotted 4px #ef8a28;
}
.digital_005 ol>li:nth-child(3) h3{
	color:#3dbf9e;
	border-bottom:dotted 4px #3dbf9e;
}
.digital_005 ol>li p{
	font-size:16px;
	line-height: 2;
	margin:0 0 10px;
}
.digital_005 ol>li span{
	font-size: 14px;
	font-weight: bold;
	color:#000;
}

@media screen and (max-width:1100px) and (min-width:769px){

	.digital_005 ol>li:not(:last-child) {
		margin-right: 3.5%;
	}
	.digital_005 ol>li {
		width: 31%;
		padding: 7vw 2vw 5vw;
	}
	.digital_005 ol>li h3 {
		font-size: 1.6vw;
	}
	.digital_005 ol>li p {
		font-size: 1.5vw;
	}
	.digital_005 ol>li span {
		font-size: 1.2vw;
	}
}



@media screen and (max-width:768px){
	.digital_005 {
		width: 100%;
		margin: 0 auto;
	}
	.digital_005 span {
		font-size: 3.6vw;
		margin: 0 0 2vw;
	}
	.digital_005 h2 {
		font-size: 5.8vw;
		letter-spacing: 0.5vw;
		text-indent: 0.5vw;
		margin: 0 0 7vw;
	}
	.digital_005>p {
		font-size: 3.6vw;
		line-height: 2;
		margin: 0 0 6vw;
	}
	.digital_005 ol{
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		width: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin: 0;
		padding: 11vw 0 6vw;
	}
	.digital_005 ol::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }
	.digital_005 ol li{
		display:inline-block;
		width: 74%;
		margin:0 4% 0 0;
		vertical-align: top;
		float:none;
		padding:18vw 8vw 9vw;
		height: 158vw;
	}
	.digital_005 ol li:first-child{
		margin-left:14%;
	}
	.digital_005 ol li:last-child{
		margin-right: 14%;
	}
	.digital_005 ol>li:not(:last-child) {
		margin-right: 5%;
	}
	.digital_005 ol li h3 {
		font-size: 4.5vw;
		padding: 0 0 5vw;
		margin: 0 0 5vw;
	}
	.digital_005 ol li img {
		position: absolute;
		right: 7vw;
		top: -10vw;
		width: 22vw;
	}
	.digital_005 ol>li p {
		font-size: 3.6vw;
		line-height: 2;
		margin: 0 0 3vw;
		white-space: normal;
	}
	.digital_005 ol>li span {
		font-size: 3.2vw;
		font-weight: bold;
		color: #000;
		margin-left: -1.5vw;
	}
	.scroll_page{
		width:60%;
		margin: 0 auto;
		text-align: center;
	}
	.scroll_page span{
		width: 8px;
		height: 8px;
		background-color: #d3dce3;
		border-radius: 50%;
		display: inline-block;
		z-index: 10;
	}
	.scroll_page span:not(:last-child){
		margin-right:8px;
	}
	.scroll_page span.current{
		background-color:#1d7cd7;
	}
	
}

/*digital_006 start*/

.digital_006{
	max-width: 872px;
    width: 90%;
	margin: 0 auto 178px;
	text-align: center;
}
.digital_006 span{
	color:#1d7cd7;
	font-size:16px;
	margin: 0 0 15px;
	font-weight: bold;
	display:inline-block;
}
.digital_006 h2{
	font-size:24px;
	letter-spacing: 2px;
	text-indent: 2px;
	color:#333333;
	margin: 0 0 48px;
	line-height: 1.6;
}
.digital_006 dl{
	margin: 0 0 27px;
	padding:0 0 54px;
	text-align: left;
	background:url("../img/digital_006_line1.svg") bottom/ 100% no-repeat;
}
.digital_006 dl:nth-child(2){
	background:url("../img/digital_006_line2.svg") bottom/ 100% no-repeat;
}
.digital_006 dl:nth-child(3){
	background:url("../img/digital_006_line3.svg") bottom/ 100% no-repeat;
}
.digital_006 dl:nth-child(4){
	background:url("../img/digital_006_line4.svg") bottom/ 100% no-repeat;
}
.digital_006 dl:nth-child(5){
	background:url("../img/digital_006_line5.svg") bottom/ 100% no-repeat;
}
.digital_006 dt{
	font-size:20px;
	padding:26px 97px 0;
	box-sizing: border-box;
	color:#333333;
	line-height:2;
	position: relative;
	font-weight: bold;
	cursor: pointer;
}
.digital_006 dt::before{
	content:"";
	background:url("../img/digital_006_n1.svg") center / 100% no-repeat;
	width: 65px;
    height: 65px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    left: 0;
    top: 15px;
}
.digital_006 dl:nth-child(2) dt::before{
	background:url("../img/digital_006_n2.svg") center / 100% no-repeat;
}
.digital_006 dl:nth-child(3) dt::before{
	background:url("../img/digital_006_n3.svg") center / 100% no-repeat;
}
.digital_006 dl:nth-child(4) dt::before{
	background:url("../img/digital_006_n4.svg") center / 100% no-repeat;
}
.digital_006 dl:nth-child(5) dt::before{
	background:url("../img/digital_006_n5.svg") center / 100% no-repeat;
}
.digital_006 dt span{
	width:25px;
	height:25px;
	right: 0;
    top: 50px;
	position: absolute;
}
.digital_006 dt span::before{
	content:"";
	width:25px;
	height:1px;
	background-color:#333;
	display:inline-block;
	transition:0.3s;
	position: absolute;
	right:0;
	top:0px;
}
.digital_006 dt span::after{
	content:"";
	width:25px;
	height:1px;
	background-color:#333;
	display:inline-block;
	transition:0.3s;
	position: absolute;
	right:0;
	top:0;
	transform: rotate(90deg);
	transition:0.5s;
}
.digital_006 dt.active span::after{
	transform:rotate(0deg);
	transition:0.3s;
}
.digital_006 dd{
	display:none;
}
.digital_006 dd p{
	font-size:16px;
	line-height:2;
	padding:30px 97px 10px;
}


@media screen and (max-width:768px){
	.digital_006 {
		width: 90%;
		padding: 16vw 0;
		margin: 0 auto 10vw;
		position: relative;
	}
	.digital_006 span {
		font-size: 3.6vw;
		margin: 0 0 2vw;
	}
	.digital_006 h2 {
		font-size: 5.5vw;
		letter-spacing: 0.5vw;
		text-indent: 0.5vw;
		margin: 0 0 10vw;
	}
	.digital_006 dl {
		margin: 0;
		padding: 0;
		background: url(../img/sp_digital_006_line1.svg) bottom/ 100% no-repeat;
	}
	.digital_006 dl:nth-child(2){
		background:url("../img/sp_digital_006_line2.svg") bottom/ 100% no-repeat;
	}
	.digital_006 dl:nth-child(3){
		background:url("../img/sp_digital_006_line3.svg") bottom/ 100% no-repeat;
	}
	.digital_006 dl:nth-child(4){
		background:url("../img/sp_digital_006_line4.svg") bottom/ 100% no-repeat;
	}
	.digital_006 dl:nth-child(5){
		background:url("../img/sp_digital_006_line5.svg") bottom/ 100% no-repeat;
	}
	.digital_006 dt {
    	font-size: 4.5vw;
		padding: 7vw 5vw 7vw 18vw;
	}
	.digital_006 dt::before {
		width: 12vw;
		height: 11vw;  
		left: 0;
		top: 6vw;
	}
	.digital_006 dd p {
		font-size: 3.6vw;
		line-height: 2;
		padding: 0 0 8vw;
	}
	.digital_006 dt span {
		width: 4vw;
		height: 4vw;
		right: 0;
		top: 12vw;
		position: absolute;
	}
	.digital_006 dt span::after {
		content: "";
		width: 5.6vw;
	}
	.digital_006 dt span::before {
    	content: "";
		width: 5.6vw;
	}
	.bg11 {
		right: 0;
		bottom:-219vw;
		width: 16vw;
	}
}

/*digital_007 start*/
.digital_007{
	padding:9vh 0 13vw;
	background:url("../img/digital_007_bg.svg") top / 100% no-repeat,
		url("../img/digital_007_bg2.svg") bottom / 100% no-repeat;
	text-align: center;
}
@media all and (-ms-high-contrast: none) and (min-width:1500px){
	.digital_007{
		padding:17vh 0 20vw;
		background:url("../img/digital_007_bg.svg") top / 127vw no-repeat,
			url("../img/digital_007_bg2.svg") bottom / 127vw no-repeat;
		text-align: center;
	}
}
.digital_007>div{
	background:#1d7cd7;
	position: relative;
}
.bg9{
	right:50%;
	margin-right:-650px;
	bottom:0;
}
.bg10{
	left:50%;
	margin-left:-717px;
	bottom:-1900px;
}
.digital_007 h2{
	font-size:21px;
	color:#fff;
	line-height: 1.8;
	margin: 0 0 35px;
}
.digital_007 h2 img{
	margin:24px 0 0;
}
.digital_007>p{
	font-size:18px;
	line-height: 1.9;
	color:#fff;
	margin: 0 0 100px;
}
.digital_007 ul{
	max-width:1212px;
	width:90%;
	margin:0 auto 60px;
	display:flex;
}
.digital_007 ul li{
	width:calc(100% / 3);
	padding:0 50px;
}
.digital_007 ul li:nth-child(2){
	border-left:1px dashed #fff;
	border-right:1px dashed #fff;
}
.digital_007 ul li img{
	width:100%;
	margin:0 0 63px;
}
.digital_007 ul li:first-child img{
	margin:0 0 44px
}
.digital_007 ul li h3{
	color:#fff;
	font-size: 28px;
	padding: 0 0 50px;
	border-bottom:dotted 4px #fff;
	margin-bottom:30px;
	line-height: 1.5;
}
.digital_007 ul li:first-child h3{
	padding-bottom:30px;
}
.digital_007 ul li p{
	font-size:16px;
	line-height:2.3;
	color:#fff;
	text-align: left;
	margin:0 0 40px;
}
.digital_007 ul li a{
	background-color:#fff;
	color:#1d7cd7;
	font-size:17px;
	padding:18px 0;
	width:100%;
	border-radius: 30px;
	font-weight: bold;
}
.digital_007 div>a{
	max-width:1100px;
	width:90%;
	padding:40px 0;
	color:#333;
	font-size:24px;
	text-align: center;
	border-radius: 50px;
	background-color:#f6e467;
	font-weight: bold;
	position: relative;
}
.digital_007 div>a img{
	position: absolute;
	right:40px;
	top:49px;
	width:30px
}
@media screen and (max-width:1250px) and (min-width:769px){
	.digital_007 ul li{
		padding:0 3.5vw;
	}
	.digital_007 ul li img{
		margin: 0 0 4vw;
	}
	.digital_007 ul li:first-child img {
		margin: 0 0 2vw;
	}
	.digital_007 ul li h3 {
		font-size: 2vw;
		padding: 0 0 3vw;
	}
	.digital_007 ul li:first-child h3 {
		padding-bottom: 2.2vw;
	}
	.digital_007 ul li a {
    	font-size: 1.5vw;
		padding: 1.5vw 0;
	}
	.digital_007 div>a {
		padding: 2.5vw 0;
		font-size: 2.5vw;
	}
}
@media screen and (max-width:768px){

	.digital_007 {
		padding: 20vw 0 13vw;
		background: url("../img/sp_digital_001_bg_up.svg") top / 100% no-repeat, url(../img/sp_digital_001_bg_down.svg) bottom / 100% no-repeat;
	}
	.digital_007>div {
		padding: 0 0 15vw
	}
	.digital_007 h2 {
		font-size: 4vw;
		letter-spacing: 0.5vw;
		color: #fff;
		line-height: 1.8;
		margin: 0;
		background:#1d7cd7;
	}
	.digital_007 h2 img {
		margin: 5vw 0 8vw;
		width: 80vw;
	}
	.digital_007>p {
		font-size: 3.4vw;
		line-height: 1.9;
		margin: 0 ;
		padding:0 0 14vw;
		background:#1d7cd7;
	}
	.digital_007 ul {
		width: 100%;
		margin: 0 0 13vw;
		display: block;
	}
	.digital_007 ul li {
		width: 100%;
		padding: 16vw 12vw 20vw;
		box-sizing: border-box;
		border:none;
		border-top:dashed 1px #fff;
	}
	.digital_007 ul li:nth-child(2){
		border:none;
		border-top:dashed 1px #fff;
		padding:16vw 12vw 14vw;
	}
	.digital_007 ul li:last-child {
		border-bottom:dashed 1px #fff;
	}
	.digital_007 ul li img,
	.digital_007 ul li:first-child img {
		margin: 0 0 7vw;
		width: 57vw;
	}
	.digital_007 ul li h3 {
		font-size: 5.6vw;
		padding: 0 0 7vw;
		border-bottom: dotted 1vw #fff;
		margin-bottom: 8vw;
		position: relative;
		text-align: left;
	}
	.digital_007 ul li:first-child h3 {
		padding: 0 0 7vw;
	}
	.digital_007 ul li p {
    	font-size: 3.2vw;
		margin: 0 0 5vw;
		display: none;
	}
	.digital_007 ul li a {
		font-size: 4vw;
		padding: 3.6vw 0;
		width: 100%;
		border-radius: 6vw;
	}
	.digital_007 h3 span{
		width:6vw;
		height:6vw;
		right: 0;
		top: 4vw;
		position: absolute;
	}
	.digital_007 h3 span::before{
		content:"";
		width:6vw;
		height:1px;
		background-color:#fff;
		display:inline-block;
		transition:0.3s;
		position: absolute;
		right:0;
		top:0px;
	}
	.digital_007 h3 span::after{
		content:"";
		width:6vw;
		height:1px;
		background-color:#fff;
		display:inline-block;
		transition:0.3s;
		position: absolute;
		right:0;
		top:0;
		transform: rotate(90deg);
		transition:0.5s;
	}
	.digital_007 h3.active span::after{
		transform:rotate(0deg);
		transition:0.3s;
	}
	.digital_007 div>a {
      	width: 93%;
		padding: 8vw 0;
		font-size: 4.5vw;
		border-radius: 11vw;
	}
	.digital_007 div>a img {
		position: absolute;
		right: 7vw;
		top: 10vw;
	}
	.bg3,.bg4,.bg9{
		display:none;
	}
}





.digital_008{
	padding:165px 0 384px;
}
.digital_008>div{
	max-width:800px;
	width:80%;
	margin:0 auto;
	position: relative;
}
.digital_008>div div{
	font-family: 'Noto Sans JP', sans-serif;
}
.digital_008 section>p{
	margin: 0 0 80px;
	line-height: 1.5;
	text-align: center;
	font-size:16px;
	font-family: 'Noto Sans JP', sans-serif;
}
.digital_008 h2{
	font-size:28px;
	color:#1d7cd7;
	text-align: center;
	margin: 0 0 52px;
	font-weight: bold;
	letter-spacing: 4px;
	text-indent:-4px;
}
.digital_008 fieldset{
	margin: 0 0 50px;
}
.digital_008 label,
.digital_008 legend{
	display:block;
	margin: 0 0 13px;
	font-size:19px;
}
.digital_008 label span,
.digital_008 legend span{
	color:#ed1c24;
}
.digital_008 input[type="text"],
.digital_008 input[type="email"],
.digital_008 textarea{
	width: 100%;
    font-size: 16px;
    background: #fff;
    line-height: 1.5;
    border: none;
    padding: 19px 5px;
}
.digital_008 select{
    text-indent: 0.01px;
    text-overflow: ellipsis;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
	border: 1px solid #cccccc;
    padding: 10px;
	min-width: 266px;
}
.digital_008 .bg12 {
    left: 0;
    top: -294vw;
    width: 16vw;
    margin: 0;
}
.privacy{
	padding:54px 40px 57px;
	box-sizing: border-box;
	border:1px solid #e6e6e6;
	text-align: center;
	margin: 0 0 50px;
}
.privacy p{
	font-size:16px;
	line-height: 2;
	margin:0 0 46px;
	text-align: left;
}
.privacy h3{
	font-size:19px;
	margin: 0 0 25px;
}
.privacy h3 span{
	color:#ed1c24;
}
.privacy p.doui{
	text-align: center;
	margin:0;
}
.privacy p.doui input{
	margin-right:0.5em;
	border:1px solid #b3b3b3;
}
.contact_btn{
	text-align: center;
	margin:0;
}
.contact_btn input{
	background-color:#ccc;
	transition:0.5s;
}
.topBtn {
    position: absolute;
    bottom: 83px;
    right: 57px;
    width: 88px;
    height: 88px;
    box-sizing: border-box;
    opacity: 1;
	transition:0.5s;
}
.topBtn:hover{
	opacity: 0.6;
	transition:0.5s;
}
footer{
	padding:0 53px 82px;
}
footer p,footer a{
	font-size:12px;
	color:#808080;
	font-family: 'Noto Sans JP', sans-serif; 
}
footer img{
	margin-right:19px;
	vertical-align: middle;
}
@media screen and (max-width:768px){
	.digital_008 {
    	padding: 22vw 0 10vw;
		position: relative;
	}
	.digital_008 h2 {
		font-size: 6.5vw;
		margin: 0 0 14vw;
		letter-spacing: 0.5vw;
		text-indent: 0.5vw;
	}
	.digital_008 section>p {
		margin: 0 0 15vw;
		line-height: 1.8;
		font-size: 3.8vw;
		font-family: 'Noto Sans JP', sans-serif;
	}
	.digital_008>div{
		width:90%;
		font-family: 'Noto Sans JP', sans-serif;
	}
	.digital_008 label, .digital_008 legend {
		display: block;
		margin: 0 0 3vw;
		font-size: 4.2vw;
	}
	.digital_008 input[type="text"],
	.digital_008 input[type="email"],
	.digital_008 textarea {
    	width: 100%;
		padding: 3vw;
		box-sizing: border-box;
	}
	.digital_008 fieldset {
    	margin: 0 0 9vw;
	}
	.digital_008 fieldset:nth-child(6){
		margin-bottom:4vw;
	}
	.digital_008 select{
		width:60%;
	}
	.privacy {
		padding: 12vw 7vw 10vw;
		margin: 0 0 10vw;
	}
	.privacy p {
		font-size: 3.2vw;
		line-height: 2;
		margin: 0 0 6vw;
		text-align: left;
	}
	.privacy h3 {
		font-size: 4vw;
		margin: 0 0 5vw 2vw;
		letter-spacing: 0.5vw;
	}
	.contact_btn input{
		width:60vw;
	}
	.topBtn {
		bottom: 20vw;
		right: 4vw;
		display: block;
		width: 13vw;
		height: 13vw;
	}
	footer {
		padding: 0 5vw 10vw;
	}
	footer p, footer a {
		font-size: 2.6vw;
		margin: 2vw 0;
		color: #808080;
		display: block;
	}
	footer img {
		width: 40vw;
		margin: 0 0 1vw;
	}
}


/*お問い合わせ確認画面*/
.check_001{
	font-family: 'Noto Sans JP', sans-serif; 
}
.check_001 h1{
	padding:20px 0 20px 30px;
	margin: 0 0 30px;
}
.check_001 h2{
	text-align: center;
	font-size:20px;
	padding:15px;
	font-weight: bolder;	
	margin-bottom:50px;
}
.check_001 p{
	text-align: center;
	margin-bottom:34px;
	line-height: 1.5;
}
.check_001 form{
	width:970px;
	margin:0 auto;
}
.check_001 table{
	margin-bottom:60px;
}
.check_001 tr{
	border-bottom:1px solid #ccc;
}
.check_001 th,.check_001 td{
	padding:20px 10px;
	font-weight:normal;
	line-height:1.5;
}
.check_001 th{
	width:200px;
	text-align:left;
}
.check_001 td{
	width:730px;
}
.check_001 input{
	background-color:#1d7cd7;
	color:#fff;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border:1px solid #fff;
	padding:10px ;
	cursor: pointer;
}
.check_001 input:hover{
	background-color:#fff;
	border:1px solid #1d7cd7;
	transition: 0.5s;
	color:#1d7cd7;
}
.contact_002 {
    padding: 170px 0 0;
    min-height: calc(100vh - 240px);
    text-align: center;
}
.contact_002 h2{
	color:#1d7cd7;
	font-size:25px;
	letter-spacing: 2px;
	text-indent:4px;
	margin: 0 0 50px;
}
.contact_002 p{
	font-size:18px;
	line-height: 1.8;
	margin: 0 0 30px;
}
.contact_002 div a{
	text-align:center;
	margin: 0 auto 30px;
    display: block;
	background-color:#c9bf00;
	position: relative;
	padding: 20px 0;
    width: 350px;
    font-size: 16px;
	color:#fff;
	font-weight: normal
}
.contact_002 div a img{
	width: 20px;
    position: absolute;
    right: 33px;
    bottom: 16px;
}

@media screen and (max-width:768px) {
	.contact_002 h2 {
		font-size: 4.5vw;
		letter-spacing: 0.5vw;
		text-indent: 0.5vw;
		margin: 0 0 6vw;
	}
	.contact_002 p {
		font-size: 3.4vw;
		line-height: 2.5;
		margin: 0 0 2vw;
	}
	.check_001 h1 {
		padding: 5vw;
		box-sizing: border-box;
		text-align: center;
		margin:0 0 0 -3vw;
	}
	.check_001 h1 img{
		width:50vw;
	}
	.check_001 p{
		width:90%;
		line-height: 1.5;
		margin:0 auto 12vw;
		font-size: 3.5vw;
	}
	.check_001 h2{
		font-size:4vw;
		margin-bottom:6vw;
		line-height: 1.3;
	}
	.check_001 form{
		width:90%;
	}
	.check_001 table {
		margin-bottom: 7vw;
	}
	.check_001 th{
		width:35%;
		font-size:3.2vw;
		line-height: 1.5;
	}
	.check_001 td{
		width:65%;
		font-size:3.2vw;
		line-height: 1.5;
	}
	.check_001 input {
		padding: 3vw 5vw 4vw;
		font-size: 3.4vw;
		border-radius: 7vw;
	}
}
.error_page{
	width:100%;
	text-align: center;
}
.error_page h1{
	text-align:center;
	background-color:#23367f;
	color:#fff;
	font-size:16px;
	line-height:2;
	margin-bottom:70px;
	font-weight:normal;
}
.error_page p{
	width:600px;
	margin:0 auto 20px;
}
.error_page p:nth-child(3){
	margin-bottom:80px;
}
.error_page ul{
	width:600px;
	margin:0 auto 50px;
}
.error_page input{
	font-size:16px;
	padding:3px 0;
	width:100px;
	border:1px solid #23367f;
	background-color:#23367f;
	color:#fff;
}
.error_page input:hover{
	color:#23367f;
	background-color:#fff;
	transition:0.5s;
}
@media screen and (max-width:768px) {
	.error_page ul{
		width:90%;
		margin:0 auto 5vw;
	}
}