@charset "utf-8";

.tourpoint h4{ color:#2f9fa1}


#contents{ background-image:url(images/bg_sea.gif);}

.table{ display:table; max-width:960px; margin:0 auto; }
.table_cell{ display:table-cell; width:50%; vertical-align:top}

.btn_pnf{position: relative;left:700px; z-index:500; display:block; width:190px; margin-bottom:-70px;}
.btn_pnf img:hover{opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";}

a.anchor{display:block;
	height:0px;
	/height:1px;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:-230px;
	padding-bottom:230px;
}

a.anchor2{display:block;
	height:0px;
	/height:1px;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:-100px;
	padding-bottom:100px;
}

#pankuzu_a{ z-index:100; position:relative;}

.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}  


.box_main h3{ font-size:18px; color:#333; margin-bottom:10px; line-height:100%;}


/* */
.main-visual {
	margin-top:-38px;
    height: 681px;
    text-align: center;
    position: relative;
    overflow: hidden;
	background-image:url(images/kimg_01.png);
	background-repeat:no-repeat;
	background-position: center;
	animation: fadeIn 4s ease-in 0s 1 normal;
    -webkit-animation: fadeIn 4s ease-in 0s 1 normal;
	}
 
.main-visual img {
    z-index: 2;
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
 
.main-visual video {
    margin: 0 auto;
    z-index: 1;
    width: 100%;
	min-width:1100px;
}

    


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

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

#sticker {
	z-index:1200;
	overflow:hidden;
}

.box_960{ width:960px; margin:-200px auto 30px auto;font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; line-height:170%; overflow:hidden; z-index:100; position:relative;}

.box_main{ background-image:url(images/bg2.gif) ; background-repeat:repeat-y; background-position:center; color:#454545; padding-bottom:100px;}

.box_gnavi{ background-color:#fff; padding:19px 0px 0px 0px; width:100%;}
.forest_navi{ width:960px; overflow:hidden; margin:0px auto; position:relative; z-index:20}
.forest_navi li{ float:left;width:235px; text-align:center}
.forest_navi li:last-child{}

/*.forest_navi li{ float:left; border-left:1px #38b9bb solid; width:235px; text-align:center}
.forest_navi li:last-child{border-right:1px #38b9bb solid;}
*/
.box_main h2{ border:0px;}

.midasi{ padding:90px 20px 0px 20px; line-height:200%; width:880px; overflow:hidden}

/*.bg_ship_r{ background-image:url(images/bg_line.png); background-repeat:repeat-x; height:400px;}
*/
/******/
@keyframes moveimg {
0% { left: -15%; top: -30px;transform: rotate(-15deg);}
15% { transform: rotate(15deg);}
30% { transform: rotate(-15deg);}
50% { transform: rotate(0deg); }
100% { left: 100%;top: 20%;transform: rotate(30deg); }
}

@keyframes moveimg2 {
0% { left: 100%; top: -30px;transform: rotate(-15deg);}
15% { transform: rotate(15deg);}
30% { transform: rotate(-15deg);}
50% { transform: rotate(0deg); }
100% { left: -18%;top: 20%;transform: rotate(0deg); }
}


.ship{
animation: moveimg 25s infinite;
position: relative;
}

.ship2{
animation: moveimg2 20s infinite;
position: relative;
}
	
.contents {
  position: relative;
  overflow: hidden;
  padding: 0px 0;
  height:300px;
}

.contents:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  background-image:url(images/bg_line2.png);
  background-repeat:repeat-x;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
  z-index:0;
}

.contents_inner {
  box-sizing: boder-box;
  width: 100%;
  height: 600px;
  padding: 10px 10px 10px;
}

.contents2 {
  position: relative;
  overflow: hidden;
  padding: 0px 0;
  height:300px;
}

.contents2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  background-image:url(images/bg_line2.png);
  background-repeat:repeat-x;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  z-index: ;
}

.contents_inner2 {
  box-sizing: boder-box;
  width: 100%;
  height: 600px;
  padding: 10px 10px 10px;
}

.wave {
  position: relative;
  bottom: 0;
  left: 0;
  z-index:0;
  height:50px;
  width:100%;
}

.list_aruhi{ line-height:200%;}
.list_aruhi strong{ color:#6f9570}

/* QA�@*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
font-family: 'FontAwesome', sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_qa dt {
position: relative;
margin: 0 0 1em 0;
float:none;
width:100%;
}
.cp_qa dd {
position: relative;
margin: 0 0 1em 0;
padding: 0 0 1em 2em;
/*border-bottom: 1px dotted #0097a7;*/
float:none;
}
.cp_qa dt::before, .cp_qa dd::before {
font-size: 1.2em;
margin: 0 0.5em 0 0;
color: #ffffff;
border-radius: 50%;
display: inline-block;
width: 1.3em;
height: 1.3em;
line-height: 1.2em;
}
.cp_qa dt::before {
padding: 0.1em 0.3em;
content: '?';
background: #f57c00;
}
.cp_qa dd::before {
padding: 0.12em 0.45em;
content: '!';
background: #0097a7;
}
.cp_qa dt::after, .cp_qa dd::after {
position: absolute;
top: 0.5em;
display: inline-block;
width: 0;
height: 0;
content: '';
border-width: 5px 0 5px 5px;
border-style: solid;
}
.cp_qa dt::after {
left: 1.4em;
border-color: transparent transparent transparent #f57c00;
}
.cp_qa dd::after {
left: 3.4em;
border-color: transparent transparent transparent #0097a7;
}

.cp_qa dt, .cp_qa dd {
  float: none;
  display: block;
  width: auto;
}

/**/
.box2 {
    padding:20px;
    background: #FFF;
    border: solid 3px #6091d3;/*��*/
    border-radius: 7px;/*�p�̊ۂ�*/
	width:340px;
	margin-bottom:15px;
}
.box2 p {
    margin: 0; 
    padding: 0;
}

.box1 {
    padding:20px;
    background: #FFF;
    border: solid 3px #eb71a1;/*��*/
    border-radius: 7px;/*�p�̊ۂ�*/
	width:320px;
}

.sttl_detail{
	background-color:#009f7b;
	font-size:10px;
	color:#FFF;
	width:30px;
	text-align:center;
	line-height:12px;
	padding-bottom:1px;
	display:inline-block;
	margin-right:3px;
}

body.feature main .cp_qa dt,
body.feature main .cp_qa dd {
  display: block;
  float: none;
  width: auto;
}
body.feature main .cp_qa dd {
  margin-left: 0;
  padding-left: 27px;
}