/*globalCSS*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1.2em;
	line-height: 200%;
	color: #333;
	position: relative;
	overflow-x: hidden;
}

.pc_none {
	display: none;
}
.cont_h2 {
	font-size: 1.4em;
	width: 94%;
	padding: 10px;
	background-color: #31599B;
	color: #fff;
	border-radius: 10px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.cont_h3 {
	font-size: 1.4em;
	width: 93%;
	padding: 10px;
	border-bottom: 2px solid #31599B;
	color: #31599B;
	margin-bottom: 15px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.cont_h4 {
	font-size: 1.2em;
	width: 94%;
	color: #31599B;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}
.contents_textarea {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.contents_textarea2 {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.cont_ul {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.cont_ul li {
	list-style: disc;
	margin-left: 20px;
}
.cont_ol {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.cont_ol li {
	list-style: decimal;
	margin-left: 20px;
}
.cont_dl {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}
.cont_dl dt {
	width: 20%;
	float: left;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dashed #ccc;
}
.cont_dl dd {
	width: 80%;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dashed #ccc;
}
.img {
	border-radius: 14px;
	box-shadow: 0px 0px 5px #C9C9C9;
}
.btn {
	display: inline-block;
}
.btn a {
	display: block;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	padding: 15px 40px;
}
.btn a:hover {
	opacity: 0.8;
}
.cont_table {
	width: 94%;
	border-top: 3px solid #9CB6E3;
	border-bottom: 2px solid #ccc;
	margin-left: auto;
	margin-right: auto;
}
.cont_table th {
	padding: 5px;
	border-bottom: 1px dashed #ccc;
	background-color: #E4EBF3;
}
.cont_table td {
	padding: 5px;
	border-bottom: 1px dashed #ccc;
}
.cont_table2 {
	width: 94%;
	border-top: 3px solid #9CB6E3;
	border-bottom: 2px solid #ccc;
	margin-left: auto;
	margin-right: auto;
}
.cont_table2 th {
	padding: 10px;
	border-bottom: 1px dashed #ccc;
	background-color: #E4EBF3;
}
.cont_table2 td {
	padding: 10px;
	border-bottom: 1px dashed #ccc;
}
.big_activate {
	font-size: 3.2em;
	text-align: center;
	margin-top: 24px;
	margin-bottom: 10px;
	font-family: "Times New Roman", Times, serif;
}
.fontS {
	font-size: 0.85em;
}
.fontM {
	font-size: 0.95em;
}
.fontL {
	font-size: 1.1em;
}



header .line {
	width: 100%;
	height: 10px;
	margin-bottom: 20px;
background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
}


header h1 {
	background-image: url("../images/logo.png");
	width: 1200px;
	height: 160px;
	text-indent: -9999px;
	margin-left: auto;
	margin-right: auto;
	
}

#menu {
	width: 1200px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
}

#menu li {
	float: left;
}

#menu a {
	background-image: url("../images/menu.jpg");
	background-repeat: no-repeat;
	height: 120px;
	text-indent: -9999px;
	display: block;
}

#li1 a {background-position: 0px 0px;width:300px;}
#li2 a {background-position: -300px 0px;width:366px;}
#li3 a {background-position: -666px 0px;width:279px;}
#li4 a {background-position: -945px 0px;width:255px;}

#li1 a:hover {background-position: 0px -120px;width:300px;}
#li2 a:hover {background-position: -300px -120px;width:366px;}
#li3 a:hover {background-position: -666px -120px;width:279px;}
#li4 a:hover {background-position: -945px -120px;width:255px;}

#top_box1 {
	background-image: url("../images/bg2.png");
	width: 100%;
	background-position: top center;
}

#top_box1 h4 {
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: "Sawarabi Mincho";
	text-align: center;
	font-size: 1.6em;
	color: #009FE8;
}

#top_box1 .text {
	width: 900px;
	margin-left:auto;
	margin-right: auto;
	padding:20px 100px;
	font-size:1.1em;
	border-top: 2px dashed #009FE8;
	line-height: 220%;
	text-align:  center;
}


#top_box1 ul {
	width: 400px;
	font-size: 1.3em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 20px;
}


.btn-gradient-radius {
  display: inline-block;
  padding: 30px 50px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  transition: .4s;
}

.btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}

.tbox1_img {
	position: absolute;
	left:-100px;
	top:-100px;
}

#top_box2 {
	width:100%;
	clear: both;
	padding-top: 20px;
}

#top_box2 h4 {
	position: absolute;
	right: -250px;
	top: -150px;
}

.contents{
	width: 1200px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#top_box2 h3 {
	width: 649px;
	height: 297px;
	text-indent: -9999px;
	float: left;
}

#top_box2 h3 a {
	background-image: url("../images/img1.png");
	width: 649px;
	height: 297px;
	text-indent: -9999px;
	display: block;
}

#top_box2 p {
	width: 500px;
	float: right;
	padding: 20px;
	padding-top: 40px;
}

#top_box3 {
	width:100%;
	clear: both;
	padding-top: 20px;
	background-color: #FDF8D0;
}


#top_box3 h4 {
	position: absolute;
	left: -100px;
	bottom: -430px;
}

#top_box3:after {clear: both;height: 0;visibility: hidden;display: block;content: ".";}

#top_box3 h3 {
	width: 649px;
	height: 297px;
	text-indent: -9999px;
	float: right;
}

#top_box3 h3 a {
	background-image: url("../images/img2.png");
	width: 649px;
	height: 297px;
	text-indent: -9999px;
	display: block;
}


#top_box3 p {
	width: 500px;
	float: left;
	padding: 20px;
	padding-top: 40px;
}

#top_box4 {
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	width: 1200px;
	clear: both;
	margin-bottom: 0px;
}

#top_box4:after {clear: both;height: 0;visibility: hidden;display: block;content: ".";}


#top_box4 h3 {
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 1.6em;
	margin-bottom: 20px;
}

#top_box4 #tbox4_img {
	width: 200px;
	float: left;
}

#top_box4 #tbox4_img img {
	vertical-align: bottom;
}

#top_box4 dl {
	width: 970px;
	float: right;
}




#top_box4 dt {
	border-top: 1px dashed #ccc;
	width: 180px;
	float: left;
	clear: both;
	padding: 10px;
	font-size: 0.95em;
}

#top_box4 dd {
	border-top: 1px dashed #ccc;
	width: 660px;
	float: left;
	padding: 10px;
	font-size: 0.95em;
}

footer {
	background-color:#f2f2f2;
	clear: both;
	padding: 20px;
	margin-top: 0px;
}
footer:after {clear: both;height: 0;visibility: hidden;display: block;content: ".";}

footer #footer_menu {
	width: 760px;
	float: right;
	text-align: center;
	padding-bottom: 30px;
}

footer #footer_menu a {
	color: #3C56AA;
}

#footer_box {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#copyright {
	font-size: 0.8em;
	line-height: 140%;
	width:400px;
	float: left;
}

#footer_menu2 {
	font-size: 0.8em;
	width: 760px;
	float: right;
	text-align: center;
}

#footer_menu2 a {
	color: #3C56AA;
}

/*メインイメージエリア*/

#main_img {
	width: 100%;
	height: 600px;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	background-image: url("../images/sam.png");
}


#main_img h4 {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 184px;
	background-image: url("../images/main_bg.png");
	background-position: center;
	pointer-events: none;
	text-indent: -9999px;
}

#main_list {
	width: 1200px;
	position: absolute;
	bottom: 0px;
	left: calc(50% - 600px) ;
}
#main_list a {
	background-image: url("../images/main_img.png");
	width: 300px;
	height: 600px;
	text-indent: -9999px;
	display: block;
}

#main_list #tli1 a {background-position: 0px 0px;}
#main_list #tli2 a {background-position: -300px 0px;}
#main_list #tli3 a {background-position: -600px 0px;}
#main_list #tli4 a {background-position: -900px 0px;}


#main_list #tli1 a:hover {background-position: 0px -600px;}
#main_list #tli2 a:hover {background-position: -300px -600px;}
#main_list #tli3 a:hover {background-position: -600px -600px;}
#main_list #tli4 a:hover {background-position: -900px -600px;}



#main_list li {
	width: 300px;
	height: 600px;
	float: left;
}

#main_list li a {
	display: block;
}









/* for Scroll Fix Header */

	header{
		width:100%;
	}

.fix-header {
	background-color:#fff;
	line-height: 66px;
	top: -66px;/* 上に隠す鷹さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding-top:15px;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように */
/*	opacity: 0; */
	box-shadow: 0 0 10px #ccc;
	}

	.fix-header-contents{
		width:900px;
		margin: 0 auto;
	}

.fix-header ul{
list-style-type: none;
}

.fix-header li{
	float:left;
	margin-right:32px;
}

.fix-header li a,.fix-header li a:visited{
	text-decoration: none;
	color: #2F60AC;
}
.fix-header li:last-child{
	margin-right:0;
}
#fix-header-logo{
	float:left;
}

#fix-header-logo h1{
	background-image: url("../images/h_logo.png");
	background-size: 190px 70px;
	width: 190px;
	height: 70px;
	text-indent: -9999px;
}

#fix-header-logo h1 a{
	background-image: url("../images/h_logo.png");
	background-size: 190px 70px;
	width: 190px;
	height: 70px;
	text-indent: -9999px;
	display: block;
		
}

#fix-header-menus{
	float:right;
	text-align: right;
}
#scroll-fix-menu img{
padding-bottom: 5px;
   border-bottom:2px solid #fff;
}

#scroll-fix-menu .current-menu-item img{
   border-bottom:2px solid #0f142a;
}

#scroll-fix-menu a img:hover{
   border-bottom:2px solid #0f142a;
	transition:border-color 0.6s ease-out;
}

/* micro clearfx */
.cf:before, .cf:after {
		content:"";
		display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */

#main {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.okg_box {
	width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.okg_box:after {clear: both;height: 0;visibility: hidden;display: block;content: ".";}


.okg_left {
	width: 48%;
	float: left;
}
.okg_right {
	width: 48%;
	float: right;
}

#okg_list{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#okg_list:after {clear: both;height: 0;visibility: hidden;display: block;content: ".";}

#okg_list li {
	width: 290px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}

#okg_list li img {
	width: 100%;
	vertical-align: bottom;
}
#okg_list li a {
	display: block;
	border: 1px solid #ccc;
}

#okg_list li a:hover {
	border: 1px solid red;
}


.okg_t0 {
	background-image: url("../images/okg/t1.png");
	width: 440px;
	height: 130px;
	text-indent: -9999px;
}
.okg_t1 {
	background-image: url("../images/okg/t2.png");
	width: 440px;
	height: 130px;
	text-indent: -9999px;
}
.okg_t2 {
	background-image: url("../images/okg/t3.png");
	width: 300px;
	height: 120px;
	text-indent: -9999px;
}
.okg_t3 {
	background-image: url("../images/okg/t4.png");
	width: 300px;
	height: 120px;
	text-indent: -9999px;
}
.okg_t4 {
	background-image: url("../images/okg/t5.png");
	width: 300px;
	height: 120px;
	text-indent: -9999px;
}
.okg_t5 {
	background-image: url("../images/okg/t6.png");
	width: 300px;
	height: 120px;
	text-indent: -9999px;
}

.okg_box blockquote {
	text-align: center;
}



.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

#okg_title1 {
	background-image: url("../images/okg/title1.png");
	width: 450px;
	height: 260px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

#okg_title2 {
	background-image: url("../images/okg/title2.png");
	width: 450px;
	height: 260px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

#okg_title3 {
	background-image: url("../images/okg/title3.png");
	width: 450px;
	height: 260px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

#okg_title4 {
	background-image: url("../images/okg/title4.png");
	width: 450px;
	height: 260px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}


.bg_llyellow {
	padding-top: 30px;
	background-color: #fdf8d0;
}

.bg_llred {
	padding-top: 30px;
	background-color: #F7E2E2;
}

.bg_llblue {
	padding-top: 30px;
	background-color: #F3F6FD;
}


.cont_img {
	width: 100%;
}

.cont_img:after {clear: both;height: 0;visibility: hidden;display: block;content: ".";}

.cont_img li {
	width: 50%;
	float: left;
	margin-bottom: 20px;
	line-height: 110%;
}

.cont_img li img {
	width: 94%;
	border-radius: 20px;
	border: 1px solid #ccc;
}


#cont_main {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #e9f7fa;
}


#okg_title {
	background-image: url("../images/okg/page_title.png");
	width: 428px;
	height: 93px;
	text-indent: -9999px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	background-repeat: no-repeat;
}

#tour_title {
	background-image: url("../images/tour/page_title.png");
	width: 431px;
	height: 93px;
	text-indent: -9999px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
}

#faq_title {
	background-image: url("../images/faq/page_title.png");
	width: 431px;
	height: 93px;
	text-indent: -9999px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
}

.faq_bg:nth-child(even){ 
	background-color: #F3FCF6;
}

.faq_box {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}


.faq_box:after {clear: both;height: 0;visibility: hidden;display: block;content: ".";}


.faq_box h3 {
	font-family: "Sawarabi Mincho";
	font-size: 2em;
	text-align: center;
	color: #021983;
	margin-bottom: 40px;
}

.faq_box blockquote {
	width: 200px;
	float: left;
}

.faq_box blockquote img {
	width: 200px;
	filter: drop-shadow(6px 6px 5px rgba(0,0,0,.5));
	-webkit-filter: drop-shadow(3px 3px 5px rgba(0,0,0,.5));
}

.faq_box .text {
	width: 750px;
	float: right;
}


.faq_box .frame img {
	width: 200px;
	-webkit-filter: drop-shadow(6px 6px 5px rgba(0,0,0,.5));
	filter: drop-shadow(6px 6px 5px rgba(0,0,0,.5));
	outline: 5px solid #fff;
	outline-offset: -5px;
}

.faq_box .frame {
	width: 200px;
	float: right;
	display: inline-block;
	transform: rotate(5deg);
}