@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,500&display=swap');


/* ----------------------------------------------------------------------------------------------------
*  基本情報
* --------------------------------------------------------------------------------------------------*/

html,body{
	height:100%;
}

html{
	font-size:62.5%;
	overflow-y: scroll;
}

body{
	-webkit-text-size-adjust: 100%;
}

body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form, figure{
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-family: 'Noto Sans JP', "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	text-align: left;
	color: #111;
	word-break: break-all;
	word-break: break-word;
}

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, input, textarea, select, button{
	font-size: 1.6rem;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
			box-sizing: border-box; }

table{
	border-spacing: 0;
}

input, textarea, select, button{
	vertical-align:middle;
	font-family: 'Noto Sans JP', "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	background-color: #fff;
}
button{
	background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
}
input,select,button,textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border: none;
	border-radius: 0;
	padding: 0;
}
select::-ms-expand{
	display: none;
}
textarea{
	resize: none;
}
button,input[type="submit"],input[type="button"],select{
	cursor:pointer;
}
input[type="radio"]:checked{
	appearance: none;
}
blockquote{
	margin: 0;
	padding: 0;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

a,
button,
input[type="submit"],
input[type="button"]{
	text-decoration: none;
	color: #111;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
}
@media screen and (min-width: 769px) {
	a:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="button"]:hover{
		opacity: 0.5;
	}

	a[href^="tel:"]{
		display: inline-block;
		pointer-events: none;
	}
}

body{
	min-width: 1200px;
}

.content{
	position: relative;
	overflow: hidden;
}

.wrap{
	position: relative;
	z-index: 3;
	max-width: 990px;
	width: 100%;
	margin: 0 auto;
}

.en{
	font-family: 'Roboto', 'Noto Sans JP',  sans-serif;
}

@media screen and (min-width: 769px) {
	.sp{
		display: none !important;
	}
}

@media screen and (max-width: 768px) {
	body{
		min-width: initial;
	}

	h1, h2, h3, h4, h5, h6, p, address,
	ul, ol, li, dl, dt, dd,
	table, th, td, form, input, textarea, select, button{
		font-size: 1.4rem;
	}

	.wrap{
		width: 92%;
		max-width: initial;
	}
	.pc{
		display: none !important;
	}
	.sp_ib{
		display: inline-block;
	}
}




/* ----------------------------------------------------------------------------------------------------
*  ヘッダー
* --------------------------------------------------------------------------------------------------*/
header{
	position: relative;
}

.header_wrap{
	position: relative;
	z-index: 9999;
	pointer-events: none;
	width: 100%;
}

.header_wrap .logo{
	position: absolute;
	top: 40px;
	left: 3%;
	pointer-events: auto;
}

.gnav{
	position: fixed;
	z-index: 10000;
	top: 40px;
	right: 3%;
	background: rgba(0,0,0, 0.8);
	pointer-events: auto;
}

.gnav_list li{
	position: relative;
}

.gnav_list > li.current .gnav_txt{
	color: #ffff00;
}

.gnav_list li a,
.gnav_list li .menu_acc_btn{
	color: #fff;
	line-height: 1.3;
	font-size: 1.5rem;
	font-weight: bold;
}
.gnav_list li .menu_acc_btn{
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
}

.gnav_list li .menu_acc_btn a:hover,
.gnav_list > li > a:hover{
	opacity: 1;
}

.gnav_list li .gnav_txt{
	display: block;
	white-space: nowrap;
}

.gnav_list .menu{
	display: none;
}
.gnav_list > li.current .menu{
	display: block;
}

.gnav_list .menu li.current,
.gnav_list .menu li.current a{
	color: #ffff00;
}

.gnav_list .menu li a{
	padding: 0;
	font-size: 1.4rem;
	font-weight: 500;
}

.gnav_list .menu_acc_btn{
	position: relative;
	display: block;
	cursor: pointer;
}

.gnav_list .menu_acc_btn .menu_ico{
	position: absolute;
	top: 0;
	right: -30px;
	width: 40px;
	height: 100%;
}
.gnav_list .menu_acc_btn .menu_ico::before,
.gnav_list .menu_acc_btn .menu_ico::after{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: "";
	display: block;
	background: #fff;
}
.gnav_list > li.current .menu_acc_btn .menu_ico::before,
.gnav_list > li.current .menu_acc_btn .menu_ico::after{
	background: #ffff00;
}

.gnav_list .menu_acc_btn .menu_ico::before{
	width: 12px;
	height: 2px;
}
.gnav_list .menu_acc_btn .menu_ico::after{
	width: 2px;
	height: 12px;
}

.gnav_list .menu_acc_btn.open .menu_ico::after{
	display: none;
}

.gnav_btn{
	width: 40px;
}

@media screen and (min-width: 769px) {
	.gnav_wrap{
		display: flex;
		align-items: center;
		height: 60px;
		padding: 0 30px;
	}
	.gnav_list{
		display: flex;
		align-items: center;
	}
	.gnav_list > li{
		display: flex;
		align-items: center;
		height: 60px;
	}
	.gnav_list > li + li{
		margin-left: 40px;
	}

	.gnav_btn_box{
		margin-left: 40px;
	}

	.gnav_list .menu{
		position: absolute;
		top: 60px;
		left: 0;
		width: 200px;
		padding: 20px;
		background: rgba(49,49,49, 0.8);
	}

	.gnav_list .menu li + li{
		margin-top: 20px;
	}

	.gnav_list .menu_acc_btn{
		padding-right: 20px;
	}

	.gnav_list .menu_acc_btn .menu_ico{
		right: -10px;
		width: 30px;
	}
	.gnav_list .menu_acc_btn .menu_ico{
		top: -2px;
	}
}


@media screen and (max-width: 1500px) {
	.gnav_list > li + li{
		margin-left: 30px;
	}

	.gnav_btn_box{
		margin-left: 30px;
	}
}


@media screen and (max-width: 1300px) {
	.gnav_list > li + li{
		margin-left: 20px;
	}

	.gnav_btn_box{
		margin-left: 20px;
	}
}


@media screen and (max-width: 1200px) {
	.header_wrap .logo{
		width: 250px;
	}

	.gnav_wrap{
		padding: 0 20px;
	}
	.gnav_list > li + li{
		margin-left: 15px;
	}

	.gnav_btn_box{
		margin-left: 15px;
	}

	.gnav_list li a,
	.gnav_list li .menu_acc_btn{
		font-size: 1.4rem;
	}
}


@media screen and (max-width: 768px) {
	.header_wrap{
		position: absolute;
		z-index: 9999;
	}

	.header_wrap .logo{
		top: 35px;
		left: 0;
		right: 0;
		margin: auto;
		width: 126px;
		-webkit-transition: opacity .4s ease;
		transition: opacity .4s ease;
	}
	.header_wrap.active .logo{
		opacity: 0;
	}

	.menu_btn{
		position: fixed;
		z-index: 10001;
		top: 20px;
		right: 4%;
		margin: auto;
		width: 50px;
		height: 50px;
		padding-top: 27px;
		border-radius: 50%;
		border: 2px solid #111;
		cursor: pointer;
		pointer-events: auto;
	}

	.menu_btn .line{
		position:absolute;
		top: 15px;
		left: 0;
		right: 0;
		margin: auto;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: #111;
		-webkit-transition: opacity .4s ease;
		transition: opacity .4s ease;
	}
	.menu_btn .line:nth-child(1){
		z-index: 2;
		left: -20px;
	}
	.menu_btn .line:nth-child(2){
		z-index: 3;
	}
	.menu_btn .line:nth-child(3){
		z-index: 1;
		right: -20px;
	}

	.menu_btn .menu_txt{
		display: block;
		text-align: center;
		text-transform: uppercase;
	}

	.menu_btn.active{
		border: 0;
	}
	.menu_btn.active .line{
		background: #fff;
		width: 100%;
		height: 2px;
		border-radius: 0;
	}
	.menu_btn.active .menu_txt{
		display: none;
	}
	.menu_btn.active .line:nth-child(1){
		top: 0;
		bottom: 0;
		left: 0;
		transform: rotate(45deg);
	}
	.menu_btn.active .line:nth-child(2){
		background-color:rgba(255,255,255,0);
	}
	.menu_btn.active .line:nth-child(3){
		top: 0;
		bottom: 0;
		right: 0;
		transform: rotate(-45deg);
	}

	.gnav{
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		max-width: 100%;
		height: 100vh;
		padding: 140px 0 0;
		-webkit-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
	}
	.gnav.active{
		opacity: 1;
		visibility: visible;
	}

	.gnav_wrap{
		display: none;
		width: 100%;
		height: calc(100vh - 140px);
		max-height: initial;
		padding: 20px 50px 150px;
		overflow-y: auto;
	}

	.gnav_wrap .gnav_logo{
		position: absolute;
		top: 35px;
		left: 0;
		right: 0;
		margin: auto;
		width: 126px;
		-webkit-transition: opacity .4s ease;
		transition: opacity .4s ease;
	}

	.gnav_list > li + li{
		margin-top: 30px;
		margin-left: 0;
	}

	.gnav_list li a,
	.gnav_list li .menu_acc_btn{
		width: 100%;
		font-size: 1.6rem;
	}

	.gnav_list .menu{
		padding-left: 15px;
		margin-top: 20px;
	}

	.gnav_list .menu li + li{
		margin-top: 15px;
	}

	.gnav_list .menu li a{
		font-size: 1.2rem;
	}

	.gnav_list li .menu_acc_btn a{
		display: inline-block;
		width: auto;
	}

	.gnav_list .menu_acc_btn .menu_ico{
		z-index: 2;
		right: 0;
	}

	.gnav_btn_box{
		margin-top: 30px;
		margin-left: 0;
	}

	.gnav_btn{
		width: 60px;
	}
}



/* ----------------------------------------------------------------------------------------------------
*  フッター
* --------------------------------------------------------------------------------------------------*/
.footer_wrap{
	position: relative;
	padding: 190px 0 50px;
}

.footer_nav{
	display: flex;
	justify-content: center;
}

.footer_nav_right{
	display: flex;
	margin-left: 80px;
}

.footer_nav_list + .footer_nav_list{
	margin-left: 80px;
}

.footer_nav_list > li{
	position: relative;
	padding-left: 1em;
}
.footer_nav_list > li + li{
	margin-top: 15px;
}

.footer_nav_list > li::before{
	position: absolute;
	top: -2px;
	left: 0;
	content: ">"
}

.footer_nav_list li,
.footer_nav_list li a{
	display: block;
	line-height: 1.3;
	font-size: 2.0rem;
	font-weight: bold;
}


.footer_nav_list .menu{
	margin-top: 13px;
}
.footer_nav_list .menu li + li{
	margin-top: 10px;
}

.footer_nav_list .menu li a{
	padding: 0;
	font-size: 1.4rem;
}

.footer_btn_box{
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

.footer_wrap .copy{
	margin-top: 65px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}

.pagetop_btn{
	position: absolute;
	z-index: 100;
	right: 3%;
	bottom: 30px;
}


@media screen and (max-width: 768px) {
	.footer_wrap{
		padding: 60px 0 40px;
	}

	.footer_nav{
		justify-content: space-around;
	}

	.footer_nav_right{
		flex-direction: column;
		margin-left: 0;
	}

	.footer_nav_list + .footer_nav_list{
		margin-left: 0;
		margin-top: 20px;
	}

	.footer_nav_list > li::before{
		top: 0;
	}

	.footer_nav_list > li + li{
		margin-top: 20px;
	}

	.footer_nav_list li,
	.footer_nav_list li a{
		font-size: 1.6rem;
	}

	.footer_nav_list .menu li a{
		font-size: 1.2rem;
	}

	.footer_btn_box{
		margin-top: 30px;
	}
	.footer_btn{
		width: 70px;
	}

	.footer_wrap .copy{
		margin-top: 30px;
		font-size: 1.0rem;
	}

	.pagetop_btn{
		right: 4%;
		bottom: 40px;
	}
}




/* ----------------------------------------------------------------------------------------------------
*  共通
* --------------------------------------------------------------------------------------------------*/
.txt{
	line-height: 1.8;
}

.bold{
	font-weight: bold;
}
.med{
	font-weight: 500;
}
.ita{
	font-style: italic;
}

.txt_up{
	text-transform: uppercase;
}
.txt_noup{
	text-transform: none;
}

.center{
	text-align: center;
}

@media screen and (min-width: 769px) {
	.pc_tate{
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		white-space: nowrap;
	}
}
.tate{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
}


@media screen and (max-width: 768px) {
	.img img{
		width: 100%;
	}
}



/* ------------------------------
	.ttl
------------------------------ */
.page_ttl_box{
	width: 100%;
	padding-bottom: 75px;
}

.page_ttl_box .wrap{
	max-width: calc(100% - 180px);
}

.page_ttl{
	display: flex;
	flex-direction: column;
}

.page_ttl .en_ttl{
	position: relative;
	padding-bottom: 30px;
	-webkit-text-stroke: 2px #707070;
	text-stroke: 2px #707070;
	color: transparent;
	font-size: 10.0rem;
	font-weight: bold;
	line-height: 1;
}
.page_ttl .en_ttl::before{
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	width: 115px;
	height: 3px;
	background: #111;
}
.page_ttl .min_ttl{
	margin-top: 22px;
	font-size: 4.0rem;
	font-weight: bold;
	line-height: 1.3;
}

.page_ttl.center{
	text-align: center;
}
.page_ttl.center .en_ttl{
	font-size: 10.0rem;
}
.page_ttl.center .min_ttl{
	font-size: 3.5rem;
}
.page_ttl.center .en_ttl::before{
	right: 0;
	margin: auto;
}

.page_ttl_box .round_bg{
	position: absolute;
	top: 0;
	left: calc(50% + 265px);
	width: 700px;
	height: 700px;
	border-radius: 50%;
	overflow: hidden;
	background: url(../img/common/round_bg01.jpg) no-repeat center center;
	background-size: 100%;
}

.str_ttl{
	position: relative;
	padding-top: 65px;
	line-height: 1.3;
	text-align: center;
}
.str_ttl::before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	display: block;
	width: 3px;
	height: 50px;
	background: #111;
}

.str_ttl .en_txt{
	display: block;
	font-size: 4.0rem;
	font-weight: bold;
	line-height: 1;
}
.str_ttl .ttl_txt{
	display: block;
	margin-top: 4px;
	font-size: 2.5rem;
	font-weight: bold;
}
.str_ttl .ttl_txt2{
	display: block;
	margin-top: 10px;
	font-size: 1.3rem;
	font-weight: 500;
}
.sub_ttl{
	position: relative;
	line-height: 1.3;
	font-size: 3.2rem;
	font-weight: bold;
}
.sub_ttl .en_txt{
	display: block;
	margin-top: 10px;
	font-size: 2.2rem;
	font-weight: 500;
}
.sub_ttl::before{
	position: absolute;
	top: 0.6em;
	left: -60px;
	margin: auto;
	content: "";
	display: block;
	width: 50px;
	height: 3px;
	background: #111;
}

.float_ttl_box{
	position: absolute;
	z-index: 3;
	top: 0;
	left: 35px;
	display: flex;
	align-items: flex-start;
	pointer-events: none;
}
.float_ttl_box.center{
	bottom: 0;
	margin: auto;
	align-items: center;
	justify-content: center;
}
.float_ttl{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 4px;
	background: #111;
	text-align: center;
	color: #fff;
	line-height: 1.3;
	font-weight: bold;
	font-size: 2.5rem;
}

.float_sub_ttl{
	margin-left: -0.15em;
	font-size: 13.0rem;
	font-weight: 500;
	color: #D0D0D0;
	line-height: 1;
	mix-blend-mode: multiply;
	opacity: 0.3;
}


@media screen and (max-width: 768px) {
	.page_ttl_box{
		padding-bottom: 65px;
	}
	.page_ttl_box .wrap{
		max-width: 100%;
	}
	.page_ttl .en_ttl{
		padding-bottom: 20px;
		-webkit-text-stroke: 1px #707070;
		text-stroke: 1px #707070;
		font-size: 5.0rem;
	}
	.page_ttl .en_ttl::before{
		width: 60px;
	}
	.page_ttl .min_ttl{
		margin-top: 15px;
		font-size: 1.8rem;
	}

	.page_ttl.center .en_ttl{
		font-size: 5.0rem;
	}
	.page_ttl.center .min_ttl{
		font-size: 1.8rem;
	}

	.page_ttl_box .round_bg{
		top: 120px;
		left: auto;
		right: -30px;
		width: 316px;
		height: 316px;
		background: url(../img/common/round_bg01_sp.jpg) no-repeat center center;
		background-size: 100%;
	}

	.str_ttl{
		padding-top: 40px;
	}
	.str_ttl::before{
		width: 2px;
		height: 30px;
	}
	.str_ttl .en_txt{
		font-size: 2.5rem;
	}
	.str_ttl .ttl_txt{
		font-size: 1.3rem;
	}
	.str_ttl .ttl_txt2{
		font-size: 1.2rem;
	}
	.sub_ttl{
		padding-left: 4vw;
		font-size: 1.8rem;
	}
	.sub_ttl .en_txt{
		margin-top: 5px;
		font-size: 1.6rem;
	}
	.sub_ttl::before{
		width: 8vw;
		left: calc(-4vw - 10px);
		height: 2px;
	}

	.float_ttl_box{
		top: -20px;
		left: 0;
	}
	.float_ttl_box.center{
		top: 0;
		bottom: auto;
	}

	.float_ttl{
		padding: 10px 2px 10px;
		font-size: 1.2rem;
	}

	.float_sub_ttl{
		margin-top: 20px;
		font-size: 8.0rem;
	}
}



/* ------------------------------
	.btn
------------------------------ */
.btn{
	display: flex;
}
.btn.center{
	justify-content: center;
}

.btn a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	height: 75px;
	border: 4px solid #111;
	font-size: 2.1rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
@media screen and (min-width: 769px) {
	.btn a:hover{
		opacity: 1;
		background: #111;
		color: #fff;
	}
	.btn.blue a:hover{
		background: transparent;
		color: #006FFF;
		border-color: #006FFF;
	}
}

.lang_btn_box{
	display: flex;
	justify-content: center;
}

.lang_btn_box .lang_btn + .lang_btn{
	margin-left: 25px;
}

.lang_btn a{
	display: block;
	padding-bottom: 10px;
	border-bottom: 4px solid transparent;
	text-align: center;
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1;
}
.lang_btn.current a{
	border-color: #006FFF;
}


@media screen and (max-width: 768px) {
	.btn a{
		width: 150px;
		height: 50px;
		border-width: 2px;
		font-size: 1.6rem;
	}

	.lang_btn_box .lang_btn + .lang_btn{
		margin-left: 15px;
	}

	.lang_btn a{
		padding-bottom: 5px;
		font-size: 2.0rem;
	}
}



/* ------------------------------
	.box
------------------------------ */
.content_space{
	padding: 320px 0 0;
}

.flex{
	display: flex;
	justify-content: space-between;
}

.bg_gray{
	position: relative;
}

.bg_gray::before{
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #E6E6E6;
	pointer-events: none;
}
.bg_gray.bg_center::before{
	width: 94%;
	right: 0;
}
.bg_gray.bg_left::before,
.bg_gray.bg_right::before{
	width: calc(50% + 690px);
	max-width: 97%;
}
.bg_gray.bg_right::before{
	left: auto;
	right: 0;
}

.bg_gray.bg_content::before{
	left: auto;
	right: 0;
	width: calc(100% - 115px);
	max-width: 97%;
}

.bg_img{
	position: absolute;
	z-index: 2;
	display: block;
	pointer-events: none;
}


@media screen and (max-width: 768px) {
	.content_space{
		padding-top: 160px;
	}

	.bg_gray.bg_center::before{
		width: 100%;
	}
	.bg_gray.bg_left::before,
	.bg_gray.bg_right::before{
		width: 100%;
		max-width: 100%;
	}
	.bg_gray.bg_content::before{
		width: 100%;
		max-width: 100%;
	}
}



/* ------------------------------
	.breadcrumb_list
------------------------------ */
.breadcrumb_list{
	display: flex;
	flex-wrap: wrap;
	margin-top: 45px;
}

.breadcrumb_list li{
	display: flex;
	padding: 2px 0;
	color: #848484;
}
.breadcrumb_list li a{
	display: flex;
	color: #848484;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
@media screen and (min-width: 769px) {
	.breadcrumb_list li a:hover{
		opacity: 1;
		color: #111;
	}
}

.breadcrumb_list li .breadcrumb_txt{
	font-size: 1.5rem;
	line-height: 1.3;
}

.breadcrumb_list li + li::before{
	flex-shrink: 0;
	content: ">";
	margin: 0 0.3em;
	font-family: 'Roboto', 'Noto Sans JP',  sans-serif;
}


@media screen and (max-width: 768px) {
	.breadcrumb_list{
		display: none;
	}
}



/* ------------------------------
	.pager
------------------------------ */
.pager{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 80px;
}

.pager_list{
	display: flex;
	justify-content: center;
	align-items: center;
}

.pager_list li{
	display: flex;
	align-items: center;
	justify-content: center;
}
.pager_list li + li{
	margin-left: 15px;
}

.pager_list li a,
.pager_list li.current{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	border: 1px solid #111;
	border-radius: 50%;
	font-size: 1.5rem;
	font-weight: 500;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.pager_list li.current{
	color: #006FFF;
	border-color: #006FFF;
}

@media screen and (min-width: 769px) {
	.pager_list li a:hover{
		opacity: 1;
		color: #006FFF;
		border-color: #006FFF;
	}
	.pager_prev a:hover,
	.pager_next a:hover{
		opacity: 1;
		color: #006FFF;
	}
}

.pager_prev{
	margin-right: 15px;
}
.pager_next{
	margin-left: 15px;
}
.pager_prev a,
.pager_next a{
	font-weight: 500;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}


@media screen and (max-width: 768px) {
	.pager{
		margin-top: 60px;
	}

	.pager_list li + li{
		margin-left: 10px;
	}

	.pager_list li a,
	.pager_list li.current{
		width: 31px;
		height: 31px;
		font-size: 1.4rem;
	}
	.safari .pager_list li a,
	.safari .pager_list li.current{
		padding-top: 2px;
	}

	.pager_prev{
		margin-right: 10px;
	}
	.pager_next{
		margin-left: 10px;
	}
}



/* ------------------------------
	animation
------------------------------ */
.js-cursor__main {
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: #006fff;
	border-radius: 50%;
	z-index: 20001;
	opacity: 0;
	-webkit-transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.js-cursor.is-moved .js-cursor__main{
	opacity: 1;
}
.js-cursor.is-outside .js-cursor__main{
	opacity: 0;
}
.js-cursor.is-hover .js-cursor__main{
	background: #ffff00;
}

.js-cursor__option {
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #006fff;
	z-index: 20000;
	opacity: 0;
	transition: opacity .2s .2s, background .2s;
	display: none;
}
.js-cursor.is-moved .js-cursor__option{
	opacity: 0.5;
}
.js-cursor.is-outside .js-cursor__option{
	opacity: 0;
}
.js-cursor.is-hover .js-cursor__option{
	background: #006fff;
}


/* fade */
.inview-fade,
ul.inview-fade li,
ol.inview-fade li,
dl.inview-fade dt,
dl.inview-fade dd {
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(0,0,0) scale(1.0);
	transform: translate3d(0,0,0) scale(1.0);
	opacity: 0;
}
.inviewed-fade,
ul.inviewed-fade li,
ol.inviewed-fade li,
dl.inviewed-fade dt,
dl.inviewed-fade dd {
	-webkit-transform: translate3d(0,0,0) scale(1.0);
	transform: translate3d(0,0,0) scale(1.0);
	opacity: 1;
}

/* up */
.inview-up,
ul.inview-up li,
ol.inview-up li,
dl.inview-up dt,
dl.inview-up dd {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(0,20px,0) scale(1.0);
	transform: translate3d(0,20px,0) scale(1.0);
	opacity: 0;
}
.inviewed-up,
ul.inviewed-up li,
ol.inviewed-up li,
dl.inviewed-up dt,
dl.inviewed-up dd {
	-webkit-transform: translate3d(0,0,0) scale(1.0);
	transform: translate3d(0,0,0) scale(1.0);
	opacity: 1;
}

/* right */
.inview-right,
ul.inview-right li,
ol.inview-right li,
dl.inview-right dt,
dl.inview-right dd {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(-50px,0,0) scale(1.0);
	transform: translate3d(-50px,0,0) scale(1.0);
	opacity: 0;
}
.inviewed-right,
ul.inviewed-right li,
ol.inviewed-right li,
dl.inviewed-right dt,
dl.inviewed-right dd {
	-webkit-transform: translate3d(0,0,0) scale(1.0);
	transform: translate3d(0,0,0) scale(1.0);
	opacity: 1;
}

/* left */
.inview-left,
ul.inview-left li,
ol.inview-left li,
dl.inview-left dt,
dl.inview-left dd {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(50px,0,0) scale(1.0);
	transform: translate3d(50px,0,0) scale(1.0);
	opacity: 0;
}
.inviewed-left,
ul.inviewed-left li,
ol.inviewed-left li,
dl.inviewed-left dt,
dl.inviewed-left dd {
	-webkit-transform: translate3d(0,0,0) scale(1.0);
	transform: translate3d(0,0,0) scale(1.0);
	opacity: 1;
}


@media screen and (max-width: 768px) {
}



/* ------------------------------
	wp
------------------------------ */
.add {
	pointer-events: none;
}


@media screen and (max-width: 768px) {
}