@charset "utf-8";


/*mail.php 装飾ここから*/
.btn_pc_04 {
	margin-top: 43px;
	font-size: 14px;
	font-weight: normal;
	padding-top: 13px;
	padding-bottom: 13px;
	text-decoration: none;
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;
	border-radius: 4px;
}
.checkpage {
	padding-top: 25px;
	padding-bottom: 24px;
	text-align: center;
/*	font-size: 14px;*/
}
.checkpage h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 28px;
	margin-bottom: 21px;
}
.checkpage h4 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 28px;
	margin-bottom: 30px;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
.thanks_box {
	text-align: left;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}
/*mail.php 装飾ここまで*/

@media screen and (max-width: 480px) {
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

html {
	font-size: 10px;
	height: 100%;
}
body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  
}
body {
	font-feature-settings: 'palt' 1;
	letter-spacing: 0.1em;
	font-size: 1.4rem; /* 16px */
	line-height: 1.95;
	position: relative;
	height: 100%;
	color: #222222;
	overflow-x: hidden;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.br_pc {
	display: none;
}
img {
   max-width: 100%;
   height: auto;
}
.container_intro {
	overflow-x: hidden;
}
.arrange01 {
	margin-bottom: 100px;
}
section {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 55px;
}
.section_header {
	text-align: center;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 42px;
}
h2 {
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
	color: #FFFFFF;
	margin-bottom: 29px;
	background-color: #36C1D6;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 15px;
	margin-left: -100%;
	margin-right: -100%;
	padding-left: 100%;
	padding-right: 100%;
}
.cont_hl {
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 28px;
}
.cont_hl_type2 {
	font-weight: bold;
	font-size: 2.2rem;
	text-align: center;
	margin-bottom: 22px;
}
.text_eyecatch {
	color: #FFFFFF;
	background-color: #1C212C;
	width: 184px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	border-radius: 5px;
	font-size: 1.6rem;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 22px;
}

.listtype_a1{
	display: block;
	letter-spacing: 0;
	margin-top: 18px;
	margin-bottom: 18px;
}
.listtype_a1 li {
	margin-bottom: 15px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-size: 12px auto;
	background-position: 6px center;
	line-height: 1.4;
}
.listtype_a2{
	display: block;
	letter-spacing: 0;
	margin-top: 22px;
	margin-bottom: 20px;
}
.listtype_a2 li {
	padding-left: 0px;
	background-repeat: no-repeat;
	background-size: 14px auto;
	background-position: left center;
	line-height: 1.4;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #777777;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 1.6rem;
}
.listtype_a2 li:first-child {
	line-height: 1.4;
	border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #777777;
}
.listtype_inbody{
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}
.listtype_inbody li {
	margin-bottom: 15px;
	padding-left: 23px;
	background-image: url("images/kazari.gif");
	background-repeat: no-repeat;
	background-size: 12px auto;
	background-position: left center;
	line-height: 1.4;
}
.cont_box_float {
	width: 100%;
	margin-bottom: 65px;
}
.arrange01 {
	margin-bottom: 0px;
}

.pict_area3 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.contgra_pict1 {
	display: block;
	width: 82%;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 35px;
	margin-left: auto;
}
.contgra_pict2 {
	display: block;
	width: 72%;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 35px;
	margin-left: auto;
}
.contgra_pict3 {
	display: block;
	width: 100%;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 35px;
	margin-left: auto;
}
b {
	color: #36C1D6;
	padding-left: 0px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 2.5rem;
	font-weight: bold;
}
.cont_box {

}
.cont_box .cont_bodytext p {
	margin-bottom: 10px;
}
dl{
	width: 100%;
	text-align: left;
}
dt{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 12px;
	font-weight: 700;
}
dd{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 12px;
	line-height: 1.4;
}
.dl_eyecatch  {
	display: block;
	margin-top: 50px;
	margin-bottom: 20px;
}

.price_area dl {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 25px;
	display: block;
	overflow-y: hidden;
	width: 100%;
	background-color: #E9EDF5;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 22px;
	padding-left: 30px;
	border-radius: 10px;
}
.price_area dt {
	text-align: center;
}
.price_area dd {
	text-align: center;
}
.price_area p {
	margin-bottom: 12px;
}
#section03 dl {
	margin-bottom: 23px;
}
.plan_sub{
	text-align: left;
	display: block;
	margin-top: 0px;
	}
.name {
	font-weight: bold;
	margin-bottom: 10px;
}
.pict_area2 {
	width: 100%;
	margin-top: 17px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.event_title {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.price_area {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 55px;
}
.plan_area{
	margin-bottom: -20px;
	padding-bottom: 1px;
	}
.plan_sub {
	margin-top: -45px;
	text-align: left;

}
/*問合せフォームＴＡＢＬＥ*/
.type-a2 {
	width: 100%;
}
.type-a2 tr th {
	width: 100%;
	text-align: left;
	font-weight: bold;
	display: block;
	margin-bottom: 6px;
}
.type-a2 tr td {
	width: 100%;
	display: block;
}
.type-a2 tr {
	border-bottom: thin solid #DDD;
	display: block;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 22px;
}
.type-a2 tr:first-child {
	border-top: thin solid #DDD;
}
.form_attention {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 11px;
	width: 100%;
	text-align: left;
}
footer {
	background-color: #333333;
	padding-bottom: 18px;
	padding-top: 18px;
	padding-left: 24px;
	margin-top: 85px;
	overflow-x: hidden;
}
.ckplogo_image_box {
	width: 65%;
	margin: 0 auto;

}

.copyright {
	font-size: 1.2rem;
	color: #FFFFFF;
	display: block;
	width: 60%;
	line-height: 1.2em;
	float: left;
}
.gotop {
	float: right;
	margin-right: 16px;
	margin-top: 5px;
}
.gotop span {
	border-top: #FFFFFF thin solid;
	border-right: #FFFFFF thin solid;
	transform: rotate(-45deg);
	width: 19px;
	height: 19px;
	display: block;
	margin-top: 4px;
	margin-bottom: -9px;
}
.gotop:hover {
	opacity: 0.8;
}



/*コンタクトフォームここから*/
input[type="button"],input[type="text"],input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}
.css_btn_class,input[type="submit"] {
	background-color: #36C1D6;
	color: #F1F1F1;
	cursor: pointer;
	cursor: hand;
	border-style: none;
	border-radius: 4px;
	-webkit-appearance: none;
	margin-top: 40px;
	margin-bottom: 15px;
	text-align: center;
	text-decoration: none;
}
.css_btn_class:hover {
	opacity: 0.8;
	color: #ffffff;
	cursor: pointer;
	cursor: hand;
	transition: 0.9s;
}
.css_btn_class:active {
	position:relative;
	top:1px;
	-webkit-appearance: none;
}
.btn_pc_02 {
	margin-right: auto;
	margin-left: auto;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
	display: block;
	margin-top: 38px;
	padding-top: 23px;
	padding-bottom: 23px;
	width: 80%;
	text-align: center;
	border-radius: 5px;
}
.submitzone {
}
.inputtextbox,.textareabox 
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	border: thin solid #999999;
	background-color: #FFFFFF;
	font-size: 16px;
	display: block;
}
.pulldown
{
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	padding-right: 9px;
	width: 31%;
	font-size: 1.6rem;
}
.form_day p{
	padding-top: 7px;
	padding-bottom: 7px;
}

.contactform_box p {
	margin-bottom: 12px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;

}
.checkline .wpcf7-list-item {
	display: block;
	margin-bottom: 0px;
	margin-top: 3px;
	cursor: pointer;
}
.checkline .wpcf7-list-item {
	display: block;
	margin-bottom: 0px;
	margin-top: 3px;

}
.contactform_box label {
	cursor: pointer;
}
.form_hl0001 {
	font-weight: bold;
	margin-bottom: 7px;
	display: inline-block;
	margin-top: 4px;
}
.inputtextarea {
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	padding-right: 9px;
	width: 100%;
}
textarea{
    vertical-align:top;
}
/*ヒストリー背景ロール*/
.photoroll_area {
	display: block;
	width: 100%;
	height: 100px;
	margin-top: 50px;
	margin-bottom: -12px;
	background-image: url("images/photo_story.jpg.html");
	background-size: cover;
	background-repeat: repeat-x;
	-webkit-animation: bgroop 100s linear infinite;
	animation: bgroop 100s linear infinite;
}
@-webkit-keyframes bgroop {
    from {
        background-position: 0  0;
    }
    to {
        background-position: -2262px 0;
    }
}
@keyframes bgroop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -2262px 0;
    }
}
/*main_v　背景アニメーション*/
.main_v{
	/*display: none;*/
	z-index: 10;
	display: block;
	top: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.main_v .inner {
	z-index: 10;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("images/mainv_bg_sp.jpg.html");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}
.main_v .inner {
	-webkit-animation: item00_action 1.5s ease 0s both;
    animation: item00_action 1.5s ease 0s both;
	
}
@-webkit-keyframes item00_action  {

}
@keyframes item00_action  {
    from {
	opacity: 0;
	width: 120%;
	height: 115%;
    }
    to {
	opacity: 1;
	width: 100%;
	height: 104%;
    }
}
/*top_catch_area　CSS*/
.top_catch_area {
	width: 88%;
	position: absolute;
	display: block;
	height: 400px;
	top: 45%;
	margin-left: 6%;
	margin-right: 6px;

}
/*gramotif　アニメーション*/
.gramotif {
	background-color: hsla(205,87%,60%,0.70);
	position: absolute;
	z-index: 20;
	left: 0px;
	top: -53px;
	height: 125px;
}
.gramotif {
	-webkit-animation: item01_action 0.9s cubic-bezier(0.645, 0.005, 0.020, 1.010) 0.6s both;
    animation: item01_action 0.9s cubic-bezier(0.645, 0.005, 0.020, 1.010) 0.6s both;
}
@-webkit-keyframes item01_action  {
    from {
        	width: 0px;
    }
    to {
        	width: 125px;
    }
}
@keyframes item01_action  {
    from {
        	width: 0px;
    }
    to {
        	width: 125px;
    }
}

/*top_catch_copyアニメーション*/
.top_catch_copy {
	width: 88%;
	max-width: 320px;
	min-width: 270px;
	position: relative;
	z-index: 21;
	display: block;
	height: 140px;
	background-image: url("images/catchcopy_sp.png.html");
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 7%;
	margin-right: 5%;
}
.top_catch_copy {
	-webkit-animation: item02_action 1.2s ease 1.25s both;
    animation: item02_action 1.2s ease 1.25s both;
}
@-webkit-keyframes item02_action  {
    from {

    }
    to {

    }
}
@keyframes item02_action  {
    from {
	left: 120px;
	opacity: 0;
    }
    to {
	left: 0px;
	opacity: 1;
    }
}
/*top_comment_areaアニメーション*/
.top_comment_area{
	line-height: 1.5;
	color: #FFFFFF;
	z-index: 21;
	position: absolute;
	margin-left: 7%;
	margin-right: 5%;
	margin-top: -10px;
	width: 88%;
	top: 33%;
}
.top_comment_h {
	margin-bottom: 8px;
}
.top_comment_area {
	-webkit-animation: item03_action 1.1s ease 1.65s both;
    animation: item03_action 1.1s ease 1.65s both;
}
@-webkit-keyframes item03_action  {
    from {

    }
    to {

    }
}
@keyframes item03_action  {
   from {
	left: 85px;
	opacity: 0;
    }
    to {
	left: 0px;
	opacity: 1;
    }
}
/*namesignアニメーション*/
.namesign {
	display: none;/*スマホでは非表示*/
	width: 164px;
	position: absolute;
	top: 254px;
	left: 395px;
	z-index: 21;
	height: 198px;
	background-image: url("images/sign.png.html");
	background-repeat: no-repeat;
	background-size: 166px auto;
}
.namesign {
	-webkit-animation: item04_action 1s ease 2.4s both;
    animation: item04_action 1s ease 2.4s both;
}
@-webkit-keyframes item04_action  {
    from {

    }
    to {

    }
}
@keyframes item04_action  {
   from {
	opacity: 0;
    }
    to {
	opacity: 1;
    }
}
/*ヘッダーアニメーション*/
.sp_header .logo,.sp_header .navbtn_area {
	-webkit-animation: item_h_action 1s ease 2.8s both;
    animation: item_h_action 1s ease 2.8s both;
}
@-webkit-keyframes item_h_action  {
    from {

    }
    to {

    }
}
@keyframes item_h_action   {
    from {
	top: -50px;
	opacity: 0;
    }
    to {
	top: 0px;
	opacity: 1;
    }
}
/*スクロールフェードイン共通CSS
.fadein {
    opacity : 0;
    transform : translate(0, 65px);
    transition : all ease 0.6s;
    }*/
 
/* 画面内に入った状態 
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }*/
/* ヘッダーCSS */
header {
	display: none;
}
.header_bg {
	position: fixed;
	width: 100%;
	z-index: 5;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 39.72%,rgba(255,255,255,0.00) 89.29%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 39.72%,rgba(255,255,255,0.00) 89.29%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 39.72%,rgba(255,255,255,0.00) 89.29%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 39.72%,rgba(255,255,255,0.00) 89.29%);
	height: 135px;
}
/*SPメニュー*/
.sp_header {
	position: fixed;
	width: 100%;
	z-index: 11;
}
.sp_header .logo {
	width: 90px;
	height: 70px;
	z-index: 350;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	background-image: url("images/logo_sp.png.html");
	background-size: 75% auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.sp_header .logo.active {
	background-image: url("images/logo_sp_hover.png.html");
}
.sp_header .sp_head_nav {/*.menu-triggerクリックでメニュー初期非表示*/
	display: none;
}
.sp_head_nav {
	display: block;
	margin-top: 70px;
	margin-right: 30px;
	z-index: 100;
	width: 100%;
	height: calc(100% - 70px);

}
.sp_head_nav a {
	height: 14.2%;
	font-size: 1.6rem;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	border-top: thin solid hsla(215,16%,37%,1.00);
	position: relative;
}
.sp_head_nav a:last-child {
	height: 15.0%;
}
.sp_head_nav  a span {
	display: block;
	text-align: center;
	height: 100%;
	position: absolute;
	width: 100%;
	top: 50%;
	line-height: 50%;
}
.sp_head_nav a:hover {
	color: #1C212C;
	background-color: hsla(205,81%,69%,0.88);
}
.sp_header .sp_head_nav.active {
	animation: menu_act 0.3s ease-out 0s both;
}
.sp_header .sp_head_nav.active {/*.menu-triggerクリックでメニュー表示切り替え*/
	display: block;
}
.sp_header.active  {/*.menu-triggerクリックでメニュー表示切り替え*/
	background-color: rgba(28,33,44,0.90);
	height: 100%
}
.sp_header.active {
	animation: menu_act 0.3s ease-out 0s both;
}

@-webkit-keyframes menu_act {
    from {
	opacity: 0;
    }
    to {
	opacity: 1;
    }
 }
@keyframes menu_act {
    from {
	opacity: 0;
    }
    to {
	opacity: 1;
    }
}
	
/*scrolldownアニメ*/
.scrolldown {
	z-index: 21;
	width: 100%;
	text-align: center;
	position: absolute;
	animation: svg_sd_action_0 1s ease-out 2.8s both;
	bottom: 10px;
}
@-webkit-keyframes svg_sd_action_0 {
    from {
	opacity: 0;
    }
    to {
	opacity: 1;
    }
 }
@keyframes svg_sd_action_0 {
    from {
	bottom: 15px;
	opacity: 0;
    }
    to {
	bottom: 10px;
	opacity: 1;
    }
}
.scrolldown svg {
	width: 15px;
}
.g_outline path,.g_inner path {
  fill: #72BCF0; 
}
.scrolldown .g_inner path {
	-webkit-animation: svg_sd_action_1 1.3s ease-out 2.8s infinite;
    animation: svg_sd_action_1 1.3s ease-out 2.8s infinite;
}
@-webkit-keyframes svg_sd_action_1 {
    from {
	transform: translateY(-5px);
	opacity: 0;
    }
    to {
	transform: translateY(14px);
	opacity: 1;
    }
}
@keyframes svg_sd_action_1 {
    from {
	transform: translateY(-5px);
	opacity: 0;
    }
    to {
	transform: translateY(14px);
	opacity: 1;
    }
}

#section04 {
	margin-top: -46px;
}
/*ハンバーガーMENU*/
.navbtn_area {
  position: absolute;
  margin-top: 20px;
  right:20px;
  z-index: 300;
}
.menu-trigger,
.menu-trigger span {
  position:relative;
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;

}
.menu-trigger {
  width: 40px;
  height: 30px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #3FA7F3;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 13px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
/*ハンバーガーMENU　toggleclass .active 付加後 */
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(13px) rotate(-45deg);
  transform: translateY(13px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-13px) rotate(45deg);
  transform: translateY(-13px) rotate(45deg);
}
.form-necessary {
	color: #FF373A;
}
#main_area img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#main_area {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	overflow: hidden;
}
.last_area {
	width: 100%;

}
.btn_aten_text {
	color: #36C1D6;
	font-weight: bold;
	font-size: 2.4rem;
}
.btn_aten_texttop {
	margin-bottom: 25px;
	display: none;
}
#top {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}
#main_area #section02 {
	padding-top: 14px;
}
strong {
	color: #FFFFFF;
	background-color: #36C1D6;
	display: inline-block;
	font-weight: normal;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.3rem;
}
.veiw_pc {
	display: none;
}
.v_2ndimg {
	width: 90%;
	margin-top: 42px;
	margin-bottom: -15px;
}
em {
	font-size: 1.6rem;
	font-weight: bold;
}



}/*mediaスマホここまで*/



@media print, screen and (min-width:481px){
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
html {
	font-size: 10px;
	height: 100%;
}
body {
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
	font-feature-settings: 'palt' 1;
	letter-spacing: 0.1em;
	font-size: 1.6rem; /* 16px */
	line-height: 1.75;
	position: relative;
	height: 100%;
	color: #222222;
}
a img:hover {
	opacity: 0.7;
	transition: 0.6s;
	}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.br_sp {
	display: none;
}
img {
   max-width: 100%;
   height: auto;
}
.container_intro {
	overflow-x: hidden;
}
.arrange01 {
	margin-bottom: 100px;
}

section {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	max-width: 900px;
}

.section_header {
	text-align: center;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}

h2 {
	text-align: center;
	font-weight: bold;
	font-size: 2.6rem;
	color: #FFFFFF;
	margin-bottom: 50px;
	background-color: #36C1D6;
	padding-top: 20px;
	padding-bottom: 20px;
}
.cont_hl {
	font-weight: bold;
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 50px;
}
.cont_hl_type2 {
	font-weight: bold;
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 35px;
}
.text_eyecatch {
	color: #FFFFFF;
	background-color: #1C212C;
	width: 184px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	border-radius: 5px;
	font-size: 1.6rem;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 35px;
}

.listtype_a1{
	display: block;
}
.listtype_a1 li {
	margin-bottom: 15px;
	padding-left: 23px;
	background-image: url("images/kazari.gif");
	background-repeat: no-repeat;
	background-size: 12px auto;
	background-position: left center;
	line-height: 1.4;
}
.listtype_a2{
	display: block;
	margin-top: 29px;
	margin-bottom: 26px;
	font-weight: bold;
}
.listtype_a2 li {
	/*background-repeat: no-repeat;
	background-size: 14px auto;
	background-position: left center;
	line-height: 1.4;*/
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #777777;
	padding-top: 20px;
	padding-bottom: 20px;
}
.listtype_a2 li:first-child {
	line-height: 1.4;
	border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #777777;
}
.listtype_inbody{
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
	margin-left: 25px;
}
.listtype_inbody li {
	margin-bottom: 15px;
	padding-left: 23px;
	background-image: url("images/kazari.gif");
	background-repeat: no-repeat;
	background-size: 12px auto;
	background-position: left center;
	line-height: 1.4;
}
.cont_box_float {
	width: 45%;
}
.cont_box_float.left {
	float: left;
}
.cont_box_float.right {
	float: right;
}

.pict_area1 {
	float: left;
}
.pict_area2 {
	float: left;
}
.pict_area3 {
	float: left;
	width: 562px;
	margin-top: 148px;
	text-align: center;
}
.contgra_pict1 {
	display: block;
	float: left;
	width: 294px;
	margin-right: 26px;
	margin-top: 10px;
	margin-left: 0px;
}
.contgra_pict2 {
	display: block;
	float: right;
	width: 298px;
	margin-right: 37px;
	margin-top: 10px;
	margin-left: -17px;
}
.contgra_pict3 {
	display: block;
	float: left;
	width: 300px;
	margin-right: 69px;
	margin-top: 0px;
	margin-left: -17px;
}
b {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 21px;
	font-size: 3rem;
	font-weight: bold;
	color: #36C1D6;
	display: inline-block;
}
.cont_box {

}
.cont_box .cont_bodytext p {
	margin-bottom: 16px;
}
dl.dl_type1 {
	margin-bottom: 50px;
	margin-top: 25px;
	width: 68%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow-y: hidden;
}
dl.dl_type2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow-y: hidden;
	
}
dt {
	float: left;
	display: block;
	width: 23%;
}
#section03 dl {
	margin-bottom: 59px;
}
dd {
	display: block;
	width: 77%;
	float: left;
}

dt,dd {
	margin-top: 2px;
	margin-bottom: 2px;
}
.price_area dl {
	margin-bottom: 30px;
	margin-top: 25px;
	display: block;
	overflow-y: hidden;
	width: 100%;
	background-color: #E9EDF5;
	padding-top: 22px;
	padding-right: 12px;
	padding-bottom: 22px;
	padding-left: 31px;
	border-radius: 10px;
}
.price_area dt {
	float: left;
	display: block;
}
.price_area dd {
	display: block;
	float: left;
}
.price_area dt,.price_area dd {
	margin-top: 2px;
	margin-bottom: 2px;
}
.name {
	font-weight: bold;
	margin-bottom: 10px;
}
.pict_area2 {
	width: 588px;
	margin-top: 17px;
}
.prof_text_box {
	width: 100%;
}
.event_title {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 22px;
}

.price_area {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 55px;
}
.plan_sub {
	text-align: center;
	margin-top: 45px;
}
/*問合せフォームＴＡＢＬＥ*/
.type-a2 {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.type-a2 tr th {
	width: 30%;
	text-align: center;
	font-weight: bold;
	

}
.type-a2 tr td {
	width: 100%;
	padding-left: 0px;
	padding-right: 17px;
	padding-top: 35px;
	padding-bottom: 35px;

}
.type-a2 tr {
	border-bottom: thin solid #DDD;
}
.type-a2 tr:first-child {
	border-top: thin solid #DDD;
}
.form_attention {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 11px;
	width: 100%;
	text-align: center;
}
footer {
	background-color: #333333;
	padding-bottom: 18px;
	padding-top: 20px;
	padding-left: 24px;
	margin-top: 85px;
	overflow-x: hidden;
}
.copyright {
	font-size: 1.2rem;
	color: #FFFFFF;
	float: left;
}
.gotop {
	border-top: #FFFFFF thin solid;
	border-right: #FFFFFF thin solid;
	transform: rotate(-45deg);
	float: right;
	width: 19px;
	height: 19px;
	display: block;
	margin-right: 28px;
	margin-top: 8px;
}
.gotop:hover {
	opacity: 0.8;
}



/*コンタクトフォームここから*/
.css_btn_class {
	background-color: #36C1D6;
	color: #F1F1F1;
	cursor: pointer;
	cursor: hand;
	border-style: none;
	border-radius: 4px;
	-webkit-appearance: none;
	margin-top: 10px;
	margin-bottom: 15px;
}
.css_btn_class:hover {
	opacity: 0.5;
	color: #ffffff;
	cursor: pointer;
	cursor: hand;
	transition: 0.7s;
}
.css_btn_class:active {
	position:relative;
	top:1px;
	-webkit-appearance: none;
}
.btn_pc_02 {
	margin-right: auto;
	margin-left: auto;
	font-size: 2rem;
	letter-spacing: 0.2rem;
	display: block;
	margin-top: 38px;
	padding-top: 23px;
	padding-bottom: 23px;
	padding-left: 80px;
	padding-right: 80px;
	width: 445px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.submitzone {
	text-align: center;
}
.inputtextbox,.textareabox 
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 500px;
	border: thin solid #999999;
	background-color: #FFFFFF;
	font-size: 16px;
}
.pulldown
{
	margin-bottom: 11px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	padding-right: 9px;
	width: 110px;
	font-size: 1.6rem;
}
.form_day p{
	padding-top: 7px;
	padding-bottom: 7px;
}

.contactform_box p {
	margin-bottom: 12px;
	width: 520px;
	margin-left: auto;
	margin-right: auto;

}
.checkline .wpcf7-list-item {
	display: block;
	margin-bottom: 0px;
	margin-top: 3px;
	cursor: pointer;
}
.checkline .wpcf7-list-item {
	display: block;
	margin-bottom: 0px;
	margin-top: 3px;

}
.contactform_box label {
	cursor: pointer;
}
.form_hl0001 {
	font-weight: bold;
	margin-bottom: 7px;
	display: inline-block;
	margin-top: 4px;
}
.inputtextarea {
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	padding-right: 9px;
	width:500px;
}
textarea{
    vertical-align:top;
}
/*ヒストリー背景ロール*/
.photoroll_area {
	display: block;
	width: 100%;
	height: 200px;
	margin-top: 50px;
	margin-bottom: 0px;
	background-image: url("images/photo_story.jpg.html");
	background-size: cover;
	background-repeat: repeat-x;
	-webkit-animation: bgroop 100s linear infinite;
    animation: bgroop 100s linear infinite;
}
@-webkit-keyframes bgroop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -2262px 0;
    }
}
@keyframes bgroop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -2262px 0;
    }
}
/*main_v　背景アニメーション*/
.main_v{
	z-index: 10;
	display: block;
	top: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.main_v .inner {
	z-index: 10;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("images/mainv_bg.jpg.html");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%)
}
.main_v .inner {
	-webkit-animation: item00_action 1.5s ease 0s both;
    animation: item00_action 1.5s ease 0s both;
	
}
@-webkit-keyframes item00_action  {

}
@keyframes item00_action  {
    from {
	opacity: 0;
	width: 110%;
	height: 115%;
    }
    to {
	opacity: 1;
	width: 100%;
	height: 104%;
    }
}
/*top_catch_area　CSS*/
.top_catch_area {
	position: absolute;
	display: block;
	top: 36%;
	left: 56%;
}
/*gramotif　アニメーション*/
.gramotif {
	background-color: hsla(205,87%,60%,0.70);
	position: absolute;
	z-index: 20;
	left: -48px;
	top: -53px;
}
.gramotif {
	-webkit-animation: item01_action 0.9s cubic-bezier(0.645, 0.005, 0.020, 1.010) 0.6s both;
    animation: item01_action 0.9s cubic-bezier(0.645, 0.005, 0.020, 1.010) 0.6s both;
}
@-webkit-keyframes item01_action  {
    from {
        	width: 0px;
        	height: 170px;
    }
    to {
        	width: 180px;
        	height: 170px;
    }
}
@keyframes item01_action  {
    from {
        	width: 0px;
        	height: 170px;
    }
    to {
        	width: 180px;
        	height: 170px;
    }
}

/*top_catch_copyアニメーション*/
.top_catch_copy {
	width: 476px;
	position: relative;
	z-index: 21;
	display: block;
	min-width: 476px;
	height: 173px;
	background-image: url("images/catchcopy.png.html");
	background-size: 477px auto;
	background-repeat: no-repeat;
}
.top_catch_copy {
	-webkit-animation: item02_action 1.2s ease 1.25s both;
    animation: item02_action 1.2s ease 1.25s both;
}
@-webkit-keyframes item02_action  {
    from {

    }
    to {

    }
}
@keyframes item02_action  {
    from {
	left: 120px;
	opacity: 0;
    }
    to {
	left: 0px;
	opacity: 1;
    }
}
/*top_comment_areaアニメーション*/
.top_comment_area{
	z-index: 21;
	position: absolute;
	margin-left: -13px;
	margin-top: 57px;
	padding-left: 54px;
	background-image: url("images/fukidash.png.html");
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: left 0%;
	width: 440px;
	top: 160px;
}
.top_comment_h {
	margin-bottom: 8px;
}
.top_comment_area {
	-webkit-animation: item03_action 1.1s ease 1.65s both;
    animation: item03_action 1.1s ease 1.65s both;
}
@-webkit-keyframes item03_action  {
    from {

    }
    to {

    }
}
@keyframes item03_action  {
   from {
	left: 85px;
	opacity: 0;
    }
    to {
	left: 0px;
	opacity: 1;
    }
}
/*namesignアニメーション*/
.namesign {
	display: block;
	width: 164px;
	position: absolute;
	top: 254px;
	left: 395px;
	z-index: 21;
	height: 198px;
	background-image: url("images/sign.png.html");
	background-repeat: no-repeat;
	background-size: 166px auto;
}
.namesign {
	-webkit-animation: item04_action 1s ease 2.4s both;
    animation: item04_action 1s ease 2.4s both;
}
@-webkit-keyframes item04_action  {
    from {

    }
    to {

    }
}
@keyframes item04_action  {
   from {
	opacity: 0;
    }
    to {
	opacity: 1;
    }
}
/*ヘッダーアニメーション*/
header {
	-webkit-animation: item_h_action 1s ease 3.4s both;
    animation: item_h_action 1s ease 3.4s both;
}
@-webkit-keyframes item_h_action  {
    from {

    }
    to {

    }
}
@keyframes item_h_action   {
    from {
	top: -50px;
	opacity: 0;
    }
    to {
	top: 0px;
	opacity: 1;
    }
}
/*スクロールフェードイン共通CSS
.fadein {
    opacity : 0;
    transform : translate(0, 65px);
    transition : all ease 0.6s;
    }*/
 
/* 画面内に入った状態 
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }*/
/* ヘッダーCSS */
header {
	position: fixed;
	width: 100%;
	min-width: 1000px;
	z-index: 30;
}
.header_bg {
	position: fixed;
	width: 100%;
	z-index: 10;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 39.72%,rgba(255,255,255,0.00) 89.29%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 39.72%,rgba(255,255,255,0.00) 89.29%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 39.72%,rgba(255,255,255,0.00) 89.29%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 39.72%,rgba(255,255,255,0.00) 89.29%);
	height: 135px;
}
header .logo {
	float: left;
	width: 109px;
	display: block;
	margin-left: 30px;
	margin-top: 10px;
	position: relative;
}
header .head_nav {
	float: right;
	margin-right: 30px;
	margin-top: 11px;
}
.head_nav a {
	font-size: 1.4rem;
	text-decoration: none;
	color: #1C212C;
  position: relative;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 3px;
  padding-right: 3px;
  text-decoration: none;
  margin: 0px 2px;
}
.head_nav a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #72BCF0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.head_nav a:hover:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
/*scrolldownアニメ*/
.scrolldown {
	z-index: 21;
	width: 100%;
	text-align: center;
	position: absolute;
	animation: svg_sd_action_0 1s ease-out 3.4s both;
	bottom: 50px;
}
@-webkit-keyframes svg_sd_action_0 {
    from {
	opacity: 0;
    }
    to {
	opacity: 1;
    }
 }
@keyframes svg_sd_action_0 {
    from {
	bottom: 60px;
	opacity: 0;
    }
    to {
	bottom: 50px;
	opacity: 1;
    }
}
.scrolldown svg {
	width: 23px;
}
.g_outline path,.g_inner path {
  fill: #72BCF0; 
}
.scrolldown .g_inner path {
	-webkit-animation: svg_sd_action_1 1.3s ease-out 3.4s infinite;
    animation: svg_sd_action_1 1.3s ease-out 3.4s infinite;
}
@-webkit-keyframes svg_sd_action_1 {
    from {
	transform: translateY(-5px);
	opacity: 0;
    }
    to {
	transform: translateY(14px);
	opacity: 1;
    }
}
@keyframes svg_sd_action_1 {
    from {
	transform: translateY(-5px);
	opacity: 0;
    }
    to {
	transform: translateY(14px);
	opacity: 1;
    }
}
#section04 {
	margin-top: -46px;
}
.sp_head_nav,.sp_header {/*SP版のMENU非表示*/
	display: none;
}
.form-necessary {
	color: #FF373A;
}
.v_2ndimg {
	margin-bottom: 6px;
	margin-top: 66px;
	width: 700px;
}
#main_area img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#main_area {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	min-width: 900px;
}
.last_area {
	margin-left: 23px;
}
.btn_aten_text {
	color: #36C1D6;
	font-weight: bold;
	font-size: 2.4rem;
}
.btn_aten_texttop {
	margin-bottom: 25px;
}
#top {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	min-height: 900px;
	text-align: center;
}
#main_area #section02 {
	padding-top: 14px;
}
strong {
	color: #FFFFFF;
	background-color: #36C1D6;
	display: inline-block;
	font-weight: normal;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.3rem;
}
.veiw_sp {
	display: none;
}
em {
	font-size: 1.6rem;
	font-weight: bold;
}



}/*media PCここまで*/