@font-face {
 font-family: 'Roboto-Light';
 font-style: normal;
 font-weight: 300;
 src: url('../font/Roboto-Light.woff') format('woff');
 src: url(../font/Roboto-Light.ttf) format('truetype');
}
@font-face {
 font-family: 'Roboto-Regular';
 font-style: normal;
 font-weight: 400;
 src: url('../font/Roboto-Regular.woff') format('woff');
 src: url(../font/Roboto-Regular.ttf) format('truetype');
}
@font-face {
 font-family: 'Roboto-Bold';
 font-style: normal;
 font-weight: 700;
 src: url('../font/Roboto-Bold.woff') format('woff');
 src: url('../font/Roboto-Bold.ttf') format('truetype');
}

html {
	font-size: 62.5%;
}
@media screen and (orientation:landscape) and (max-width: 896px) {
	html {
		font-size: 0.6vw;
	}
}
body {
	min-width: 98rem;
	min-height: 640px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background-color: #F7F7F8;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
	max-width: 100%;
    height: auto;
}
@media all and (min-width: 897px) {
	.sp {
		display: none !important;
	}
}
@media screen and (orientation:portrait) and (max-width: 896px) {
	.pc {
		display: none !important;
	}
}
body,
.slick-slider {
	margin: 0 auto;
}
section .pager {
	top: 24%;
	z-index: 100;
}
section {
	padding: 0 50px;
	background-color: #F7F7F8;
}
section .content-main {
	padding: 0;
	height: 100vh;
	background-color: #F7F7F8;
}
section .pager li.right,
section .pager li.left {
	width: 5.8rem;
}
section .pager li.right a,
section .pager li.left a {
	padding-top: 9.2rem;
	display: block;
	color: #5098D6;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.54;
	text-decoration: none;
	background: url("../img/common/left.png") no-repeat center top / 4.6rem;
	transition: 0.7s;
}
section .pager li.right a {
	background: url("../img/common/right.png") no-repeat center top / 4.6rem;
}
#nav-menu {
	margin: 4.3rem auto -8.6rem;
	padding: 0;
	position: relative;
	width: 100%;
	max-width: 1100px;
	height: 43px;
	display: flex;
	justify-content: center;
	z-index: 10;
	box-sizing: border-box;
}
header #nav-menu li a:not(.current) {
	color: #5098D6 !important;
	text-decoration: none !important;
}
header #nav-menu li {
	display: block;
	background-color: #FFF !important;
	border-top: 2px solid #0C67B5;
	border-bottom: 2px solid #0C67B5;
}
#nav-menu li {
	width: 15.09% !important;
}
#nav-menu li.for_page1,
#nav-menu li.for_pageX {
	width: 11.18% !important;
	margin-left: -2rem;
}
#nav-menu li.for_page2,
#nav-menu li.for_page6 {
	width: 13.63% !important;
}
#nav-menu li.for_page5 {
	margin-right: 16rem;
}
#nav-menu li.for_page6 {
	color: #5098D6;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
}
#nav-menu li.end  {
	width: 14.83%;
	border-right: 2px solid #0C67B5;
}
#nav-menu li a {
	padding: 13px 0 11px 2rem;
	height: 100%;
	position: relative;
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	box-sizing: border-box;
}
#nav-menu li.for_page1 a,
#nav-menu li.for_pageX a {
	padding: 13px 0 11px;
	cursor: default !important;
}
#nav-menu li.for_page2 a,
#nav-menu li.for_page6 a {
	padding: 13px 3rem 11px 3rem;
}
#nav-menu li:not(.for_page1) a::after {
	width: 24px;
	height: 3.9rem;
	position: absolute;
	top: 0;
	right: -2.2rem;
	background: url("../img/common/icon09.png") no-repeat right center / 24px;
	z-index: 1;
	content: '';
}
#nav-menu li.for_page5::after {
	width: 2.4rem;
	height: 4.3rem;
	position: absolute;
	top: 0;
	right: 7.7rem;
	background: url("../img/common/icon10.png") no-repeat center / 2.4rem;
	z-index: 1;
	content: '';
}
#nav-menu li.for_page5::after,
#nav-menu li.for_page11 a::after {
	height: 4.3rem;
	top: -2px;
	background: url("../img/common/icon10.png") no-repeat right center / 24px;
}
#nav-menu li.for_page5::after {
	top: 0;
}
#nav-menu li.end a::after {
	display: none;
}
#nav-menu li.for_page5 span {
	padding-left: 3rem;
	width: 16rem;
	height: 4.3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 10rem;
	color: #5098D6;
	font-size: 1.2rem;
	background-color: #FFF !important;
	border-top: 2px solid #0C67B5;
	border-bottom: 2px solid #0C67B5;
	z-index: -1;
}
header #nav-menu li a:not(.current):not(.visited) {
	background-color: #FFF;
}
header #nav-menu li.for_page1 a:not(.current) {
	color: #FFF !important;
	font-size: 1.5rem;
	background-color: #0C67B5 !important;
}
header #nav-menu li:not(.for_page1) a.current {
	background-color: #5098D6;
	color: #FFF;
	text-decoration: none !important;
}
header #nav-menu li:not(.for_page1) a.current::after {
	background-image: url("../img/common/icon12.png");
}
header #nav-menu li a:not(.current):hover {
	background-color: #F0F3F8;
}
header #nav-menu li a:not(.current):hover::after {
	height: 39px;
	top: 0;
	background: url("../img/common/icon11.png?20240514") no-repeat right center / 24px;
}
#nav-menu li:not(.current) .pre-current {
	background-color: #5098D6 !important;
	color: #FFF !important;
}
#nav-menu li:not(.current) .pre-current::after {
	background: url("../img/common/icon12.png") no-repeat right center / 24px;
}
#nav-menu li:not(.current) .pre-current:hover::after {
	background: url("../img/common/icon12.png") no-repeat right center / 24px;
}
header #nav-menu li.for_pageX a {
	color: #FFF !important;
	background-color: #0C67B5 !important;
}
#nav-menu li.for_pageX a::after {
	display: none;
}
section .content-header {
	margin: 151px auto 41px;
	width: 100%;
	color: #0C67B5;
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1;
}
section .text-area {
	margin: 0 auto;
	padding: 4.1rem 4.7rem;
	width: 100rem;
	height: 49rem;
	position: relative;
	text-align: left;
	border: 3px solid #5098D6;
	border-radius: 10px;
	background-color: #FFF;
	box-sizing: border-box;
}
section .com-title {
	margin-bottom: 27px;
	color: #0C67B5;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
section .com-title > span {
	position: relative;
}
section .com-title > span::before,
section .com-title > span::after {
	width: 11.1rem;
	height: 1px;
	position: absolute;
	top: 0.9rem;
	left: -15rem;
	border-bottom: 1px dashed #0C67B5;
	content: '';
}
section .com-title > span::before {
	left: auto;
	right: -15rem;
}
section .com-title .num {
	font-size: 3rem;
	letter-spacing: 0.05em;
}
select::-ms-expand { display: none; }
.edd-head {
	margin-bottom: 1.7rem;
	width: 30.7rem;
	height: 9.5rem;
	color: #333333;
	font-size: 2.6rem;
	line-height: 1;
	text-align: center;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("../img/common/icon03.png") no-repeat right 2.5rem center / 1.7rem;
	border: 3px solid #EAEAEA !important;
	font-family: 'Roboto-Bold', sans-serif;
	text-align-last:center;
	border-radius: 5px;
}
.edd-root {
	width: 30.7rem !important;
}
.edd-arrow {
  	display: none !important;
}
.edd-value {
	padding: 8px 2.5rem 8px 0.5rem !important;
	height: 100%;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-weight: bold;
	position: absolute !important;
	z-index: 10 !important;
}
.edd-body {
	width: 30.7rem;
}
.edd-group {
	border-top: 0;
	border: 3px solid #EAEAEA;
}
.edd-option {
	padding: 2rem 4rem !important;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	border-bottom: 1px solid #EAEAEA;
}
.edd-select {
	visibility: hidden !important;
}
.comLink {
	width: 28rem;
	position: absolute;
	bottom: -6.4rem;
	left: -7.5rem;
}
.comLink a {
	padding: 0.8rem 0 0.8rem 7.1rem;
	display: block;
	position: relative;
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
	border-radius: 15px;
	border: 0.3rem solid #5098D6;
	background: #5098D6 url("../img/common/icon07.png") no-repeat right 2.2rem center / 1.1rem;
	transition: 0.7s;
}
.comLink a::after {
	width: 5.6rem;
	height: 7.3rem;
	position: absolute;
	bottom: -0.36rem;
	left: 0.8rem;
	background: url("../img/common/icon06.png?20240514") no-repeat center / 5.6rem;
	content: '';
}
.comLink a > span {
	display: block;
	color: #ffffff;
	font-size: 1.6rem;
}
.com-txt-list {
	margin: 0 50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border: 1px solid #5098D6;
}
.com-txt-list dt {
	width: 157px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-size: 1.2rem;
	background-color: #5098D6;
}
.com-txt-list dd {
	padding: 5px 25px 3px;
	width: calc(100% - 157px);
	color: #5098D6;
	font-size: 1.2rem;
	line-height: 1.5;
}

/* add jzi.hirata */
.com-txt-list dd span.term:after {
	content:'｜';
}
.com-txt-list dd span.item {
	margin-left:1rem;
}
.notes {
	margin: 0 auto;
	padding: 17px 0 0;
	display: flex;
	justify-content: space-between;
	max-width: 1000px;
	color: #0C67B5;
	font-size: 1.3rem;
	line-height: 1;
}
.notes .txt01 {
	padding-left: 24px;
	max-width: 30rem;
	background: url("../img/common/icon08.png") no-repeat left top / 1.9rem;
}
.notes .txt02 {
	width: calc(100% - 36rem);
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.36;
	text-align: left;
}
.mfp-bg {
	opacity: 0.33 !important;
}
.mfp-arrow-left,
.mfp-arrow-right {
	width: 50px !important;
	height: 50px !important;
	left: calc(50% + 404px) !important;
	top: 56% !important;
}
.mfp-arrow::before {
	display: none !important;
}
.mfp-arrow::after {
	margin: 0 auto !important;
	width: 50px !important;
	height: 50px !important;
	border: 0 !important;
	background: url("../img/common/icon14.png") no-repeat center / 50px !important;
}
.mfp-arrow-left {
	left: calc(50% - 452px) !important;
}
.mfp-arrow-left::after {
	background: url("../img/common/icon15.png") no-repeat center / 50px !important;
}
.pop { 
	margin: 0 auto;
	width: 100rem;
}
.popBox {
	padding: 6.3rem 12.8rem 2rem;
	position: relative;
	width: 100rem;
	height: 62.5rem;
	display: none;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #fff;
}
.popBox .title {
	margin: 0 auto 3.1rem !important;
	padding: 1.9rem 0 2.1rem;
	color: #FFF;
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1;
	text-align: center;
	background-color: #0C67B5;
	border-radius: 6px;
}
.popBox p {
	margin: 0 1.5rem;
	color: #333333;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.94;
	text-align: left;
}
.popBox p:not(:last-of-type) {
	margin-bottom: 3.5rem;
}
.popBox .pop-close {
	width: 1.6rem;
	height: 1.6rem;
	position: absolute;
	top: 2rem;
	right: 2rem;
	border: 0;
	background: url("../img/common/close.png") no-repeat center / cover;
}
#pop02 .popBox .title {
	background-color: #FFD800;
}
#pop03 .popBox .title {
	background-color: #00B277;
}
#pop04 .popBox .title {
	background-color: #FE8A86;
}
#pop05 .popBox .title {
	background-color: #FD5400;
}
.mfp-auto-cursor .mfp-content .popBox {
	display: block;
}
#pop06 .popBox .topBox,
#pop08 .popBox .topBox,
#pop09 .popBox .topBox,
#pop10 .popBox .topBox,
#pop11 .popBox .topBox {
	margin-bottom: 2rem;
	display: flex;
	justify-content: space-between;
}
#pop06 .popBox,
#pop08 .popBox,
#pop09 .popBox,
#pop10 .popBox,
#pop11 .popBox {
	padding: 4.7rem 8rem 2rem;
	background-color: #F7F7F8;
}
#pop06 .popBox .topBox .text,
#pop08 .popBox .topBox .text,
#pop09 .popBox .topBox .text,
#pop10 .popBox .topBox .text,
#pop11 .popBox .topBox .text {
	margin-top: -1rem;
	width: calc(100% - 29.7rem);
	text-align: left;
}
#pop06 .popBox .topBox .text p,
#pop08 .popBox .topBox .text p,
#pop09 .popBox .topBox .text p,
#pop10 .popBox .topBox .text p,
#pop11 .popBox .topBox .text p {
	margin-bottom: 0;
	color: #5098D6;
	font-size: 2.5rem;
	font-weight: bold;
}
#pop06 .popBox .topBox .text h2,
#pop08 .popBox .topBox .text h2,
#pop09 .popBox .topBox .text h2,
#pop10 .popBox .topBox .text h2,
#pop11 .popBox .topBox .text h2 {
	margin-bottom: 1.5rem;
	color: #0C67B5;
	font-size: 4.2rem;
	font-weight: bold;
}
#pop06 .popBox .topBox .text h2 span,
#pop08 .popBox .topBox .text h2 span,
#pop09 .popBox .topBox .text h2 span,
#pop10 .popBox .topBox .text h2 span,
#pop11 .popBox .topBox .text h2 span {
	margin-left: 1.5rem;
	padding: 0.8rem 0;
	width: 10.3rem;
	display: inline-block;
	color: #5098D6;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #5098D6;
	border-bottom: 1px solid #5098D6;
	vertical-align: 6px;
}
#pop06 .popBox .topBox .text .sml,
#pop08 .popBox .topBox .text .sml,
#pop09 .popBox .topBox .text .sml,
#pop10 .popBox .topBox .text .sml,
#pop11 .popBox .topBox .text .sml {
	font-size: 2rem;
}
#pop06 .popBox .photo,
#pop08 .popBox .photo,
#pop09 .popBox .photo,
#pop10 .popBox .photo,
#pop11 .popBox .photo {
	padding: 2.4rem 2.3rem 0 3.2rem;
	background-color: #FFFFFF;
}
#pop06 .popBox .photo.privacyBox,
#pop08 .popBox .photo.privacyBox,
#pop09 .popBox .photo.privacyBox,
#pop10 .popBox .photo.privacyBox,
#pop11 .popBox .photo.privacyBox {
	height: 53rem;
}
.privacyBox {
	margin: 0 auto;
	padding: 0 2rem;
	height: 36rem;
	word-break: break-all;
	overflow-y: scroll!important;
}
.mCSB_scrollTools {
	border-radius: 10px !important;
}
.mCSB_dragger_bar {
	width: 1.1rem !important;
	background-color: #5098D6 !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
	width: 1.1rem !important;
	background-color: #F0F3F5 !important;
}
#pop06 .mCSB_inside > .mCSB_container,
#pop08 .mCSB_inside > .mCSB_container,
#pop09 .mCSB_inside > .mCSB_container,
#pop10 .mCSB_inside > .mCSB_container,
#pop11 .mCSB_inside > .mCSB_container {
    margin-right: 42px;
}
.content-footer {
	display: none;
}
#page10 .content-main,
#page11 .content-main,
#page12 .content-main {
	position: relative;
	width: 100%;
}
#page10 .pager li.right,
#page11 .pager li.right,
#page12 .pager li.right {
	right: 1%;
	width: 6rem;
}
#page10 .pager li.left,
#page11 .pager li.left,
#page12 .pager li.left {
	left: 3.5rem;
	width: 6rem;
}
#page10 .text-area,
#page11 .text-area,
#page12 .text-area {
	position: relative;
	padding: 2rem 0.5rem 1rem;
	width: 100rem;
	height: 53rem;
	min-height: 30rem;
}
#page10 .privacyBox,
#page11 .privacyBox,
#page12 .privacyBox {
	max-height: 488px;
	height: 63vh;
}
#page12 .privacyBox {
	height: 66vh;
}
@media all and (min-width: 1281px) {
	section .pager li.left {
		left: calc((50% - 500px) / 2 - 58px);
	}
	section .pager li.right {
		right: calc((50% - 500px) / 2 - 58px);
	}
}
@media all and (max-height: 799px) {
	section .content-header {
		margin: 17.5vh auto 2vh;
	}
	#nav-menu {
		margin: 1.5rem auto -10rem;
	}
	section .text-area {
		padding: 2rem 4.7rem 3rem;
	}
	.comLink {
		bottom: -48px;
		left: -56px;
	}
	.notes {
		padding: 1vh 0 0;
	}
}
@media all and (max-width: 1279px) {
	#page10 .content-main,
	#page11 .content-main,
	#page12 .content-main {
		position: relative;
		width: 90%;
	}
	#page10 .pager li.right,
	#page11 .pager li.right,
	#page12 .pager li.right {
		right: -2.5rem;
	}
	#page10 .pager li.left,
	#page11 .pager li.left,
	#page12 .pager li.left {
		left: -1.2rem;
	}
}
@media all and (max-width: 1260px) {
	section .text-area {
		width: auto;
	}
	section .pager li.right {
		right: -2.5rem;
	}
	section .pager li.left {
		left: -1.2rem;
	}
}
@media all and (max-width: 1220px) {
	section .text-area {
		padding: 20px 35px 30px;
	}
	#page6 .text-area .cow_list {
		margin-top: 0;
	}
	header #nav-menu li.for_page1 a:not(.current) {
		font-size: 1rem;
	}
	#nav-menu li a {
		padding-top: 15px !important;
		font-size: 1rem;
	}
	#nav-menu li.for_page7 a,
	#nav-menu li.for_page8 a,
	#nav-menu li.for_page9 a,
	#nav-menu li.for_page10 a,
	#nav-menu li.for_page11 a,
	#nav-menu li.for_page12 a {
		padding-top: 14px !important;
	}
	.com-txt-list {
		margin: 0 auto;
	}
	.pop,
	.popBox {
		width: 98rem;
	}
	.comLink {
		left: -6rem;
	}
}
@media all and (max-width: 1160px) {
	section {
		padding: 0 15px;
	}
	#nav-menu {
		margin: 15px auto -86px;
		padding: 0;
		width: 100%;
		position: relative;
		max-width: 959px;
	}
	#nav-menu li.for_page1,
	#nav-menu li.for_pageX {
		margin-left: 0;
	}
	#nav-menu li.for_page5 span {
		width: 13.8rem;
	}
	section .pager li.right a,
	section .pager li.left a {
		font-size: 1rem;
	}
	#page10 .pager li.right,
	#page11 .pager li.right,
	#page12 .pager li.right,
	#page10 .pager li.left,
	#page11 .pager li.left,
	#page12 .pager li.left {
		width: 5.8rem;
	}
}

@media screen and (orientation:landscape) and (max-width: 1100px) and (max-height: 799px) {
	section .content-header {
		margin: 15.1rem auto 4.1rem;
	}
}
@media all and (max-width: 1050px) {
	.mfp-arrow-left,
	.mfp-arrow-right {
		left: calc(50% + 10rem) !important;
	}
	.mfp-arrow-left {
		left: calc(50% - 15.2rem) !important;
	}
	#page2 .pager li a span,
	#page3 .pager li a span,
	#page4 .pager li a span,
	#page5 .pager li a span,
	#page6 .pager li a span,
	#page7 .pager li a span,
	#page8 .pager li a span,
	#page9 .pager li a span,
	#page10 .pager li a span,
	#page11 .pager li a span,
	#page12 .pager li a span,
	#page13 .pager li a span {
		display: none !important;
	}
}
@media all and (max-width: 1000px) {
	#nav-menu {
		margin: 15px 0 -86px;
		max-width: inherit;
	}
	#nav-menu li.for_page5 span {
		width: 14rem;
	}
}
@media all and (min-width: 897px) {
	section .pager li.left a:hover {
		color: #0C67B5;
		background-image: url("../img/common/left_on.png");
	}
	section .pager li.right a:hover {
		color: #0C67B5;
		background-image: url("../img/common/right_on.png");
	}
	.mfp-arrow-left:hover::after {
		background-image: url("../img/common/icon15_on.png") !important;
	}
	.mfp-arrow-right:hover::after {
		background-image: url("../img/common/icon14_on.png") !important;
	}
	.comLink a:hover {
		color: #FFF;
		background: #0C67B5 url("../img/common/icon07.png") no-repeat right 22px center / 11px;
		border-color: #0C67B5;
	}
	.comLink a:hover span {
		color: #FFF;
	}
}
@media screen and (orientation:landscape) and (max-width: 896px) {
	header {
		display: none;
	}
	section .content-main {
		height: auto;
	}
	section .text-area {
		width: 120rem;
		height: 60rem;
		padding: 2rem 3.5rem 3rem;
	}
	#page10 .text-area,
	#page11 .text-area,
	#page12 .text-area {
		width: 120rem !important;
		height: 60rem !important;
	}
	select::-ms-expand { display: none; }
	.comLink {
		bottom: -5rem !important;
		left: -8rem;
	}
	.comLink {
		width: 36.5rem !important;
	}
	.comLink a {
		font-size: 2.1rem;
		padding-left: 9rem;
		border-radius: 1.5rem;
	}
	.comLink a::after {
		width: 7rem;
		height: 9.13rem;
		background-size: contain;
	}
	.comLink a > span {
		font-size: 2.3rem;
	}
	section .com-title {
		font-size: 3.2rem;
	}
	section .com-title .num {
		font-size: 4.2rem;
	}
	section .content-header {
		margin: 4.1rem auto 4.1vh !important;
		font-size: 4rem;
	}
	.com-txt-list dt,
	.com-txt-list dd {
		font-size: 1.5rem;
	}
	.com-txt-list dd {
		padding: 3px 15px 0;
		line-height: 1.3;
	}
	#page1 p {
		margin: 0 auto !important;
		font-size: 2.6rem !important;
	}
	#page1 .pager li a {
		margin: 6.4rem auto 0 !important;
		padding: 1.7rem 0 1.8rem !important;
	}
	#page1 .pager li.right {
		padding-top: 13.5rem !important;
	}
	.mfp-arrow-left,
	.mfp-arrow-right {
		left: calc(50% + 33rem) !important;
	}
	.mfp-arrow-left {
		left: calc(50% - 47.2rem) !important;
	}
	#page10 .privacyBox,
	#page11 .privacyBox {
		height: 65vh;
	}
	#page12 .privacyBox {
		height: 70vh;
	}
	#page10 .pager li.right,
	#page11 .pager li.right,
	#page12 .pager li.right,
	#page10 .pager li.left,
	#page11 .pager li.left,
	#page12 .pager li.left {
		width: 8rem;
	}
	section .pager {
		top: 38%;
	}
	section .pager li.right a,
	section .pager li.left a {
		font-size: 1.2rem;
	}
	section .pager li.right {
		right: 4rem !important;
	}
	section .pager li.left {
		left: 7rem !important;
	}
	.popBox {
		padding: 4rem 9rem 2rem;
	}
	.popBox .title {
		font-size: 3.6rem;
	}
	.popBox p {
		font-size: 2.4rem;
	}
	.popBox .pop-close {
		width: 3.2rem;
		height: 3.2rem;
	}
	.popBox .topBox .text p {
		font-size: 2.8rem;
	}
	#pop06 .popBox .topBox .text .sml,
	#pop08 .popBox .topBox .text .sml,
	#pop09 .popBox .topBox .text .sml,
	#pop10 .popBox .topBox .text .sml,
	#pop11 .popBox .topBox .text .sml {
		font-size: 2.2rem;
	}
	#pop06.pop,
	#pop06.pop .popBox,
	#pop08.pop,
	#pop08.pop .popBox,
	#pop09.pop,
	#pop09.pop .popBox,
	#pop10.pop,
	#pop10.pop .popBox,
	#pop11.pop,
	#pop11.pop .popBox {
		width: 120rem;
	}
	#pop06 .popBox .photo.privacyBox,
	#pop08 .popBox .photo.privacyBox,
	#pop09 .popBox .photo.privacyBox,
	#pop10 .popBox .photo.privacyBox,
	#pop11 .popBox .photo.privacyBox {
		height: 67rem;
	}
	#pop06 .mCSB_inside > .mCSB_container,
	#pop08 .mCSB_inside > .mCSB_container,
	#pop09 .mCSB_inside > .mCSB_container,
	#pop10 .mCSB_inside > .mCSB_container,
	#pop11 .mCSB_inside > .mCSB_container {
		margin-right: 20px;
	}
	#page10 .notes,
	#page11 .notes,
	#page12 .notes {
		width: 120rem;
	}
	.notes .txt01 {
		text-align: left;
		padding-left: 2.5rem;
	}
}
@media screen and (orientation:portrait) and (max-width: 896px) {
	body {
		min-width: inherit;
		min-height: inherit;
	}
	section .pager {
		width: 100%;
		top: 24%;
		margin: 0;
	}
	section {
		padding: 0 5px;
	}
	section .content-main {
		width: 100%;
		height: inherit;
	}
	section .pager li.right,
	section .pager li.left {
		width: 40px;
		right: 0;
	}
	section .pager li.left {
		right: auto;
		left: 0;
	}
	section .pager li.right a,
	section .pager li.left a {
		padding-top: 36px;
		font-size: 1rem;
		background: url("../img/common/left.png") no-repeat center top / 20px;
	}
	section .pager li.right a {
		background: url("../img/common/right.png") no-repeat center top / 20px;
	}
	#nav-menu {
		display: none;
	}
	section .content-header {
		margin: 30px auto;
		width: 100%;
		color: #0C67B5;
		font-size: 2rem;
		line-height: 1;
	}
	section .text-area {
		margin: 0 40px;
		padding: 15px;
		height: auto;
		text-align: left;
		border: 3px solid #5098D6;
		border-radius: 10px;
		background-color: #FFF;
	}
	section .com-title {
		margin-bottom: 27px;
		font-size: 1.4rem;
	}
	section .com-title > span::before,
	section .com-title > span::after {
		width: 20px;
		left: -30px;
	}
	section .com-title > span::before {
		left: auto;
		right: -30px;
	}
	section .com-title .num {
		font-size: 2.2rem;
	}
	section .content-main select {
		margin-bottom: 17px;
		width: 100%;
		height: 50px;
		font-size: 3rem;
		background: url("../img/common/icon03.png") no-repeat right 20px center / 17px;
	}
	.edd-head {
		width: 100%;
		height: 50px;
		font-size: 2rem;
	}
	.edd-head {
		background: url("../img/common/icon03.png") no-repeat right 0.5rem center / 1.7rem;
	}
	.edd-root {
		width: 100% !important;
	}
	.edd-body {
		width: 100%;
	}
	.edd-option {
		padding: 20px 40px 21px !important;
		font-size: 1.4rem;
	}
	.comLink {
		width: 254px;
		position: absolute;
		bottom: -50px;
		left: -44px;
	}
	.comLink a {
		font-size: 1rem;
	}
	.comLink a:after {
		bottom:-1rem;
	}
	.comLink a > span {
		font-size: 1.4rem;
	}
	.com-txt-list {
		margin: 0 auto;
		display: block;
	}
	.com-txt-list dt {
		padding: 5px 0;
		width: 100%;
	}
	.com-txt-list dd {
		padding: 5px 15px;
		width: auto;
		font-size: 1rem;
	}
	.notes {
		padding: 17px 0 0;
		display: block;
		max-width: inherit;
		font-size: 1.3rem;
		line-height: 1;
	}
	.notes span {
		display: block;
	}
	.notes .txt01 {
		padding-left: 24px;
		max-width: inherit;
		font-size: 1rem;
		background: url("../img/common/icon08.png") no-repeat left top / 1.9rem;
	}
	.notes .txt02 {
		margin-bottom: 10px;
		width: auto;
		font-size: 1rem;
		font-weight: 500;
		line-height: 1.36;
		text-align: left;
	}
	.mfp-arrow-left,
	.mfp-arrow-right {
		width: 40px !important;
		height: 40px !important;
		left: calc(50% + 130px) !important;
		top: 56% !important;
	}
	.mfp-arrow::before {
		display: none !important;
	}
	.mfp-arrow::after {
		margin: 0 auto !important;
		width: 40px !important;
		height: 40px !important;
		border: 0 !important;
		background: url("../img/common/icon14.png") no-repeat center / 40px !important;
	}
	.mfp-arrow-left {
		left: calc(50% - 175px) !important;
	}
	.mfp-arrow-left::after {
		background: url("../img/common/icon15.png") no-repeat center / 40px !important;
	}
	.pop,
	.popBox {
		width: auto;
		height: auto;
	}
	.pop {
		margin: 0 40px;
	}
	.popBox {
		padding: 30px 40px;
	}
	.popBox .title {
		margin: 0 auto 15px !important;
		padding: 10px 0;
		font-size: 2rem;
	}
	.popBox p {
		margin: 0 auto;
		font-size: 1.4rem;
		line-height: 1.5;
	}
	.popBox p:not(:last-of-type) {
		margin-bottom: 20px;
	}
	#pop06 .popBox .topBox,
	#pop08 .popBox .topBox,
	#pop09 .popBox .topBox,
	#pop10 .popBox .topBox,
	#pop11 .popBox .topBox {
		margin-bottom: 20px;
		display: block;
	}
	#pop06 .popBox,
	#pop08 .popBox,
	#pop09 .popBox,
	#pop10 .popBox,
	#pop11 .popBox {
		padding: 20px;
		width: auto;
	}
	#pop06 .popBox .topBox .text,
	#pop08 .popBox .topBox .text,
	#pop09 .popBox .topBox .text,
	#pop10 .popBox .topBox .text,
	#pop11 .popBox .topBox .text {
		margin: 0 0 20px;
		width: auto;
		text-align: left;
	}
	#pop06 .popBox .topBox .text p,
	#pop08 .popBox .topBox .text p,
	#pop09 .popBox .topBox .text p,
	#pop10 .popBox .topBox .text p,
	#pop11 .popBox .topBox .text p {
		font-size: 1.5rem;
	}
	#pop06 .popBox .topBox .text h2,
	#pop08 .popBox .topBox .text h2,
	#pop09 .popBox .topBox .text h2,
	#pop10 .popBox .topBox .text h2,
	#pop11 .popBox .topBox .text h2 {
		font-size: 2rem;
	}
	#pop06 .popBox .topBox .text h2 span,
	#pop08 .popBox .topBox .text h2 span,
	#pop09 .popBox .topBox .text h2 span,
	#pop10 .popBox .topBox .text h2 span,
	#pop11 .popBox .topBox .text h2 span {
		margin-left: 15px;
		padding: 2px 0;
		width: 50px;
		font-size: 1rem;
		vertical-align: 3px;
	}
	#pop06 .popBox .topBox .text .sml,
	#pop08 .popBox .topBox .text .sml,
	#pop09 .popBox .topBox .text .sml,
	#pop10 .popBox .topBox .text .sml,
	#pop11 .popBox .topBox .text .sml {
		font-size: 1.3rem;
	}
	#pop06 .popBox .photo.privacyBox,
	#pop08 .popBox .photo.privacyBox,
	#pop09 .popBox .photo.privacyBox,
	#pop10 .popBox .photo.privacyBox,
	#pop11 .popBox .photo.privacyBox {
		height: 36rem;
	}
	#pop06 .popBox .photo,
	#pop08 .popBox .photo,
	#pop09 .popBox .photo,
	#pop10 .popBox .photo,
	#pop11 .popBox .photo {
		padding: 24px 15px 0 10px;
	}
	#pop06 .mCSB_inside > .mCSB_container,
	#pop08 .mCSB_inside > .mCSB_container,
	#pop09 .mCSB_inside > .mCSB_container,
	#pop10 .mCSB_inside > .mCSB_container,
	#pop11 .mCSB_inside > .mCSB_container {
		margin-right: 0;
	}
	.mfp-arrow-left,
	.mfp-arrow-right {
		left: auto !important;
		right: 3%;
	}
	.mfp-arrow-left {
		left: 3% !important;
	}
	#page10 .privacyBox,
	#page11 .privacyBox,
	#page12 .privacyBox {
		height: auto;
	}
}
@media all and (max-width: 374px) {
	section .text-area {
		padding: 5px;
	}
	#page3 .text-area .text-list li .link a {
		padding: 0.5rem 0;
		font-size: 1.2rem;
	}
}

/*----- dialog -----*/
body.wrap_dialog .ui-dialog {
	text-align: center !important;
	border: 3px solid #5098D6 !important;
	border-radius: 6px !important;
	background-color: #FFF !important;
	padding: 1.5rem 1rem 1rem !important;
    width: 500px !important;
    top: 28% !important;
}
body.wrap_dialog .ui-dialog .ui-dialog-title {
	font-size: 2.6rem !important;
	color: #0c67b5 !important;
	font-weight: 600 !important;
	letter-spacing: 0.2em !important;
	margin-bottom: 1rem !important;
	margin-left: 1rem !important;
}
body.wrap_dialog .ui-dialog .ui-dialog-content {
	font-size: 1.8rem !important;
	line-height: 1.8 !important;
}
body.wrap_dialog .ui-dialog .ui-dialog-titlebar-close {
	position: absolute !important;
	top: 5px !important;
	right: 0 !important;
	border: none !important;
	background-color: #fff !important;
	font-size: 2.2rem !important;
	color: #666 !important;
}
body.wrap_dialog .ui-dialog .ui-dialog-titlebar-close:hover {
	color: #999 !important;
}
body.wrap_dialog .ui-dialog-buttonset {
	margin-top: 1rem !important;
}
body.wrap_dialog .ui-dialog-buttonset button {
	border: none !important;
	background-color: #ccc !important;
	font-size: 1.5rem !important;
	color: #666 !important;
	font-weight: 600 !important;
	padding: 0.5rem 1rem !important;
}
body.wrap_dialog .ui-dialog-buttonset button:first-of-type {
	background-color: #5098D6 !important;
	color: #fff !important;
}
body.wrap_dialog .ui-dialog-buttonset button:hover {
	opacity: 0.75 !important;
	transition: 0.7s !important;
}
@media screen and (orientation:landscape) and (max-width: 896px) {
	body.wrap_dialog .ui-dialog {
		width: 310px !important;
		top: 26% !important;
	}
	body.wrap_dialog .ui-dialog .ui-dialog-title {
		font-size: 3.4rem !important;
	}
	body.wrap_dialog .ui-dialog .ui-dialog-content {
		font-size: 2.4rem !important;
	}
	body.wrap_dialog .ui-dialog .ui-dialog-titlebar-close {
		font-size: 2.8rem !important;
	}
	body.wrap_dialog .ui-dialog-buttonset button {
		font-size: 2.2rem !important;
		padding: 0.5rem 1rem !important;
	}
}
@media screen and (orientation:portrait) and (max-width: 896px) {
	body.wrap_dialog .ui-dialog {
		width: 300px !important;
	}
	body.wrap_dialog .ui-dialog .ui-dialog-title {
		font-size: 2rem !important;
	}
	body.wrap_dialog .ui-dialog .ui-dialog-content {
		font-size: 1.4rem !important;
	}
	body.wrap_dialog .ui-dialog .ui-dialog-titlebar-close {
		font-size: 1.7rem !important;
	}
	body.wrap_dialog .ui-dialog-buttonset button {
		font-size: 1.2rem !important;
		padding: 0.5rem 1rem !important;
	}
}

/*----- opening anime -----*/
#opaning-anime {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1000;
  -webkit-animation: fadeIn 0.5s linear both;
  animation: fadeIn 0.5s linear both;
  -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
#logo-opening {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40rem;
}
#logo-opening img {
    -webkit-animation: logoAnime 1s infinite linear alternate;
    animation: logoAnime 1s infinite linear alternate;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
#wrapper {
    opacity: 0;
    height: 100%;
    height: 100vh;
    overflow: hidden;
}
body.appear #wrapper {
	-webkit-animation: fadeIn 0.5s forwards;
    animation: fadeIn 0.5s forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    opacity: 0;
    height: auto;
}
@media screen and (orientation:landscape) and (max-width: 896px) {
	#logo-opening {
        width: 55rem;
    }
}
@media screen and (orientation:portrait) and (max-width: 896px) {
	#logo-opening {
        width: 28rem;
    }
}
@media all and (max-width: 896px) {
    #logo-opening {
        top: 45%;
        left: 50%;
        transform: translate(-50%, -45%);
    }
}

@-webkit-keyframes logoAnime {
	0% {
    -webkit-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes logoAnime {
  0% {
    -webkit-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*----- navigation menu links -----*/
#nav-menu a {
    cursor: default !important;
    pointer-events: none !important;
}