@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@500..700&display=swap')

/* common
---------------------------------------------------- */
html{
	  overscroll-behavior-y: none;
}
body {
	scrollbar-gutter: stable; 
	position:relative;
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	color: #072039;
	font-weight:500;
	width: 100%;
	max-width: 100%;
	overflow:hidden;
	overflow-y:scroll;
	box-sizing:border-box;
}
body::before {
	content: "";
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -1;
	width: 100%;
	height: 100vh;
	height: 100lvh;
	background-image: url(../images/bg_main.jpg); 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
.anc {
	display: block;
	height: 0;
	margin: 0;
	padding: 0;
	position: relative;
    top: 50px;
}
header {
	position:relative;
}
.header:after {
	content:"";
	width:100px;
	height:100px;
	border-radius:130px;
	background: #ffffff90;
	display:block;
	position: fixed;
	top: 60px;
	left: 4%;
	margin-left:-30px;
	margin-top:-28px;
	z-index: 999;
	/* mix-blend-mode: revert-layer; */
	backdrop-filter: blur(16px);
	transition:all 0.3s;
	transform:scale(0.95);
	display:none;
}
.hamburger.active:after {
	opacity:0
}
.header:hover:after {
	transform:scale(1.2);
}
.hamburger {
	position: fixed;
	top: 60px;
	left: 4%;
	margin-left:0px;
	z-index: 1000;
	width: 70px;
	height: 70px;
	border: none;
	background: transparent;
	cursor: pointer;
	transition: 0.4s;
	transform:scale(1);
	transform-origin: top left;
}
.hamburger:after {
	transform:scale(0.7);
	transform-origin: top left;
}
.hamburger.active {
}
.hamburger__line {
  position: absolute;
  left: 0;
  width: 60px;
  height: 6px;
	border-radius:20px;
  background-color: #061f39;
}
.hamburger__text {
  position: absolute;
  left: 0;
  top: 50px;
  color: #061f39;
  font-size:20px;
  font-weight:700;
}
.hamburger__line:nth-of-type(1) {
  top: 0;
}
.hamburger__line:nth-of-type(2) {
  top: 17px;
}
.hamburger__line:nth-of-type(3) {
  top: 34px;
}

/* メニューオープン時 */
.hamburger.active .hamburger__line:nth-of-type(1) {
  transform: translateY(15px) rotate(-45deg);
}
.hamburger.active .hamburger__line:nth-of-type(2) {
  opacity: 0;
}
.hamburger.active .hamburger__line:nth-of-type(3) {
  transform: translateY(-18px) rotate(45deg);
}
.hamburger.active .hamburger__text{
	font-size:0;
}
.hamburger.active .hamburger__text:after{
	content:'CLOSE';
	font-size:18px;
}

.nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
	background-image:url(../images/bg_menu.jpg);
  background-color: #fff;
	background-size:cover;
	background-position:bottom right;
  transform: translateX(-100%);
  transition: transform .4s;
  z-index: 90;
}
.nav.active {
  transform: translateX(0);
}
.nav_wrap{
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nav_box{
	width:600px;
	margin:auto;
}
.nav__ttl{
	font-family: "Work Sans","work-sans", sans-serif;
	position:relative;
	font-size: 44px;
	font-weight: 700;
	margin-bottom:30px;
}
.nav__ttl span{
	display: inline-block;
	line-height:1;
	text-align:left;
	font-size: 13px;
	font-weight:500;
	vertical-align:middle;
}
.nav__list {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #c2c7d0;
}
a.nav__link {
	display: block;
	padding: 0;
	color: #072039; !important;
	text-decoration: none;
	border-top: 1px solid #c2c7d0;
	font-size:22px;
	line-height:60px;
	padding:5px;
	position:relative;
}
.nav__link:before {
	content:'';
	display:inline-block;
	vertical-align:top;
	width: 8px;
	height: 40px;
	margin-top: 8px;
	margin-right: 15px;
	background-color:#dde2eb;
	transition:0.3s;
}
li:hover .nav__link {
	color:#072039;
}
li:hover .nav__link:before {
	background-color:#ffe355;
	margin-right:25px;
}
/*
li:nth-child(1):hover .nav__link:before {
	background-color:#ffe355;
}
li:nth-child(2):hover .nav__link:before {
	background-color:#f6963b;
}
li:nth-child(3):hover .nav__link:before {
	background-color:#ff6060;
}
li:nth-child(4):hover .nav__link:before {
	background-color:#2ba8a0;
}
li:nth-child(5):hover .nav__link:before {
	background-color:#73399a;
}
li:nth-child(6):hover .nav__link:before {
	background-color:#ffe355;
}
*/

.nav__item {
  padding: 0;
}

/*loading
---------------------------------------------------- */
#loading {
	width: 100%;
	height: 100vh;
	transition: all 1s 0.5s;	
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background-image:url(../images/bg_menu.jpg);
	background-image:unset !important;
	background-size:cover;
	background-position:bottom right;
    display: flex;
	justify-content: center;
    align-items: center;
}
#loading:after {
	display:block;
	content:'LOADING';
	text-align:center;
	font-size:14px;
	color:#d6deea;
	position:absolute;
	font-family: "Work Sans","work-sans", sans-serif;
	display:none;
}
.spinner {
    width: 80px;
    height: 80px;
    border: 6px solid rgb(229 234 241); 
    border-radius: 50%;
	box-sizing:border-box;
    border-top-color: #7f8aad;;
    animation: spin 1s ease-in-out infinite;
}
html body{
	overflow:hidden;
	width:100%;
}
html.wf-active body{
	overflow:hidden scroll;
}
html.wf-active #loading{
	opacity: 0;
	visibility: hidden;
}
@keyframes spin { 
	to { transform: rotate(360deg); } 
}


/* particle_canvas
---------------------------------------------------- */
.particle_canvas{
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	margin:auto;
}
.fix_front{
	position: fixed;
	top: 0;
	left:0;
	right: 0;
	z-index: 1;
	display:block;
	pointer-events:none;
	/*mix-blend-mode: multiply;*/
	mix-blend-mode: overlay;
	overflow: hidden;
}
.fix_front_bg{
	position: relative;
	width:100%;
	height:100vh;
	display:block;
}

.fix_slide_back,
.fix_slide_back2{
	position: fixed;
	top: 0;
	left:0;
	width:100%;
	height:100vh;
	display:block;
	mix-blend-mode: multiply;
	background-repeat: repeat;
	background-size: 110% auto;
	background-position: top 0 center;
}

.fix_slide_back{
	/*background-image: url(../images/bg_sakura2.png); */

}
.fix_slide_back2{
	/*background-image: url(../images/bg_sakura1.png); */
}

/* page_top
---------------------------------------------------- */
#page_top {
	width:50px;
	height: 50px;
	position: fixed;
	opacity:1;
	z-index: 100;
	right: 22px;
	bottom: 16px;
}
#page_top a {
	display: block;
	width: 50px;
	height: 50px;
}
#page_top a img {
	width: 50px;
	height: 50px;
}




/* sec
---------------------------------------------------- */
.sec{
	font-size: 22px;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	z-index:2;
}
.sec + .sec{
	margin-top:4em;
}
.sec + .sec.policy{
	margin-top:2em;
}
.sec + .sec.sns{
	margin-top:2em;
}
.sec.link
.sec.sns{
	position: relative;
	z-index:5;
}

.sec img{
	width: 100%;
}
.sec .ttl{
	font-family: "Work Sans","work-sans", sans-serif;
	position:relative;
	display:block;
	width: 100%;
	line-height:1;
	text-align:left;
	font-size: 250%;
	font-weight: 700;
	margin-bottom: 0.3em;
}
/*
.sec .ttl.yellow::first-letter{
	color:#ffe355;
}
.sec .ttl.green::first-letter{
	color:#2da8a2;
}
.sec .ttl.gray::first-letter{
	color:#9ea8ba !important;
}
*/

.sec .ttl span.small{
	display: inline-block;
	line-height:1;
	text-align:left;
	font-size: 25%;
	font-weight: 600;
	vertical-align: bottom;
	margin-left: -0.3em;
	padding: 0;
	position:relative;
	top: -0.9em;
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	/* background-color: #ffe34f; */
}
.sec .ttl span.small:before{
}

/*
.textanimation span{
	animation: showTextFromBottom 0.5s backwards;
}
.textanimation > span{
	overflow: hidden;
}
.textanimation > span > span{
	animation: showTextFromBottom 0.5s backwards;
}
*/
/*
.textanimation > span > span{
	opacity:0;
	animation: fadeIn 1s forwards;
}
 
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
*/



.sec.top_messege .ttl{
	text-align:center;
	width: 100%;
	line-height:1;
	/* font-size: 200%; */
}

.sec.top_messege .ttl span{
	display:block;
	text-align:center;
	margin: 5px 0 50px;
}




/* normal_top
---------------------------------------------------- */
.normal_top{
	box-sizing: border-box;
	text-align: center;
	overflow:hidden;
	width:100%;
}
.normal_top_wrap{
	max-width:1750px;
	margin:auto;
	position:relative;
}
#top + .normal_top{
	/* padding-top:2em; */
}

/* anime */
html .index_anime .main_img{
		transform:scale(1);
}
html.wf-active .index_anime .main_img{
    animation: index_anime01 2s cubic-bezier(0, 0.83, 0.68, 0.99) forwards;
}
@keyframes index_anime01 { 
	0% {
		transform:scale(1);
		filter:brightness(100%);
	}
	5% {
		transform:scale(0.8);
		filter:brightness(200%);
	}
	50% {
		filter:brightness(100%);
	}
	100%{
		transform:scale(1.01);
	}
}
html .index_anime .main_img2{
		transform:scale(1);
}
html.wf-active .index_anime .main_img2{
    animation: index_anime02 2s cubic-bezier(0, 0.83, 0.68, 0.99) forwards;
}
@keyframes index_anime02 { 
	0% {
		transform:scale(1);
	}
	5% {
		transform:scale(2);
	}
	100%{
		transform:scale(1.01);
	}
}







.main_img{
	position:relative;
	pointer-events:none;
}
.main_img2{
	pointer-events:none;
	position:absolute;
	top:0;
	left:0;
}
.main_img img{
	margin:0 auto;
	width:100%;
}
.sec.normal_top_after{
	margin-top: -4em;
}
.breadcrum{
	width:100%;
	max-width:1320px;
	position:absolute;
	left:50%;
	margin-left:-650px;
	top: 70px;
	font-size:60%;
	font-weight:600;
	text-align:left;
}
.breadcrum li{
	display:inline-block;
}
.breadcrum li + li:before{
	content:'▶︎';
	font-size:60%;
	padding:0px 10px;
	position:relative;
	top:-1.5px
}
.breadcrum li a{
	text-decoration:underline;
}
.breadcrum li a:hover{
	color: #ca821a;
}
.breadcrum li:last-child a{
	text-decoration:none;
	pointer-events:none;
}


/* .main_wrap
---------------------------------------------------- */
.main_wrap{
	box-sizing: border-box;
	width:100%;
	max-width: 1320px;
	margin: auto;
	padding: 0;
	overflow: hidden;
}



/* .sec.banner
---------------------------------------------------- */
.sec.banner{
	position:relative;
	z-index:5;
	margin-top:2em;
}
.sec.banner ul{
	font-size:0%;
}
.sec.banner li{
	width:calc(100%/3 - 0.7%);
	margin-right:calc( 0.7% * 3 / 2 );
	display:inline-block;
}
.sec.banner.active li{
	opacity:1;
	transform:translateY(0);
}
.sec.banner li:nth-child(3n){
	margin-right:0;
}
.sec.banner li:nth-child(1){
	transition:1s 0s  ease-out;
}
.sec.banner li:nth-child(2){
	transition:1s 0.1s  ease-out;
}
.sec.banner li:nth-child(3){
	transition:1s 0.2s  ease-out;
}






/* .top_messege
---------------------------------------------------- */
.top_messege{
	position:relative;
	z-index:2;
	padding: 4em 0 0;
	margin-top: 0 !important;
	/* margin-top: 0px !important; */
	/* background-image: url(../images/top_messege_bg.png); */
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-position: center bottom;
	background-attachment: fixed;
}
.top_messege .box{
	padding: 8% 24%;
	margin: 0 0 0;
	box-sizing:border-box;
	background: #ffffffcc;
	backdrop-filter: blur(36px);
	position:relative;
	background-image:url(../images/top_messege_line.png);
	background-repeat:no-repeat;
	background-size: 99% 99%;
	border-radius: 10px;
	background-position: center;
	/* box-shadow: 0px 8px 8px #bfc86e20; */
	margin: 0.5em 0;
}
.top_messege .box img{
	/* max-width: 750px; */
	margin-bottom: 1em;
}


.top_autoslide{
	background-image: url(../images/top_gold_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	background-attachment: fixed;
	margin-top: 0 !important;
	position:relative;
	z-index:50;
	max-width: 100%;
	/* overflow: hidden visible; */
}
.top_autoslide_before,
.top_autoslide_after,
.top_autoslide{
	margin:0 !important;
	max-width:100%;
	overflow:hidden;
	position:relative;
	z-index:14;
}
.top_autoslide_before{
	position:relative;
	z-index:15;
	margin-top:-4em !important;
}
.top_autoslide_after{
	position:relative;
	z-index:15;
	top:-2em;
}
.top_messege_ttl{
	font-family: "Work Sans","work-sans", sans-serif;
	font-weight:bold;
	position:relative;
	width:100%;
	max-width: 100%;
	overflow:hidden;
	margin:0 0 -0.2em;
	text-align:center;
	font-size: 500%;
	line-height:1em;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	background-image: url(../images/top_gold_bg.jpg);
	background-size: cover;
	background-position: center bottom;
	background-attachment: fixed;
	white-space: nowrap;
}
.top_messege_slide{
	padding: 2em 0 3em;
	font-size:90%;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}

.top_messege_slide .main_wrap{
	overflow:visible;
}
.swiper-container05{
	overflow:visible;
}
.swiper-container05 .swiper-wrapper {
	transition-timing-function: linear;
}
.top_messege_slide li{
	margin:0 0.7em;
	transition:0.2s;
}
.top_messege_slide li:hover{
}

.autoslide_btn{
	width: 80px;
	height: 80px;
	text-align:center;
	margin:0 auto;
}



/* .movie
---------------------------------------------------- */
.movie{
	overflow:hidden;
	position:relative;
	z-index:5;
	padding-top: 4em;
	transition:0.5s ease-out;
}
.movie.active{
}
.movie .youtube_box{
	overflow: hidden;
	border: solid 1px transparent;
	border-left:none;
	border-right:none;
	box-sizing:border-box;
}
.movie .youtube_box_wrap{
	position:relative;
	z-index:3;
	height:25em;
	overflow:hidden;
	border: solid 1px transparent;
	border-left:none;
	border-right:none;
	box-sizing:border-box;
}
.movie .youtube_box_wrap .btn_img img{
	height:25em;
	width:auto;
	transition:0.3s;
}
.movie .youtube_box_wrap .btn_img img:hover{
	transform:scale(1.08);
}
.pv_front{
	position:relative;
	z-index: 10;
	background-color:#00000080;
	backdrop-filter:blur(0px);
}
.pv_front:hover{
	backdrop-filter:blur(20px);
}
.pv_front.pc{
	display:block;
}
.pv_front.sp{
	display:none;
}
.pv_bottom{
	position:absolute;
	z-index:10;
	left:0%;
	bottom:3em;
	font-size:60%;
	color:#FFF;
	width:100%;
	letter-spacing:0.2em;
	opacity:0.6;
	pointer-events:none;
}

.pv_back{
	position:absolute;
	z-index: 1;
	top: 50%;
	left:50%;
	margin: -25vw -50vw -30vw;
}
.pv_back video{
	min-width:100%;
	width:100%;
}
.modal_inner_video{
	width:800px;
}

/* .topics
---------------------------------------------------- */
.topics{
	margin-top:0 !important;
	padding-top:4em;
	overflow: hidden;
	transition:0.5s ease-out;
}
.topics.active{
}
.topics .main_wrap{
	overflow: visible;
}



/* sns
---------------------------------------------------- */
.sns{}

.mini_ttl{
	margin-bottom:1em;
}
.mini_ttl img{
	height:1.2em;
	width:auto;
}
/*
.sns ul{
	text-align:center;
}
.sns li{
	width: 3.5em;
	display: inline-block;
}
.sns li img{
	margin-top:0;
	position:relative;
	z-index:50;
}
.sns li img:hover{
}
*/


.link ul{
	text-align:center;
}
.link li{
	width: 10em;
	display: inline-block;
}
.link li img{
	width:100%;
	margin-top:-2.6em;
	position:relative;
	z-index:50;
}
.link li img:hover{
}
.link.mt2{
	margin-top:2em;
}
.link.mt2 li{
	width: auto;
	display: inline-block;
}
.link.mt2 li img{
	width: 65px;
	margin-top:-0em;
	position:relative;
	z-index:50;
}



/* new_icon
---------------------------------------------------- */
.new_red,
.new_green,
.new_orange{
	position:relative;
}
.new_red:after,
.new_green:after,
.new_orange:after{
	content:'NEW';
	font-family: "Work Sans","work-sans", sans-serif;
	font-size:100%;
	font-weight: 600;
	display:block;
	position:absolute;
	top: 1em;
	right: 1em;
	z-index: 2;
}
.new_orange:after{
	color:#f6973b;
}
.new_red:after{
	color:#ff6060;
}
.new_green:after{
	color:#2da8a2;
}




/* normal_box
---------------------------------------------------- */
.normal_box{
	text-align:left;
	background:#ffffff;
	overflow:hidden;
	position:relative;
	z-index: 1;
	font-family:  fot-udkakugo-large-pr6n, sans-serif;
}
.normal_box_wrap{
	padding: 2.6em 4.0em 2.4em;
	border: solid 0.6em;
	border-left:none;
	border-right:none;
	border-color:#ffe355;
	overflow:hidden;
	transition:0.3s 0.5s;
}
.normal_box:after{
	content:'';
	width: 0em;
	height: 0em;
	display:block;
	background-color:#ffe355;
	clip-path: polygon(0 0, 100% 0, 0 100%);
	top:0;
	left:0;
	position:absolute;
	transition: 0.5s 0.5s ease;
}
html.wf-active .normal_box.active:after{
	width: 5.4em;
	height: 5.4em;
}
/*
html.wf-active .col_creator .normal_box.active:after{
	width: 5em;
	height: 5em;
}
*/
.normal_box_wrap:before{
	content:'';
	position:absolute;
	top: -0.1em;
	left: 100%;
	display:block;
	width:100%;
	height:150px;
	background-size: 100% auto;
	background-repeat:no-repeat;
	background-position:top left;
	pointer-events:none;
	transition:0s 0s ease;
	display:none;
}
.normal_box.active .normal_box_wrap:before{
	left: 0em;
}
.col2 .normal_box_wrap:before{
	background-size: 200% auto;
	background-position:right 100em top 0;
}
.col_creator .normal_box_wrap:before{
	background-size: 300% auto;
	background-position:right 100em top 0;
}
.col_creator .normal_box_wrap{
	padding: 1.8em 0em 2em;
}
.top_messege_slide .normal_box_wrap{
	padding: 1.8em 0em 2em;
}


.normal_top_after .normal_box .normal_box_wrap:before{
	transition:0s 0s ease;
}
.color_yellow .normal_box_wrap:before{
	background-image:url(../images/normal_color_yellow.png);
}
.color_orange .normal_box_wrap:before{
	background-image:url(../images/normal_color_orange.png);
}
.color_red .normal_box_wrap:before{
	background-image:url(../images/normal_color_red.png);
}
.color_green .normal_box_wrap:before{
	background-image:url(../images/normal_color_green.png);
}
.color_gray .normal_box_wrap:before{
	background-image:url(../images/normal_color_gray.png);
}
.color_lightgray .normal_box_wrap:before{
	background-image:url(../images/normal_color_lightgray.png);
}
.color_purple .normal_box_wrap:before{
	background-image:url(../images/normal_color_purple.png);
}

.normal_box .box{
	opacity:1;
	transition:0.5s 0.5s;
}
html.wf-active .normal_box.active .box{
	opacity:1;
}

.color_transparent .normal_box_wrap{
	border-color: #fff;
}
.color_transparent.normal_box:after{
	background-color:#fff;
}
.color_yellow .normal_box_wrap{
	border-color: #ffe355;
}
.color_yellow.normal_box:after{
	background-color:#ffe355;
}
.color_orange .normal_box_wrap{
	border-color: #f6963b;
}
.color_orange.normal_box:after{
	background-color:#f6963b;
}
.color_red .normal_box_wrap{
	border-color: #ff6060
}
.color_red.normal_box:after{
	background-color:#ff6060;
}
.color_green .normal_box_wrap{
	border-color: #2da8a1;
}
.color_green.normal_box:after{
	background-color:#2da8a1;
}
.color_gray .normal_box_wrap{
	border-color: #9ea8b9;
}
.color_gray.normal_box:after{
	background-color:#9ea8b9;
}
.color_lightgray .normal_box_wrap{
	border-color: #b6c2cf;
}
.color_lightgray.normal_box:after{
	background-color:#b6c2cf;
}
.color_purple .normal_box_wrap{
	border-color: #74399a;
}
.color_purple.normal_box:after{
	background-color:#74399a;
}
.col_creator .color_orange.normal_box:after{
	/* background-color:transparent; */
}



ul.col2{
}
ul.col2 li{
	width:calc(100% / 2 -  2% );
	margin-right:calc( 2% );
	float:left;
	text-align:center; 
}
ul.col2 li:nth-child(2n){
	margin-right:0;
}
ul.col2 li:nth-child(n+3){
	margin-top: calc( 3% / 1 );
}
ul.col2 .normal_box{
	text-align:center;
}

ul.col_creator{
	width:101.5%;
	box-sizing:border-box;
	margin-left:-1.5%;
}
ul.col_creator li{
	width: calc(100% / 3 -  1.5% );
	margin-left:calc( 1.5%);
	float:left;
	text-align:center;
}
ul.col_creator li:nth-child(n+4){
	margin-top:1.5em;
}

.cre_update{
	font-size: 50%;
	font-weight:500;
	line-height: 1;
	text-align:center;
	display:block;
	margin: 1.2em 0 0.5em;
}
.cre_update:before{
	content:"UPDATE :";
	display:inline-block;
	font-size: 100%;
	line-height:1.7;
	margin-right:0.3em
}
.color_orange .cre_update{
	color:#f6973b;
}
.color_green .cre_update{
	color:#2da8a2;
}
.color_red .cre_update{
	color:#ff6060;
}
.cre_box{
	text-align:center;
	position: relative;
	z-index: 10;
}
.cre_box a:hover{
	transform:scale(1.05);
}
.cre_box a{
	transition:0.3s ease-out;
}

.cre_job{
	font-size: 80%;
	font-weight:600;
	line-height: 1.6;
	color: #072039;
}
.cre_name{
	font-size: 100%;
	font-weight:600;
	line-height: 1.6;
	overflow: hidden;
	white-space: nowrap;
	color: #072039;
}
.cre_comment{
	overflow:hidden;
	text-align:center;
	line-height:1;
	margin: 0.3em 0 0em;
}
.cre_comment > div{
	display:inline-block;
	font-size: 50%;
	padding:0.4em 1.4em;

	border-radius:30px;
	color:#cad2dc;
	border: solid 1.5px #cad2dc;
	margin:0 -0.2em;
	vertical-align:top;
}
.color_orange .cre_comment > div.active{
	color:#f6973b;
	border-color:#f6973b;
}
.color_green .cre_comment > div.active{
	color:#2da8a2;
	border-color:#2da8a2;
}
.color_red .cre_comment > div.active{
	color:#ff6060;
	border-color:#ff6060;
}
.cre_info{
	font-size: 60%;
	font-weight:500;
	line-height: 1;
	margin-top:1.5em;
	display:none
}
.cre_info:before{
	content:'担当：';
	display:inline-block;
}
.cre_job,
.cre_name,
.cre_pupbtn,
.cre_comment,
.cre_info{
	padding:0 8%;
}
.cre_hideimg{
	position:relative;
	height: auto;
	padding: 36% 0 0;
	overflow:hidden;
	background: #e2e9e9;
	/* width: 90%; */
	margin: 0.8em 0 0;
}
.cre_hideimg img{
	position:absolute;
	margin: 0 0;
	z-index:3;
	left:0;
	top:0;
}
a .cre_hideimg:after,
a .cre_hideimg img{
	transition:0.3s;
}
a:hover .cre_hideimg:after,
a:hover .cre_hideimg img{
	transform:scale(1.00);
	transition:0.3s;
}
.cre_hideimg:after{
	content:'NOIMAGE';
	position:absolute;
	z-index:1;
	width:100%;
	display:block;
	text-align:center;
	top:50%;
	color:white;
	font-size:80%;
	line-height:1;
	margin:-0.5em 0;
}

.cre_pupbtn{
		font-size: 100%;
		line-height: 1.2;
		max-width: 100%;
		margin: 0em 8% 0em;
		border-radius:50px; 
	transition:0.3s;
}
.cre_pupbtn img{
	height:2em;
	width:auto;
}
.color_orange a .cre_pupbtn{
	background-color:#f6973b;
}
.color_green a .cre_pupbtn{
	background-color:#2da8a2;
}
.color_red a .cre_pupbtn{
	background-color:#ff6060;
}
a:hover .cre_pupbtn{
	opacity:0.7;
}
.cre_box a:hover{
	color:#072039 !important;
}
.col_creator li{
	transition:0.2s;
}
.col_creator li:hover{
	transform:scale(0.98);
}

.text30{
	font-size: 120%;
	font-weight:600;
	line-height: 1;
}
.text30 span{
	font-size: 50%;
	font-weight:600;
	line-height: 1.6;
	display:block;
	margin-top:0.7em;
	margin-bottom: 3.1em;
	position:relative;
}
.text30 span:after{
	content:'▼';
	transform: scale(1.5,1);
	position:absolute;
	bottom: -1.9em;
	left:50%;
	margin-left:-0.5em;
	color:#ff6060;
}
.color_yellow .text30 span:after{
	color:#ffe355;
}
.text31{
}
.text31 span{
	font-size: 100%;
	font-weight:500;
	line-height: 1.2;
	display:inline-block;
	transition:2s 1s ease;
	position:relative;
	z-index:3;
	overflow:hidden
}
.text31 span:after{
	content:'';
	width:100%;
	height:3em;
	display:block;
	position:absolute;
	background:#FFF;
	z-index:-1;
	top:0;
	left:0%;
	transition:1s 0.8s ease-in-out; 
}
.text31.active span:after{
	left:100%;
}
.text31 span.c_red{
	font-size: 115%;
	margin-bottom:0.3em;
	background-color:#ffe6e7;
	transition-delay: 1.5s;
}
.text31.active span.c_red{
}
.text31 span.c_orange{
	font-size: 115%;
	margin-bottom:0.3em;
	background-color:#ffe4d7;
}
.text31 span + span{
	margin-top: 0.4em;
}
.text32 {
	font-size: 80%;
	font-weight:500;
	line-height: 1;
	padding: 0.5em 0 0.6em 0;
}
.text31 + picture img{
	margin-bottom: -1em;
}




.text1{
	font-size: 100%;
	line-height: 1.8;
}
.text2{
	font-size: 100%;
	line-height:1.8;
	color:#ca821a;
}
.color_purple .text2{
	color:#9a3999;
}


.text1.mt,
.text2.mt{
	margin-top: 0.7em;
}
.text5{
	font-size: 115%;
	font-weight:700;
	line-height: 1.5;
}

.text1 + .text8{
	margin-top:5px;
}

.text8{
	font-size: 88%;
	line-height: 1.7;
}
.text8 ul{
	font-size: 0%;
	line-height: 1;
	margin: 1% 0 1%;
}
.text8 ul + ul{
	margin-bottom:15px;
}
.text8 ul li{
	width:calc(100%/7);
	display:inline-block;
	line-height: 1;
}
.text_red{
	color:#ca821a;
}
/*
.text_author2,
.text_author1{
	font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}
*/
.text_author1{
	font-size: 120%;
	font-weight:500;
	line-height:1;
	margin-bottom:1em
}
.text_author2{
	font-size:100%;
	font-weight:500;
	background-image: linear-gradient(180deg, #061f39 1px, transparent 1px);
	background-size: 100% 3em;
	line-height: 3em;
	padding-bottom: 1px;
}

.illust_ex{
	overflow:hidden;
}
.illust_ex li{
	float:left;
	width:44%;
	margin-right:1%;
	margin-bottom:1em;
}

.text6{
	overflow:hidden;
	border-bottom:dotted 1px #061f3969;
	padding: 0 0 2em;
}
.box .text6:last-child{
	border-bottom:none ;
	padding-bottom:0;
}

.text6 + .text6{
	padding-top:2em;
}
.text6 dt{
	float:left;
	width: 27%;
	font-size: 120%;
	font-weight:600;
	line-height: 1;
}
.text6 dt span{
	font-size: 50%;
	line-height: 1;
}
.text6 dd{
	float:left;
	width:65%;
	font-size: 100%;
	line-height: 1.5;
	margin-top: -0.25em;
}
.text6 dd span{
	font-size: 66%;
	line-height: 1;
	display: block;
	margin: 0.5em 0;
}
.text6 dd span.large{
	display:block;
	padding: 0.25em 0.35em;
	font-size: 120%;
	line-height: 1;
	font-weight: 600;
	background: #ffebfd;
	display:inline-block;
	transition:2s 1s ease;
	position:relative;
	z-index:3;
	overflow:hidden;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0.2em;
}
.text6 dd span.large:after{
	content:'';
	width:100%;
	height:3em;
	display:block;
	position:absolute;
	background:#FFF;
	z-index:-1;
	top:0;
	left:0%;
	transition:1s 0.8s ease-in-out; 
}
.text6.active dd span.large:after{
	left:100%;
}
.text6 dd > span.large{
	margin-top: 0.15em;
}
.text6 dd span.large.mb{
	/* margin-bottom:0.4em; */
}

.text7{
	overflow:hidden;
	border-bottom:dotted 1px ;
	padding:0 0 2em;
}
script + .text7,
.text7 + .text7{
	padding-top:2em;
}
.box .text7:last-child{
	border-bottom:none ;
	padding-bottom:0;
}
.text7 dt{
	float:left;
	width:25%;
	font-size: 100%;
	font-weight:600;
	line-height: 1;
	padding-top:0.3em;
}
.text7 dt span{
	color: #ca821a;
	font-size: 60%;
	line-height: 1.8;
	display: block;
}
.text7 dd{
	float:left;
	width:65%;
	font-size: 100%;
	line-height: 1.5;
}
.text7 dd span{
	font-size: 66%;
	line-height: 1;
}
.text7 input{
	font-size: 100%;
	font-weight:500;
	line-height: 1;
	padding: 0.8em 1.5em;
	width: 100%;
	border: none;
	background-color:#f4f7fa;
	border-left:solid 8px #b6c2cf;
}
.text7 input:placeholder-shown{
}
.text7 .input_num2  input{
	width:calc( 40% - 50px ) !important;
}
.text7 .input_num3  input{
	width:calc( 26% - 50px ) !important;
}
.text7 input::placeholder{
	color: #d4dbe7;
}
.text7 select{
	font-size: 100%;
	line-height: 1;
	padding: 0.8em 1.5em;
	width: 40%;
	border: none;
	background-color:#f4f7fa;
	border-left:solid 8px #b6c2cf;
	font-family: "Work Sans","work-sans", fot-udkakugo-large-pr6n, sans-serif;
}

.text100{
	border-left:7px solid #9ea8b8;
	line-height:1;
	padding-left:15px;
	font-size: 133%;
	font-weight:600;
}
.text100 + .stext1{
    margin-top: 25px;
}

.stext1{
	font-size: 90%;
	font-weight:600;
	line-height: 1.8;
	margin-bottom: 5px;
}
.stext1:before{
	content:'●';
}
.stext2{
	line-height: 1.8;
}
.stext2 li{
	font-size: 90%;
	line-height: 1.7;
	text-indent:-1em;
	padding-left:1em;
}
.stext2 li:before{
	content:'・';
}
.stext2 li.notice:before{
	content:'※';
}

.stext2 li.notice{
	margin-top:5px;
}
.stext3 + .stext1,
.stext2 + .stext1{
	margin-top:20px
}
.stext3{
	font-size: 90%;
	line-height: 1.7;
}


/* .deco
---------------------------------------------------- */
.deco{
	position:absolute;
	z-index: 20;
	width: 210px;
	top: 0px;
	right:50%;
	margin-right: -620px;
}
.topics_deco{
	position:absolute;
	z-index: 20;
	width: 108%;
	bottom: 0.6em;
	right:0;
	pointer-events: none;
}



/* .scroll_box
---------------------------------------------------- */
.box.mt{
	margin-top:2em;
}
.scroll_box{
	border: solid 1px #061f39;
	border-left:none;
	border-right:none;
	margin-top: 0.7em;
	overflow-y:scroll;
	height: 50vh;
	position: relative;
}
.scroll_box_wrap{
	padding: 1.2em 0.7em 1.2em 0px;
}
.scroll_box_arrow{
	position:relative;
}

.scroll_box_arrow:before{
	content:'';
	display:block;
	position:absolute;
	top:30px;
	right:-40px;
	width:20px;
	height:120px;
	background-image:url(../images/scroll_icon.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
}

.scroll_box_arrow.active:before{
    animation: start_scrollani01 1.5s 2s ease-in-out forwards;
}
@keyframes start_scrollani01 { 
	0% {
		transform: translateY(0%);
	}
	15%{
		transform: translateY(8%);
	}	
	50%{
		transform: translateY(0%);
	}
	50% {
		transform: translateY(0%);
	}
	65%{
		transform: translateY(8%);
	}	
	100%{
		transform: translateY(0%);
	}
}







.policy input[type=checkbox] {
    display: none;
}
.policy .checkbox01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 0 1em 0 2em;
    position: relative;
    width: auto;
}
.checkbox01::before {
    background: #fff;
    border: 0.1em solid #061e39;
    content: '';
    display: block;
    height: 1em;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 1em;
	border-radius:0.15em;
	box-sizing:border-box;
}
.checkbox01::after {
    border-right: 0.15em solid #ed7a9c;
    border-bottom: 0.15em solid #ed7a9c;
    content: '';
    display: block;
    height: 0.5em;
    left: 0.3em;
    margin-top: 0.1em;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    width: 0.2em;
}
input[type=checkbox]:checked + .checkbox01::after {
    opacity: 1;
}


/*button_box
---------------------------------------------------- */

.button_box{
	text-align:center;
	overflow:hidden;
}
.button_box .col2_btn li{
	width:49%;
	float:left;
	margin-right:2%;
	transition:0.5s ease;
}
.button_box .col2_btn button{
	display:block;
	width:100%;
	background: #687581;
	font-size:130%;
	font-weight: 600;
	padding: 30px 0;
	line-height:44px;
	color:#FFF;
	/* border-radius:200px; */
}
.button_box .col2_btn .type1 button{
	background:#061f39;
}
.button_box .col2_btn li:nth-child(2n){
	margin-right:0;
}
.button_box .col2_btn li:hover{
	opacity:0.8;
}
.sec.button_sec{
	margin-top: 3em;
}


/* enquete
---------------------------------------------------- */
.text_period{
}
.period_ttl{
	float:left;
	color:#FFF;
	display:inline-block;
	font-size:82%;
	line-height:1;
	padding: 0.4em 3em;
	border-radius: 4em;
	background-color:#2ba8a0;
	margin-right:1.5em;
}
.period_large{
	float:left;
	display:inline-block;
	font-size:150%;
	font-weight:600;
	line-height:1;
}
.period_large.mr.ml{
	margin-right:0.2em;
	margin-left:0.3em;
}
.period_small{
	float:left;
	display:inline-block;
	font-size:100%;
	font-weight:600;
	line-height:1;
	margin-top:0.5em;
	letter-spacing:0.1em;
}



/* youtube
---------------------------------------------------- */
.youtube_box{
	overflow:hidden;
	box-sizing:border-box;
}
.youtube_box img{
	transform:scale(1);
}
.youtube_box img{
	transform:scale(1);
}


/* slide
---------------------------------------------------- */
.sec .slide{
	position:relative;
}

.sec .slide .swiper-container{
	overflow:visible;
}

.sec .slide_naviwrap{
	position:relative;
}
.sec .slide *{
	box-sizing:border-box;
}
.sec .slide li{
}
.sec .slide li dt{
	background: #fff;
	color:#fff;
	color:#061f39;
	margin: 0 0;
	padding: 0;
	box-sizing:border-box;
	font-size:100%;
	font-weight:700;
	line-height:1;
	width: 70%;
}
.sec .slide li dd .tinfo{
	margin-top: 0.4em;
	padding: 0;
	box-sizing:border-box;
	font-size: 95%;
	font-weight:500;
	line-height: 1.6;
}
.sec .slide li .botton_area{
	margin-top:1.55vw;
	background:#1d0058;
	padding:1.55vw;
	border-radius:50px;
	width: 60%;
	margin: 1.55vw auto 0;
}
.sec .slide li .tbtn{
	font-weight: 700;
}
.sec .slide li .tbtn a{
	color:#FFF;
	font-size:100%;
	margin-top:1.5em;
	padding: 1.1em 7em;
	font-weight: 700;
	line-height: 0.8;
	cursor:pointer;
	background:#ccc9d2;
	display:inline-block;
	/* border-radius:0.5em; */
}
.sec .slide li .tbtn a:hover{
	background:#ffe34f;
}
.sec .slide li .tbtn a img{
	width:auto;
	height: 0.7em;
	vertical-align: top;
	line-height: 0.8em;
}


.sec .slide .normal_box_wrap{
	border-color: #cdc9d2;
}
.sec .slide .normal_box:after{
	background-color: #cec9d2;
}
.sec .slide .swiper-slide-active .normal_box_wrap{
	border-color: #ffe34f;
}
.sec .slide .swiper-slide-active .normal_box:after{
	background-color: #ffe34f;
	transition:0.5s 0.5s;
}

.sec .slide .normal_box.active .normal_box_wrap:before{
	left: -100%;
	transition:0s 0s;
}
.sec .slide .swiper-slide-active .normal_box.active .normal_box_wrap:before{
	left: 0%;
	transition:1s 0.5s;
}




.sec .left_prev,
.sec .left_next{
	position:absolute;
	top:42%;
	z-index: 20;
	width: auto;
	height: auto;
	cursor:pointer;
}
.sec .left_prev{
	left: -1.9em;
}
.sec .left_next{
	left:auto;
	right:-1.9em;
}
.sec .left_prev img,
.sec .left_next img{
	height:2em;
	width:auto;
	margin: -1em auto;
}

.left_page{
	text-align:left;
	margin-top: 1.2em;
}

.sec .swiper-pagination-bullet {
	text-align:center;
    width: 3em;
    height: 3em;
    display: inline-block;
    background: #cdc9d2;
    margin: 1em 0.5em;
    opacity:1;
}
.sec .swiper-pagination-bullet-active{
    width: 3em;
    height: 3em;
    display: inline-block;
    background: #ffe34f;
}
.sec .swiper-pagination-bullet:before {
	color:#FFF;
	line-height:2.58em;
	font-size:120%;
	font-family: "Work Sans","work-sans", sans-serif;
}
.sec .swiper-pagination-bullet:nth-child(1):before {
    content:"01";
}
.sec .swiper-pagination-bullet:nth-child(2):before {
    content:"02";
}
.sec .swiper-pagination-bullet:nth-child(3):before {
    content:"03";
}
.sec .swiper-pagination-bullet:nth-child(4):before {
    content:"04";
}
.sec .swiper-pagination-bullet:nth-child(5):before {
    content:"05";
}
.sec .swiper-pagination-bullet:nth-child(6):before {
    content:"06";
}
.sec .swiper-pagination-bullet {
	transition:0.2s ease-out;
	transform:scale(0.93) !important;
}
.sec .swiper-pagination-bullet:hover {
	transform:scale(1.0) !important;
}








/* history
---------------------------------------------------- */
.sec.history{
	margin-bottom:-120px
}
.sec.history .sub_wrap {
	max-width:1600px;
	margin:auto;
}
.history_ul{
	overflow:hidden;
}
.history_head{
	position:relative;
	text-align:center;
}
.history_head:after{
	content:'';
	width:6%;
	height:100px;
	display:block;
	margin:-5px auto 0;
	background-image:url(../images/history_center_icon.png);
	background-position:center;
	background-repeat:repeat;
	background-position:center;
	background-size:100% auto;
}
.history_head img{
	width:100%;
	max-width: 15%;
}
.li_box{
	overflow:hidden;
}
.history_li{
	position:relative;
}
.history_li .li1{
	float:left;
	width:47%;
	text-align:right;
}
.history_li .li2{
	float:left;
	width:6%;
	max-height: 1000px;
}
.history_li .li3{
	float:left;
	width:47%;
}
.history_li .li4{
	clear:both;
}
.history_li .li1 .year{
	font-family: "Work Sans","work-sans", fot-udkakugo-large-pr6n, sans-serif;
	font-size: 300%;
	font-weight: 700;
	padding: 0;
	margin-bottom: 0.8em;
	line-height: 0.8;
}
.history_li .li1 .name{
	clear:both;
}
.history_li .li1 .name a{
	color:#061f39;
	transition: color 0.4s;
	position:relative;
	transition:0.2s ease;
	font-size: 110%;
	/* margin: 0 0 0.5em; */
}
.history_li .li1 .name a:hover{
	opacity:0.5;
}
.history_li .li1 .name a:before{
	content:'';
	display: inline-block;
	position:absolute;
	top:0;
	left:-1em;
	width:0.6em;
	height:0.6em;
	background-image:url(../images/history_linkicon_t1.png);
	background-size:0.6em auto;
	background-repeat:no-repeat;
	transition:0.3s;
}
.history_li .li1 .product br{
}
.history_li .li1 .product dd{
	width: 3.5em;
	display:inline-block;
	margin: 0.15em -0.10em 0;
}
.history_li .li1 .product dd + dt{
	padding-top: 1.5em;
}
.history_li .li1 .product dt + dd{
	padding-top: 0.3em;
}
.history_li .li1 .product dt + dt{
	padding-top: 0.6em;
}
.history_li .li1 .product dd a:hover{
	opacity:0.8;
}
.history_li .li2:before{
	content:'';
	width:100%;
	height: 0%;
	padding: 1.0em 0;
	display:block;
	background-image:url(../images/history_right_icon.png);
	background-position:center;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% auto;
}
.history_li .li2:after{
	content:'';
	width:100%;
	height: 2000px;
	display:block;
	background-image:url(../images/history_center_icon.png);
	background-position:center;
	background-repeat:repeat;
	background-position:center;
	background-size:100% auto;
}
.history_li .li3_wrap{
	position:absolute;
	width:48%;
	top:0;
	left:auto;
	right:2%;
	text-align:right;
	pointer-events: none;
}
.history_li .li3 .year{
	position:absolute;
	top:0;
	right:0;
	line-height:2;
	width:3em;
	text-align:center;
}
.history_li .li3 .add_text{
	margin: 2% 1.9%;
	display:inline-block;
	line-height:1;
	background:#061f39;
	color: #061f39;
	padding:0.6em 0.3em;
	writing-mode: vertical-rl;
	text-orientation: upright;
}

.history_li .li3 .add_text span div,
.history_li .li3 .add_text span{
	display:inline-block;
	-webkit-background-clip: text; 
	background-clip: text;
	-webkit-text-fill-color: transparent; 
	color: transparent;
	background-image: url(../images/bg_main.jpg); 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
}


.history_li .li3_wrap:before{
	content:"";
	margin: 1em 10% 1em 10%;
	width:80%;
	height:1px;
	display: block;
	background-color:#061f39;
	line-height:1;
}
.history_li .li3 dl{
	position:relative;
	z-index:10;
	padding: 0 0.5em 3em;
	margin-bottom:0;
	overflow:hidden;
}
.history_li .li3 dd{
	width:41%;
	margin-left: 0%;
	margin-right: 2%;
	float:left;
}
.history_li .li3 a{
	display:block;
}
.history_li .li3 dd a:after{
	content:'';
	width:100%;
	height:2.2em;
	background-image:url(../images/btn_his.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
	display:block;
	position:relative;
	margin-bottom:1em;
	transition:0.3s ease;
}
.history_li .li3 dd a:hover:after{
	opacity:0.5;
}
.history_li .li3 dd a img{
	transition:0.3s ease;
}
.history_li .li3 dd a:hover img{
	transform:scale(0.99);
}

.history_li .li3 .large_link{
	width:84%;
	float:left;
}
.history_li .his_addbox{
	position:absolute;
	left:2.5%;
	top:0%;
	text-align:left;
	writing-mode: vertical-rl;
}
.history_li .top_addbox{
	top: 0%;
	left: 8.8%;
	padding-bottom: 2em;
	margin-top: -9em;
}
.history_li .addbox_ttl{
	font-size:133%;
	font-weight:bold;
	margin:0% 0%;
	display:inline-block;
	line-height:1;
	text-orientation: upright;
}
.history_li .addbox_key{
	font-size:50%;
	margin:0% 2%;
	display:inline-block;
	line-height:2em;
	border:solid 1px;
	padding:1.8em 0.0em;
	border-radius:50px;
}
.history_li .addbox_text{
	font-size:65%;
	margin:0% 0%;
	display:block;
	line-height:1.8;
	text-orientation: upright;
}
/*right*/
.history_li.right  .li1{
	float:right;
	text-align:left;
}
.history_li.right  .li2{
	float:right;
}
.history_li.right  .li3{
	float:right;
}
.history_li.right  .li1 .name a{
}
.history_li.right  .li1 .name a:before{
	top:0;
	left:auto;
	right:-1em;
	background-image:url(../images/history_linkicon_t2.png);
}
.history_li.right .li1 .product dd{
}	
.history_li.right .li2:before{
	background-image:url(../images/history_left_icon.png);
}
.history_li.right .li3_wrap{
	left:2%;
	right:auto;
	text-align:left;
}
.history_li.right .li3 .year{
	position:absolute;
	top:0;
	left:0;
	right:auto;
	line-height:2;
	width:3em;
	text-align:center;
}
.history_li.right .li3_wrap:before{
	content:"";
}
.history_li.right .li3 dl{
}
.history_li.right .li3 dd{
	float:right;
	margin: 0% 0% 3% 2%;
}
.history_li.right .his_addbox{
	left: auto;
	right: 2.5%;
}

.history_footer{
	margin: -2em auto 0;
	padding-bottom:5em;
	position:relative;
	z-index:11;
}
.history_footer img{
	max-width:70%;	
}

.cboxPhoto {
    margin: 1em auto 3em !important;
}
.rote90{
	display:inline-block;
	transform:rotate(90deg);
}


/* footer
---------------------------------------------------- */

footer{
	color:#222;
	font-size: 16.5px;
	font-weight:500;
	line-height:1;
	text-align:center;
	padding: 33px;
	margin: 120px 0 0;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	position: relative;
	z-index: 10;
}






/* another
---------------------------------------------------- */









/* file
---------------------------------------------------- */
.file_select {
	font-size: 100%;
	width: 100%;
	height: 3.5em;
	float: left;
	background-color: #FFFFFF;
	border: none;
	box-sizing: border-box;
	background-color: #f4f7fa;
}

.file_select .filebtn {
	color: #FFFFFF;
	background-color: #061f39;
	border:none;
	height: 100%;
	width: 30%;
	text-align: center;
	line-height: 3.5em;
	display: inline-block;
	overflow: hidden;
	position: relative;
	float: left;
	font-size: 100%;
}
.file_select .filebtn:hover {
	background-color: #8b8a8a;
}
.file_select .filebtn input[type="file"] {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	font-size: 100%;
	cursor: pointer;
}
.file_select p {
	line-height: 3.5em;
	float: left;
	margin-left: 0;
	padding-left:1em;
	
	/* 追加 */
	overflow:hidden;
	text-overflow: ellipsis;
	width: 70%;
	height: 3.5em;
	font-size: 100%;
	border: solid 1px #061f39;
	box-sizing: border-box;
}
.file a.delate {
	float: left;
	font-size: 30px;
	line-height: 30px;
	margin-left: 10px;
	color: #c7c7c7;
}
.file a.delate:hover {
	color: #1d97e0;
}
.file table {
	border: 1px solid #d8d8d8;
	width: 700px;
	margin-top: 30px;
}
.file table th {
	width: 156px;
	text-align: center;
}

.file table th .filebtn {
	color: #FFFFFF;
	background-color: #616161;
	height: 100%;
	width: 130px;
	text-align: center;
	line-height: 28px;
	display: inline-block;
	overflow: hidden;
	position: relative;
	font-weight: normal;
}
.file table th .filebtn:hover {
	background-color: #8b8a8a;
}
.file table th .filebtn input[type="file"] {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	font-size: 100px;
	cursor: pointer;
}
.file .sample {
	margin-left: -18px;
}
.file .sample li {
	float: left;
	width: 126px;
	margin: 10px 0 10px 18px;
	text-align: center;
}
.file .sample li p {
	margin: 5px 0;
}
.file .sample li a {
	font-size: 12px;
	display: block;
	color: #333333;
    border: 1px solid #d8d8d8;
    border-bottom: 3px solid #d8d8d8;
    padding: 5px 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.file .sample li .filebtn {
	font-size: 12px;
	display: block;
	color: #333333;
    border: 1px solid #d8d8d8;
    border-bottom: 3px solid #d8d8d8;
    padding: 5px 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	overflow: hidden;
	position: relative;
}
.file .sample li .filebtn:hover {
	background-color: #1d97e0;
	color: #FFFFFF;
	border: 1px solid #1d97e0;
	border-bottom: 3px solid #1d97e0;
}
.file .sample li .filebtn input[type="file"] {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	font-size: 100%;
	cursor: pointer;
}
.file_box {
	background-color: #f5fcff;
    padding: 0px;
    width: 100%;
}
.file table th a:hover {
	background-color: #8b8a8a;
}
.file table td {
	padding: 0;
}
.file_upload {
	float: left;
	width: 100%;
	margin-top: 0.3em;
}
.file_upload .filename {
	background-image: url(/img/admin/index/file_upload_name.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 1px 0 1px 25px;
	/* word-break:break-all; */
    word-break: keep-all;
    word-wrap: break-word;
    display:inline-block;
}
.file_upload_box {
	height: 3.5em;
	box-sizing: border-box;
	padding: 0;
	margin-top: 0.3vw;
	width:100%;
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	border-radius: 5em;
}
.file_upload_box .gauge50 {
	background-color: #6db11c;
	text-align: center;
	font-size: 100%;
	margin-top: 0;
	color: #FFFFFF;
	border-radius: 5em;
	height: 3.5em;
	line-height: 3.5em;
}
.file_upload_box .gauge100 {
	background-color: #2d99cb;
	text-align: center;
	font-size: 100%;
	color: #FFFFFF;
	width: 100%;
	margin-top:-6px;
	border-radius: 5em;
}

.checkboxarea  .contactcheck  {
    display: block;
    margin-right: 0;
    padding-left: 1.8em;
    position: relative;
    font-size: 100%;
    line-height: 1.8;
}
.checkboxarea  .contactcheck  label{
	cursor:pointer;
}
.checkboxarea  .contactcheck label:after  {
    top: 0%;
    left: 0px;
    position: absolute;
    display: block;
    margin-top: 0.25em;
    width: 1.1em;
    height: 1.1em;
    border: 0.15em solid #061f39;
    border-radius: 50%;
    content: '';
	box-sizing:border-box;
}
.checkboxarea  .contactcheck label:before  {
    position: absolute;
    top: 50%;
    left: 0.25em;
    display: block;
    margin-top: -0.4em;
    width:  0.6em;
    height: 0.6em;
    border-radius: 50%;
    background-color: #061f39;
    content: '';
    opacity: 0;
}
.checkboxarea  .contactcheck input[type=checkbox]:checked + .checkbox:before ,
.checkboxarea  .contactcheck input[type=radio]:checked + .checkbox:before  {
   opacity: 1;
}
.checkboxarea  .contactcheck input[type=checkbox]:checked + .checkbox:after ,
.checkboxarea  .contactcheck input[type=radio]:checked + .checkbox:after  {border-color: #1c0058;}
.checkboxarea input[type="checkbox"],
.checkboxarea input[type="radio"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	display:none;
}




/* cbox
---------------------------------------------------- */
#cboxLoadedContent{
	max-width:100%;
	padding: 0 !important;
	border-radius:0 !important;
	background:transparent !important;
}
#cboxLoadedContent article{
	font-size:22px;
}
#cboxLoadedContent .ttl{
	font-family: "Work Sans","work-sans", sans-serif;
	position:relative;
	display:block;
	width: 100%;
	line-height:1;
	text-align:left;
	font-size: 200%;
	font-weight: 700;
	margin-top:-1em;
	margin-bottom:15px;
}
#cboxLoadedContent .ttl span{
	display: inline-block;
	line-height:1;
	text-align:left;
	font-size: 25%;
	font-weight: 600;
	vertical-align:middle;
	margin-left:-0.3em;
}
#cboxLoadedContent .ttl span:before{
	content:'';
	display:inline-block;
	padding-right:5px;
	position:relative;
	bottom:0px;
}
#cboxLoadedContent .pupup_box{
	max-width: 1200px;
	width:1200px;
	font-size:100%;
	background:#FFF;
	padding: 2.5em 3em 2.5em;
	overflow:hidden;
	box-sizing:border-box;
	box-shadow: 0px 0px 3px #4f520c0f;
}
#cboxLoadedContent .his .pupup_box{
	padding: 0;
}
#cboxLoadedContent .pupup_box_center{
	width:calc(100%);
	float:none;
	padding:0
	box-sizing:border-box;
}
#cboxLoadedContent .pupup_box_right{
	width:calc(100% / 10 * 5.6);
	float:left;
	padding: 0 1em 0 0;
	box-sizing:border-box;
}
#cboxLoadedContent .pupup_box_right img{
	width:100%;
}
#cboxLoadedContent .pupup_box_left{
	width: calc(100% / 10 * 4.4);
	float:right;
	padding: 0 0 0 1em;
	box-sizing:border-box;
}

#cboxLoadedContent .cre_ppp .pupup_box_right{
	width:calc(100%);
	float:none;
	padding: 0 0 0 0;
	margin:auto;
}
#cboxLoadedContent .cre_ppp .pupup_box_left{
	width:calc(100%);
	float:none;
	padding: 1.5em 0 0 0;
	margin:auto;
}
#cboxLoadedContent .cre_ppp .pupup_box{
	max-width: 700px;
	width:700px;
	font-size:120%;
	background:#FFF;
	padding: 0;
	overflow:hidden;
	box-sizing:border-box;
	box-shadow: 0px 0px 3px #4f520c0f;
}

.pupup_cre_img{
	position:relative;	
	text-align:center;
	overflow:hidden
}
.pupup_cre_img img.hover{
	position:absolute;
	top:0%;
	left:0;
	z-index:5;
	opacity:0;
	transition:0.3s;
}
.pupup_cre_img img.hover.active{
	opacity:1;
}

.pupup_cre_img .add_active_btn,
.pupup_cre_img .remove_active_btn{
	font-size:90%;
	display:block;
	width:20em;
	line-height:2.5em;
	color:#FFF;
	background-color:#061f39;
	text-align:center;
	margin:1em auto 0em;
	border-radius:100px;
	cursor:pointer;
}

.pupup_cre_img .add_active_btn:before,
.pupup_cre_img .remove_active_btn:before{
	content:'';
	width:1.3em;
	height:2.5em;
	line-height:2.5em;
	margin-right:0.3em;
	background:transparent;
	display:inline-block;
	vertical-align:top;
	background-image:url(../images/cre_img_change_btn.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}



.pupup_cre_img .add_active_btn:hover,
.pupup_cre_img .remove_active_btn:hover{
	transform:scale(1.01);
}

.pupup_cre_img img.hover.active + .add_active_btn{
	display:none;
}
.pupup_cre_img img.hover.active + .add_active_btn + .remove_active_btn{
	display:block;
}

.pupup_cre_img img.hover + .add_active_btn{
	display:block;
}
.pupup_cre_img img.hover + .add_active_btn + .remove_active_btn{
	display:none;
}






/* .his.social*/
#cboxLoadedContent .his.social .pupup_box{
	max-width: 900px;
	width:900px;
}
#cboxLoadedContent .his.social .pupup_box_right{
	width:100% ;
	float:left;
	padding: 0 0 0.8em;
	box-sizing:border-box;
}
#cboxLoadedContent .his.social .pupup_box_left{
	width:100% ;
	float:right;
	padding: 0 0 0 0;
	box-sizing:border-box;
}
#cboxLoadedContent .cre_ppp .pupup_box_left,
#cboxLoadedContent .cre_ppp .pupup_box_center{
	padding:2.5em 3em 2.5em;
	box-sizing:border-box;
}
#cboxLoadedContent .pupup_cre_text{
	font-size:80%;
	font-weight:500;
	background-image: linear-gradient(180deg, #061f39 0.5px, transparent 1px);
    background-size: 100% 2.6em;
    line-height: 2.6em;
	padding-top:2px;
    padding-bottom: 1px;
	box-sizing:border-box;
	margin-bottom:1em;
}
#cboxLoadedContent .pupup_cre_text.type2{
	font-size:80%;
	font-weight:500;
	background-image: linear-gradient(180deg, #061f39 1px, transparent 1px);
	background-size: 100% 2.5em;
	line-height: 2.5em;
	padding-top:2.5px;
	padding-bottom: 1px;
	box-sizing:border-box;
	margin-bottom: 2em;
}
#cboxLoadedContent .pupup_cre_name{
	font-size: 100%;
	font-weight:500;
	line-height: 1.6;
	text-align:right;
}


#cboxLoadedContent .his .pupup_box_right{
	width:36%;
	padding: 0 1em 0 0;
}
#cboxLoadedContent .his .pupup_box_left{
	width: 62%;
	padding: 0 0 0 0;
}


#cboxLoadedContent .pupup_ttl{
	font-size:120%;
	font-weight:600;
	margin-bottom: 0.4em;
	line-height:1.5;
}
#cboxLoadedContent .pupup_text1{
	font-size:75%;
	/* font-weight:600; */
	margin-bottom:0em;
	line-height:1.3;
	border-left: 7px solid #dde2eb;
	padding-left:1em;
	padding-top:0.3em;
}
#cboxLoadedContent .pupup_text2{
	font-size:75%;
	/* font-weight:600; */
	margin-top: 1.2em;
	margin-bottom:0.5em;
	line-height:1.6;
}
#cboxLoadedContent .pupup_text2 span{
	display:block;
	margin-bottom: 0.3em;
	font-size:100%;
}
#cboxLoadedContent .pupup_text2 span:before{
	content:'●';
	display:inline-block;
	padding-right:0.3em;
}
#cboxLoadedContent .his .pupup_box_left_btn{
	float:right;
	width: 62%;
	display:block;
	overflow:hidden;
}
#cboxLoadedContent .his.social .pupup_box_left_btn{
	float:left;
	width:100%;
	display:block;
}

#cboxLoadedContent .pupup_box_left_btn a{
	font-family: "Work Sans","work-sans", sans-serif;
	font-weight: 500;
	line-height:3em;
	font-size:80%;
	float:left;
	width:49%;
	color:#75399a;
	background:#75399a00;
	border:solid 1px #75399a;
	text-align:center;
	margin:1.5em 1% 0 0;
}
#cboxLoadedContent .his.social .pupup_box_left_btn a{
	width:100%;
	display:block;
	box-sizing:border-box;
	line-height:3.5em;
	font-size:100%;
	margin: 0.8em 0 0;
}

#cboxLoadedContent .pupup_box_left_btn a + a{
	margin-right:0;
}
#cboxLoadedContent .pupup_box_left_btn a.lock{
	color:#fff;
	background:#e8e8e8;
	border:solid 1px #ffffff00;
	pointer-events:none;
}
#cboxLoadedContent .pupup_box_left_btn a:hover{
	color:#fff;
	background:#75399a;
	border:solid 1px #75399a00;
	text-align:center;
}
#cboxLoadedContent .pupup_box_left_btn a.official_link:before{
	content:'Official Site';
}
#cboxLoadedContent .pupup_box_left_btn a.download_link:before{
	content:'Download';
}



#cboxLoadedContent .pupup_text4{
	font-size:100%;
	font-weight:600;
	margin-bottom:0.5em;
	line-height:1.5;
}
#cboxLoadedContent .pupup_ttl4{
	font-size:100%;
	font-weight:600;
	margin-bottom:0.5em;
	line-height:1.5;
}
#cboxOverlay{
	background-image: url(../images/bg_main.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top center !important;
    background-attachment: fixed !important;
	opacity:1 !important;
}
#cboxLoadedContent,
#colorbox, 
#cboxOverlay, 
#cboxWrapper{
	overflow:visible !important;
}
#cboxClose:before {
    content:'×';
    font-size: 60px;
    display: block;
    line-height:35px;
    margin-bottom: 0px;
    margin-top: 10px;
}
#cboxClose {
	color: #072039 !important;
	width:35px !important;
	height:35px !important;
	position:absolute;
	text-indent: 0px !important;
	top: -55px !important;
	background:unset !important;
	background-size:100% !important;
	font-size: 90%;
	line-height: 1;
}
#cboxCurrent{
	display:none !important;
}



#cboxPrevious:hover{
	background-position:bottom left; 
	background:url(images/prev.png) no-repeat center left;
}
#cboxNext{
	position:absolute;
	top:55px !important;
	right:-80px !important;
	margin-top:-45px !important;
	width: 100px !important;
	background:url(../images/arrow_right.png) no-repeat center right !important;
	background-position:center right 20px !important;
	background-size:50px auto !important;
	transition:0.3s;
	z-index:10;
}
#cboxNext:hover{
}
#cboxPrevious{
	position:absolute; 
	top:55px !important;
	left:-80px !important;
	width: 100px !important;
	margin-top:-45px !important;
	text-indent:-9999px;
	background:url(../images/arrow_left.png) no-repeat !important; 
	background-position:center left 20px !important;
	background-size:50px auto !important;
	transition:0.3s;
	z-index:10;
}
#cboxPrevious:hover{
}
#cboxTitle{
    font-size:125%;
	 color:#061f39 !important;
	padding-bottom:1em !important;
}


/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1700px) {
	/* common
	---------------------------------------------------- */
	body {
	}
	button{
	}
	.anc {
	}
	header {
	}
	.header {
	}
	.hamburger {
	transform: scale(0.8);
	}
	.hamburger.active {
	}
	.hamburger__line {
	}
	.hamburger__text {
	}
	.hamburger__line:nth-of-type(1) {
	}
	.hamburger__line:nth-of-type(2) {
	}
	.hamburger__line:nth-of-type(3) {
	}
	
	/* メニューオープン時 */
	.hamburger.active .hamburger__line:nth-of-type(1) {
	}
	.hamburger.active .hamburger__line:nth-of-type(2) {
	}
	.hamburger.active .hamburger__line:nth-of-type(3) {
	}
	.hamburger.active .hamburger__text{
	}
	.hamburger.active .hamburger__text:after{
	}
	
	.nav {
	}
	.nav.active {
	  transform: translateX(0);
	}
	.nav_wrap{
	}
	.nav_box{
		max-width:90vw;
		width:600px;
		margin:auto;
	}
	.nav__ttl{
	}
	.nav__ttl span{
	}
	.nav__list {
	}
	a.nav__link {
	}
	.nav__link:before {
	}
	li:hover .nav__link {
	}
	li:hover .nav__link:before {
	}
	/*
	li:nth-child(1):hover .nav__link:before {
		background-color:#ffe355;
	}
	li:nth-child(2):hover .nav__link:before {
		background-color:#f6963b;
	}
	li:nth-child(3):hover .nav__link:before {
		background-color:#ff6060;
	}
	li:nth-child(4):hover .nav__link:before {
		background-color:#2ba8a0;
	}
	li:nth-child(5):hover .nav__link:before {
		background-color:#73399a;
	}
	li:nth-child(6):hover .nav__link:before {
		background-color:#ffe355;
	}
	*/
	
	.nav__item {
	}
	
	
	/* sec
	---------------------------------------------------- */
	.sec{
		font-size: 1.30vw;
		width: 100%;
	}
	.sec + .sec{
	}
	.sec + .sec.policy{
	}
	.sec + .sec.sns{
	}
	.sec img{
	}
	.sec .ttl{
	}
	
	.sec .ttl span.small{
	}
	.sec .ttl span.small:before{
	}

	
	.sec.top_messege .ttl{
	}
	.sec.top_messege .ttl span{
		margin: 0.25em 0 2.5em;
	}
	
	
	
	
	/* normal_top
	---------------------------------------------------- */
	.normal_top{
	}
	.normal_top_wrap{
		max-width:100%;
		margin:0; 
	}
	#top + .normal_top{
		/* padding-top:2em; */
	}
	.main_img{
	}
	.main_img2{
	}
	.main_img img{
		margin: 1em auto 0;
		width:100%;
	}
	.sec.normal_top_after{
	}
	.breadcrum{
		width:100%;
		max-width:100%;
		position:absolute;
		left: 12%;
		margin-left:0;
		font-size:12px;
	}
	.breadcrum li{
		display:inline-block;
	}
	.breadcrum li + li:before{
	}
	.breadcrum li a{
	}
	.breadcrum li a:hover{
	}
	.breadcrum li:last-child a{
	}
	
	
	/* .main_wrap
	---------------------------------------------------- */
	.main_wrap{
		width:auto;
		max-width: 100%;
		margin: 0 8%;
		padding: 0;
	}
	.topics .main_wrap{
	}
	.topics{
	}
	
	/* .sec.banner
	---------------------------------------------------- */
	
	.sec.banner{
	}
	.sec.banner ul{
	}
	.sec.banner li{
	}
	.sec.banner li:nth-child(3n){
		margin-right:0;
	}
	
	/* .top_messege
	---------------------------------------------------- */
	
	.top_messege{
	}
	.top_messege .box img{
		max-width: 700px;
	}
	
	
	
	
	/* .movie
	---------------------------------------------------- */
	.movie{
	}
	.movie .youtube_box{
	}
	.movie .youtube_box_wrap{
	}
	.movie .youtube_box_wrap .btn_img img{
	}
	.movie .youtube_box_wrap .btn_img img:hover{
	}
	.pv_front{
	}
	.pv_front.pc{
		display:none;
	}
	.pv_front.sp{
		display:block;
	}
	.pv_front:hover{
	}
	
	.pv_bottom{
	}
	
	.pv_back{
	}
	.pv_back video{
	}
	.modal_inner_video{
		width:800px;
	}
	
	
	
	/* sns
	---------------------------------------------------- */
	.sns{}
	
	.mini_ttl{
	}
	.mini_ttl img{
	}
	.sns ul{
	}
	.sns li{
	}
	.link ul{
	}
	.link li{
	}
	.link li img{
	}
	
	
	
	
	
	/* new_icon
	---------------------------------------------------- */
	.new_red,
	.new_green,
	.new_orange{
		position:relative;
	}
	.new_red:after,
	.new_green:after,
	.new_orange:after{
	}
	.new_red:after{
	}
	.new_green:after{
	}
	.new_orange:after{
	}
	.new_orange .cre_update,
	.new_green .cre_update,
	.new_red .cre_update{
	}
	
	/* normal_box
	---------------------------------------------------- */
	.normal_box{
	}
	.normal_box_wrap{
	}
	.his .normal_box_wrap{
	}
	.color_transparent .normal_box_wrap{
	}
	.normal_box:after{
	}
	.normal_box_wrap:before{
	}
	.normal_box_wrap:after{
	}
	
	ul.col2{
	}
	ul.col2 li{
		width:calc(100% / 2 -  2% );
		margin-right:calc( 2% );
		float:left;
		text-align:center; 
	}
	ul.col2 li:nth-child(2n){
	}
	ul.col2 li:nth-child(n+3){
	}
	ul.col2 .normal_box{
		text-align:center; 
	}
	
	ul.col3{
	}
	ul.col3 li{
	}
	ul.col3 li:nth-child(3n){
	}
	ul.col3 li:nth-child(n+4){
	}
	ul.col2 .normal_box:after,
	ul.col3 .normal_box:after{
		display:block;
	}
	
	.cre_update{
		font-size: 50%;
		/*
		position:absolute;
		top: 22px;
		right: 22px;
		*/
	}
	.cre_update:before{
	}
	.cre_job{
	}
	.cre_name{
	}
	.cre_pupbtn{
	}
	.color_orange a .cre_pupbtn{
	}
	.color_green a .cre_pupbtn{
	}
	.color_red a .cre_pupbtn{
	}
	a:hover .cre_pupbtn{
	}
	.cre_box a:hover{
	}


	
	
	.text30{
		font-size: 133%;
	}
	.text30 span{
		font-size: 50%;
	}
	.text30 span:after{
		content:'▼';
		transform: scale(1.5,1);
		position:absolute;
		bottom: -1.9em;
		left:50%;
		margin-left:-0.5em;
		color:#ff6060;
	}
	.color_yellow .text30 span:after{
		color:#ffe355;
	}
	
	.text31{
	}
	.text31 span{
		font-size: 100%;
		font-weight:500;
		line-height: 1.4;
		display:inline-block;
	}
	.text31 span.c_red{
		font-size: 115%;
		margin-bottom:0.3em;
	}
	.text31 span.c_orange{
		font-size: 130%;
		margin-bottom:0.3em;
	}
	.text31 span + span{
		margin-top: 0.3em;
	}
	.text32 {
		font-size: 85%;
		font-weight:500;
		line-height: 1;
		padding: 0 0 0.5em 0;
	}
	
	.text31 + picture img{
		margin-bottom: -1em;
	}
	
	
	
	
	.text1{
		font-size: 100%;
		line-height: 1.6;
	}
	.text2{
		font-size: 100%;
		line-height:1.8;
		/* color:#ca821a; */
	}
	.text1.mt,
	.text2.mt{
	}
	.text5{
		font-size: 115%;
		font-weight:700;
		line-height: 1.5;
	}
	
	.text1 + .text8{
		margin-top:5px;
	}
	
	.text8{
		font-size: 88%;
		line-height: 1.7;
	}
	.text8 ul{
		font-size: 0%;
		line-height: 1;
		/* margin:1%  0 1%; */
	}
	.text8 ul li{
		width:calc(100%/7);
		display:inline-block;
		line-height: 1;
	}
	.text_red{
	}

	.text_author1{
		font-size: 120%;
		font-weight:500;
		line-height:1;
		margin-bottom:1em
	}
	.text_author2{
		font-size:100%;
		font-weight:500;
		background-image: linear-gradient(180deg, #061f39 1px, transparent 1px);
		background-size: 100% 3em;
		line-height: 3em;
		padding-bottom: 1px;
	}
	
	.text6{

	}
	.box .text6:last-child{
		border-bottom:none ;
		padding-bottom:0;
	}
	
	.text6 + .text6{
	}
	.text6 dt{
		float:left;
		width: 22%;
		font-size: 133%;
		font-weight:600;
		line-height: 1;
		padding-top:13px;
	}
	.text6 dt span{
		font-size: 50%;
		line-height: 1;
	}
	.text6 dd{
		float:left;
		width:65%;
		font-size: 100%;
		line-height: 1.5;
	}
	.text6 dd span{
		font-size: 66%;
		line-height: 1;
	}
	.text6 dd span.large{
		display:block;
		padding: 0.3em;
		font-size: 133%;
		line-height: 1;
		font-weight: 600;
		display:inline-block;
	}
	.text6 dd span.large.mb{
	}
	
	.text7{
		overflow:hidden;
		border-bottom:dotted 1px ;
	}
	script + .text7,
	.text7 + .text7{
	}
	.box .text7:last-child{
		border-bottom:none ;
		padding-bottom:0;
	}
	.text7 dt{
		float:left;
		width:25%;
		font-size: 100%;
		font-weight:600;
		line-height: 1;
		padding-top:0.3em;
	}
	.text7 dt span{
		color: #ca821a;
		font-size: 60%;
		line-height: 1.8;
		display: block;
	}
	.text7 dd{
		float:left;
		width:65%;
		font-size: 100%;
		line-height: 1.5;
	}
	.text7 dd span{
		font-size: 66%;
		line-height: 1;
	}
	.text7 input{
		font-size: 100%;
		font-weight:500;
		line-height: 1;
		padding: 0.5em 1.5em;
		width: 100%;
		border: none;
		background-color:#f4f7fa;
		border-left:solid 8px #b6c2cf;
	}
	.text7 input:placeholder-shown{
	}
	.text7 .input_num2  input{
		width:calc( 40% - 50px ) !important;
	}
	.text7 .input_num3  input{
		width:calc( 26% - 50px ) !important;
	}
	.text7 input::placeholder{
		color: #d4dbe7;
	}
	.text7 select{
		font-size: 100%;
		line-height: 1;
		padding: 0.5em 1.5em;
		width: 40%;
		border: none;
		background-color:#f4f7fa;
		border-left:solid 8px #b6c2cf;
		font-family: "Work Sans","work-sans", fot-udkakugo-large-pr6n, sans-serif;
	}
	
	.text100{
		border-left:7px solid #9ea8b8;
		line-height:1;
		padding-left:15px;
		font-size: 133%;
		font-weight:600;
	}
	.text100 + .stext1{
	    margin-top: 25px;
	}
	
	.stext1{
		font-size: 90%;
		/* font-weight:600; */
		line-height: 1.8;
		margin-bottom: 5px;
	}
	.stext1:before{
		content:'●';
	}
	.stext2{
		line-height: 1.8;
	}
	.stext2 li{
	}
	.stext2 li:before{
		content:'・';
	}
	.stext2 li.notice:before{
		content:'※';
	}
	
	.stext2 li.notice{
		margin-top:5px;
	}
	.stext3 + .stext1,
	.stext2 + .stext1{
		margin-top:20px
	}
	.stext3{
		font-size: 90%;
		line-height: 1.7;
	}
	
	
	/* .deco
	---------------------------------------------------- */
	.deco{
		position:absolute;
		z-index: 20;
		width: 10.4em;
		top: 0px;
		right:14.5%;
		margin-right: 0px;
	}
	.topics_deco{
		position:absolute;
		z-index: 20;
		width: 106%;
		bottom: 0.58em;
		right:0;
		pointer-events: none;
	}
	
	
	
	/* .scroll_box
	---------------------------------------------------- */
	.box.mt{
		margin-top:50px;
	}
	.scroll_box{
	}
	.scroll_box_wrap{
	}
	.scroll_box_arrow{
		position:relative;
	}
	.scroll_box_arrow:before{
		content:'';
		display:block;
		position:absolute;
		top: 2vw;
		right: -3vw;
		width: 2vw;
		height: 7vw;
		background-image:url(../images/scroll_icon.png);
		background-size:auto 100%;
		background-repeat:no-repeat;
	}
	
	
	.policy input[type=checkbox] {
	    display: none;
	}
	.policy .checkbox01 {
	    box-sizing: border-box;
	    cursor: pointer;
	    display: inline-block;
	    padding: 0 1em 0 2em;
	    position: relative;
	    width: auto;
	}
	.checkbox01::before {
	    background: #fff;
	    border: 0.1em solid #061e39;
	    content: '';
	    display: block;
	    width: 1em;
	    height: 1em;
	    position: absolute;
	    top: 50%;
		margin-top:-0.6em;
	    left: 0em;
		border-radius:0.15em;
		box-sizing:border-box;
	}
	.checkbox01::after {
	    border-right: 0.15em solid #ed7a9c;
	    border-bottom: 0.15em solid #ed7a9c;
	    content: '';
	    display: block;
	    width: 0.2em;
	    height: 0.5em;
	    position: absolute;
	    top: 50%;
		margin-top:-0.5em;
	    left: 0.3em;
	    opacity: 0;
	    transform: rotate(45deg);
	}
	input[type=checkbox]:checked + .checkbox01::after {
	    opacity: 1;
	}

	
	
	/*button_box
	---------------------------------------------------- */
	
	.button_box{
		text-align:center;
		overflow:hidden;
	}
	.button_box .col2_btn li{
		width:49%;
		float:left;
		margin-right:2%;
	}
	.button_box .col2_btn button{
		padding: 2vw 0;
		line-height:2.4vw;
		color:#FFF;
		/* border-radius:200px; */
		*/
	}
	.button_box .col2_btn .type1 button{
		background:#061f39;
	}
	.button_box .col2_btn li:nth-child(2n){
		margin-right:0;
	}
	.button_box .col2_btn li:hover{
		opacity:0.8;
	}
	.sec.button_sec{
		margin-top: 3.5vw;
	}
	
	
	/* enquete
	---------------------------------------------------- */
	.text_period{
	}
	.period_ttl{
		float:left;
		color:#FFF;
		display:inline-block;
		font-size:82%;
		line-height:1;
		padding: 0.4em 3em;
		border-radius: 4em;
		background-color:#2ba8a0;
		margin-right:1.5em;
	}
	.period_large{
		float:left;
		display:inline-block;
		font-size:150%;
		font-weight:600;
		line-height:1;
	}
	.period_small{
		float:left;
		display:inline-block;
		font-size:100%;
		font-weight:600;
		line-height:1;
		margin-top:0.5em;
	}
	
	
	
	/* youtube
	---------------------------------------------------- */
	.youtube_box{
		overflow:hidden;
		box-sizing:border-box;
	}
	.youtube_box img{
		transform:scale(1);
	}
	.youtube_box img{
		transform:scale(1);
	}
	
	
	/* slide
	---------------------------------------------------- */
	.sec .slide{
		position:relative;
	}
	
	.sec .slide .swiper-container{
		overflow:visible;
	}
	
	.sec .slide_naviwrap{
		position:relative;
	}
	.sec .slide *{
		box-sizing:border-box;
	}
	.sec .slide li{
	}
	.sec .slide li dt{
		background: #fff;
		color:#fff;
		color:#061f39;
		margin: 0 0;
		padding: 0;
		box-sizing:border-box;
		font-size:100%;
		font-weight:700;
		line-height:1;
		width:70%
	}
	.sec .slide li dd .tinfo{
		margin-top: 0.4em;
		padding: 0;
		box-sizing:border-box;
		font-size:100%;
		font-weight:500;
		line-height:1.6;
	}
	.sec .slide li .botton_area{
		margin-top:1.55vw;
		background:#1d0058;
		padding:1.55vw;
		border-radius:50px;
		width: 60%;
		margin: 1.55vw auto 0;
	}
	.sec .slide li .tbtn{
		font-weight: 700;
	}
	.sec .slide li .tbtn a{
		color:#FFF;
		font-size:100%;
		margin-top:1.5em;
		padding:1em 5em;
		font-weight: 700;
		line-height:1;
		cursor:pointer;
		background:#ccc9d2;
		display:inline-block;
		border-radius:0.5em;
	}
	.sec .slide li .tbtn a:hover{
		background:#ffe34f;
	}
	.sec .slide li .tbtn a img{
		width:auto;
		height:0.8em
	}
	
	
	
	.sec .left_prev,
	.sec .left_next{
		position:absolute;
		top:42%;
		z-index: 20;
		width: auto;
		height: auto;
		cursor:pointer;
	}
	.sec .left_prev{
		left: -1.9em;
	}
	.sec .left_next{
		left:auto;
		right:-1.9em;
	}
	.sec .left_prev img,
	.sec .left_next img{
		height:2em;
		margin: -1em auto;
	}
	
	.left_page{
		text-align:left;
		margin-top: 1.5em;
	}
	
	.sec .swiper-pagination-bullet {
		text-align:center;
	    width: 3em;
	    height: 3em;
	    display: inline-block;
	    background: #cdc9d2;
	    margin: 1em 0.5em;
	    opacity:1;
	}
	.sec .swiper-pagination-bullet-active{
	    width: 3em;
	    height: 3em;
	    display: inline-block;
	    background: #ffe34f;
	}
	.sec .swiper-pagination-bullet:before {
		color:#FFF;
		line-height:2.58em;
		font-size:120%;
	}
	.sec .swiper-pagination-bullet:nth-child(1):before {
	    content:"01";
	}
	.sec .swiper-pagination-bullet:nth-child(2):before {
	    content:"02";
	}
	.sec .swiper-pagination-bullet:nth-child(3):before {
	    content:"03";
	}
	.sec .swiper-pagination-bullet:nth-child(4):before {
	    content:"04";
	}
	.sec .swiper-pagination-bullet:nth-child(5):before {
	    content:"05";
	}
	.sec .swiper-pagination-bullet:nth-child(6):before {
	    content:"06";
	}
	
	
	/* history
	---------------------------------------------------- */
	
	.history .box{
	}
	.history .normal_box_wrap:after{
		content:'';
		width: 0.8em;
		height:100%;
		top:0em;
		left:50%;
		margin-left: -0.4em;
	}
	
	
	
	
	/* footer
	---------------------------------------------------- */
	footer{
		font-size: 1.25vw;
		padding: 1.5em;
		margin: 5em 0 0;
	}
	
	
	
	
	/* another
	---------------------------------------------------- */
	
	
	
	
	
	
	
	
	
	/* file
	---------------------------------------------------- */
	.file_select {
		font-size: 100%;
		width: 100%;
		height: 3.5em;
		float: left;
		background-color: #FFFFFF;
		border: none;
		box-sizing: border-box;
		background-color: #f4f7fa;
	}
	
	.file_select .filebtn {
		color: #FFFFFF;
		background-color: #061f39;
		border:none;
		height: 100%;
		width: 30%;
		text-align: center;
		line-height: 3.5em;
		display: inline-block;
		overflow: hidden;
		position: relative;
		float: left;
		font-size: 100%;
	}
	.file_select .filebtn:hover {
		background-color: #8b8a8a;
	}
	.file_select .filebtn input[type="file"] {
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
		font-size: 100%;
		cursor: pointer;
	}
	.file_select p {
		line-height: 3.5em;
		float: left;
		margin-left: 0;
		padding-left:1em;
		
		/* 追加 */
		overflow:hidden;
		text-overflow: ellipsis;
		width: 70%;
		height: 3.5em;
		font-size: 100%;
		border: solid 1px #061f39;
		box-sizing: border-box;
	}
	.file a.delate {
		float: left;
		font-size: 30px;
		line-height: 30px;
		margin-left: 10px;
		color: #c7c7c7;
	}
	.file a.delate:hover {
		color: #1d97e0;
	}
	.file table {
		border: 1px solid #d8d8d8;
		width: 700px;
		margin-top: 30px;
	}
	.file table th {
		width: 156px;
		text-align: center;
	}
	
	.file table th .filebtn {
		color: #FFFFFF;
		background-color: #616161;
		height: 100%;
		width: 130px;
		text-align: center;
		line-height: 28px;
		display: inline-block;
		overflow: hidden;
		position: relative;
		font-weight: normal;
	}
	.file table th .filebtn:hover {
		background-color: #8b8a8a;
	}
	.file table th .filebtn input[type="file"] {
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
		font-size: 100px;
		cursor: pointer;
	}
	.file .sample {
		margin-left: -18px;
	}
	.file .sample li {
		float: left;
		width: 126px;
		margin: 10px 0 10px 18px;
		text-align: center;
	}
	.file .sample li p {
		margin: 5px 0;
	}
	.file .sample li a {
		font-size: 12px;
		display: block;
		color: #333333;
	    border: 1px solid #d8d8d8;
	    border-bottom: 3px solid #d8d8d8;
	    padding: 5px 10px;
	    border-radius: 3px;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	}
	.file .sample li .filebtn {
		font-size: 12px;
		display: block;
		color: #333333;
	    border: 1px solid #d8d8d8;
	    border-bottom: 3px solid #d8d8d8;
	    padding: 5px 10px;
	    border-radius: 3px;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
		overflow: hidden;
		position: relative;
	}
	.file .sample li .filebtn:hover {
		background-color: #1d97e0;
		color: #FFFFFF;
		border: 1px solid #1d97e0;
		border-bottom: 3px solid #1d97e0;
	}
	.file .sample li .filebtn input[type="file"] {
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
		font-size: 100%;
		cursor: pointer;
	}
	.file_box {
		background-color: #f5fcff;
	    padding: 0px;
	    width: 100%;
	}
	.file table th a:hover {
		background-color: #8b8a8a;
	}
	.file table td {
		padding: 0;
	}
	.file_upload {
		float: left;
		width: 100%;
		margin-top: 0.3em;
	}
	.file_upload .filename {
		background-image: url(/img/admin/index/file_upload_name.png);
		background-position: left center;
		background-repeat: no-repeat;
		padding: 1px 0 1px 25px;
		/* word-break:break-all; */
	    word-break: keep-all;
	    word-wrap: break-word;
	    display:inline-block;
	}
	.file_upload_box {
		height: 3.5em;
		box-sizing: border-box;
		padding: 0;
		margin-top: 0.3vw;
		width:100%;
		background-color: #FFFFFF;
		border: 1px solid #d8d8d8;
		border-radius: 5em;
	}
	.file_upload_box .gauge50 {
		background-color: #6db11c;
		text-align: center;
		font-size: 100%;
		margin-top: 0;
		color: #FFFFFF;
		border-radius: 5em;
		height: 3.5em;
		line-height: 3.5em;
	}
	.file_upload_box .gauge100 {
		background-color: #2d99cb;
		text-align: center;
		font-size: 100%;
		color: #FFFFFF;
		width: 100%;
		margin-top:-6px;
		border-radius: 5em;
	}
	
	.checkboxarea  .contactcheck  {
	    display: block;
	    margin-right: 0;
	    padding-left: 1.8em;
	    position: relative;
	    font-size: 100%;
	    line-height: 1.8;
	}
	.checkboxarea  .contactcheck  label{
		cursor:pointer;
	}
	.checkboxarea  .contactcheck label:after  {
	    top: 0%;
	    left: 0px;
	    position: absolute;
	    display: block;
	    margin-top: 0.25em;
	    width: 1.1em;
	    height: 1.1em;
	    border: 0.15em solid #061f39;
	    border-radius: 50%;
	    content: '';
		box-sizing:border-box;
	}
	.checkboxarea  .contactcheck label:before  {
	    position: absolute;
	    top: 50%;
	    left: 0.25em;
	    display: block;
	    margin-top: -0.4em;
	    width:  0.6em;
	    height: 0.6em;
	    border-radius: 50%;
	    background-color: #061f39;
	    content: '';
	    opacity: 0;
	}
	.checkboxarea  .contactcheck input[type=checkbox]:checked + .checkbox:before ,
	.checkboxarea  .contactcheck input[type=radio]:checked + .checkbox:before  {
	   opacity: 1;
	}
	.checkboxarea  .contactcheck input[type=checkbox]:checked + .checkbox:after ,
	.checkboxarea  .contactcheck input[type=radio]:checked + .checkbox:after  {border-color: #1c0058;}
	.checkboxarea input[type="checkbox"],
	.checkboxarea input[type="radio"] {
	  margin: 0;
	  padding: 0;
	  background: none;
	  border: none;
	  border-radius: 0;
	  outline: none;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
		display:none;
	}
	
	
	
	
	/* cbox
	---------------------------------------------------- */
	#cboxLoadedContent{
		max-width:100%;
	}
	#cboxLoadedContent article{
		font-size:1.24vw;
	}
	#cboxLoadedContent .ttl{
	}
	#cboxLoadedContent .ttl span{
		font-size: 40%;
	}
	#cboxLoadedContent .ttl span:before{
		padding-right:10px;
	}
	#cboxLoadedContent .pupup_box{
		max-width: 80vw;
		width:1200px;
	}
	#cboxLoadedContent .his .pupup_box{
	}
	#cboxLoadedContent .pupup_box_center{
	}
	#cboxLoadedContent .pupup_box_right{
	}
	#cboxLoadedContent .pupup_box_right img{
	}
	#cboxLoadedContent .pupup_box_left{
	}
	#cboxLoadedContent .pupup_cre_text{
	}
	#cboxLoadedContent .pupup_cre_text.type2{
	}
	#cboxLoadedContent .pupup_cre_name{
	}
	#cboxLoadedContent .his .pupup_box_right{
	}
	#cboxLoadedContent .his .pupup_box_left{
	}
	
	#cboxLoadedContent .pupup_ttl{
		font-size:120%;
		font-weight:600;
		margin-bottom:0.5em;
		line-height:1.5;
	}
	#cboxLoadedContent .pupup_text1{
		font-size:75%;
		font-weight:600;
		margin-bottom:0em;
		line-height:1.3;
		border-left: 7px solid #dde2eb;
		padding-left:1em;
		padding-top:0.3em;
	}
	#cboxLoadedContent .pupup_text2{
		font-size:75%;
		font-weight:600;
		margin-top:2em;
		margin-bottom:0.5em;
		line-height:1.6;
	}
	#cboxLoadedContent .pupup_text2 span{
		display:block;
		margin-bottom:0.5em;
		font-size:100%;
	}
	#cboxLoadedContent .pupup_text2 span:before{
		content:'●';
		display:inline-block;
		padding-right:0.3em;
	}
	
	#cboxLoadedContent .pupup_text4{
		font-size:100%;
		font-weight:600;
		margin-bottom:0.5em;
		line-height:1.5;
	}
	#cboxLoadedContent .pupup_ttl4{
		font-size:100%;
		font-weight:600;
		margin-bottom:0.5em;
		line-height:1.5;
	}
	#cboxOverlay{
		background-image: url(../images/bg_main.jpg) !important;
	    background-repeat: no-repeat !important;
	    background-size: cover !important;
	    background-position: top center !important;
	    background-attachment: fixed !important;
		opacity:1 !important;
	}
	#cboxLoadedContent,
	#colorbox, 
	#cboxOverlay, 
	#cboxWrapper{
		overflow:visible !important;
	}
	#cboxClose:before {

	}
	
	#cboxClose {

	}
	#cboxCurrent{
		display:none !important;
	}
	#cboxPrevious:hover{
	}
	#cboxNext{
	}
	#cboxNext:hover{
	}
	#cboxPrevious{
	}
	#cboxPrevious:hover{
	}

}



/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1000px) {
	/* common
	---------------------------------------------------- */
	body {
		overflow:hidden;
		overflow-y:scroll;
	}
	body::before {
		background-image: url(../images/bg_main_sp.jpg); 
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
	}
	button{
	}
	.anc {
	top: 0px;
	}
	header {
	}
	.header {

	}
	.hamburger {
		position: fixed;
		top: 5vw;
		left: 5vw;
		margin-left:0;
		z-index: 1000;
		width: 40px;
		height: 45px;
		transition: 0s;
		transform:scale(1.0);
		transform-origin:top left;
	}
	.hamburger.active {
	}
	.hamburger__line {
	  position: absolute;
	  left: 0;
	  width: 35px;
	  height: 3.5px;
		border-radius:20px;
	  background-color: #072039;
	}
	.hamburger__text {
	  position: absolute;
	  left: 0;
	  top: 32px;
	  color:#072039;
	  font-size:12px;
	  font-weight:700;
	}
	.hamburger__line:nth-of-type(1) {
	  top: 0;
	}
	.hamburger__line:nth-of-type(2) {
	  top: 10px;
	}
	.hamburger__line:nth-of-type(3) {
	  top: 20px;
	}
	
	/* メニューオープン時 */
	.hamburger.active .hamburger__line:nth-of-type(1) {
	  transform: translateY(10px) rotate(-45deg);
	}
	.hamburger.active .hamburger__line:nth-of-type(2) {
	}
	.hamburger.active .hamburger__line:nth-of-type(3) {
	  transform: translateY(-10px) rotate(45deg);
	}
	.hamburger.active .hamburger__text{
	}
	.hamburger.active .hamburger__text:after{
		content:'CLOSE';
		font-size:10px;
	}
	.nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-image:url(../images/bg_menu.jpg);
		background-color: #fff;
		background-repeat:no-repeat;
		background-size:200% auto;
		background-position:bottom right;
		transform: translateX(-100%);
		transition: transform .4s;
		z-index: 90;
	}
	#loading{
		background-image:url(../images/bg_menu.jpg);
		background-repeat:no-repeat;
		background-size:200% auto;
		background-position:bottom right;
	}

	.nav.active {
	  transform: translateX(0);
	}
	.nav_wrap{
	}
	.nav_box{
		max-width:80vw;
		width:600px;
		margin:auto;
		padding-bottom: 5em;
	}
	.nav__ttl{
		position: relative;
	    font-size: 30px;
	    font-weight: 700;
	    margin-bottom: 15px;
	}
	.nav__ttl span{
	}
	.nav__list {
	}
	a.nav__link {
		display: block;
	    padding: 5px 0;
	    color: #072039;
	    text-decoration: none;
	    border-top: 1px solid #c2c7d0;
	    font-size: 16px;
	    line-height: 3.2em;
	    position: relative;
	}
	.nav__link:before {
		content:'';
		display:inline-block;
		vertical-align:top;
		width: 7px;
		height: 30px;
		margin-top: 9px;
		margin-right: 13px;
		background-color:#dde2eb;
		transition:0.3s;
	}
	li:hover .nav__link {
	}
	li:hover .nav__link:before {
	}
	

	/* .fix_front
	---------------------------------------------------- */
	.fix_front{
		display:none;
	}
	
	/* sec
	---------------------------------------------------- */
	.sec{
		font-size: 14px;
		width: 100%;
	}
	.sec + .sec{
		margin-top: 3em;
	}
	.sec + .sec.policy{
	}
	.sec + .sec.sns{
	}
	.sec img{
	}
	.sec .ttl{
		font-size: 200%;
		margin-bottom: 0.6em;
	}
	.sec .ttl span.small{
		font-size: 40%;
		display:block;
		margin: 0.4em 0 0;
		top: 0;
		padding: 0;
	}
	.sec .ttl span.small:before{
		display:none;
	}

	
	.sec.top_messege .ttl{
	}
	.sec.top_messege .ttl span{
		margin: 0.25em 0 2.5em;
	}
	.topics {
	    padding-top: 3em;
	}
	
	
	
	/* normal_top
	---------------------------------------------------- */
	.normal_top{
	}
	.normal_top_wrap{
		max-width:100%;
		margin:0; 
	}
	.index_anime .normal_top_wrap{
		margin-top:1em;
	}
	#top + .normal_top{
		/* padding-top:1em; */
	}
	
	.main_img{
	}
	.main_img2{
	}
	.main_img img{
		margin:0 auto;
		width:100%;
	}
	.sec.normal_top_after{
		margin-top: -5em;
	}
	.breadcrum{
		width:100%;
		max-width:100%;
		position:absolute;
		left: 10%;
		margin-left:0;
		top: 70px;
		font-size:60%;
		display:none;
	}
	.breadcrum li{
		display:inline-block;
	}
	.breadcrum li + li:before{
	}
	.breadcrum li a{
	}
	.breadcrum li a:hover{
	}
	.breadcrum li:last-child a{
	}


	/* anime */
	html.wf-active .index_anime .main_img{
	    animation: index_anime02 2s cubic-bezier(0, 0.83, 0.68, 1) forwards;
	}

	html.wf-active .index_anime .main_img2{
	    animation: index_anime01 2s cubic-bezier(0, 0.83, 0.68, 1) forwards;
	}
	html .sec.top_messege{
			opacity:1;
			transform:translateY(60px);
	}
	html.wf-active .sec.top_messege{
	    animation: index_anime03 2s  cubic-bezier(0, 0.83, 0.68, 1) forwards;
	}
	@keyframes index_anime03 { 
		0% {
			opacity:1;
			transform:translateY(150px);
		}
		5% {
			opacity:1;
			transform:translateY(150px);
		}
		100%{
			opacity:1;
			transform:translateY(0px);
		}
	}
	
	/* .main_wrap
	---------------------------------------------------- */
	.main_wrap{
		width:auto;
		max-width: 100%;
		margin: 0 8vw;
		padding: 0;
	}
	
	/* .sec.banner
	---------------------------------------------------- */
	.sec.banner{
	}
	.sec.banner ul{
	}
	.sec.banner li{
		width:calc(100%);
		margin-right:calc( 0 );
		margin-bottom:1%;
		display:inline-block;
	}
	.sec.banner li:nth-child(3n){
		margin-right:0;
	}
	.sec.banner img{
		max-width: 380px;
	}
	
	/* .top_messege
	---------------------------------------------------- */
	
	.top_messege{
	    margin-top: -4em !important;
	}
	.top_messege .main_wrap{
		/* margin:0; */
	}
	.top_messege .box img{
		/* max-width: 500px; */
		max-width: 500px;
		margin-top: 1em;
	}
	.top_messege .box{
		padding: 2.7em 2.7em 2.7em;
		background-image: url(../images/top_messege_line_sp.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;
	}
	/*  add  */
	.top_messege .box{
		padding: 3.0em 4vw;
		background-image: unset;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;
		margin: 0;
	}
	.top_messege .main_wrap{
		 margin:0; 
	}
	.autoslide_btn{
		width: 4.5em;
		height: 4.5em;
		transform: scale(0.8);
	}
	.top_messege_slide{
		padding: 2em 0 4em;
		font-size:95%;
	}
	.top_autoslide{
		background-size: 200% auto;
		background-position: center;
		background-attachment: scroll;
	}
	.top_autoslide_before,
	.top_autoslide_after,
	.top_autoslide{
	}
	.top_autoslide_before{
		margin-top:-4em !important;
	}
	.top_autoslide_after{
		top:-2em;
	}
	.top_messege_ttl{
		background-size: 200% auto;
		background-position: center;
		background-attachment: scroll;
	}
	




	
	/* .movie
	---------------------------------------------------- */
	.movie{
	padding-top: 3em;
	}
	.movie .youtube_box{
	}
	.movie .youtube_box_wrap{
		position:relative;
		z-index:3;
		height:45vw;
		overflow:hidden;
		border: solid 1px transparent;
		border-left:none;
		border-right:none;
	}
	.movie .youtube_box_wrap .btn_img img{
		height:45vw;
	}
	.movie .youtube_box_wrap .btn_img img:hover{
	}
	.pv_front{
	}
	.pv_front:hover{
	}
	
	.pv_bottom{
	}
	
	.pv_back{
	}
	.pv_back video{
	}
	.modal_inner_video{
		width:800px;
	}
	


	/* .topics
	---------------------------------------------------- */
	.topics .main_wrap{
	}
	.topics .ttl{
	}
	.topics .ttl span{
	}
	
	
	/* sns
	---------------------------------------------------- */
	.mini_ttl{
	}
	.mini_ttl img{
	}
	
	.sns ul{
	}
	.sns li{
	}
	.sns li img{
	}
	.link ul{
	}
	.link li{
	}
	.link li img{
	}
	
	
	
	
	
	/* new_icon
	---------------------------------------------------- */
	.new_red,
	.new_green,
	.new_orange{
		position:relative;
	}
	.new_red:after,
	.new_green:after,
	.new_orange:after{
	}
	.new_red:after{
	}
	.new_green:after{
	}
	.new_orange:after{
	}
	
	
	
	/* normal_box
	---------------------------------------------------- */
	.normal_box{
	}
	.normal_box_wrap{
		padding: 1.8em 2.0em;
		border: solid 0.7em;
		border-left:none;
		border-right:none;
	}
	.his .normal_box_wrap{
	padding: 2.0em 2.2em;
	}
	.topics .normal_box_wrap{
	padding: 0;
	}
	
	/* .his.social*/
	#cboxLoadedContent .his.social .pupup_box{
		width:100%;
	}
	#cboxLoadedContent .his.social .pupup_box_right{
		width:100% ;
		padding: 0 0 1.2em;
	}
	#cboxLoadedContent .his.social .pupup_box_left{
		width: 100% ;
	}
	
	.color_transparent .normal_box_wrap{
	}
	.normal_box:after{
		transition:0.5s 0.0s !important;
	}
	html.wf-active .normal_box.active:after{
		width: 3.8em;
		height: 3.8em;
	}
	html.wf-active .col2 .normal_box.active:after{
	}
	
	.normal_box_wrap:before{
	}
	.normal_box_wrap:after{
	}
	
	ul.col2{
	}
	ul.col2 li{
		width:calc(100%  );
		margin:0;
		float:none;
		margin-bottom:1.5em;
	}
	ul.col2 li + li{
	}
	ul.col2 li:nth-child(2n){
	}
	ul.col2 li:nth-child(n+3){
	}
	ul.col2 .normal_box{
		text-align:center; 
	}


	
	
	ul.col_creator{
	}
	ul.col_creator li{
		width:calc(100% );
		margin:0 0 1em;
		float:none;
		text-align:center;
	}
	ul.col_creator li:nth-child(3n){
		margin-right:0;
	}
	ul.col_creator li:nth-child(n+4){
		margin-top:2em;
	}
	.cre_update{
		font-size: 50%;
		font-weight:500;
		line-height: 1;
		text-align:center;
		display:block;
		margin: 1.2em 0 0.5em;
	}
	.cre_update:before{
		content:"UPDATE :";
		display:inline-block;
		font-size: 100%;
		line-height:1.7;
		margin-right:0.3em
	}
	.color_orange .cre_update{
		color:#f6973b;
	}
	.color_green .cre_update{
		color:#2da8a2;
	}
	.color_red .cre_update{
		color:#ff6060;
	}
	.cre_box{
		text-align:center;
	}
	.cre_box a:hover{
		transform:scale(1.05);
	}
	.cre_box a{
		transition:0.3s ease-out;
	}
	
	.cre_job{
		font-size: 70%;
		font-weight:600;
		line-height: 1.4;
	}
	.cre_name{
		font-size: 120%;
	}
	.cre_name{
		font-size: 130%;
	}
	.cre_comment{
		margin: 0.4em 0 0.3em;
	}
	.cre_comment > div{
		font-size: 60%;
		padding:0.4em 1.4em;
		margin:0 -0.2em;
	}
	.color_orange .cre_comment > div.active{
		color:#f6973b;
		border-color:#f6973b;
	}
	.color_green .cre_comment > div.active{
		color:#2da8a2;
		border-color:#2da8a2;
	}
	.color_red .cre_comment > div.active{
		color:#ff6060;
		border-color:#ff6060;
	}
	.cre_info{
		font-size: 70%;
	}
	.cre_info:before{
	}
	.cre_job,
	.cre_name,
	.cre_pupbtn,
	.cre_comment,
	.cre_info{
		padding:0 8%;
	}
	.cre_hideimg{
		height: auto;
		padding: 0;
	}
	.cre_hideimg img{
		margin:0;
	}
	a .cre_hideimg:after,
	a .cre_hideimg img{
		transition:0.3s;
		position: relative;
		margin: 0;
	}
	a:hover .cre_hideimg:after,
	a:hover .cre_hideimg img{
		transform:scale(1.00);
		transition:0.3s;
	}
	.cre_hideimg:after{
		content:'noimage';
		position:absolute;
		z-index:1;
		width:100%;
		display:block;
		text-align:center;
		top:50%;
		color:white;
		margin:-1em 0;
		display: none;
	}
	
	.cre_pupbtn{
			font-size: 100%;
			line-height: 1.2;
			max-width: 100%;
			margin: 0em 8% 0em;
			border-radius:50px; 
		transition:0.3s;
	}
	.cre_pupbtn img{
		height:2em;
		width:auto;
	}
	.color_orange a .cre_pupbtn{
		background-color:#f6973b;
	}
	.color_green a .cre_pupbtn{
		background-color:#2da8a2;
	}
	.color_red a .cre_pupbtn{
		background-color:#ff6060;
	}
	a:hover .cre_pupbtn{
		opacity:0.7;
	}
	.cre_box a:hover{
		color:#061f39 !important;
	}
	.col_creator li{
		transition:0.2s;
	}
	.col_creator li:hover{
		transform:scale(0.98);
	}

	
	.text30{
		font-size: 130%;
	}
	.text30 span{
		font-size: 60%;
		font-weight:600;
		line-height: 1.4;
		display:block;
		margin: 0.4em 0 2.5em;
		position:relative;
	}
	.text30 span:after{
	}
	.color_yellow .text30 span:after{
		color:#ffe355;
	}
	
	.text31{
	line-height: 1;
	}
	.text31 span{
		font-size: 100%;
		font-weight:500;
		line-height: 1.2;
		display:inline-block;
	}
	.text31 span.c_red{
		font-size: 130%;
		margin-bottom:0.3em;
		background-color:#ffe6e7;
	}
	.text31 span.c_orange{
		font-size: 133%;
		margin-bottom:0.3em;
		background-color:#ffe4d7;
	}
	.text31 span + span{
		margin-top: 0.3em;
	}
	.text32 {
		font-size: 100%;
		font-weight:500;
		line-height: 1;
		padding: 0 0 0.6em 0;
	}
	
	.text31 + picture img{
		margin-bottom: 0em;
		max-width:380px;
	}
	.text1{
		font-size: 100%;
		line-height: 1.6;
	}
	.text2{
		font-size: 100%;
		line-height:1.6;
		/* color:#ca821a; */
	}
	.text2 br{
		display:none;
	}
	.text1.mt,
	.text2.mt{
		margin-top: 0.5em;
	}
	.text5{
		font-size: 115%;
		font-weight:700;
		line-height: 1.5;
	}
	
	.text1 + .text8{
		margin-top:5px;
	}
	
	.text8{
		font-size: 88%;
		line-height: 1.7;
	}
	.s_picture img{
		max-width:320px;
	}
	.text8 ul{
		font-size: 0%;
		line-height: 1;
		margin:2% 0;
	}
	.text8 ul + ul{
		margin-bottom:15px;
	}
	.text8 ul li{
		width: calc(100%/3);
		display:inline-block;
		line-height: 1;
	}
	.text_red{
	}

	.text_author1{
		font-size: 120%;
		font-weight:500;
		line-height:1;
		margin-bottom:1em
	}
	.text_author2{
		font-size:100%;
		font-weight:500;
		background-image: linear-gradient(180deg, #061f39 1px, transparent 1px);
		background-size: 100% 3em;
		line-height: 3em;
		padding-bottom: 1px;
	}

	.illust_ex{
		overflow:hidden;
		margin-bottom:0.8em
	}
	.illust_ex li{
		float:left;
		width:100%;
		margin-right:1%;
		margin-bottom:0.5em;
	}

	
	.text6{padding: 0 0 1.6em;}
	.box .text6:last-child{
		border-bottom:none ;
		padding-bottom:0;
	}
	
	.text6 + .text6{
	padding-top: 1.6em;
	}
	.text6 dt{
		float:left;
		width: 100%;
		font-size: 133%;
		font-weight:600;
		line-height: 1;
		padding-top:0px;
		margin-bottom:1em;
	}
	.text6 dt span{
		font-size: 60%;
		line-height: 1;
	}
	.text6 dd{
		float:left;
		width:100%;
		font-size: 100%;
		line-height: 1.4;
		/* font-weight: 600; */
	}
	.text6 dd span{
		font-size: 90%;
		line-height: 1.6;
		font-weight: 500;
	}
	.text6 dd span.large{
		display:block;
		padding: 0em;
		font-size: 115%;
		line-height: 1.4;
		font-weight: 600;
		display:inline-block;
		padding: 0.2em 0.4em;
	}
	.text6 dd span.large.mb{
		margin-bottom:0.4em;
	}
	
	.text7{
		overflow:hidden;
		border-bottom:dotted 1px ;
		padding:0 0 1.6em;
	}
	script + .text7,
	.text7 + .text7{
		padding-top:1.6em;
	}
	.box .text7:last-child{
		border-bottom:none ;
		padding-bottom:0;
	}
	.text7 dt{
		float:left;
		width: 100%;
		font-size: 130%;
		font-weight:600;
		line-height: 1.4;
		padding-top:0px;
		margin-bottom:0.5em;
	}
	.text7 dt span{
		font-size: 60%;
		line-height: 2;
	}
	.text7 dd{
		float:left;
		width:100%;
		font-size: 100%;
		line-height: 1.4;
		font-weight: 600;
	}
	.text7 dd span{
		font-size: 90%;
		line-height: 1.6;
		font-weight: 500;
	}
	.text7 input{
		font-size: 100%;
		font-weight:500;
		line-height: 1;
		padding: 0.5em 1.5em;
		width: 100%;
		border: none;
		background-color:#f4f7fa;
		border-left:solid 8px #b6c2cf;
	}
	.text7 input:placeholder-shown{
	border-left: solid 0.3em #b6c2cf;
	}
	.text7 .input_num2  input{
		width:100% !important;
	}
	.text7 .input_num3  input{
		width:100% !important;
	}
	.text7 input::placeholder{
		color: #d4dbe7;
	}
	.text7 select{
		font-size: 100%;
		font-weight:500;
		line-height: 1;
		padding: 0.5em 1.5em;
		width: 100%;
		border: none;
		background-color:#f4f7fa;
		border-left: solid 0.3em #b6c2cf;
	}
	
	.text100{
		border-left: 0.3em solid #9ea8b8;
		line-height: 1.2;
		padding-left: 0.4em;
		font-size: 110%;
		font-weight:600;
	}
	.text100 + .stext1{
	    margin-top: 0.8em;
	    margin-bottom: 0.1em;
	}
	
	.stext1{
		font-size: 100%;
		margin-bottom: 0.3em;
	}
	.stext1:before{
		content:'●';
	}
	.stext2{
		line-height: 1.6;
	}
	.stext2 li{
		font-size: 100%;
		line-height:1.6
	}
	.stext2 li:before{
		content:'・';
	}
	.stext2 li.notice:before{
		content:'※';
	}
	
	.stext2 li.notice{
		margin-top:5px;
	}
	.stext3 + .stext1,
	.stext2 + .stext1{
		margin-top: 0.8em;
	}
	.stext3{
		font-size: 100%;
		line-height: 1.6;
	}
	
	
	/* .deco
	---------------------------------------------------- */
	.deco{
		position:absolute;
		z-index: 20;
		width: 8.5em;
		top: -0.5em;
		right: 10%;
		margin-right: 0px;
	}
	.topics_deco{
		display:none;
	}
	
	
	
	/* .scroll_box
	---------------------------------------------------- */
	.box.mt{
		margin-top: 2em;
	}
	.scroll_box{
	margin-top: 0.8em;
	}
	.scroll_box_wrap{
	padding: 0.8em 0.5em 1em 0px;
	}
	.scroll_box_arrow{
		position:relative;
	}
	
	.scroll_box_arrow:before{
		content:'';
		display:block;
		position:absolute;
		top: 10px;
		right: -20px;
		width: 9px;
		height: 90px;
		background-image:url(../images/scroll_icon.png);
		background-size:auto 100%;
		background-repeat:no-repeat;
	}
	
	
	.policy input[type=checkbox] {
	    display: none;
	}
	.policy .checkbox01 {
	    box-sizing: border-box;
	    cursor: pointer;
	    display: inline-block;
	    padding: 0 1em 0 2em;
	    position: relative;
	    width: auto;
	}
	.checkbox01::before {
	    background: #fff;
	    border: 0.1em solid #061e39;
	    content: '';
	    display: block;
	    width: 1em;
	    height: 1em;
	    position: absolute;
	    top: 50%;
		margin-top:-0.6em;
	    left: 0em;
		border-radius:0.15em;
		box-sizing:border-box;
	}
	.checkbox01::after {
	    border-right: 0.15em solid #ed7a9c;
	    border-bottom: 0.15em solid #ed7a9c;
	    content: '';
	    display: block;
	    width: 0.2em;
	    height: 0.5em;
	    position: absolute;
	    top: 50%;
		margin-top:-0.5em;
	    left: 0.3em;
	    opacity: 0;
	    transform: rotate(45deg);
	}
	input[type=checkbox]:checked + .checkbox01::after {
	    opacity: 1;
	}

	
	
	/*button_box
	---------------------------------------------------- */
	
	.button_box{
		text-align:center;
		overflow:hidden;
	}
	.button_box .col2_btn li{
		width:100%;
		float:left;
		margin-right:0%;
	}
	.button_box .col2_btn button{
		padding:1.5em 0;
		line-height:2.4vw;
		border-radius:0px;
	}
	.button_box .col2_btn li{
		margin:0;
	}
	.button_box .col2_btn li + li{
		margin:0.4em 0 0;
	}
	
	.button_box .col2_btn .type1 button{
	}
	.button_box .col2_btn li:nth-child(2n){
	}
	.button_box .col2_btn li:hover{
	}
	.sec.button_sec{
		margin-top: 1.5em;
	}
	
	
	/* enquete
	---------------------------------------------------- */
	.text_period{
	}
	.period_ttl{
		float:none;
		text-align:center;
		display:block;
		font-size:100%;
		line-height:1;
		padding: 0.6em 0em;
		border-radius: 0em;
		background-color:#2ba8a0;
		margin:0 0 0.7em;
	}
	.period_large{
		float:left;
		display:inline;
		font-size:130%;
		font-weight:600;
		line-height:1.6;
	}
	.period_small{
		float:left;
		display:inline;
		font-size:130%;
		font-weight:600;
		line-height:1.6;
		margin:0;
	}
	.period_large.mr.ml{
		/* margin-right:0.1em; */
		/* margin-left:0em; */
		/* clear: both; */
	}
	
	
	/* youtube
	---------------------------------------------------- */
	.youtube_box{
		overflow:hidden;
		box-sizing:border-box;
	}
	.youtube_box img{
		transform:scale(1);
	}
	.youtube_box img{
		transform:scale(1);
	}
	
	
	/* slide
	---------------------------------------------------- */
	.sec .slide{
		position:relative;
	}
	.sec .slide .swiper-container{
		overflow:visible;
	}
	.sec .slide_naviwrap{
		position:relative;
	}
	.sec .slide *{
		box-sizing:border-box;
	}
	.sec .slide li{
	}
	.sec .slide li dt{
		width:100%;
		padding:1.0em 0 0;
		max-width:540px;
		margin:auto;
	}
	.topics .slide li dd {
		padding: 0.5em 2.2em 2em;
		max-width:500px;
		margin:auto;
	}
	.sec .slide li dd .tinfo{
		margin-top: 0.4em;
		padding: 0;
		box-sizing:border-box;
		font-size:100%;
		font-weight:500;
		line-height:1.6;
	}
	.sec .slide li dd .tinfo br{
		display:none;
	}
	.sec .slide li .botton_area{
		margin-top:1.55vw;
		background:#1d0058;
		padding:1.55vw;
		border-radius:50px;
		width: 60%;
		margin: 1.55vw auto 0;
	}
	.sec .slide li .tbtn{
		font-weight: 700;
	}
	.sec .slide li .tbtn a{
		width:100%;
		text-align:center;
		color:#FFF;
		font-size:100%;
		margin-top:1em;
		padding: 1.5em 5em;
		font-weight: 700;
		line-height:1;
		cursor:pointer;
		background:#ffe34f;
		display:inline-block;
		border-radius:0.5em;
	}
	.sec .slide li .tbtn a:hover{
		background:#ffe34f;
	}
	.sec .slide li .tbtn a img{
		width:auto;
		height: 1em;
		vertical-align: top;
	}
	.sec .slide .swiper-slide-active .normal_box:after{
		transition:0.5s 0.5s !important;
	}

	.sec .left_prev,
	.sec .left_next{
		position:absolute;
		top:42%;
		z-index: 20;
		width: auto;
		height: auto;
		cursor:pointer;
	}
	.sec .left_prev{
		left: -1.5em;
	}
	.sec .left_next{
		left:auto;
		right:-1.5em;
	}
	.sec .left_prev img,
	.sec .left_next img{
		height:2em;
		margin: -1em auto;
	}
	.left_page{
		text-align:center;
		margin-top: 1.5em;
	}
	
	.sec .swiper-pagination-bullet {
		text-align:center;
	    width: 3em;
	    height: 3em;
	    display: inline-block;
	    background: #cdc9d2;
	    margin: 1em 0.5em;
	    opacity:1;
	}
	.sec .swiper-pagination-bullet-active{
	    width: 3em;
	    height: 3em;
	    display: inline-block;
	    background: #ffe34f;
	}
	.sec .swiper-pagination-bullet:before {
		color:#FFF;
		line-height:2.58em;
		font-size:120%;
	}
	.sec .swiper-pagination-bullet:nth-child(1):before {
	    content:"01";
	}
	.sec .swiper-pagination-bullet:nth-child(2):before {
	    content:"02";
	}
	.sec .swiper-pagination-bullet:nth-child(3):before {
	    content:"03";
	}
	.sec .swiper-pagination-bullet:nth-child(4):before {
	    content:"04";
	}
	.sec .swiper-pagination-bullet:nth-child(5):before {
	    content:"05";
	}
	.sec .swiper-pagination-bullet:nth-child(6):before {
	    content:"06";
	}
	
	
	/* history
	---------------------------------------------------- */
	.sec.history{
		margin-bottom:-12vw;
	}
	.sec.history .sub_wrap {
		max-width:1600px;
		margin:auto;
	}
	.history_ul{
	}
	.history_head{
		position:relative;
		top: 0em;
		left: 4%;
		width: 100%;
		display:inline-block;
		text-align:left;
		height: 3em;
		margin: -1em 0 -1em;
	}
	.history_head:after{
		content:'';
		width:11%;
		height: 100%;
		display:block;
		margin:0 0 0;
		background-image:url(../images/history_center_icon.png);
		background-position:center;
		background-repeat:repeat;
		background-position:center;
		background-size:100% auto;
	}
	.history_head img{
		position:absolute;
		right:0;
		top:0%;
		width: 100%;
		max-width: 20%;
		display:none;
	}
	.li_box{
	overflow: visible;
	}
	.history_li{
	overflow: hidden;
	}
	.history_li .li1{
		float:right;
		width:85%;
		text-align:left;
	}
	.history_li .li2{
		float:right;
		width:11%;
		max-height: 500px;
	}
	.history_li .li3{
		float:right;
		width:85%;
		text-align:left;
	}
	.history_li .li4{
		clear:both;
	}
	
	.history_li .li1 .year{
		font-size: 250%;
		padding: 0;
		margin-bottom: 0.5em;
		line-height: 0.9em;
		padding-left: 0.2em;
	}
	.history_li .li1 .name{
		clear:both;
	}
	.history_li .li1 .name a{
		font-size: 120%;
	}
	.history_li .li1 .name a:hover{
		opacity:0.5;
	}
	.history_li .li1 .name a:before{
		top:0;
		left:auto;
		right:-1em;
		background-image:url(../images/history_linkicon_t2.png);
	}
	.history_li .li1 .product dd{
		width: 3.0em;
		display:inline-block;
		margin: 0.3em -0.10em 0;
	}
	.history_li .li1 .product dd + dt{
		padding-top: 1.5em;
	}
	.history_li .li1 .product dd a:hover{
		opacity:1;
	}
	.history_li .li2:before{
		padding: 1em 0;
		display:block;
		background-image:url(../images/history_left_icon.png);
		background-position:center;
		background-repeat:repeat-y;
		background-position:center;
		background-size:100% auto;
	}
	.history_li .li2:after{
		height: 2000px;
	}
	.history_li .li3_wrap{
		width:58%;
		top:0;
		left:42%;
		right:0;
		text-align: right;
		padding: 0em 8vw 0em 0;
		box-sizing:border-box;
	}
	.history_li .li3 .year{
		position:relative;
		top:0;
		right:0;
		line-height:2;
		width:100%;
		text-align:right;
	}
	.history_li .li3 .add_text{
		font-size: 80%;
		margin: 0% 0%;
		display:inline-block;
		line-height:1;
		background:#061f39;
		color: #061f39;
		padding:0.3em 0.5em;
		writing-mode: unset;
		display:none;
	}
	.history_li .li3 .add_text span div,
	.history_li .li3 .add_text span{
	}
	.history_li .li3_wrap:before{
		position:absolute;
		content:"";
		margin: 0.95em 0 0;
		width: 65%;
		height:1px;
		display: block;
		background-color:#061f39;
		line-height:1;
	}
	.history_li .li3 dl{
		/* width: 102%; */
		padding: 2.3em 8vw 0.5em 0;
		/* margin-left: -2%; */
	}
	.history_li .li3 dd{
		width: 48%;
		margin-left: 0%;
		margin-right: 2%;
		float:left;
	}
	.history_li .li3 a{
		display:block;
	}
	.history_li .li3 dd a:after{
	}
	.history_li .li3 dd a:hover:after{
		opacity:0.5;
	}
	.history_li .li3 dd a img{
		transition:0.3s ease;
	}
	.history_li .li3 dd a:hover img{
		transform:scale(1);
	}
	.history_li .li3 .large_link{
		width:100%;
		margin-left:0;
		float:left;
	}
	.history_li .his_addbox{
		position:relative;
		left:0%;
		top:0%;
		text-align:left;
		writing-mode: unset;
		padding:0 9% 0 15%;
		margin-bottom:3em;
		line-height:1.2;
		font-size:115%;
	}
	.history_li .top_addbox{
		top: 0%;
		left: 0%;
		padding-bottom: 0em;
	}
	.history_li .addbox_ttl{
		font-size:133%;
		font-weight:bold;
		margin: 0% 0% 0.3em;
		display:inline-block;
		line-height:1;
		text-orientation: upright;
	}
	.history_li .addbox_key{
		font-size:50%;
		margin:0% 0%;
		line-height:1em;
		padding:0.5em 2em;
	}
	.history_li .addbox_text{
		font-size:80%;
		margin:1em 0 0;
		line-height:1.8;
	}
	.history_li .addbox_text br{
		display:none;
	}

	
	/*right*/
	.history_li.right  .li1{
		float:right;
		text-align:left;
	}
	.history_li.right  .li2{
		float:right;
	}
	.history_li.right  .li3{
		float:right;
	}
	.history_li.right  .li1 .name a{
	}
	.history_li.right  .li1 .name a:before{

	}
	.history_li.right .li1 .product dd{
	}	
	.history_li.right .li2:before{
		background-image:url(../images/history_left_icon.png);
	}
	.history_li.right .li3_wrap{
		left: 42%;
		right: 0;
		text-align:right;
		padding: 0em 8vw 0em 0;
		box-sizing: border-box;
	}
	.history_li.right .li3 .year{
		position: relative;
        top: 0;
        right: 0;
        line-height: 2;
        width: 100%;
        text-align: right;
	}
	.history_li.right .li3_wrap:before{
		content:"";
	}
	.history_li.right .li3 dl{
	}
	.history_li.right .li3 dd{
		float:left;
		margin: 0% 1% 0% 0%;
	}
	.history_li.right .his_addbox{
		position:relative;
		left:0%;
		top:0%;
		text-align:left;
		writing-mode: unset;
		padding:0 9% 0 15%;
		margin-bottom:3em;
		line-height:1.2;
		font-size:115%;
	}
	.history_footer{
		margin: -1em auto 0;
		padding-bottom:0em;
		position:relative;
		z-index:11;
	}
	.history_footer img{
		max-width:100%;	
	}
	.cboxPhoto {
	    margin: 1em auto 3em !important;
	}
	
	.rote90{
		display:inline-block;
		transform:rotate(0deg);
	}

	
	/* footer
	---------------------------------------------------- */
	footer{
		font-size: 3vw;
		padding: 1.2em;
		margin: 4em 0 0;
		position: relative;
		z-index: 10;
	}
	
	
	
	
	/* another
	---------------------------------------------------- */
	
	
	
	
	
	/* file
	---------------------------------------------------- */
	.file_select {
		font-size: 100%;
		width: 100%;
		height: 3.5em;
		float: left;
		background-color: #FFFFFF;
		border: none;
		box-sizing: border-box;
		background-color: #f4f7fa;
	}
	
	.file_select .filebtn {
		color: #FFFFFF;
		background-color: #061f39;
		border:none;
		height: 100%;
		width: 30%;
		text-align: center;
		line-height: 3.5em;
		display: inline-block;
		overflow: hidden;
		position: relative;
		float: left;
		font-size: 100%;
	}
	.file_select .filebtn:hover {
		background-color: #8b8a8a;
	}
	.file_select .filebtn input[type="file"] {
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
		font-size: 100%;
		cursor: pointer;
	}
	.file_select p {
		line-height: 3.5em;
		float: left;
		margin-left: 0;
		padding-left:1em;
		
		/* 追加 */
		overflow:hidden;
		text-overflow: ellipsis;
		width: 70%;
		height: 3.5em;
		font-size: 100%;
		border: solid 1px #061f39;
		box-sizing: border-box;
	}
	.file a.delate {
		float: left;
		font-size: 30px;
		line-height: 30px;
		margin-left: 10px;
		color: #c7c7c7;
	}
	.file a.delate:hover {
		color: #1d97e0;
	}
	.file table {
		border: 1px solid #d8d8d8;
		width: 700px;
		margin-top: 30px;
	}
	.file table th {
		width: 156px;
		text-align: center;
	}
	
	.file table th .filebtn {
		color: #FFFFFF;
		background-color: #616161;
		height: 100%;
		width: 130px;
		text-align: center;
		line-height: 28px;
		display: inline-block;
		overflow: hidden;
		position: relative;
		font-weight: normal;
	}
	.file table th .filebtn:hover {
		background-color: #8b8a8a;
	}
	.file table th .filebtn input[type="file"] {
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
		font-size: 100px;
		cursor: pointer;
	}
	.file .sample {
		margin-left: -18px;
	}
	.file .sample li {
		float: left;
		width: 126px;
		margin: 10px 0 10px 18px;
		text-align: center;
	}
	.file .sample li p {
		margin: 5px 0;
	}
	.file .sample li a {
		font-size: 12px;
		display: block;
		color: #333333;
	    border: 1px solid #d8d8d8;
	    border-bottom: 3px solid #d8d8d8;
	    padding: 5px 10px;
	    border-radius: 3px;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	}
	.file .sample li .filebtn {
		font-size: 12px;
		display: block;
		color: #333333;
	    border: 1px solid #d8d8d8;
	    border-bottom: 3px solid #d8d8d8;
	    padding: 5px 10px;
	    border-radius: 3px;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
		overflow: hidden;
		position: relative;
	}
	.file .sample li .filebtn:hover {
		background-color: #1d97e0;
		color: #FFFFFF;
		border: 1px solid #1d97e0;
		border-bottom: 3px solid #1d97e0;
	}
	.file .sample li .filebtn input[type="file"] {
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
		font-size: 100%;
		cursor: pointer;
	}
	.file_box {
		background-color: #f5fcff;
	    padding: 0px;
	    width: 100%;
	}
	.file table th a:hover {
		background-color: #8b8a8a;
	}
	.file table td {
		padding: 0;
	}
	.file_upload {
		float: left;
		width: 100%;
		margin-top: 0.3em;
	}
	.file_upload .filename {
		background-image: url(/img/admin/index/file_upload_name.png);
		background-position: left center;
		background-repeat: no-repeat;
		padding: 1px 0 1px 25px;
		/* word-break:break-all; */
	    word-break: keep-all;
	    word-wrap: break-word;
	    display:inline-block;
	}
	.file_upload_box {
		height: 3.5em;
		box-sizing: border-box;
		padding: 0;
		margin-top: 0.3vw;
		width:100%;
		background-color: #FFFFFF;
		border: 1px solid #d8d8d8;
		border-radius: 5em;
	}
	.file_upload_box .gauge50 {
		background-color: #6db11c;
		text-align: center;
		font-size: 100%;
		margin-top: 0;
		color: #FFFFFF;
		border-radius: 5em;
		height: 3.5em;
		line-height: 3.5em;
	}
	.file_upload_box .gauge100 {
		background-color: #2d99cb;
		text-align: center;
		font-size: 100%;
		color: #FFFFFF;
		width: 100%;
		margin-top:-6px;
		border-radius: 5em;
	}
	
	.checkboxarea  .contactcheck  {
	    display: block;
	    margin-right: 0;
	    padding-left: 1.8em;
	    position: relative;
	    font-size: 100%;
	    line-height: 1.8;
	}
	.checkboxarea  .contactcheck  label{
		cursor:pointer;
	}
	.checkboxarea  .contactcheck label:after  {
	    top: 0%;
	    left: 0px;
	    position: absolute;
	    display: block;
	    margin-top: 0.25em;
	    width: 1.1em;
	    height: 1.1em;
	    border: 0.15em solid #061f39;
	    border-radius: 50%;
	    content: '';
		box-sizing:border-box;
	}
	.checkboxarea  .contactcheck label:before  {
	    position: absolute;
	    top: 50%;
	    left: 0.25em;
	    display: block;
	    margin-top: -0.4em;
	    width:  0.6em;
	    height: 0.6em;
	    border-radius: 50%;
	    background-color: #061f39;
	    content: '';
	    opacity: 0;
	}
	.checkboxarea  .contactcheck input[type=checkbox]:checked + .checkbox:before ,
	.checkboxarea  .contactcheck input[type=radio]:checked + .checkbox:before  {
	   opacity: 1;
	}
	.checkboxarea  .contactcheck input[type=checkbox]:checked + .checkbox:after ,
	.checkboxarea  .contactcheck input[type=radio]:checked + .checkbox:after  {border-color: #1c0058;}
	.checkboxarea input[type="checkbox"],
	.checkboxarea input[type="radio"] {
	  margin: 0;
	  padding: 0;
	  background: none;
	  border: none;
	  border-radius: 0;
	  outline: none;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
		display:none;
	}
	
	
	
	
	/* cbox
	---------------------------------------------------- */
	#cboxLoadedContent{
		max-width:100%;
	}
	#cboxLoadedContent article{
		font-size:14px;
	}
	#cboxLoadedContent .ttl{
	}
	#cboxLoadedContent .ttl span{
		font-size: 40%;
	}
	#cboxLoadedContent .ttl span:before{
		padding-right:10px;
	}
	#cboxLoadedContent .pupup_box{
		max-width: 80vw;
		width:1200px;
		padding: 0;
	}
	#cboxLoadedContent .his .pupup_box{
		padding: 0;
		max-width: 100%;
		width: 100%;
		padding: 0;
	}
	#cboxLoadedContent .pupup_box_center{
	}
	#cboxLoadedContent .pupup_box_right{
		width:100%;
		margin:0;
		padding:0;
	}
	#cboxLoadedContent .pupup_box_right img{
	}
	#cboxLoadedContent .pupup_box_left{
		width:100%;
		margin:0;
		padding:0;
	}
	#cboxLoadedContent .pupup_box_right + .pupup_box_left{
	}
	#cboxLoadedContent .cre_ppp .pupup_box_right{
		width:calc(100%);
		float:none;
		padding: 0;
		margin:auto;
	}
	#cboxLoadedContent .cre_ppp .pupup_box_left{
		width:calc(100%);
		float:none;
		padding: 0;
		margin:auto;
	}
	#cboxLoadedContent .cre_ppp .pupup_box{
		max-width: 100%;
		width:100%;
		font-size:100%;
		padding:0;
	}

	#cboxLoadedContent .pupup_cre_text{
		font-size: 95%;
		margin: 1.5em 2em 0.8em;
		line-height: 2.2em;
		background-size: 100% 2.2em;
	}
	#cboxLoadedContent .pupup_cre_text br{
		display:none;
	}
	#cboxLoadedContent .pupup_cre_text.type2{
        font-size: 95%;
        margin: 2em 2em 0.8em;
        line-height: 2.2em;
        background-size: 100% 2.2em;
	}


	
	#cboxLoadedContent .pupup_cre_name{
		font-size: 100%;
		margin: 0em 2em 2em;
	}
	
	#cboxLoadedContent .his .pupup_box_right{
		width:100%;
		max-width:400px;
		padding:0 0 1em;
		float:none;
	}
	#cboxLoadedContent .his .pupup_box_left{
		width:100%;
		max-width:400px;
		padding:0;
		float:none;
	}
	#cboxLoadedContent .cre_ppp .pupup_box_left,
	#cboxLoadedContent .cre_ppp .pupup_box_center{
		padding:0;
	}

	
	#cboxLoadedContent .pupup_ttl{
		font-size: 120%;
		font-weight:600;
		margin-bottom:0.5em;
		line-height:1.5;
	}
	#cboxLoadedContent .pupup_text1{
		font-size: 95%;
		font-weight:600;
		margin-bottom:0em;
		line-height:1.3;
		border-left: 6px solid #dde2eb;
		padding-left: 0.8em;
		padding-top:0.3em;
	}
	#cboxLoadedContent .pupup_text2{
		font-size: 95%;
		font-weight:600;
		margin-top: 1.5em;
		margin-bottom:0.5em;
		line-height:1.6;
	}
	#cboxLoadedContent .pupup_text2 span{
		display:block;
		margin-bottom:0.5em;
		font-size: 100%;
	}
	#cboxLoadedContent .pupup_text2 span:before{
		content:'●';
		display:inline-block;
		padding-right:0.3em;
	}
	
	#cboxLoadedContent .pupup_text4{
		font-size:100%;
		font-weight:600;
		margin-bottom:0.5em;
		line-height:1.5;
	}
	#cboxLoadedContent .pupup_ttl4{
		font-size:100%;
		font-weight:600;
		margin-bottom:0.5em;
		line-height:1.5;
	}

	
	#cboxLoadedContent .his .pupup_box_left_btn{
		width: 100%;
	}
	#cboxLoadedContent .his.social .pupup_box_left_btn{
		width:100%;
	}
	
	#cboxLoadedContent .pupup_box_left_btn a{
		line-height:3em;
		font-size:120%;
		float:left;
		width:100%;
		margin:0.5em 0 0 0;
		box-sizing:border-box;
	}
	#cboxLoadedContent .his.social .pupup_box_left_btn a{
		width:100%;
		display:block;
		box-sizing:border-box;
	}
	
	#cboxLoadedContent .pupup_box_left_btn a + a{
		margin-right:0;
	}
	#cboxLoadedContent .pupup_box_left_btn a.lock{
		color:#fff;
		background:#e8e8e8;
		border:solid 1px #ffffff00;
		pointer-events:none;
	}
	#cboxLoadedContent .pupup_box_left_btn a:hover{
		color:#fff;
		background:#75399a;
		border:solid 1px #75399a00;
		text-align:center;
	}
	#cboxLoadedContent .pupup_box_left_btn a.official_link:before{
		content:'Official Site';
	}
	#cboxLoadedContent .pupup_box_left_btn a.download_link:before{
		content:'Download';
	}
	
	#cboxOverlay{
		opacity:1 !important;
		background-image: url(../images/bg_main_sp.jpg) !important;
		background-repeat: no-repeat !important;
		background-size: 100% 100% !important;
		background-position: top left !important;
		background-attachment: scroll !important;
		height: 100lvh !important;
	}
	#cboxLoadedContent,
	#colorbox, 
	#cboxOverlay, 
	#cboxWrapper{
		overflow:visible !important;
	}
	#cboxClose:before {

	}
	
	#cboxClose {
	}
	#cboxCurrent{
		display:none !important;
	}
	
	
	
	#cboxPrevious:hover{
		background-position:bottom left; 
		background:url(images/prev.png) no-repeat center left;
	}
	#cboxNext{
		position:absolute;
		top:25px;
		right: -20px !important;
		width:20% !important;
		background:url(../images/arrow_right.png) no-repeat center right !important;
		background-size: 30px auto !important;
		transition:0.3s;
		z-index:10;
	}
	#cboxNext:hover{
	}
	#cboxPrevious{
		position:absolute; 
		top:25px; 
		left:-20px !important; 
		width:20% !important; 
		text-indent:-9999px;
		background:url(../images/arrow_left.png) no-repeat center left !important; 
		background-size:30px auto !important;
		transition:0.3s;
		z-index:10;
	}
	#cboxPrevious:hover{
	}


}




@media only screen and (max-width: 800px) {
	.sec.normal_top_after{
	margin: 0;
	}

	.fix_slide_back{
		/*background-image: 
			url(../images/bg_sakura2.png), 
			url(../images/bg_sakura2.png); 
		*/
	
	}
	.fix_slide_back2{
		/*background-image: 
			url(../images/bg_sakura1.png), 
			url(../images/bg_sakura1.png); 
			*/
	}
	.fix_slide_back,
	.fix_slide_back2{
		background-repeat: 
			repeat, 
			repeat;
		background-size: 
			150% auto,
			200% auto;
		background-position: 
			top right, 
			top left;
	}
	
}

/*    **********************************************************************      */
@-moz-document url-prefix() {

	.top_autoslide{
		background-size: 200% auto;
		background-position: center;
		background-attachment: scroll;
	}
	.top_messege_ttl{
		background-size: 200% auto;
		background-position: center;
		background-attachment: scroll;
	}

}