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

/*スライダー調整用*/

.slick-prev {
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 100;
}
.slick-next {
	position: absolute;
	top: 150px;
	left: 0;
	z-index: 100;
}

@keyframes bow {
	0% {
		transform: rotate(0deg);
	}
	16% {
		transform: rotate(6deg);
	}
	20% {
		transform: rotate(6deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
@keyframes introAnimation {
	0% {
		margin-top: -25%;
	}
	100% {
		margin-top: -18%;
	}
}
@keyframes introAnimation2 {
	0% {
		max-width: 600px;
	}
	100% {
		max-width: 1250px;
	}
}
@keyframes purun {
  0%   {
	  transform: scale(1.0, 1.0) translate(0%, 0%);
	  max-width: none;
	}
  15%  {
	  transform: scale(0.9, 0.9) translate(0%, 5%);
	  max-width: none;
	}
  30%  {
	  transform: scale(1.3, 0.8) translate(0%, 10%);
	  max-width: none;
	}
  50%  {
	  transform: scale(0.8, 1.3) translate(0%, -10%);
	  max-width: none;
	}
  70%  {
	  transform: scale(1.1, 0.9) translate(0%, 5%);
	  max-width: none;
	}
  100% {
	  transform: scale(1.0, 1.0) translate(0%, 0%);
	  max-width: none;
	}
}
@keyframes sono2before {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sono2after {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

main {
	overflow-x: hidden;
}

/*fixed_bunner*/

#fixed_bunner {
	display: block;
	position: fixed;
	right: 10px;
	bottom: 25vw;
	z-index: 100;
	background-color: #FFFFFF;
	padding: 10px;
	max-width: 200px;
	width: 50%;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	transition: 0.3s;
}
#fixed_bunner.active {
	bottom: 40vw;
}
#fixed_bunner #fixed_close {
	position: absolute;
	top: -15px;
	left: -5px;
	border-radius: 50%;
	background-color: #FFFFFF;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #dcdcdc;
}
#fixed_bunner h2 {
	font-size: 12px;
	background-color: rgba(245,170,0,1.00);
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	padding: 5px 0;
	margin: 0 auto 10px;
	border-radius: 8px;
	line-height: 1.2;
}
#fixed_bunner p {
	font-size: 10px;
	line-height: 1.6;
	margin: 0;
}
#fixed_bunner figure {
	position: absolute;
	width: 18%;
	top: 10%;
	right: 7px;
}
#fixed_bunner figure img {
	width: 100%;
}

/*corona_banner*/

#corona_banner {
	position: absolute;
	top: 70px;
	right: 0;
	width: 100px;
	max-width: 200px;
	height: auto;
	z-index: 90;
	display: block;
}
#corona_banner a {
	display: block;
}
#corona_banner img {
	width: 100%;
}

/*library_banner*/

#library_banner {
	display: block;
	position: fixed;
	left: 0px;
	bottom: 17vw;
	z-index: 100;
	max-width: 250px;
	width: 40%;
	transition: 0.3s;
}

#library_banner .banner_close {
	position: absolute;
	top: -15px;
	left: 5px;
	border-radius: 50%;
	background-color: #FFFFFF;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #dcdcdc;
	z-index: 1;
}
#library_banner figure {
	margin: 0;
	width: 100%;
	position: relative;
	z-index: 0;
}
#library_banner figure a {
	display: block;
	width: 100%;
	height: 100%;
}
#library_banner figure img {
	width: 100%;
	transition: 0.3s;
}


/*slider_wrap*/

#slider_wrap {
	padding-top: 60px;
	width: 100%;
	position: relative;
	margin-bottom: 30px;
}
#slider_wrap .slick01 li {
	position: relative;
}

#slider_wrap .slick01 .slick-dots {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}
#slider_wrap .slick01 .slick-dots li {
	width: 13px;
	height: 13px;
	list-style-type: none;
	position: relative;
}
#slider_wrap .slick01 .slick-dots li::marker {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#slider_wrap .slick01 .slick-dots li:not(:last-of-type) {
	margin-bottom: 10px;
	margin-right: 5px;
}
#slider_wrap .slick01 .slick-dots li button {
	text-indent: -9999px;
	background: none;
	position: relative;
	width: 13px;
	height: 13px;
	border: none;
	outline: none;
}
#slider_wrap .slick01 .slick-dots li button:after {
    content: '';
    background-image: url("../img/top/slide/dots/dots01.png");
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 13px;
    background-size: 100% 100%;
}
#slider_wrap .slick01 .slick-dots li.slick-active button:after {
	background-image: url("../img/top/slide/dots/dots01_act.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+1) button:after {
	background-image: url("../img/top/slide/dots/dots01.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+1).slick-active button:after {
	background-image: url("../img/top/slide/dots/dots01_act.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+2) button:after {
	background-image: url("../img/top/slide/dots/dots02.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+2).slick-active button:after {
	background-image: url("../img/top/slide/dots/dots02_act.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+3) button:after {
	background-image: url("../img/top/slide/dots/dots03.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+3).slick-active button:after {
	background-image: url("../img/top/slide/dots/dots03_act.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+4) button:after {
	background-image: url("../img/top/slide/dots/dots04.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+4).slick-active button:after {
	background-image: url("../img/top/slide/dots/dots04_act.png");
}
#slider_wrap img.slide_img_pc,
#slider_wrap .slide_img2_pc,
#slider_wrap img.slide_img_ribon {
	display: none;
}
#slider_wrap img.slide_img_sp {
	width: 100%;
}
#slider_wrap .slide_img_sp2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 98%;
	outline: none;
}
#slider_wrap .slide_img_sp2 img {
	width: 100%;
	outline: none;
	border: none;
}
/*#slider_wrap .slick01 {
	position: relative;
	display: none;
}
#slider_wrap .slick01 li {
	position: relative;
}
#slider_wrap .slick01 .slick-dots {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}
#slider_wrap .slick01 .slick-dots li {
	width: 13px;
	height: 13px;
	list-style-type: none;
	position: relative;
}
#slider_wrap .slick01 .slick-dots li::marker {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#slider_wrap .slick01 .slick-dots li:not(:last-of-type) {
	margin-bottom: 10px;
}
#slider_wrap .slick01 .slick-dots li button {
	text-indent: -9999px;
	background: none;
	position: relative;
	width: 13px;
	height: 13px;
	border: none;
	outline: none;
}
#slider_wrap .slick01 .slick-dots li button:after {
    content: '';
    background-image: url("../img/top/slide/dots/dots01.png");
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 13px;
    background-size: 100% 100%;
}
#slider_wrap .slick01 .slick-dots li.slick-active button:after {
	background-image: url("../img/top/slide/dots/dots01_act.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+1) button:after {
	background-image: url("../img/top/slide/dots/dots01.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+1).slick-active button:after {
	background-image: url("../img/top/slide/dots/dots01_act.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+2) button:after {
	background-image: url("../img/top/slide/dots/dots02.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+2).slick-active button:after {
	background-image: url("../img/top/slide/dots/dots02_act.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+3) button:after {
	background-image: url("../img/top/slide/dots/dots03.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+3).slick-active button:after {
	background-image: url("../img/top/slide/dots/dots03_act.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+4) button:after {
	background-image: url("../img/top/slide/dots/dots04.png");
}
#slider_wrap .slick01 .slick-dots li:nth-of-type(4n+4).slick-active button:after {
	background-image: url("../img/top/slide/dots/dots04_act.png");
}*/
#slider_wrap .slick-slider {
	margin: 0;
	width: 100%;
}
#slider_wrap .slick-slider img:first-of-type {
	width: 100%;
}
#slider_wrap .slick-slider li {
	outline:none;
}
#slider_wrap .slide00 .lidertitle {
	position: absolute;
	top: 15%;
	left: 10%;
	max-width: 100%;
	width: 80%;
}
#slider_wrap .slide01 .lidertitle {
	position: absolute;
	top: 2%;
	left: 50%;
	transform: translateX(-50%);
	max-width: 100%;
	width: 60%;
}
#slider_wrap .slide02 .lidertitle {
	position: absolute;
	top: 5%;
	left: 2%;
	max-width: 100%;
	width: 50%;
}
#slider_wrap .slide03 .lidertitle {
	position: absolute;
	top: 30%;
	right: 10%;
	max-width: 100%;
	width: 20%;
}
#slider_wrap .slide04 .lidertitle {
	position: absolute;
	top: 0%;
	left: 4%;
	max-width: 100%;
	width: 68%;
}
#slider_wrap .slider_top_sp {
	position: relative;
}
#slider_wrap .slider_top_sp figure.sp_intro {
	position: absolute;
	z-index: 101;
	top: 0;
	left: 0;
	width: 100%;
}
#slider_wrap .slider_top_sp figure.sp_intro img {
	width: 100%;
}
#slider_wrap .slider_top_sp .slick02 {
	width: 100%;
}
#slider_wrap .slider_top_sp .slick02 img {
	width: 100%;
}
#slider_wrap .slider_top_sp .slick02 li {
	position: relative;
}
#slider_wrap .slider_top_sp .slick02 .slick-dots {
	position: absolute;
	left: 15px;
	top: 20px;
}
#slider_wrap .slider_top_sp .slick02 .slick-dots li {
	width: 13px;
	height: 13px;
	list-style-type: none;
}
#slider_wrap .slider_top_sp .slick02 .slick-dots li::marker {
	content: '';
}
#slider_wrap .slider_top_sp .slick02 .slick-dots li:not(:last-of-type) {
	margin-bottom: 10px;
}
#slider_wrap .slider_top_sp .slick02 .slick-dots li button {
	text-indent: -9999px;
	background: none;
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
}
#slider_wrap .slider_top_sp .slick02 .slick-dots li button:after {
    content: '';
    background-image: url("../img/top/slide/dots/dots01.png");
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 13px;
    background-size: 100% 100%;
}
#slider_wrap .slider_top_sp .slick02 .slick-dots li.slick-active button:after {
	background-image: url("../img/top/slide/dots/dots01_act.png");
}
#slider_wrap .slider_top_sp .slick02 .slick-dots li:nth-of-type(4n+1) button:after {
	background-image: url("../img/top/slide/dots/dots01.png");
}
#slider_wrap .slider_top_sp .slick02 .slick-dots li:nth-of-type(4n+1).slick-active button:after {
	background-image: url("../img/top/slide/dots/dots01_act.png");
}
#slider_wrap .slider_top_sp .slick02 .slick-dots li:nth-of-type(4n+2) button:after {
	background-image: url("../img/top/slide/dots/dots02.png");
}
#slider_wrap .slider_top_sp .slick02 .slick-dots li:nth-of-type(4n+2).slick-active button:after {
	background-image: url("../img/top/slide/dots/dots02_act.png");
}
#slider_wrap .slider_top_sp .slick02 .slick-dots li:nth-of-type(4n+3) button:after {
	background-image: url("../img/top/slide/dots/dots03.png");
}
#slider_wrap .slider_top_sp .slick02 .slick-dots li:nth-of-type(4n+3).slick-active button:after {
	background-image: url("../img/top/slide/dots/dots03_act.png");
}
#slider_wrap .slider_top_sp .slick02 .slick-dots li:nth-of-type(4n+4) button:after {
	background-image: url("../img/top/slide/dots/dots04.png");
}
#slider_wrap .slider_top_sp .slick02 .slick-dots li:nth-of-type(4n+4).slick-active button:after {
	background-image: url("../img/top/slide/dots/dots04_act.png");
}

/*#slider_wrap .slider_top_sp figure.mainimg {
	width: 100%;
}
#slider_wrap .slider_top_sp figure.mainimg img {
	width: 100%;
}*/
/*#slider_wrap .slider_top_sp figure.lidertitle {
	position: absolute;
	width: 45%;
	top: 3%;
	left: 50%;
	transform: translateX(-50%);
}*/
/*#slider_wrap .slider_top_sp figure.lidertitle img {
	width: 100%;
}*/
#slider_wrap .slider_top_sp .foot {
	position: absolute;
	right: 0;
	bottom: -20%;
	width: 80%;
	z-index: 1;
}
#slider_wrap .slider_top_sp .foot img {
	width: 100%;
}


/*最終*/

#slider_wrap .slider_bottom {
	display: none;
	background: rgb(239,239,239); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(239,239,239,1) 0%, rgba(219,219,219,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(239,239,239,1) 0%,rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(239,239,239,1) 0%,rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#slider_wrap .bunner_wrap {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    align-items: flex-end;
    justify-content: flex-end;
    margin: 0 auto;
	z-index: 1;
	position: absolute;
	bottom: 5px;
	padding-top: 31%;
	padding-right: 8%;
}
#slider_wrap .bunner_wrap .aisatu {
	width: 60%;
	position: absolute;
	top: 0;
	left: 3%;
}
#slider_wrap .bunner_wrap .aisatu img {
	max-width: 100%;
}
#slider_wrap .bunner_wrap figure.aisatu a {
	position: relative;
	display: block;
	color: #d23c64;
	font-weight: bold;
}
#slider_wrap .bunner_wrap figure.aisatu a p {
	position: absolute;
	left: 16%;
	bottom: 16%;
	margin: 0;
	font-size: 10px;
}
#slider_wrap .bunner_wrap figure.aisatu a p:before {
	content: "";
	background-image: linear-gradient(to right, #d23c64, #d23c64 3px, transparent 3px, transparent 8px);
	background-size: 8px 2px;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
}
#slider_wrap .bunner_wrap figure.aisatu a p span {
	display: inline-block;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#slider_wrap .bunner_wrap figure.aisatu a p span:nth-of-type(1) {
	animation-name: readMore1;
}
#slider_wrap .bunner_wrap figure.aisatu a p span:nth-of-type(2) {
	animation-name: readMore2;
}
#slider_wrap .bunner_wrap figure.aisatu a p span:nth-of-type(3) {
	animation-name: readMore3;
}
#slider_wrap .bunner_wrap figure.aisatu a p span:nth-of-type(4) {
	animation-name: readMore4;
}
#slider_wrap .bunner_wrap figure.aisatu a p span:nth-of-type(5) {
	animation-name: readMore5;
}
#slider_wrap .bunner_wrap figure.aisatu a p span:nth-of-type(6) {
	animation-name: readMore6;
}
#slider_wrap .bunner_wrap figure.aisatu a p span:nth-of-type(7) {
	animation-name: readMore7;
}
#slider_wrap .bunner_wrap figure.aisatu a p span:nth-of-type(8) {
	animation-name: readMore8;
}
#slider_wrap .bunner_wrap .aisatu_pc_img {
	display: none;
}
#slider_wrap .bunner_wrap .aisatu_sp_img {
	display: block;
}

#slider_wrap .bunner_wrap .doga {
	width: 42%;
	margin-left: -6px;
}
#slider_wrap .bunner_wrap .doga img {
	max-width: 100%;
	outline: none;
}
#slider_wrap .bunner_wrap figure.doga a {
	position: relative;
	display: block;
	color: #1e5a82;
	font-weight: bold;
	outline: none;
}
#slider_wrap .bunner_wrap figure.doga a p {
	position: absolute;
	right: 6%;
	bottom: 43%;
	margin: 0;
	font-size: 10px;
}
#slider_wrap .bunner_wrap figure.doga a p:before {
	content: "";
	background-image: linear-gradient(to right, #1e5a82, #1e5a82 3px, transparent 3px, transparent 8px);
	background-size: 8px 2px;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
}
#slider_wrap .bunner_wrap figure.doga a p span {
	display: inline-block;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#slider_wrap .bunner_wrap figure.doga a p span:nth-of-type(1) {
	animation-name: click1;
}
#slider_wrap .bunner_wrap figure.doga a p span:nth-of-type(2) {
	animation-name: click2;
}
#slider_wrap .bunner_wrap figure.doga a p span:nth-of-type(3) {
	animation-name: click3;
}
#slider_wrap .bunner_wrap figure.doga a p span:nth-of-type(4) {
	animation-name: click4;
}
#slider_wrap .bunner_wrap figure.doga a p span:nth-of-type(5) {
	animation-name: click5;
}
#slider_wrap .bunner_wrap figure.doga a p span:nth-of-type(6) {
	animation-name: click6;
}
.fancybox-slide--video .fancybox-content {
	max-width: 800px;
	max-height: 500px;
}
#slider_wrap .bunner_wrap .bunnerApplication {
	width: 42%;
	margin-left: -15px;
}
#slider_wrap .bunner_wrap .bunnerApplication img {
	max-width: 100%;
}
#slider_wrap .bunner_wrap figure.bunnerApplication a {
	position: relative;
	display: block;
	color: #32966e;
	font-weight: bold;
}
#slider_wrap .bunner_wrap figure.bunnerApplication a p {
	position: absolute;
	left: 29%;
	bottom: 50%;
	margin: 0;
	font-size: 10px;
}
#slider_wrap .bunner_wrap figure.bunnerApplication a p:before {
	content: "";
	background-image: linear-gradient(to right, #32966e, #32966e 3px, transparent 3px, transparent 8px);
	background-size: 8px 2px;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
}
#slider_wrap .bunner_wrap figure.bunnerApplication a p span {
	display: inline-block;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#slider_wrap .bunner_wrap figure.bunnerApplication a p span:nth-of-type(1) {
	animation-name: click1;
}
#slider_wrap .bunner_wrap figure.bunnerApplication a p span:nth-of-type(2) {
	animation-name: click2;
}
#slider_wrap .bunner_wrap figure.bunnerApplication a p span:nth-of-type(3) {
	animation-name: click3;
}
#slider_wrap .bunner_wrap figure.bunnerApplication a p span:nth-of-type(4) {
	animation-name: click4;
}
#slider_wrap .bunner_wrap figure.bunnerApplication a p span:nth-of-type(5) {
	animation-name: click5;
}
#slider_wrap .bunner_wrap figure.bunnerApplication a p span:nth-of-type(6) {
	animation-name: click6;
}
#slider_wrap .slider_bottom_decoration {
	position: absolute;
	bottom: 0;
	left: 0;
	max-width: 600px;
	width: 100%;
	z-index: 10;
	display: none;
}
#slider_wrap .slider_bottom_decoration .decoration_wrap {
	width: 78%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	position: relative;
	margin-top: -15%;
}
#slider_wrap .slider_bottom_decoration figure:first-of-type {
	width: 90%;
	position: absolute;
	right: 10%;
	bottom: -90%;
}
#slider_wrap .slider_bottom_decoration figure:first-of-type img {
	max-width: 100%;
}
#slider_wrap .slider_bottom_decoration figure:last-of-type {
	width: 10%;
}
#slider_wrap .slider_bottom_decoration figure:last-of-type img {
	max-width: 100%;
}

/*最終ここまで*/

#slider_wrap .entry_wrap {
	position: absolute;
	bottom: 55px;
	right: 5px;
	width: 45%;
	z-index: 10;
}
#slider_wrap .entry_wrap.fixed {
	position: fixed;
	right: 5px;
	top: 70px;
}
#slider_wrap .entry_wrap figure {
	width: 100%;
}
#slider_wrap .entry_wrap figure img {
	width: 100%;
}
#slider_wrap .entry_wrap #entry_crose {
    position: absolute;
    top: 10px;
    left: -10px;
    background-color: rgba(213,109,123,1.00);
    color: #FFFFFF;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 1px 5px #373737;
}

/*infoarea*/

#infoarea {
	margin-bottom: 20px;
	z-index: 2;
}
#infoarea .infowrap {
	position: relative;
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}
#infoarea .infowrap h2 {
	background-color: #004096;
	color: #FFFFFF;
	position: absolute;
	left: 10%;
	top: 0;
	display: inline-flex;
	z-index: 4;
	justify-content: center;
	align-items: center;
	font-size: 3vw;
	border-radius: 50%;
	margin: 0;
	width: 30%;
	font-weight: bold;
}
#infoarea .infowrap h2:after {
	content: '';
	display: block;
	top: 0;
	left: 0;
	padding-top: 30%;
}
#infoarea .infowrap h2 span {
	display: block;
	z-index: 4;
}
#infoarea .infowrap h2 figure {
	position: absolute;
	bottom: -28%;
	left: 20%;
	width: 15%;
	z-index: 3;
}
#infoarea .infowrap h2 figure img {
	width: 100%;
}
#infoarea .infowrap .word {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 11px;
	width: 60%;
	height: 60%;
	z-index: 3;
	color: #004096;
	padding-bottom: 15px;
	overflow-x: hidden;
}
#infoarea .infowrap .word > div {
	width: 100%;
	margin: 0;
	height: 100%;
	line-height: 1.8;
	padding: 10px 0;
	overflow-y: auto;
	position: relative;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
    scrollbar-width: none;       /* Firefox 対応 */
}
#infoarea .infowrap .word div .info_element:not(:last-of-type) {
	margin-bottom: 50px;
}
#infoarea .infowrap .word div .info_element h3 {
	font-size: 12px;
	margin: 0 0 5px;
	line-height: 1.6;
	font-weight: bold;
}
#infoarea .infowrap .word div .info_element p {
	margin: 0;
	font-size: 10px;
	line-height: 1.6;
}
#infoarea .infowrap .word .info_element div::-webkit-scrollbar {  /* Chrome, Safari 対応 */
	display:none;
}
#infoarea figure {
	width: 100%;
}
#infoarea figure.scrollguid_up {
	position: absolute;
	top: 11%;
	left: 50%;
	transform: translateX(-50%);
	width: 3%;
	z-index: 5;
}
#infoarea figure.scrollguid_down {
	position: absolute;
	bottom: 11%;
	left: 50%;
	width: 3%;
	z-index: 5;
}
#infoarea figure.scrollguid_up img {
	transform: rotate(180deg);
}
#infoarea figure.frame_bk {
	position: relative;
	z-index: 0;
}
#infoarea figure.frame {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}
#infoarea figure img {
	width: 100%;	
}
#infoarea figure img.frame_pc {
	display: none;
}

/*notice*/

/*#notice {
	margin: 20px 0;
}
#notice .notice_wrap {
	width: 95%;
	max-width: 600px;
	margin: 0 auto;
	border: 1px solid #dcdcdc;
	position: relative;
	border-radius: 20px;
	padding: 20px;
	background-color: hsla(40,92%,95%,1.00);
}
#notice .notice_wrap:after {
	content: '';
	display: block;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: 1px solid #f9ab00;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 20px;
}
#notice .notice_wrap h2 {
	font-size: 16px;
	text-align: center;
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-weight: bold;
	color: hsla(42,100%,48%,1.00);
}
#notice .notice_wrap h2:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #F9AB00;
	width: 30%;
	height: 2px;
}
#notice .notice_wrap p {
	font-size: 10px;
	line-height: 1.6;
}
#notice .notice_wrap p:first-of-type {
	font-weight: bold;
}
#notice .notice_wrap p:last-of-type {
	text-align: right;
}
#notice .notice_wrap p a {
	color: #000000;
	text-decoration: underline;
	z-index: 2;
	position: relative;
}
#notice .notice_wrap p a:hover {
	text-decoration: none;
}
*/
/*choice*/

#choice {
	background-color: #b77c68;
}
#choice .choice_intro {
    max-width: 1300px;
    margin: 0 auto;
    height: 200px;
    background-image: url("../img/top/choice/sp/intro_bk.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 70% center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 90%;
}
#choice .choice_intro:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: hsla(0,0%,0%,0.30);
}
#choice .choice_intro_word {
	width: 80%;
	color: #FFFFFF;
	z-index: 2;
	display: flex;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
}
#choice .choice_intro_word figure {
	text-align: center;
	width: 30%;
}
#choice .choice_intro_word figure img {
	max-width: 100%;
}
#choice .choice_intro_word h3 {
	font-weight: bold;
	font-size: 14px;
	text-shadow: #481C0D 0px 0px 5px;
	margin-left: -10px;
	width: 70%;
}
#choice .choice_title {
	position: relative;
	z-index: 10;
}
#choice .choice_title h2 {
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%) rotate(-10deg);
    width: 98%;
    font-size: 6.4vw;
    margin: 0;
    color: #FFFFFF;
	text-shadow: 
    #481C0D 1px 1px 10px, #481C0D -1px 1px 10px,
    #481C0D 1px -1px 10px, #481C0D -1px -1px 10px;
}

#choice .choice_element_topwrap {
	padding-bottom: 10px;
	max-width: 1300px;
	margin: 0 auto;
}
#choice .choice_element_bottomwrap {
	padding-bottom: 10px;
	max-width: 1300px;
	margin: 0 auto;
	display: none;
}
#choice .element_details {
	width: 80%;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 20px;
}
#choice .element_details figure {
	text-align: center;
}
#choice .element_details figure img {
	max-width: 100%;
}
#choice .element_details h4 {
	text-align: center;
	font-size: 17px;
	color: #231815;
}
.marker span {
	background-image: linear-gradient(to right, #fff799 50%, transparent 50%);
	background-position: 0% 90%;
	background-size: 200% 40%;
	background-repeat: no-repeat;
	animation-name: markerLIne;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

#choice .element_details .element_wordwrap {
	font-size: 12px;
}
#choice .element_details .element_wordwrap p {
	line-height: 1.8;
}
#choice .choice_element {
	margin-bottom: 20px;
}
#choice .choice_element.choice01 {
	margin-bottom: 0;
}
#choice .choice_element.choice01 > div > figure .pcimg {
	display: none;
}
#choice .choice_element.choice02 {
	position: relative;
}
#choice .choice_element.choice02 > figure {
	margin-top: -50px;
	z-index: 0;
}
#choice .choice_element.choice03 br {
	display: none;
}
#choice .choice_element > div > figure {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
#choice .choice_element > div > figure img {
	max-width: 100%;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#choice .choice_element.choice02 > div > figure {
	display: none;
}
#choice .element_details .element_footprint {
	z-index: 1;
	position: absolute;
	width: 50%;
	text-align: center;
	bottom: -30px;
	left: 0;
}
#choice .choice02 .element_details .element_footprint img {
	max-width: 100%;
}
#choice .choice02 .element_details .element_footprint img.pcimg {
	display: none;
}
#choice .readmore {
	background-color: #419daa;
	padding-bottom: 30px;
	padding-top: 30px;
	max-width: 1300px;
	margin: 0 auto 20px;
	position: relative;
	width: 90%;
}
#choice .readmore_title {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
	margin-top: -50px;
}
#choice .readmore_title p {
	color: #FFFFFF;
	width: 100px;
	text-align: center;
}
#choice .readmore_title p span:after {
	transform: translate(0);
	left: 0;
}
#choice .readmore_title figure {
	width: 150px;
	padding-right: 10px;
	max-width: 260px;
}
#choice .readmore_title figure img {
	max-width: 100%;
}
#choice .readmore_title p {
	position: relative;
	z-index: 10;
	margin: 30px 0 0;
}
#choice .readmore_title p:first-of-type:after {
	content: "";
	background-image: linear-gradient(to right, #fff, #fff 3px, transparent 3px, transparent 8px);
	background-size: 8px 1px;
	background-repeat: repeat-x;
	position: absolute;
	height: 1px;
	width: 100px;
	bottom: -2px;
	left: 50%;
	transform: translateX(-50%);
}
#choice .readmore_title p span {
	display: inline-block;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#choice .readmore_title p span:nth-of-type(1) {
	animation-name: readMore1;
}
#choice .readmore_title p span:nth-of-type(2) {
	animation-name: readMore2;
}
#choice .readmore_title p span:nth-of-type(3) {
	animation-name: readMore3;
}
#choice .readmore_title p span:nth-of-type(4) {
	animation-name: readMore4;
}
#choice .readmore_title p span:nth-of-type(5) {
	animation-name: readMore5;
}
#choice .readmore_title p span:nth-of-type(6) {
	animation-name: readMore6;
}
#choice .readmore_title p span:nth-of-type(7) {
	animation-name: readMore7;
}
#choice .readmore_title p span:nth-of-type(8) {
	animation-name: readMore8;
}
#choice .readmore_title .dummy {
	display: none;
}
#choice .readmore_word {
	width: 90%;
	margin: 0 auto;
	max-width: 480px;
}
#choice .readmore_word ul li {
	list-style: none;
	color: #FFFFFF;
	font-size: 13px;
	margin-bottom: 10px;
	padding-left: 15px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}
#choice .readmore_word ul li p {
	color: #FFFFFF;
	margin: 0;
	width: calc(100% - 60px);
}
#choice .readmore_word ul li p:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
	transform: translateY(-50%);
    background-image: url("../img/top/choice/readmore_triangle.png");
    background-repeat: no-repeat;
    background-size: contain;
}
#choice .readmore_word ul li figure {
	width: 60px;
}
#choice .readmore_word ul li:not(:last-of-type) {
	margin-bottom: 15px;
}
#choice .readmore_word ul li:not(:last-of-type) figure {
	padding-left: 10px;
}
#choice .readmore_word ul li:last-of-type figure {
	padding-right: 10px;
}
#choice .readmore_word ul li figure img {
	max-width: 100%;
}
#choice .readmore_word ul li span {
	width: calc(100% - 10px);
	position: relative;
	display: inline;
	border-bottom: 1px solid #fff;
}
#choice .readmore_arrow {
	position: absolute;
	bottom: -60px;
	left: 50%;
	width: 15px;
	z-index: 10;
	animation-name: readmoreArrow;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#choice .readmore_arrow img {
	max-width: 100%;
}

/*summary*/

#summary .summary_wrap {
    width: 100%;
    background-image: url("../img/top/summary/sp/summary_bk.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 26% center;
	position: relative;
	padding: 30px 0;
}
#summary.summary_jp .summary_wrap {
	background-image: url("../img/top/summary/summary_bk2.jpg");
}
#summary .summary_wrap .summary_element {
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
}
#summary .summary_wrap .summary_element .summary_element_top {
	width: 85%;
	margin: 0 0 0 auto;
}
#summary .summary_element_top div {
	display: flex;
	flex-wrap: wrap;
	max-width: 335px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	align-items: center;
}
#summary .summary_element_top div figure {
	width: 50px;
	text-align: center;
}
#summary .summary_element_top div figure img {
	max-width: 100%;
}
#summary .summary_element_top div p {
    width: calc(100% - 50px);
    padding-left: 5px;
    color: #FFFFFF;
    font-size: 14px;
	margin: 0;
	font-weight: bold;
}
#summary .summary_element_top > p {
    background-image: url("../img/top/summary/summary_bkcolor1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
	font-size: 10px;
	padding: 10px;
	text-align: center;
	color: #231815;
	font-weight: bold;
	margin-top: -5px;
}
#summary .summary_element_top > p span {
	color: #e05283;
	font-weight: bold;
	font-size: 1.2em;
}
#summary .summary_element_middle {
	margin: -10px 0 100px auto;
	width: 85%;
}
#summary .summary_element_middle h2 {
	margin: 0 auto;
	width: 85%;
}
#summary .summary_element_middle h2 img {
	width: 100%;
}
#summary .summary_element_middle p {
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin: 0 auto;
	line-height: 1;
	width: 85%;
}
#summary .summary_element_bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative;
}

#summary .summary_element_bottom p {
	background-image: url("../img/top/summary/summary_bkcolor2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
	font-size: 13px;
	padding: 10px 20px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	width: 70%;
}
#summary .summary_element_bottom figure {
	width: 30%;
	margin-left: -30px;
	position: absolute;
	right: -29px;
	top: -35px;
}
#summary .summary_element_bottom figure img {
	max-width: 100%;
}
#summary .summary_element_bottom figure img.pcimg {
	display: none;
}

/*experience*/

#experience .experience_top {
	width: 90%;
	margin: 0 auto;
	color: #231815;
	padding: 30px 0 0;
	position: relative;
}
#experience .experience_top .experience_word {
	margin-bottom: 20px;
}
#experience .experience_top .experience_word h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 5px;
}
#experience .experience_top .experience_word h2 span:first-of-type {
	font-size: 2em;
	color: #f6ab00;
}
#experience .experience_top .experience_word h2 span:last-of-type {
	font-size: 1.5em;
	color: #f6ab00;
}
#experience .experience_top .experience_word > p {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px;
}
#experience .experience_top .experience_word div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#experience .experience_top .experience_word div p {
	font-size: 10px;
	margin: 0;
	width: 60%;
	padding-left: 10px;
}
#experience .experience_top .experience_word div figure {
	width: 40%;
	text-align: center;
}
#experience .experience_top .experience_word div figure img {
	max-width: 100%;
}
#experience .experience_top > figure {
	text-align: center;
	display: none;
}
#experience .experience_top > figure img {
	max-width: 100%;
}
#experience .experience_bottom {
    position: relative;
    background-image: url("../img/top/experience/experience_bk.jpg");
    background-repeat: repeat-x;
    background-size: 100% auto;
    background-position: center bottom;
	overflow-x: hidden;
}
#experience .experience_bottom .exerience_bunner {
	width: 50%;
	text-align: center;
	margin: 0 auto;
	z-index: 2;
	position: relative;
}
#experience .experience_bottom .exerience_bunner img {
	max-width: 100%;
}
#experience .experience_bottom .exerience_bunner a {
	position: relative;
	display: block;
	color: #fff;
	font-weight: bold;
}
#experience .experience_bottom .exerience_bunner a p {
	position: absolute;
	left: 32%;
	bottom: 52%;
	margin: 0;
	font-size: 2.5vw;
}
#experience .experience_bottom .exerience_bunner a p::before {
	content: "";
	background-image: linear-gradient(to right, #fff, #fff 3px, transparent 3px, transparent 8px);
	background-size: 8px 2px;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
}
#experience .experience_bottom .exerience_bunner a p span {
	display: inline-block;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#experience .experience_bottom .exerience_bunner a p span:nth-of-type(1) {
	animation-name: click1;
}
#experience .experience_bottom .exerience_bunner a p span:nth-of-type(2) {
	animation-name: click2;
}
#experience .experience_bottom .exerience_bunner a p span:nth-of-type(3) {
	animation-name: click3;
}
#experience .experience_bottom .exerience_bunner a p span:nth-of-type(4) {
	animation-name: click4;
}
#experience .experience_bottom .exerience_bunner a p span:nth-of-type(5) {
	animation-name: click5;
}
#experience .experience_bottom .exerience_bunner a p span:nth-of-type(6) {
	animation-name: click6;
}

#experience .experience_bottom .experience_duck {
	position: absolute;
	bottom: 20px;
	right: -28%;
	z-index: 0;
	width: 50%;
	text-align: center;
}
#experience .experience_bottom .experience_duck img {
	max-width: 100%;
}

/*reason*/

#reason {
	padding: 30px 0 0;
}
#reason .reason_head {
	margin-bottom: 20px;
}
#reason .reason_head h2 {
    font-size: 20px;
    text-shadow: 3px 3px 5px #9E9E9E;
    color: #231815;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
#reason .reason_head h2 span.emphasis {
	color: #e05283;
}
#reason .reason_head h2 span.press {
	letter-spacing: -10px;
}
#reason .reason_head figure {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#reason .reason_head figure img {
	max-width: 100%;
}
#reason .reason_head figure p {
	position: absolute;
	top: 19%;
	left: 19%;
	font-size: 4.5vw;
	margin: 0;
	font-weight: bold;
}
#reason .reason_head figure p span {
	display: inline-block;
	animation-name: bow;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#reason .reason1 {
	width: 95%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#reason .reason1 > figure {
	text-align: center;
	width: 10%;
	margin: 0 auto 10px;
}
#reason .reason1 > figure img {
	max-width: 100%;
}
#reason .reason1 h3 {
	font-size: 16px;
	text-align: center;
	margin: 0 0 10px;
	color: #231815;
}
#reason .reason1 .reason1_wrap {
	display: flex;
	flex-wrap: wrap;
}
#reason .reason1 .reason1_wrap figure:first-of-type {
	width: 33%;
	margin: -20px auto 0;
}
#reason .reason1 .reason1_wrap figure:last-of-type {
	width: 67%;
	margin: 0 auto;
	padding-left: 10px;
}
#reason .reason1 .reason1_wrap figure img {
	max-width: 100%;
}
#reason .reason2 {
    margin-top: -5px;
    z-index: 0;
    position: relative;
    padding: 20px 0 0;
    background-image: url("../img/top/reason/reason2_sp/reason_2_bk_sp.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
}
#reason .reason2 .top_pc {
	display: none;
}
#reason .reason2 .top_sp2 .top_sp2_head {
	position: relative;
	width: 100%;
	height: 200px;
}
#reason .reason2 .top_sp2 .top_sp2_head .sp2_intro {
	position: absolute;
	top: 39%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#reason .reason2 .top_sp2 .top_sp2_head .sp2_intro figure {
	width: 24%;
	margin: 0 auto 10px;
}
#reason .reason2 .top_sp2 .top_sp2_head .sp2_intro figure img {
	max-width: 100%;
}
#reason .reason2 .top_sp2 .top_sp2_head .sp2_intro h3 {
	font-size: 4.5vw;
	text-align: center;
	line-height: 1.4;
	font-weight: bold;
	margin: 0;
}
#reason .reason2 .top_sp2 .top_sp2_head .head_duck {
	position: absolute;
	bottom: -10px;
	left: -13%;
	width: 70%;
	z-index: 1;
}
#reason .reason2 .top_sp2 .top_sp2_head .head_duck img {
	width: 100%;
}
#reason .reason2 .top_sp2 .element_wrap {
	padding-bottom: 30px;
}
#reason .reason2 .top_sp2 .element_wrap .element {
	position: relative;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell {
    width: 98%;
    margin: 0 auto;
    background-image: url("../img/top/reason/reason2_sp/reason_shell.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell:after {
	content: '';
	display: block;
	top: 0;
	left: 0;
	padding-top: 86%;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell div {
}
#reason .reason2 .top_sp2 .element_wrap .element .shell div h4 {
	text-align: center;
	font-size: 3.5vw;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 15px;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell div h4 span {
	color: #da5280;
	font-size: 1.4em;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell div p.hideword {
	font-size: 10px;
	width: 59%;
	margin: 0 auto;
	position: relative;
	overflow-y: hidden;
	padding-bottom: 20px;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell div p.hideword:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	transition: 0.3s;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.02) 1%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#reason .reason2 .top_sp2 .element_wrap .element .shell div p.hideword.active:after {
	bottom: -100%;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell p.readmore {
	position: absolute;
	left: 50%;
	bottom: 20%;
	transform: translate(-50%,-50%);
	margin: 0;
	font-size: 4vw;
	font-weight: bold;
	color: #2b92a4;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell p.readmore:before {
	content: "";
	background-image: linear-gradient(to right, #2b92a4, #2b92a4 3px, transparent 3px, transparent 8px);
	background-size: 8px 2px;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell p.readmore span {
	display: inline-block;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell p.readmore span:nth-of-type(1) {
	animation-name: readMore1;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell p.readmore span:nth-of-type(2) {
	animation-name: readMore2;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell p.readmore span:nth-of-type(3) {
	animation-name: readMore3;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell p.readmore span:nth-of-type(4) {
	animation-name: readMore4;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell p.readmore span:nth-of-type(5) {
	animation-name: readMore5;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell p.readmore span:nth-of-type(6) {
	animation-name: readMore6;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell p.readmore span:nth-of-type(7) {
	animation-name: readMore7;
}
#reason .reason2 .top_sp2 .element_wrap .element .shell p.readmore span:nth-of-type(8) {
	animation-name: readMore8;
}
#reason .reason2 .top_sp2 .element_wrap .element .bottom_duck {
	position: absolute;
	left: 50%;
	bottom: -8%;
	transform: translateX(-50%);
	width: 15%;
}
#reason .reason2 .top_sp2 .element_wrap .element .bottom_duck img {
	width: 100%;
}

#reason .reason2 .reason_bottom {
	padding: 80px 0 50px;
}
#reason .reason2 .reason_bottom .reason_bottom_wrap {
	display: flex;
	flex-wrap: wrap;
}
#reason .reason2 .reason_bottom figure {
	text-align: center;
	width: 50%;
	margin: 0 auto;
}
#reason .reason2 .reason_bottom figure:first-of-type {
	margin-bottom: 10px;
}
#reason .reason2 .reason_bottom figure img {
	max-width: 100%;
}
#reason .reason2 .reason_bottom .columnBunner a {
	position: relative;
	display: block;
	color: #fff;
	font-weight: bold;
}
#reason .reason2 .reason_bottom .columnBunner a p {
	position: absolute;
	left: 43%;
	bottom: 12%;
	margin: 0;
	font-size: 3vw;
}
#reason .reason2 .reason_bottom .columnBunner a p::before {
	content: "";
	background-image: linear-gradient(to right, #fff, #fff 3px, transparent 3px, transparent 8px);
	background-size: 8px 2px;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
}
#reason .reason2 .reason_bottom .columnBunner a p span {
	display: inline-block;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#reason .reason2 .reason_bottom .columnBunner a p span:nth-of-type(1) {
	animation-name: click1;
}
#reason .reason2 .reason_bottom .columnBunner a p span:nth-of-type(2) {
	animation-name: click2;
}
#reason .reason2 .reason_bottom .columnBunner a p span:nth-of-type(3) {
	animation-name: click3;
}
#reason .reason2 .reason_bottom .columnBunner a p span:nth-of-type(4) {
	animation-name: click4;
}
#reason .reason2 .reason_bottom .columnBunner a p span:nth-of-type(5) {
	animation-name: click5;
}
#reason .reason2 .reason_bottom .columnBunner a p span:nth-of-type(6) {
	animation-name: click6;
}
#reason .reason2 .reason_bottom .reasonApplication {
	margin-top: -50px;
	margin-left: -15%;
}
#reason .reason2 .reason_bottom .reasonApplication a {
	position: relative;
	display: block;
	color: #fff;
	font-weight: bold;
}
#reason .reason2 .reason_bottom .reasonApplication a p {
	position: absolute;
	left: 30%;
	bottom: 51%;
	margin: 0;
	font-size: 3vw;
}
#reason .reason2 .reason_bottom .reasonApplication a p::before {
	content: "";
	background-image: linear-gradient(to right, #fff, #fff 3px, transparent 3px, transparent 8px);
	background-size: 8px 2px;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
}
#reason .reason2 .reason_bottom .reasonApplication a p span {
	display: inline-block;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#reason .reason2 .reason_bottom .reasonApplication a p span:nth-of-type(1) {
	animation-name: click1;
}
#reason .reason2 .reason_bottom .reasonApplication a p span:nth-of-type(2) {
	animation-name: click2;
}
#reason .reason2 .reason_bottom .reasonApplication a p span:nth-of-type(3) {
	animation-name: click3;
}
#reason .reason2 .reason_bottom .reasonApplication a p span:nth-of-type(4) {
	animation-name: click4;
}
#reason .reason2 .reason_bottom .reasonApplication a p span:nth-of-type(5) {
	animation-name: click5;
}
#reason .reason2 .reason_bottom .reasonApplication a p span:nth-of-type(6) {
	animation-name: click6;
}


/*more*/

#more {
	margin-top: -50px;
	margin-bottom: 30px;
}
#more h2 {
    text-align: center;
    background-image: url("../img/top/more/more_title_bk.png");
    background-size: cover;
    background-repeat: no-repeat;
	padding: 40px 0 50px;
	position: relative;
}

#more h2 img:first-of-type {
	max-width: 366px;
	width: 30%;
}
#more h2 img:last-of-type {
	max-width: 555px;
	width: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	animation-name: shichidaArrow;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#more .more_details .more_details_top {
	max-width: 1400px;
	margin: 0 auto 30px;
}
#more .more_details .more_details_top > div {
	margin-bottom: 20px;
}
#more .more_details_top > figure {
	display: none;
}
#more .more_details .more_details_top div h3 {
    background-image: url("../img/top/more/more_details_decoration.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left center;
	color: #231815;
	text-align: center;
	padding-top: 20px;
	font-size: 18px;
	max-width: 320px;
	margin: 0 auto 20px;
	font-weight: bold;
}
#more .more_details .more_details_top div h3 + p {
	font-size: 12px;
	line-height: 1.8;
	width: 90%;
	margin: 0 auto 20px;
}
#more .more_details .more_details_top div .comment_wrap h4 {
	text-align: center;
	color: #b77c68;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: bold;
	letter-spacing: 0.01em;
	line-height: 1.4;
}
#more .more_details_top div .comment_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#more .more_details_top div .comment_wrap .spimg {
	width: 40%;
}
#more .more_details_top div .comment_wrap .spimg img {
	width: 100%;
}
#more .more_details_top div .comment_wrap > div {
	width: 60%;
	padding: 0 10px;
}
#more .more_details_top div .comment_wrap .comment {
    color: #FFFFFF;
    font-size: 14px;
    background-image: url("../img/top/more/more_details_comment.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
	padding: 10px 10px 20px;
	text-align: center;
	font-weight: bold;
	line-height: 1.3;
	margin: 0;
}
#more .more_details_top > figure {
	text-align: center;
}
#more .more_details_top > figure img {
	max-width: 100%;
}
#more .more_details_top .duck_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#more .more_details_top .duck_wrap .dummy {
	width: 16%;
}
#more .more_details_top .duck_wrap .dummy + p {
	width: 69%;
	text-align: center;
	color: #b77c68;
	font-weight: bold;
	font-size: 10px;
	margin: 0;
}
#more .more_details_top .duck_wrap figure {
	width: 15%;
	text-align: center;
}
#more .more_details_top .duck_wrap figure img {
	max-width: 100%;
}
#more .more_details_middle {
	width: 100%;
}
#more .more_details_middle img {
	width: 100%;
}
#more .more_details .more_details_bottom {
    max-width: 1400px;
    margin: 0 auto;
    width: 90%;
}
#more .more_details .more_details_bottom > div {
	margin-bottom: 20px;
	position: relative;
}
#more .more_details .more_details_bottom div h3 {
    background-image: url("../img/top/more/more_details_decoration.png");
    background-repeat: no-repeat;
    background-size: auto 70%;
    background-position: left center;
	color: #231815;
	text-align: center;
	padding-top: 40px;
	font-size: 18px;
	max-width: 330px;
	margin: 0 auto 20px;
	font-weight: bold;
}
#more .more_details .more_details_bottom div.details_bottom_wrap {
	display: flex;
	flex-wrap: wrap;
	width: 95%;
	margin: 0 auto;
}
#more .more_details .more_details_bottom div.details_bottom_wrap ul {
	width: 50%;
}
#more .more_details .more_details_bottom div.details_bottom_wrap ul li {
	list-style: none;
	color: #b77c68;
	font-weight: bold;
	font-size: 14px;
	padding-left: 1em;
	text-indent: -1em;
}
#more .more_details .more_details_bottom div.details_bottom_wrap figure.pcduck {
	display: none;
}
#more .more_details .more_details_bottom div.details_bottom_wrap figure.spduck {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40%;
}
#more .more_details .more_details_bottom div.details_bottom_wrap figure.spimg {
	width: 50%;
	padding-left: 5px;
}
#more .more_details .more_details_bottom div.details_bottom_wrap figure img {
	max-width: 100%;
}
#more .more_details .more_details_bottom > figure {
	display: none;
}


/*price*/

#price {
    background-color: #e6e66e;
    padding: 50px 0 0;
    background-repeat: no-repeat;
    background-position: 150% 95%;
    background-size: 50% auto;
    background-image: url(../img/top/price/price_duck_ps.png);
}
#price .price_top {
	margin-bottom: 50px;
}
#price .price_top .price_top_head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
}
#price .price_top .price_top_head .top_head_main {
	text-align: center;
	margin-bottom: 30px;
	width: 60%;
}
#price .price_top .price_top_head .sp_bubble {
	width: 40%;
	margin-left: -10%;
}
#price .price_top .price_top_head figure img {
	max-width: 100%;
}
#price .price_top .price_top_body {
	width: 80%;
	margin: 0 auto;
	font-size: 12px;
}
#price .price_top .price_top_body > p {
	line-height: 1.8;
	margin-bottom: 30px;
}
#price .price_top .price_top_body dl {
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 4px 4px 2px #c6b646;
}
#price .price_top .price_top_body dl dt {
    color: #FFFFFF;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	text-align: center;
	padding: 5px;
	font-size: 18px;
	font-weight: bold;
}
#price .price_top .price_top_body dl dd {
	margin: 0;
	padding: 10px 20px;
}
#price .price_top .price_top_body dl:first-of-type {
	margin-bottom: 20px;
}
#price .price_top .price_top_body dl:first-of-type dt {
	background-color: #3296a5;
}
#price .price_top .price_top_body dl:first-of-type dd {
	color: #3296a5;
	line-height: 1.8;
	font-size: 11px;
}
#price .price_top .price_top_body dl:last-of-type dt {
	background-color: #b77c68;
}
#price .price_top .price_top_body dl:last-of-type dd {
	color: #b77c68;
}
#price .price_top .price_top_body dl:last-of-type dd ul {
	list-style: none;
}
#price .price_top .price_top_body dl:last-of-type dd ul li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	font-size: 11px;
}
#price .price_top .price_top_body dl:last-of-type dd ul li:not(:last-of-type) {
	margin-bottom: 5px;
}

#price .price_middle {
	max-width: 1400px;
	margin: 0 auto 30px;
	display: flex;
	flex-wrap: wrap;
	width: 85%;
	align-items: center;
}
#price .price_middle h4 {
	text-align: center;
	background-color: #FFFFFF;
	border-radius: 50%;
	max-width: 300px;
	margin: 0 auto;
	color: #231815;
	font-size: 12px;
	line-height: 1;
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
#price .price_middle h4 span {
	display: contents;
	font-size: 0.7em;
}
#price .price_middle .price_table {
	width: calc(100% - 70px);
	margin: 0 auto;
	padding-left: 5px;
}
#price .price_middle .price_table .credit {
	font-size: 10px;
	text-align: right;
	margin: 0;
}
#price .price_middle .price_table .price_table_wrap {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5px;
}
#price .price_middle .price_table dl {
	margin: 0;
	padding: 5px;
	position: relative;
}
#price .price_middle .price_table dl:nth-of-type(odd) {
	width: 55%;
	position: relative;
}
#price .price_middle .price_table dl:nth-of-type(odd):after {
	content: "";
	background-image: linear-gradient(to bottom, #fff, #fff 3px, transparent 3px, transparent 8px);
	background-size: 2px 8px;
	background-repeat: repeat-y;
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	right: 0;
}
#price .price_middle .price_table dl:nth-of-type(1):before,
#price .price_middle .price_table dl:nth-of-type(2):before {
	content: "";
	background-image: linear-gradient(to left, #fff, #fff 3px, transparent 3px, transparent 8px);
	background-size: 8px 2px;
	background-repeat: repeat-x;
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
}
#price .price_middle .price_table dl:nth-of-type(even) {
	width: 45%;
}
#price .price_middle .price_table dl dt {
	color: #231815;
	font-weight: bold;
	font-size: 12px;
}
#price .price_middle .price_table dl dt span {
	font-size: 0.6em;
}
#price .price_middle .price_table dl dd {
	margin: 0;
	color: #e05283;
	font-weight: bold;
	font-size: 16px;
}
#price .price_middle > figure {
	display: none;
}
#price .price_middle > figure img {
	max-width: 100%;
}
#price .price_bottom {
    background-image: url("../img/top/price/price_bk.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
	position: relative;
}
#price .price_bottom .price_bottom {
	max-width: 1400px;
	margin: 0 auto;	
}
#price .price_bottom .price_bottom_bunner {
	width: 50%;
	margin: 0 auto;
	z-index: 2;
	position: relative;
	max-width: 480px;
}
#price .price_bottom .price_bottom_bunner img {
	max-width: 100%;
}
#price .price_bottom .price_bottom_bunner a {
	position: relative;
	display: block;
	color: #fff;
	font-weight: bold;
}
#price .price_bottom .price_bottom_bunner a p {
	position: absolute;
	left: 30%;
	bottom: 51%;
	margin: 0;
	font-size: 3vw;
}
#price .price_bottom .price_bottom_bunner a p::before {
	content: "";
	background-image: linear-gradient(to right, #fff, #fff 3px, transparent 3px, transparent 8px);
	background-size: 8px 2px;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
}
#price .price_bottom .price_bottom_bunner a p span {
	display: inline-block;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#price .price_bottom .price_bottom_bunner a p span:nth-of-type(1) {
	animation-name: click1;
}
#price .price_bottom .price_bottom_bunner a p span:nth-of-type(2) {
	animation-name: click2;
}
#price .price_bottom .price_bottom_bunner a p span:nth-of-type(3) {
	animation-name: click3;
}
#price .price_bottom .price_bottom_bunner a p span:nth-of-type(4) {
	animation-name: click4;
}
#price .price_bottom .price_bottom_bunner a p span:nth-of-type(5) {
	animation-name: click5;
}
#price .price_bottom .price_bottom_bunner a p span:nth-of-type(6) {
	animation-name: click6;
}
#price .price_bottom .price_bottom_duck {
	display: none;
}

/*corona*/

#corona {
	background-color: #f6ab00;
	padding: 50px 0 130px;
}
#corona h2 {
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	margin: 0 auto 20px;
	width: 90%;
	line-height: 1.4;
}
#corona p {
	width: 90%;
	margin: 0 auto 10px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
#corona figure {
	text-align: center;
}
#corona figure img {
	max-width: 100%;
}
#corona figure a {
	position: relative;
	display: block;
	color: #fff;
	font-weight: bold;
	max-width: 100px;
	margin: 0 auto;
}
#corona figure a p {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: 18%;
	margin: 0;
	font-size: 18px;
}
#corona figure a p::before {
	content: "";
	background-image: linear-gradient(to right, #fff, #fff 3px, transparent 3px, transparent 8px);
	background-size: 8px 2px;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
}
#corona figure a p span {
	display: inline-block;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#corona figure a p span:nth-of-type(1) {
	animation-name: click1;
}
#corona figure a p span:nth-of-type(2) {
	animation-name: click2;
}
#corona figure a p span:nth-of-type(3) {
	animation-name: click3;
}
#corona figure a p span:nth-of-type(4) {
	animation-name: click4;
}
#corona figure a p span:nth-of-type(5) {
	animation-name: click5;
}
#corona figure a p span:nth-of-type(6) {
	animation-name: click6;
}

@media (min-width: 768px) {
	
	/*fixed_bunner*/

	#fixed_bunner {
		bottom: 20px;
		padding: 15px 20px;
		max-width: 240px;
	}
	#fixed_bunner.active {
		bottom: 120px;
	}
	#fixed_bunner #fixed_close:hover {
		cursor: pointer;
	}
	#fixed_bunner h2 {
		font-size: 1vw;
		line-height: 1.2;
	}
	#fixed_bunner h2 br {
		display: none;
	}
	#fixed_bunner p {
		font-size: 0.8vw;
		line-height: 1.7;
	}
	#fixed_bunner figure {
		width: 12%;
		top: 12%;
		right: 2px;
	}
	
	/*corona_banner*/

	#corona_banner {
		width: 13%;
		z-index: 101;
		top: 75px;
		right: 1.5vw;
	}
	#corona_banner img {
		transition: 0.3s;
	}
	#corona_banner a:hover img {
		transform: scale(1.04);
	}
	
	/*library_banner*/

	#library_banner {
		bottom: 0px;
	}

	#library_banner .banner_close:hover {
		cursor: pointer;
	}
	#library_banner a:hover img {
		transform: scale(1.04);
	}


	/*slider_wrap*/
	
	/*#slider_wrap .slick01 {
		display: block;
	}*/
	#slider_wrap .slick01 .slick-dots {
		left: 20px;
		top: 50%;
		transform: translate(0,-50%);
		width: auto;
		display: block!important;
	}
	#slider_wrap .slider_top_sp {
		display: none;
	}
	#slider_wrap .bunner_wrap {
		background: rgba(255,255,255,0);
		position: relative;
		bottom: auto;
		padding: 20px 0;
		justify-content: space-around;
	}
	#slider_wrap .bunner_wrap .aisatu {
		width: 33.3%;
		position: relative;
		left: auto;
		top: auto;
	}
	#slider_wrap .bunner_wrap .aisatu_pc_img {
		display: block;
	}
	#slider_wrap .bunner_wrap .aisatu_sp_img {
		display: none;
	}
	#slider_wrap .bunner_wrap figure.aisatu a p {
		left: 27%;
		bottom: 8%;
	}
	#slider_wrap .bunner_wrap .doga {
		width: calc(33.3% + 20px);
		margin-bottom: 20px;
	}
	#slider_wrap .bunner_wrap .bunnerApplication {
		width: calc(33.3% + 40px);
		margin-bottom: 50px;
		margin-left: -55px;
	}
	#slider_wrap img.slide_img_pc,
	#slider_wrap .slide_img2_pc,
	#slider_wrap img.slide_img_ribon {
		display: block;
	}
	#slider_wrap img.slide_img_ribon {
		position: absolute;
		top: 5%;
		left: 50%;
		transform: translateX(-50%);
		width: 78%;
	}
	#slider_wrap .slide_img2_pc {
		position: absolute;
		top: 30%;
		left: 10%;
		width: 57%;
		border: none;
		outline: none;
	}
	#slider_wrap .slide_img2_pc img {
		width: 100%;
		transition: 0.3s;
		outline: none;
		border: none;
	}
	#slider_wrap .slide_img2_pc:hover img {
		transform: scale(1.02);
	}
	#slider_wrap img.slide_img_sp,
	#slider_wrap .slide_img_sp2 {
		display: none;
	}
	#slider_wrap .entry_wrap {
		display: none;
	}
	
	/*infoarea*/
	
	#infoarea .infowrap h2 {
		font-size: 2.95vw;
		width: 25%;
		top: 3%;
	}
	#infoarea .infowrap h2 figure {
		width: 30%;
	}
	#infoarea .infowrap .word {
		height: 55%;
	}
	#infoarea .infowrap .word > div {
		width: calc(100% + 17px);
	}
	#infoarea .infowrap .word div .info_element h3 {
		font-size: 1.65vw;
	}
	#infoarea .infowrap .word div .info_element p {
		font-size: 1.45vw;
	}
	#infoarea figure img.frame_pc {
		display: block;
	}
	#infoarea figure img.frame_sp {
		display: none;
	}
	#infoarea figure.scrollguid_up {
		top: 14%;
		width: 2%;
		z-index: 10;
	}
	#infoarea figure.scrollguid_down {
		bottom: 14%;
		width: 2%;
		z-index: 10;
	}

	#infoarea figure.scrollguid_up a:hover,
	#infoarea figure.scrollguid_down a:hover {
		cursor: pointer;
	}

	/*notice*/
	
/*	#notice .notice_wrap h2:after {
		width: 20%;
	}*/
	
	/*choice*/
	
	#choice .choice_intro {
		height: 460px;
    	background-image: url("../img/top/choice/intro_bk.jpg");
		width: 100%;
	}
	#choice .choice_title {
		margin-bottom: 20px;
	}

	#choice .choice_title h2 {
    	top: -70px;
	}
	#choice .choice_intro_word {
		max-width: 530px;
		position: absolute;
		left: 5%;
		top: 50%;
		transform: translateY(-50%);
	}
	#choice .choice_intro_word figure {
		width: calc(100% - 330px);
		margin: 0 auto;
	}
	#choice .choice_intro_word h3 {
		font-size: 30px;
		line-height: 1.4;
		margin: 0 0 0 -80px;
		width: auto;
	}
	#choice .choice_element_topwrap {
		padding-bottom: 0;
	}
	#choice .choice_element > div {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0;
	}
	#choice .element_details {
		width: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 5px;
	}
	#choice .choice02 .element_details {
		position: relative;
	}
	#choice .choice01 .element_details {
		order: 2;
	}
	#choice .choice_element.choice01 > div > figure .pcimg {
		display: block;
	}
	#choice .choice_element.choice01 > div > figure .spimg {
		display: none;
	}
	#choice .choice03 .element_details {
		order: 2;
	}
	#choice .choice05 .element_details {
		order: 2;
	}
	#choice .element_details > div {
		width: 100%;
		padding: 0 15px;
	}
	#choice .choice_element > div > figure {
		width: 50%;
	}
	#choice .element_details figure {
		max-width: 471px;
		width: 100%;
		margin: 0 auto 20px;
	}
	#choice .element_details h4 {
		max-width: 471px;
		width: 100%;
		margin: 0 auto 20px;
		font-size: 24px;
	}
	#choice .element_details .element_wordwrap {
		max-width: 471px;
		margin: 0 auto;
		width: 100%;
		font-size: 13px;
	}
	#choice .choice_element.choice01 {
		margin-bottom: 20px;
	}
	#choice .choice_element.choice02 > figure {
		margin-top: 0;
	}
	#choice .choice_element.choice02 > div > figure {
		display: block;
	}
	#choice .element_details .element_footprint {
		bottom: -35px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		text-align: center;
}
	#choice .choice02 .element_details .element_footprint img.pcimg {
		display: block;
	}
	#choice .choice02 .element_details .element_footprint img.spimg {
		display: none;
	}
	#choice .choice_element > figure img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		object-position: 100% center;
	}
	#choice .readmore_title figure {
		width: calc(100% - 150px);
	}
	#choice .readmore_title p {
		margin: 15px 0;
	}


	/*summary*/
	
	#summary .summary_wrap {
		height: 800px;
		position: relative;
		padding: 60px 0;
		background-size: cover;
		background-position: center;
		background-image: url("../img/top/summary/summary_bk.jpg");
	}
	#summary .summary_wrap .summary_element {
		max-width: 870px;
		position: absolute;
		top: 50%;
		padding: 0 20px;
		right: auto;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	#summary .summary_element_top div {
		width: 100%;
		max-width: none;
		align-items: center;
	}
	#summary .summary_element_top div figure {
		max-width: 172px;
		width: auto;
	}
	#summary .summary_element_top div p {
		font-size: 2.8vw;
		width: calc(100% - 172px);
	}
	#summary .summary_element_top > p {
		font-size: 2vw;
		margin-top: -20px;
		padding: 20px;
	}
	#summary .summary_wrap .summary_element .summary_element_top {
		margin: 0 auto;
		width: 100%;
	}
	#summary .summary_element_middle {
		width: 100%;
		margin: -10px 0 20px 0;
	}

	#summary .summary_element_middle h2 {
		max-width: 532px;
		margin: 0 auto;
	}
	#summary .summary_element_middle p {
		font-size: 2.2vw;
	}
	#summary .summary_element_bottom {
		max-width: 570px;
		margin: 0 auto;
	}
	#summary .summary_element_bottom p {
		font-size: 1.5vw;
		width: 85%;
	}
	#summary .summary_element_bottom figure {
		margin-left: -70px;
		width: 15%;
		position: relative;
		right: auto;
		top: auto;
	}
	#summary .summary_element_bottom figure img.pcimg {
		display: block;
	}
	#summary .summary_element_bottom figure img.spimg {
		display: none;
	}
	
	/*experience*/

	#experience .experience_top {
		display: flex;
		flex-wrap: wrap;
		max-width: 1000px;
		margin: 0 auto;
		align-items: center;
	}
	#experience .experience_top .experience_word {
		width: 70%;
		order: 2;
		padding-left: 20px;
	}
	#experience .experience_top .experience_word h2 {
		font-size: 2.7vw;
		margin: 0 0 10px;
	}
	#experience .experience_top .experience_word > p {
		font-size: 1.2vw;
		margin-bottom: 30px;
	}
	#experience .experience_top .experience_word > p br {
		display: none;
	}
	#experience .experience_top > figure {
		width: 30%;
		order: 1;
		display: block;
	}
	#experience .experience_top .experience_word div p {
		font-size: 13px;
		padding-left: 0;
		width: 100%;
	}
	#experience .experience_top .experience_word div figure {
		display: none;
	}
	#experience .experience_bottom {
		overflow-x: hidden;
		padding: 20px 0;
	}
	#experience .experience_bottom .exerience_bunner {
		width: 50%;
		max-width: 480px;
	}
	#experience .experience_bottom .experience_duck {
		right: 0%;
		bottom: 19%;
		text-align: right;
		width: 20%;
	}
	#experience .experience_bottom .experience_duck img {
		max-width: 400px;
	}

	
	/*reason*/

	#reason .reason_head h2 {
		font-size: 2.8vw;
		margin-bottom: 30px;
	}
	#reason .reason_head h2 br {
		display: none;
	}
	#reason .reason_head figure {
		margin-bottom: 30px;
		width: 50%;
	}
	#reason .reason_head figure p {
		font-size: 2.8vw;
	}
	#reason .reason1 > figure {
		margin-bottom: 20px;
		width: 14%;
	}
	#reason .reason1 > figure img {
		max-width: 69px;
	}
	#reason .reason1 h3 {
		font-size: 2.5vw;
	}
	#reason .reason1 .reason1_wrap {
		max-width: 1220px;
		margin: -40px auto 0;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
	}
	#reason .reason1 .reason1_wrap figure:first-of-type {
		width: 36%;
		padding-bottom: 30px;
		margin-top: 0;
	}
	#reason .reason1 .reason1_wrap figure:last-of-type {
		width: 64%;
		padding-left: 15px;
		margin-bottom: -3px;
	}
	#reason .reason2 {
    padding: 20px 0;
    background-image: url("../img/top/reason/reason_2_pc_bk.png");
    background-repeat: no-repeat;
    background-size: cover;
	}
	/*#reason .reason2 .top_pc {
		display: block;
		margin-top: -22px;
		position: relative;
	}*/
	#reason .reason2 .base_img {
		width: 100%;
		z-index: 0;
	}
	#reason .reason2 .base_img img {
		width: 100%;
	}
	#reason .reason2 .before_img {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
	}
	#reason .reason2 .before_img:hover {
		cursor: pointer;
	}
	#reason .reason2 .before_img img {
		width: 100%;
	}
	#reason .after_img {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		opacity: 0;
	}
	#reason .reason2 .after_img img {
		width: 100%;
	}
	
	
	#reason .reason2 .top_pc {
		display: block;
		padding-bottom: 30px;
	}
	#reason .reason2 .top_pc .top_pc_head {
		position: relative;
		padding: 30px 0;
		max-width: 1000px;
		width: 90%;
		margin: 0 auto 30px;
	}
	#reason .reason2 .top_pc .top_pc_head .pc_intro figure {
		width: 24%;
		max-width: 70px;
		margin: 0 auto 10px;
	}
	#reason .reason2 .top_pc .top_pc_head .pc_intro figure img {
		max-width: 100%;
	}
	#reason .reason2 .top_pc .top_pc_head .pc_intro h3 {
		font-size: 2.9vw;
		text-align: center;
		line-height: 1.2;
		font-weight: bold;
		margin: 0;
	}
	#reason .reason2 .top_pc .top_pc_body {
		max-width: 1134px;
		width: 90%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	#reason .reason2 .top_pc .element_wrap {
		width: 50%;
		max-width: 567px;
		position: relative;
	}
	#reason .reason2 .top_pc .element_wrap.left_line {
		margin-right: -7%;
	}
	#reason .reason2 .top_pc .element_wrap.right_line {
		margin-left: -6%;
	}
	#reason .reason2 .top_pc .element_wrap .left_duck {
		position: absolute;
		right: 5%;
		bottom: 0%;
		z-index: 1;
		width: 20%;
	}
	#reason .reason2 .top_pc .element_wrap .left_duck img {
		width: 100%;
	}
	#reason .reason2 .top_pc .element_wrap .right_duck {
		position: absolute;
		left: 50%;
		top: -13%;
		transform: translateX(-50%);
		z-index: 1;
		width: 20%;
	}
	#reason .reason2 .top_pc .element_wrap .right_duck img {
		width: 100%;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell {
		width: 100%;
		margin: 0 auto;
		background-image: url("../img/top/reason/reason2_sp/reason_shell.png");
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center center;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell:after {
		content: '';
		display: block;
		top: 0;
		left: 0;
		padding-top: 86%;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell div {
	}
	#reason .reason2 .top_pc .element_wrap .element .shell div h4 {
		text-align: center;
		font-size: 1.4vw;
		font-weight: bold;
		line-height: 1.4;
		margin: 0 0 15px;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell div h4 span {
		color: #da5280;
		font-size: 1.4em;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell div p.hideword {
		font-size: 0.8vw;
		line-height: 1.8;
		width: 59%;
		margin: 0 auto;
		position: relative;
		overflow-y: hidden;
		padding-bottom: 20px;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell div p.hideword:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		transition: 0.3s;
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.02) 1%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	#reason .reason2 .top_pc .element_wrap .element .shell div p.hideword.active:after {
		bottom: -100%;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell p.readmore {
		position: absolute;
		left: 50%;
		bottom: 20%;
		transform: translate(-50%,-50%);
		margin: 0;
		font-size: 1.1vw;
		font-weight: bold;
		color: #2b92a4;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell p.readmore:before {
		content: "";
		background-image: linear-gradient(to right, #2b92a4, #2b92a4 3px, transparent 3px, transparent 8px);
		background-size: 8px 2px;
		background-repeat: repeat-x;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell p.readmore:hover {
		cursor: pointer;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell p.readmore span {
		display: inline-block;
		animation-duration: 2s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell p.readmore span:nth-of-type(1) {
		animation-name: readMore1;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell p.readmore span:nth-of-type(2) {
		animation-name: readMore2;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell p.readmore span:nth-of-type(3) {
		animation-name: readMore3;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell p.readmore span:nth-of-type(4) {
		animation-name: readMore4;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell p.readmore span:nth-of-type(5) {
		animation-name: readMore5;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell p.readmore span:nth-of-type(6) {
		animation-name: readMore6;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell p.readmore span:nth-of-type(7) {
		animation-name: readMore7;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell p.readmore span:nth-of-type(8) {
		animation-name: readMore8;
	}

	
	
	/*#reason .reason2 .top_pc p {
		position: absolute;
		left: 50%;
		bottom: 27%;
		transform: translate(-50%,0%);
		margin: 0;
		font-size: 1.8vw;
		font-weight: bold;
		color: rgba(210,60,100,1.00);
		z-index: 3;
		pointer-events: none;
	}
	#reason .reason2 .top_pc p:before {
		content: "";
		background-image: linear-gradient(to right, #d23c64, #d23c64 3px, transparent 3px, transparent 8px);
		background-size: 8px 2px;
		background-repeat: repeat-x;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
	}
	#reason .reason2 .top_pc p span {
		display: inline-block;
		animation-duration: 2s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
	}
	#reason .reason2 .top_pc p span:nth-of-type(1) {
		animation-name: readMore1;
	}
	#reason .reason2 .top_pc p span:nth-of-type(2) {
		animation-name: readMore2;
	}
	#reason .reason2 .top_pc p span:nth-of-type(3) {
		animation-name: readMore3;
	}
	#reason .reason2 .top_pc p span:nth-of-type(4) {
		animation-name: readMore4;
	}
	#reason .reason2 .top_pc p span:nth-of-type(5) {
		animation-name: readMore5;
	}
	#reason .reason2 .top_pc p span:nth-of-type(6) {
		animation-name: readMore6;
	}
	#reason .reason2 .top_pc p span:nth-of-type(7) {
		animation-name: readMore7;
	}
	#reason .reason2 .top_pc p span:nth-of-type(8) {
		animation-name: readMore8;
	}
	#reason .reason2 .top_pc.active .before_img {
		animation-name: sono2before;
		animation-duration: 0.8s;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
	}
	#reason .reason2 .top_pc.active .after_img {
		animation-name: sono2after;
		animation-duration: 0.8s;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
	}
	#reason .reason2 .top_pc.active .before_img:hover {
		cursor: default;
	}*/
	#reason .reason2 .top_sp2 {
		display: none;
	}
	/*#reason .reason2 .top_sp {
		display: none;
	}*/
	#reason .reason_bottom {
    margin-top: -64px;
    padding: 30px 0;
	}
	#reason .reason_bottom_wrap {
		max-width: 1100px;
		margin: 0 auto;
		padding: 30px 0;
		width: 90%;
	}
	#reason .reason_bottom_wrap figure {
		width: 50%;
	}
	#reason .reason2  .reason_bottom .reasonApplication {
		margin-left: 0;
		margin-top: 0;
	}
	#reason .reason2 .reason_bottom .reasonApplication a p {
		left: 32%;
		font-size: 2vw
	}
	
	/*more*/
	
	#more {
		margin-bottom: 50px;
	}
	#more h2 {
		padding: 100px 0 140px;
		background-size: 100% 100%;
		margin-top: -60px;
	}
	#more h2 img:first-of-type {
		width: 60%;
	}
	#more h2 img:last-of-type {
		width: 80%;
	}
	#more .more_details .more_details_top {
		display: flex;
		flex-wrap: wrap;
		width: 90%;
	}
	#more .more_details .more_details_top > div {
		width: 42%;
	}
	#more .more_details_top > figure {
		width: 58%;
		padding-top: 30px;
	}
	#more .more_details .more_details_top div h3 {
		font-size: 1.9vw;
		max-width: none;
		width: calc(80% + 40px);
		padding: 30px 20px 0;
	}
	#more .more_details .more_details_top div h3 + p {
		width: 80%;
		margin: 0 auto 20px;
		line-height: 2;
	}
	#more .more_details_top div .comment_wrap > div {
		width: 100%;
		padding: 0;
	}
	#more .more_details .more_details_top div .comment_wrap h4 {
		font-size: 2vw;
		width: 80%;
		margin: 0 auto 10px;
	}
	#more .more_details_top > figure {
		display: block;
	}
	#more .more_details_top div .comment_wrap .spimg {
		display: none;
	}
	#more .more_details_top div .comment_wrap .comment {
		font-size: 1.8vw;
		width: 80%;
		margin: 0 auto;
		padding: 30px 20px 50px;
	}
	#more .more_details_top .duck_wrap .dummy + p {
		font-size: 1.5vw;
	}
	#more .more_details_middle {
		display: none;
	}
	#more .more_details .more_details_bottom {
		display: flex;
		flex-wrap: wrap;
		background-image: url("../img/top/more/more_details_footprint.png");
		background-repeat: no-repeat;
		background-position: center 0%;
		background-size: 100% auto;
	}
	#more .more_details .more_details_bottom > div {
		width: 42%;
		padding-top: 100px;
	}
	#more .more_details .more_details_bottom > figure {
		width: 58%;
		padding-top: 30px;
		margin-top: -250px;
	}
	#more .more_details .more_details_bottom div h3 {
		font-size: 2vw;
		max-width: none;
		width: calc(95% + 20px);
		padding: 0px 5px 20px;
	}
	#more .more_details .more_details_bottom div ul {
		width: 90%;
		margin: 0 auto 30px;
	}
	#more .more_details .more_details_bottom div.details_bottom_wrap ul li {
		font-size: 1.4vw;
	}
	#more .more_details .more_details_bottom div figure {
		position: relative;
		margin-left: auto;
		bottom: auto;
	}
	#more .more_details .more_details_bottom > figure {
		text-align: center;
		width: 58%;
		margin: -250px auto 0;
		display: block;
	}
	#more .more_details .more_details_bottom > figure img {
		max-width: 100%;
	}
	#more .more_details .more_details_bottom div.details_bottom_wrap {
		display: block;
	}
	#more .more_details .more_details_bottom div.details_bottom_wrap ul {
		width: 100%;
	}
	#more .more_details .more_details_bottom div.details_bottom_wrap figure.pcduck {
		display: block;
		width: 16%;
		text-align: center;
		margin-left: auto;
	}
	#more .more_details .more_details_bottom div.details_bottom_wrap figure.spduck {
		display: none;
	}
	#more .more_details .more_details_bottom div.details_bottom_wrap figure.spimg {
		display: none;
	}

	
	/*price*/
	
	#price {
		background-image: none;
	}
	
	#price .price_top {
		display: flex;
		flex-wrap: wrap;
		max-width: 1400px;
		margin: 0 auto 30px;
		align-items: center;
	}
	#price .price_top .price_top_head {
		width: 48%;
		margin-bottom: 0;
		display: block;
	}
	#price .price_top .price_top_head .top_head_main {
		width: 100%;
	}
	#price .price_top .price_top_head .sp_bubble {
		display: none;
	}
	#price .price_top .price_top_body {
		width: 52%;
		padding: 0 30px;
	}
	#price .price_top .price_top_body > p {
		line-height: 2;
	}
	#price .price_top .price_top_body dl:first-of-type dd {
		font-size: 12px;
	}
	#price .price_top .price_top_body dl:last-of-type dd ul li {
		font-size: 12px;
	}
	#price .price_middle {
		display: flex;
		flex-wrap: wrap;
		max-width: 1000px;
		align-items: center;
		width: 95%;
	}
	#price .price_middle h4 {
		max-width: 186px;
		width: 25%;
		height: auto;
		position: relative;
		font-size: 1.5vw;
	}
	#price .price_middle h4:after {
		content: '';
		display: block;
		padding-top: 100%;

	}
	#price .price_middle .price_table {
		width: 42%;
		padding-left: 10px;
	}
	#price .price_middle .price_table .credit {
		font-size: 12px;
	}
	#price .price_middle .price_table  .price_table_wrap {
		margin-bottom: 10px;
	}
	#price .price_middle .price_table dl {
		padding: 10px;
	}
	#price .price_middle .price_table dl:nth-of-type(odd) {
		width: 60%;
	}
	#price .price_middle .price_table dl:nth-of-type(even) {
		width: 40%;
	}
	#price .price_middle .price_table dl dt {
		font-size: 18px;
		line-height: 1;
	}
	#price .price_middle .price_table dl dd {
		font-size: 24px;
	}
	#price .price_middle > figure {
		width: 33%;
		padding-left: 10px;
		text-align: center;
		margin: 0 auto;
		display: block;
	}
	
	#price .price_bottom .price_bottom_bunner {
		margin-right: auto;
		width: 30%;
	}
	#price .price_bottom .price_bottom_duck {
		display: block;
		left: auto;
		right: 0;
		bottom: 20%;
		width: 30%;
		text-align: center;
		position: absolute;
		z-index: 0;
		max-width: 402px;
	}
	#price .price_bottom .price_bottom_duck img {
		max-width: 100%;
	}
	#price .price_bottom .price_bottom_bunner a p {
		left: 29%;
		font-size: 1.6vw;
	}

	/*corona*/
	
	#corona {
		padding-top: 20px;
	}
	#corona h2 {
		font-size: 24px;
		margin-bottom: 5px;
	}
	#corona h2 br {
		display: none;
	}
	#corona p {
		font-size: 14px;
		margin: 0 auto 30px;
	}
	#corona figure a {
		max-width: 153px;
	}
	#corona figure a p {
		font-size: 30px;
	}

	
}/*min 768*/


@media (min-width: 769px) {
	
	.home header .header_bunner {
		top: 170px;
		transition: 0.3s;
	}
	
	/*slider_wrap*/
	
	#slider_wrap .slide03 .lidertitle {
		/*left: 17%;*/
	}
	#slider_wrap .slider_bottom {
		margin-top: -25%;
		width: 100%;
		background: none;
		display: block;
	}
	#slider_wrap .slider_bottom.animated {
		/*margin-top: -18%;*/
		animation-name: introAnimation;
		animation-duration: 2s;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
	}
	#slider_wrap .slider_bottom.animated .bunner_wrap {
		/*max-width: 1250px;*/
		animation-name: introAnimation2;
		animation-duration: 2s;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
	}
	#slider_wrap .slider_bottom.animated2 .bunner_wrap figure.aisatu,
	#slider_wrap .slider_bottom.animated2 .bunner_wrap figure.doga,
	#slider_wrap .slider_bottom.animated2 .bunner_wrap figure.bunnerApplication {
		animation-name: purun;
		animation-duration: 0.8s;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
	}
	#slider_wrap .slider_bottom.animated2 .bunner_wrap figure.aisatu a p,
	#slider_wrap .slider_bottom.animated2 .bunner_wrap figure.doga a p,
	#slider_wrap .slider_bottom.animated2 .bunner_wrap figure.bunnerApplication a p {
		font-size: 1.4vw;
	}

	#slider_wrap .slider_bottom.animated .slider_bottom_decoration {
		display: block;
		margin: 0 auto;
		max-width: 1250px;
	}
	#slider_wrap .slider_bottom.animated .slider_bottom_decoration .decoration_wrap {
		margin-top: -10%;
	}

	#slider_wrap .bunner_wrap figure.aisatu {
		max-width: 200px;
	}
	#slider_wrap .bunner_wrap figure.aisatu a p {
		left: 34%;
	}
	#slider_wrap .bunner_wrap figure.doga {
		max-width: 200px;
	}
	#slider_wrap .bunner_wrap figure.doga a p {
		right: 9%
	}
	#slider_wrap .bunner_wrap .bunnerApplication {
		width: 33.3%;
		margin-left: -35px;
		max-width: 200px;
	}

	
	/*choice*/
	
	#choice .choice_element.choice03 br {
		display: block;
	}
	
	/*more*/
	
	#more .more_details .more_details_bottom > figure {
		margin-top: -150px;
	}
	#more .more_details .more_details_bottom div h3 {
		padding: 80px 5px 20px;
	}
	
	/*price*/
	
	#price .price_middle .price_table dl dt {
		font-size: 1.5vw;
	}
	#price .price_middle .price_table dl dd {
		font-size: 2vw;
	}
	
	/*reason*/
	
	#reason .reason_bottom .columnBunner a p {
		font-size: 24px;
	}
	#reason .reason_bottom .reasonApplication a p {
		font-size: 24px;
		left: 33%;
	}


	
}/*min 769*/

@media (min-width: 1000px) {
	
	/*fixed_bunner*/
	
	#fixed_bunner h2 {
		font-size: 14px;
	}
	#fixed_bunner p {
		font-size: 11px;
	}

	/*choice*/
	
	#choice .readmore {
		margin-bottom: 0;
		padding-bottom: 50px;
		position: relative;
	}
	#choice .readmore_title .dummy {
		width: 260px;
		display: block;
	}
	#choice .readmore_wrap {
		max-width: 860px;
		margin: 0 auto;
	}
	#choice .readmore_wrap .readmore_word {
		margin: 0;
		width: 100%;
		max-width: none;
	}
	#choice .readmore_word ul {
		margin: -50px 0 0;
	}
	#choice .readmore_word ul li {
		font-size: 18px;
		padding-left: 20px;
		border-bottom: 1px solid #fff;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		position: relative;
	}
	#choice .readmore_word ul li p:after {
		width: 20px;
		height: 20px;
		transition: 0.3s;
		top: auto;
		bottom: 5px;
		transform: translateY(0);
	}
	#choice .readmore_word ul li img {
		display: block;
		width: 116px;
	}
	#choice .readmore_word ul li p {
		width: calc(100% - 116px);
		border: none;
	}
	#choice .readmore_word ul li figure {
		width: 116px;
	}
	#choice .readmore_word ul li span {
		border-bottom: none;
	}
	#choice .readmore_word ul li:nth-of-type(1) {
		width: 710px;
		z-index: 0;
	}
	#choice .readmore_word ul li:nth-of-type(2) {
		width: 555px;
		margin-left: 290px;
		margin-top: -50px;
		z-index: 0;
	}
	#choice .readmore_word ul li:nth-of-type(3) {
		width: 735px;
		margin-left: 50px;
		margin-top: -50px;
		z-index: 0;
	}
	#choice .readmore_word ul li:nth-of-type(3) span {
		padding-left: 20px;
	}
		
	#choice .readmore:hover {
		cursor: pointer;
	}
	
	/*experience*/
	
	#experience .experience_bottom .exerience_bunner a p {
		left: 31%;
		font-size: 22px;
	}
	
}/*min 1000*/

@media (min-width: 1100px) {
	
	/*infoarea*/
	
	#infoarea .infowrap h2 span {
		font-size: 32px;
	}
	#infoarea .infowrap .word div .info_element h3 {
		font-size: 18px;
	}
	#infoarea .infowrap .word div .info_element p {
		font-size: 16px;
	}
	
	/*summary*/
	
	#summary .summary_wrap .summary_element {
		right: 3%;
		left: auto;
		transform: translateY(-50%);
	}
	
	#more .more_details .more_details_bottom > figure img {
		max-width: 542px;
	}
	
}/*min 1100*/

@media (min-width: 1200px) {
	
	/*price*/
	
	#price .price_top .price_top_body {
		padding: 0 180px 0 30px;
	}
	
	/*reason2*/
	
	#reason .reason2 .top_pc .top_pc_head .pc_intro h3 {
		font-size: 40px;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell div h4 {
		font-size: 22px;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell div p.hideword {
		font-size: 14px;
	}
	#reason .reason2 .top_pc .element_wrap .element .shell p.readmore {
		font-size: 20px;
	}


}/*min 1200*/

@media (min-width: 1300px) {
	
	#slider_wrap .slide01 .lidertitle {
		
		left: 50%;
		transform: translateX(-50%);
		
	}
	#slider_wrap .slide02 .lidertitle {
		top: 10%;
	}
	
	/*#experience*/
	
	#experience .experience_bottom .experience_duck {
		right: 0%;
		left: auto;
		bottom: 19%;
		text-align: right;
	}
	
}/*min 1300*/


@media (min-width: 1400px) {
	
	#slider_wrap .slide03 .lidertitle {
		/*left: 24%;*/
	}
	
	#slider_wrap .slider_bottom.animated2 .bunner_wrap figure.aisatu a p,
	#slider_wrap .slider_bottom.animated2 .bunner_wrap figure.doga a p,
	#slider_wrap .slider_bottom.animated2 .bunner_wrap figure.bunnerApplication a p {
		font-size: 20px;
	}
	
}/*min 1400*/

@media (min-width: 1500px) {
	
	#summary .summary_element_top div p {
		font-size: 40px;
	}
	#summary .summary_element_top > p {
		font-size: 30px;
	}
	#summary .summary_element_middle p {
		font-size: 34px;
	}
	#summary .summary_element_bottom p {
		font-size: 23px;
	}
	#experience .experience_top .experience_word h2 {
		font-size: 40px;
	}
	#experience .experience_top .experience_word p:first-of-type {
		font-size: 17px;
	}
	#reason .reason_head figure p {
		font-size: 43px;
		left: 24%;
	}
	#more .more_details .more_details_top div h3 {
		font-size: 30px;
	}
	#more .more_details .more_details_top div h4 {
		font-size: 30px;
	}
	#more .more_details .more_details_bottom div h3 {
		font-size: 30px;
	}
	#more .more_details .more_details_bottom div ul li {
		font-size: 24px;
	}
	#price .price_middle .price_table dl dt {
		font-size: 24px;
	}
	
}/*min 1500*/

@media (min-width: 1700px) {
	
	#corona_banner {
		top: 15px;
	}
	.home header .header_bunner {
		top: 110px;
	}

	
}/*1700*/

@media (max-width: 768px) {

	#slider_wrap .slide01 .lidertitle {
		left: 50%;
		transform: translateX(-50%);
	}
	#slider_wrap .slide02 .lidertitle {
		top: 30%;
	}

	
}/*max 768*/