@charset "utf-8";
.sp {
		display: none;
}
.pc {
		display: block;
}
body {
		animation: fadeIn 2s ease 0s 1 normal;
		-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
		0% {
				opacity: 0
		}
		100% {
				opacity: 1
		}
}
@-webkit-keyframes fadeIn {
		0% {
				opacity: 0
		}
		100% {
				opacity: 1
		}
}
body {

	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-feature-settings: "palt";
	  	/* [disabled]font-family: 'Lucida Grande', Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; */
		/* [disabled]font-size: 16px; */
		/* [disabled]line-height: 1.7; */
		/* [disabled]color: #4C4948; */
		/* [disabled]width: 100%; */
		/* [disabled]min-width: 1090px; */
		/* [disabled]overflow-x: hidden; */
}
input, select, textarea {
		font-family: Arial, “ＭＳ Ｐゴシック”, sans-serif;
		margin: 0px;
		padding: 0px;
		border: 1px solid #C5C5C5;
		vertical-align: bottom;
}
a {
		/* [disabled]color: #223E82; */
		text-decoration: none;
		transition-duration: 0.4s;
}
a:hover {
		/* [disabled]color: #223E82; */
		text-decoration: none;
}
li {
		list-style: none;
}
.float_clear {
		display: block;
		clear: both;
		visibility: hidden;
		height: auto;
}
.alpha a:hover img {
		opacity: 0.85;
		filter: alpha(opacity=85);
		-ms-filter: "alpha(opacity=85)";
}
th, td {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
}
.wrap {
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 1000px;
}
#header {
		background-color: #FFFFFF;
		/* [disabled]height: 100px; */
}
/*h1 {
  font-size: 10px;
  background-color: #000000;
  color: #FFFFFF;
  line-height: 25px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#header {
  height: 88px;
  position: relative;
}
#header #logo {
  position: absolute;
  top: 23px;
  left: 24px;
}
*/
#title_main {
    margin-bottom: 40px;
    opacity: 1;
    z-index: 10;
    position: absolute;
    /* [disabled]width: calc(100% - 20px); */
    margin-top: 60px;
    text-align: center;
}
#scroll_down {
		position: relative;
		text-align: center;
		padding-top: 56px;
		margin-top: 50px;
		/* [disabled]margin-bottom: 50px; */
}
#scroll_down a {
		padding-top: 60px;
		color: #000000;
}
#scroll_down a span {
		position: absolute;
		top: 0;
		left: 50%;
		width: 30px;
		height: 50px;
		margin-left: -15px;
		border: 2px solid #000;
		border-radius: 50px;
		box-sizing: border-box;
}
#scroll_down a span::before {
		position: absolute;
		top: 10px;
		left: 50%;
		content: '';
		width: 6px;
		height: 6px;
		margin-left: -3px;
		background-color: #000;
		border-radius: 100%;
		-webkit-animation: sdb 2s infinite;
		animation: sdb 2s infinite;
		box-sizing: border-box;
}
@-webkit-keyframes sdb {
		0% {
				-webkit-transform: translate(0, 0);
				opacity: 0;
		}
		40% {
				opacity: 1;
		}
		80% {
				-webkit-transform: translate(0, 20px);
				opacity: 0;
		}
		100% {
				opacity: 0;
		}
}
@keyframes sdb {
		0% {
				transform: translate(0, 0);
				opacity: 0;
		}
		40% {
				opacity: 1;
		}
		80% {
				transform: translate(0, 20px);
				opacity: 0;
		}
		100% {
				opacity: 0;
		}
}
#wrap_main {
		width: 840px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 55px;
}
#wrap_main .wrap_main {
		width: 420px;
		float: left;
		text-align: center;
		color: #223e82;
		margin-bottom: 45px;
}
#wrap_main .wrap_main img {
		width: 100%;
		height: auto;
		margin-bottom: 8px;
}
.back_yallow {
    background-color: #f6f8d9;
}
.back_yallow .wrap {
		padding-top: 100px;
		padding-bottom: 100px;
}
.back_white {
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
}
.back_pink {
    background-color: #fceef4;
}

#wrap_sub {
		width: 774px;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFFFFF;
		border: 3px dotted #222485;
		padding-top: 50px;
		padding-left: 60px;
		padding-right: 60px;
		padding-bottom: 50px;
		margin-bottom: 100px;
}
#wrap_sub .wrap_sub {
		width: 327px;
		float: left;
		text-align: left;
		color: #223e82;
		margin-bottom: 45px;
		margin-right: 56px;
}
#wrap_sub .wrap_sub img {
		width: 100%;
		height: auto;
		margin-bottom: 8px;
}
.wrap_ctt {
		width: 840px;
		margin-left: auto;
		margin-right: auto;
}
.wrap_ctt img {
		/* [disabled]width: 100%; */
		height: auto;
}
.wrap_ctt #ctt_90 {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		font-size: 14px;
		color: #223E82;
		margin-bottom: 100px;
}
.wrap_ctt #text_ctt_90 {
		background-image: url(../images/common/ctt_90_02.png);
		background-repeat: repeat-y;
		/* [disabled]background-size: contain; */
		padding-left: 50px;
		padding-right: 50px;
}
.wrap_ctt #text_ctt_90 #text_ctt_90_head {
		text-align: center;
		font-weight: bold;
		font-size: 26px;
		margin-bottom: 15px;
}
#wrap_btn {
		/* [disabled]margin-top: 100px; */
		/* [disabled]margin-bottom: 100px; */
		font-size: 24px;
		padding-top: 100px;
		padding-bottom: 100px;
}
#wrap_btn2 {
	padding-top: 100px;
	padding-bottom: 50px;
}
.btn_taiken img {
    width: 48px;
    height: auto;
    vertical-align: middle;
    margin-right: 15px;
    margin-bottom: 5px;
}
.btn_taiken {
    width: 570px;
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF;
    background-color: #223e82;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 50px;
    display: block;
}
.btn_form {
		width: 560px;
		margin-left: auto;
		margin-right: auto;
		color: #FFFFFF;
		background-color: #f08336;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 15px;
		padding-left: 25px;
		padding-right: 25px;
		margin-bottom: 50px;
		display: block;
		max-width: 100%;
		font-size: 24px;
}
#application .btn_form {
	padding-top: 8px;
	padding-bottom: 8px;
	min-height: 69px;
}

#wrap_btn a:hover {
		color: #FFFFFF;
}
a.btn_form:hover {
		background-color: #F09D35;
}
a.btn_taiken:hover {
		background-color: #3159BC;
}
#copyright {
		text-align: center;
		background-color: #000000;
		color: #FFFFFF;
		font-size: 10px;
		line-height: 26px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}
#btn_ptt {
		position: fixed;
		cursor: pointer;
		right: 0px;
		bottom: 0px;
}
#btn_ptt img {
		width: auto;
		height: 36px;
}
#youtube {
		text-align: center;
		margin-bottom: 30px;
}
#youtube img {
		width: auto;
}
.link_youtube {
		margin-top: 30px;
		color: #223E82;
		text-align: center;
}
.link_youtube a {
		text-decoration: underline;
}
.movie-wrap {
		position: relative;
		padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
		height: 0;
		overflow: hidden;
}
.movie-wrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
#accordion {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 0px;
}
#accordion .accordion-click {
    background-color: #000000;
    color: #FFFFFF;
    padding-top: 10px;
    padding-right: 64px;
    padding-bottom: 14px;
    padding-left: 20px;
    line-height: 26px;
    position: relative;
    cursor: pointer;
    margin-top: 20px;
    text-align: left;
    width: 190px;
    height: 26px;
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}
#accordion .accordion-click img {
    vertical-align: middle;
    float: none;
    /* [disabled]margin-right: 20px; */
}
#accordion .accordion-click #corona_arrow {
    position: absolute;
    right: 16px;
    top: 13px;
    margin-right: 0px;
    transform: rotate(0deg);
    transition: transform .1s;
}
#accordion .accordion-click #corona_arrow.appeared {
		transform: rotate(90deg);
}
#corona_illust {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 30px;
}
#corona_text_c {
		text-align: center;
		border-bottom: 1px solid #000000;
		margin-bottom: 20px;
		padding-bottom: 5px;
		font-weight: bold;
}
#corona_illust img#corona_image {
		width: 90%;
		height: auto;
}
#visual {
		height: auto;
		position: static;
}
.wrap_lead_photo {
    text-align: center;
    margin-bottom: 20px;
}
.wrap_lead_title {
    /* [disabled]font-weight: 900; */
    text-align: center;
    font-size: 24px;
    color: #6a401b;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}
.wrap_lead_title span {
	background:linear-gradient(transparent 60%, #ff6 60%);
}
.wrap_lead_text {
    border-bottom: 2px dotted #6a401b;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.wrap_timeline {
    margin-top: 30px;
    margin-bottom: 30px;
}
.wrap_timeline img {
    max-width: 100%;
    height: auto;
}
.wrap_youtube {
    margin-top: 80px;
    margin-bottom: 50px;
}


@media screen and (max-width:767px) {
		.pc {
				display: none;
		}
		.sp {
				display: block;
		}
		body {
				width: 100%;
				min-width: 0px;
				overflow-x: hidden;
		}
		.wrap {
				width: auto;
				padding-left: 10px;
				padding-right: 10px;
		}
		/*#header #logo {
	left: calc(50vw - 110px);
	;

}*/
        #scroll_down {
				margin-bottom: 0px;
		}
		#title_main img, #visual img {
				width: 100%;
				height: auto;
		}
		#wrap_main {
				width: 100%;
				margin-bottom: 50px;
		}
		#wrap_main .wrap_main {
				width: 100%;
				float: none;
				margin-bottom: 0px;
		}
		#wrap_main .wrap_main img {
				width: 100%;
		}
		#wrap_main .wrap_main #a0 {
				margin-top: 45px;
		}
		.back_yallow .wrap {
				padding-top: 50px;
				padding-bottom: 50px;
		}
		#wrap_sub {
				width: auto;
				padding-top: 40px;
				padding-right: 20px;
				padding-bottom: 40px;
				padding-left: 20px;
				margin-bottom: 50px;
		}
		#wrap_sub .wrap_sub {
				margin-right: 0px;
				width: 100%;
				margin-bottom: 40px;
		}
		#wrap_sub .wrap_sub img {
				width: 100%;
				height: auto;
		}
		#wrap_sub #hotel {
				margin-bottom: 0px;
		}
		.wrap_ctt, .wrap_ctt img {
				width: 100%;
		}
		#wrap_btn {
				/* [disabled]margin-top: 50px; */
				/* [disabled]margin-bottom: 50px; */
				padding-top: 50px;
				padding-bottom: 20px;
		}
		.btn_taiken img {
				width: 24px;
		}
		.btn_taiken, .btn_form {
				width: auto;
				font-size: 16px;
				margin-bottom: 30px;
		}
		.wrap_ctt #ctt_90 {
				width: 100%;
				margin-bottom: 50px;
		}
		.wrap_ctt #ctt_90 img {
				width: 100%;
				height: auto;
		}
		.wrap_ctt #text_ctt_90 {
				padding-left: 35px;
				padding-right: 35px;
				padding-bottom: 10px;
				background-size: contain;
		}
		.wrap_ctt #text_ctt_90 #text_ctt_90_head {
				font-size: 16px;
				margin-top: 10px;
		}
		#youtube img {
				width: 100%;
		}
		#youtube .link_youtube {
				font-size: 14px;
		}
		#accordion {
				width: auto;
		}
		.accordion-click {
				font-size: 10px;
		}
		.back_white .accordion-click {
				font-size: 14px;
		}
		.accordion-content {
    font-size: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
		}
		.back_white .accordion-content {
				display: none;
				padding-left: 2.3125em;
				font-size: 16px;
				padding-top: 10px;
				padding-bottom: 10px;
				line-height: 2;
		}
		/*h1 {
  font-size: 10px;
  background-color: #000000;
  color: #FFFFFF;
  line-height: 25px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#header {
  height: 88px;
  position: relative;
}
#header #logo {
  position: absolute;
  top: 23px;
  left: 24px;
}
*/
		#title_main {
				margin-bottom: 40px;
				margin-top: 20px;
				width: auto;
		}
		#wrap_main img {
				width: 100%;
				height: auto;
		}
		#wrap_sub img {
				width: 100%;
				height: auto;
		}
#accordion .accordion-click img {
	margin-right: 8px;
}
#wrap_btn #application img {
	margin-top: 5px;
	margin-bottom: 5px;
	max-width: 100%;
	width: auto;
	height: auto;
}
#wrap_btn .btn_form {
	min-height: 0px;
}
#wrap_btn2 {
	padding-bottom: 20px;
	padding-top: 50px;
}
.wrap_youtube {
    margin-top: 40px;
    margin-bottom: 0px;
}



}