<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

@import url(reset.css); 

/* ------------------------------------------------- common */

body{
	-webkit-text-size-adjust: 100%;
    background: url(../../img/bg.png) repeat 0 0;
}
/* clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.clearfix {
	display:inline-block;
	min-height:1%;
}

/* =========================================================
	PC
========================================================= */

@media screen and (min-width:860px) {

#page{
	overflow:hidden;
	margin:0 auto;
	width:100%;
}
.sp{
	display:none;	
}

/* ------------------------------------------------- header */

.hd-wp{
	position:relative;
	margin:0 auto 20px;
	max-width:1521px;
	height:782px;
    background: url(../../img/bg_head.png) no-repeat center center;
}
.fr-wp{
	position:relative;
	margin:0 auto 20px;
	max-width:1521px;
	height:824px;
    background: url(../../img/bg_head_fr.png) no-repeat center center;
}
.hd-in{
	margin:0 auto;
	max-width:1200px;
	position:relative;
}
.hd-in p{
	position:absolute;
	bottom:-120px;
	right:0;
	animation: horizontal 1s ease-in-out infinite alternate;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-duration: 1s
}
@keyframes horizontal {
    0% { transform:translateX( -15px); }
  100% { transform:translateX(  0px); }
}
@keyframes vertical {
    0% { transform:translateY(-22px); }
  100% { transform:translateY(  0px); }
}
.hd-in h1{
	padding-top:120px;
	text-align:center;
}
.hd-in h1 a img{
    -webkit-animation-name: bounceInDown;
			animation-name: bounceInDown;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 2s;
	-webkit-animation-duration: 2s;
}
.hd-wp h2{
    left: 50%;
    position: absolute;
    top: 575px;
	width:537px;
	text-align: center;
	transform: translate(-50%,-50%);
}
.sns{
	position:absolute;
	top:15px;
	right:50px;
	display:flex;
    /*justify-content: center;*/
	margin-bottom:20px;
    -webkit-animation-name: poyon;
			animation-name: poyon;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
			animation-delay: 1s;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
}
.sns li{
	margin:0 3px;
	text-align:center;
    flex-direction: column; 
    align-items: center; 
}
.sns li img{
	max-width:46px;
	width:100%;
	height:auto;
}

/* ------------------------------------------------- contents */

.inner-1{
	padding-top:20px;
}
.inner-2{
    background: url(../../img/bg_contents.png) repeat 0 0;
	padding-bottom:30px;
}
.inner-3{
	padding-bottom:80px;
}
/* ------------------------------------------------- program */

.pr-wp-1{
	padding:0 30px;
	max-width:1340px;
	margin:0 auto;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin-bottom:50px;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
} 

@media screen and (max-width: 1150px) {
.pr-wp-1{
	margin:0 auto;
	margin-bottom:50px;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
}
.pr-gst,
.pr-gst-2{
	max-width:700px;
	margin:0 auto 40px;
	padding:0 5px;
    -webkit-animation-name: fadeInLeft;
			animation-name: fadeInLeft;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
} 
}
.pr-wp-2{
    background: url(../../img/bg_ttl_02.png) no-repeat center 0;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
}
.pr-wp-3{
    background: url(../../img/bg_ttl_02.png) no-repeat center 0;
	margin-bottom:30px;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
}
.pr-ttl{
	max-width:930px;
	margin:0 auto 20px;
	text-align:center;	
}
.pr-ttl h2{
	padding-top:80px;
}
.pr-ttl ul li{
	padding:15px 0;
	font-weight:bold;
	font-size:130%;
}
.pr-ttl ul li span{
	color:#db2e49;
}
.pr-ttl-2{
	margin:0 auto 80px;
}
.pr-ttl-2 h2{
	text-align:center;
	padding-top:80px;
}
.pr-wp-1 ul{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	max-width:990px;
	padding-top:20px;
	text-align:center;
}
.pr-wp-1 ul li{
	padding:0 2px;
}
.pr-wp-2 ul li{
	margin:20px 0;
	text-align:center;
}
.pr-gst{
	padding:0 5px;
	margin-bottom:40px;
    -webkit-animation-name: fadeInLeft;
			animation-name: fadeInLeft;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}

.pr-gst h2{
	text-align:center;
}
.pr-gst-2{
	max-width:900px;
	margin:0 auto;
	padding:0 5px;
	margin-bottom:40px;
    -webkit-animation-name: fadeInRight;
			animation-name: fadeInRight;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.pr-gst-2 h2{
	text-align:center;
}
.pr-wp-2 p{
	width:450px;
	margin:50px auto;
}
.pr-gst-3{
	padding:0 5px;
	margin:0 auto 40px auto;
    -webkit-animation-name: fadeInLeft;
			animation-name: fadeInLeft;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.pr-gst-3 h2{
	margin-top:-13px;
	text-align:center;
}
.sg{
	margin-top:-11px;
	text-align:center;
}
.drm{
	margin-top:-7px;
	text-align:center;
}
.com-ara{
	width:1140px;
	margin:0 auto 150px;
	position:relative;
}
.bal-wp{
	padding:25px;
	font-size:90%;	
}
.bal-wp h3{
	margin:0 auto;
    background: url(../../img/ttl_line.png) repeat-x 0 bottom;
	padding-bottom:10px;
	margin:15px 0;
	font-weight:bold;
	display:block;
}
.bal-wp ul li{
	line-height:1.9em;
}
.rname{
    background: url(../../img/i_pep.png) no-repeat left top;
	margin-top:15px;
	padding-left:20px;
	padding-bottom:2px;
	font-size:85%;
}
.more{
	position:absolute;
	bottom:-100px;
	text-align:center;
	left: 0;
	right: 0;
	margin:auto;
}
.ms_entry{
	width:523px;
	margin:0 auto 50px;
}


/* ------------------------------------------------- baloon */

.com-ara .balloon{
	background-color:#FFF;	
}
.balloon {
	position: relative;
	display: inline-block;
	margin:15px 15px 65px 15px;
	width: 250px;
	color: #333;
	/*background: #FFF;*/
	border: solid 3px #000;
	box-sizing: border-box;
	vertical-align:top;
}
.balloon:before{
	content: "";
	position: absolute;
	bottom: -24px;
	left: 72%;
	border-style: solid;
	border-color: transparent transparent #FFF transparent;
	border-width: 0 40px 30px 0;
	z-index: 2;
	-moz-transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
}
.balloon:after{
	content: "";
	position: absolute;
	bottom: -34px;
	left: 70.5%;
	border-style: solid;
	border-color: transparent transparent #000 transparent;
	border-width: 0 38px 28px 0;
	-moz-transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
	z-index: 1;
}
.balloon p {
	margin: 0;
	padding: 0;
}
.bal01{
    background: url(../../img/i_01.png) no-repeat left top;
    -webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.bal02{
    background: url(../../img/i_02.png) no-repeat left top;
    -webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.bal03{
    background: url(../../img/i_03.png) no-repeat left top;
    -webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0.6s;
			animation-delay: 0.6s;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.bal04{
    background: url(../../img/i_04.png) no-repeat left top;
    -webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.th-wp{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	margin-top:100px;
    display: -webkit-flex;
    display: flex;
    /*flex-wrap: wrap;*/
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.tag{
	width:96px;
	text-align:center;
	margin:0 auto;
}
.theme-1{
	width:20%;
	border:3px solid #000;
	padding:20px;
	margin:0 5px 90px 0;
	background-color:#FFF;
	font-size:90%;
	height:470px;
	position:relative;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
}
.theme-2{
	width:20%;
	border:3px solid #000;
	padding:20px;
	margin:0 5px 90px 0;
	background-color:#FFF;
	font-size:90%;
	height:470px;
	position:relative;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
}
.theme-3{
	width:20%;
	border:3px solid #000;
	padding:20px;
	margin:0 5px 90px 0;
	background-color:#FFF;
	font-size:90%;
	height:470px;
	position:relative;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0.6s;
			animation-delay: 0.6s;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
}
.theme-4{
	width:20%;
	border:3px solid #000;
	padding:20px;
	margin:0 5px 90px 0;
	background-color:#FFF;
	font-size:90%;
	height:470px;
	position:relative;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0.9s;
			animation-delay: 0.9s;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
}
.theme-1 ul li,
.theme-2 ul li,
.theme-3 ul li,
.theme-4 ul li{
	margin-bottom:20px;	
}
.theme-1 h2{
	text-align:center;
	margin-top:-72px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:170px;
	height:195px;
    background: url(../../img/ttl_theme_01.png) no-repeat 0 0;
	text-indent:-1000em;
}
.theme-1 ul li span{
	width:100px;
	height:20px;
    background: url(../../img/i_tag_01.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	margin-bottom:10px;
}
.theme-1 ul li a{
	position:absolute;
	left:0;
	right:0;
	bottom:-30px;
	width:206px;
	height:62px;
    background: url(../../img/btn_theme_01.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	text-align:center;
	margin:auto;
	-webkit-transition: all .0s ease;
	transition: all .0s ease;
}
.theme-2 h2{
	text-align:center;
	margin-top:-72px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:201px;
	height:195px;
    background: url(../../img/ttl_theme_02.png) no-repeat 0 0;
	text-indent:-1000em;
}
.theme-2 ul li span{
	width:100px;
	height:20px;
    background: url(../../img/i_tag_02.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	margin-bottom:10px;
}
.theme-2 ul li a{
	position:absolute;
	left:0;
	right:0;
	bottom:-30px;
	width:206px;
	height:62px;
    background: url(../../img/btn_theme_02.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	text-align:center;
	margin:auto;
}
.theme-3 h2{
	text-align:center;
	margin-top:-72px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:179px;
	height:195px;
    background: url(../../img/ttl_theme_03.png) no-repeat 0 0;
	text-indent:-1000em;
	-webkit-transition: all .0s ease;
	transition: all .0s ease;
}
.theme-3 ul li span{
	width:100px;
	height:20px;
    background: url(../../img/i_tag_03.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	margin-bottom:10px;
}
.theme-3 ul li a{
	position:absolute;
	left:0;
	right:0;
	bottom:-30px;
	width:206px;
	height:62px;
    background: url(../../img/btn_theme_03.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	text-align:center;
	margin:auto;
	-webkit-transition: all .0s ease;
	transition: all .0s ease;
}
.theme-4 h2{
	text-align:center;
	margin-top:-72px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:133px;
	height:195px;
    background: url(../../img/ttl_theme_04.png) no-repeat 0 0;
	text-indent:-1000em;
}
.theme-4 ul li span{
	width:100px;
	height:20px;
    background: url(../../img/i_tag_04.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	margin-bottom:10px;
}
.theme-4 ul li a{
	position:absolute;
	left:0;
	right:0;
	bottom:-30px;
	width:206px;
	height:62px;
    background: url(../../img/btn_theme_04.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	text-align:center;
	margin:auto;
	-webkit-transition: all .0s ease;
	transition: all .0s ease;
}
.theme-1 ul li a:hover,
.theme-2 ul li a:hover,
.theme-3 ul li a:hover,
.theme-4 ul li a:hover{
	position:absolute;
	left:25px;
	bottom:-30px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;	
}
.bn{
	text-align:center;
	padding:70px 0;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
	background-color:#FFF;
}
.bn ul{
	max-width:1000px;
	margin:0 auto;

}
.bn ul li{
	display:inline-block;
	vertical-align:bottom;
	vertical-align:middle;
	margin:0 30px;
}
.bn ul li:nth-child(3) {
	margin-top:9px;
}
.bn ul li:nth-child(4) {
	margin-top:-16px;
}
.footer {
	width:100%;
	margin:0 auto;
	text-align:center;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
	background-color:#FFF;
}
.footer .copy{
	margin:0 auto;
	width:457px;
	font-size:80%;
	padding:20px 0;
}
.sp_sns{
	display:none;	
}
.inf{
	width:960px;
	margin:0 auto;
	text-align:center;
	font-weight:bold;
	font-size:120%;
}
.inf h2{
	font-weight:bold;
	border-radius: 25px;
	border: 3px dotted #1dacc1;
	background-color:#FFF;
	padding:12px 0 10px;
	width:50%;
	margin:0 auto 30px;
	color:#1dacc1;
}
.inf h2 span{
	color:#1dacc1;
}
.inf span,
.inf a{
	color: #1dacc1;
}
/* ------------------------------------------------- go-top */

.go-top{
	position: fixed;
	bottom: 40px;
	right: 40px;
	background:url(../../img/pagetop.png) no-repeat 0 top;
	background-size:80px 86px;
	display: none;
	width:80px;
	height:86px;
	-webkit-transition: all .0s ease;
	transition: all .0s ease;
}
.go-top:hover{
	position: fixed;
	bottom: 60px;
	right: 40px;
	background:url(../../img/pagetop.png) no-repeat 0 top;
	background-size:80px 86px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
}

/* =========================================================
	SP
========================================================= */

@media screen and (max-width: 859px) {

img {
	max-width : 100% ;
	height : auto ;
	vertical-align: bottom;
}
#page{
	overflow:hidden;	
}
.pc{
	display:none;	
}

/* ------------------------------------------------- header */

.hd-wp{
	position:relative;
	margin:0 auto 20px;
}
.hd-in{
	margin:0 auto;
	max-width:100%;
	position:relative;
}
.hd-in p{
	position:absolute;
	bottom:-120px;
	right:0;
}
.hd-in h1{
	padding-top:120px;
	text-align:center;
}
.hd-in h1 a img{
    -webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.hd-wp h2{
    left: 50%;
    position: absolute;
    top: 575px;
	width:537px;
	text-align: center;
	transform: translate(-50%,-50%);
}

/* ------------------------------------------------- contents */

.inner-1{
	padding-top:20px;
}
.inner-2{
    background: url(../../img/bg_contents.png) repeat 0 0;
	padding-bottom:1px;
}
.inner-3{
	padding-bottom:30px;
}

/* ------------------------------------------------- program */

.pr-wp-1{
	max-width:100%;
	margin:0 auto;
    -webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}   
.pr-wp-2{
    -webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.pr-wp-3{
	max-width:100%;
	margin:0 auto;
    background: url(../../img/bg.png) repeat 0 0;
	margin-bottom:30px;
    -webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.pr-ttl{
	max-width:100%;
	margin:0 auto 20px;
	text-align:center;	
}
.pr-ttl h2{
	padding:0;
}
.pr-ttl ul{
	margin-bottom:40px;	
}
.pr-ttl ul li{
	padding:10px 10px 0 10px;
	font-weight:bold;
}
.pr-ttl ul li span{
	color:#db2e49;
}
.pr-ttl p{
	padding:10px 0 15px 0;
}
.pr-ttl-2 h2{
	text-align:center;
}
.pr-wp-1 ul{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	text-align:center;
	width:90%;
	margin:0 auto 30px auto;
}
.pr-gst ul li,
.pr-gst-2 ul li{
	width:47%;
	padding:0;
	margin-bottom:15px;
}
.pr-wp-2 ul li{
	margin:20px 0;
	text-align:center;
	padding:0 30px;
	font-size:90%;
}
.pr-gst{
    -webkit-animation-name: fadeInLeft;
			animation-name: fadeInLeft;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.pr-gst h2,
.pr-gst-2 h2,
.pr-gst-3 h2{
	text-align:center;
	margin-bottom:15px;
}
.pr-gst-2{
    -webkit-animation-name: fadeInRight;
			animation-name: fadeInRight;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.pr-wp-2 p{
	width:100%;
	margin:50px auto;
}
.pr-gst-3{
    -webkit-animation-name: fadeInLeft;
			animation-name: fadeInLeft;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.pr-gst-3 ul{
	text-align:center;	
}
.pr-gst-3 ul li{
	max-width:300px;
	margin:0 auto;
	text-align:center;
	padding:0 10px;
	font-size:90%;
}
.com-ara{
	margin:0 auto 150px auto;
	position:relative;
}
.bal-wp{
	padding:12px;
	font-size:85%;	
}
.bal-wp h3{
	font-size:85%;
    background: url(../../img/ttl_line.png) repeat-x 0 bottom;
	background-size:154px 2px;
	padding-bottom:10px;
	margin:15px auto;
	font-weight:bold;
	display:block;
}
.bal-wp ul li{
	font-size:85%;
	line-height:1.4em;
}
.rname{
    background: url(../../img/i_pep.png) no-repeat left top;
	background-size:11px 13px;
	margin-top:15px;
	padding-left:15px;
	padding-bottom:2px;
	font-size:85%;
}
.more{
	padding:0 40px;
	position:absolute;
	bottom:-100px;
	text-align:center;
	left: 0;
	right: 0;
	margin:auto;
}
.ms_entry{
	margin: 20px 0;
	text-align: center;
	padding: 0 30px;
}

/* ------------------------------------------------- baloon */

.com-ara .balloon{
	background-color:#FFF;	
}
.balloon {
	position: relative;
	width: 50%;
	color: #333;
	background: #FFF;
	border: solid 3px #000;
	box-sizing: border-box;
	vertical-align:top;
	margin-bottom:30px;
}
.balloon:before{
	content: "";
	position: absolute;
	bottom: -24px;
	left: 72%;
	border-style: solid;
	border-color: transparent transparent #FFF transparent;
	border-width: 0 30px 30px 0;
	z-index: 2;
	-moz-transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
}
.balloon:after{
	content: "";
	position: absolute;
	bottom: -32px;
	left: 70.5%;
	border-style: solid;
	border-color: transparent transparent #000 transparent;
	border-width: 0 30px 32px 0;
	-moz-transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
	z-index: 1;
}
.balloon p {
	margin: 0;
	padding: 0;
}
.bal01{
    background: url(../../img/i_01.png) no-repeat left top;
	background-size:15px 20px;
    -webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.bal02{
    background: url(../../img/i_02.png) no-repeat left top;
	background-size:15px 20px;
    -webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.bal03{
    background: url(../../img/i_03.png) no-repeat left top;
	background-size:15px 20px;
    -webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0.6s;
			animation-delay: 0.6s;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.bal04{
    background: url(../../img/i_04.png) no-repeat left top;
	background-size:15px 20px;
    -webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
			animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}
.tag{
	width:96px;
	text-align:center;
	margin:0 auto;
}
.theme-1{
	max-width:850px;
	border:3px solid #000;
	padding:20px;
	margin:20px 20px 90px 20px;
	background-color:#FFF;
	font-size:90%;
	position:relative;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
}
.theme-2{
	max-width:850px;
	border:3px solid #000;
	padding:20px;
	margin:20px 20px 90px 20px;
	background-color:#FFF;
	font-size:90%;
	position:relative;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
}
.theme-3{
	max-width:850px;
	border:3px solid #000;
	padding:20px;
	margin:20px 20px 90px 20px;
	background-color:#FFF;
	font-size:90%;
	position:relative;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0.6s;
			animation-delay: 0.6s;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
}
.theme-4{
	max-width:850px;
	border:3px solid #000;
	padding:20px;
	margin:20px 20px 90px 20px;
	background-color:#FFF;
	font-size:90%;
	position:relative;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0.9s;
			animation-delay: 0.9s;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
}
.theme-1 ul li,
.theme-2 ul li,
.theme-3 ul li,
.theme-4 ul li{
	margin-bottom:20px;	
}
.theme-1 h2{
	text-align:center;
	margin-top:-62px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:136px;
	height:156px;
    background: url(../../img/ttl_theme_01.png) no-repeat 0 0;
	background-size:136px 156px;
	text-indent:-1000em;
}
.theme-1 ul li span{
	width:100px;
	height:20px;
    background: url(../../img/i_tag_01.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	margin-bottom:10px;
}
.theme-1 ul li a{
	margin:auto;
	position:absolute;
	left:0;
	right:0;
	bottom:-40px;
	width:206px;
	height:62px;
    background: url(../../img/btn_theme_01.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	text-align:center;
}
.theme-2 h2{
	text-align:center;
	margin-top:-62px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:161px;
	height:156px;
    background: url(../../img/ttl_theme_02.png) no-repeat 0 0;
	background-size:161px 156px;
	text-indent:-1000em;
}
.theme-2 ul li span{
	width:100px;
	height:20px;
    background: url(../../img/i_tag_02.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	margin-bottom:10px;
}
.theme-2 ul li a{
	margin:auto;
	position:absolute;
	left:0;
	right:0;
	bottom:-40px;
	width:206px;
	height:62px;
    background: url(../../img/btn_theme_02.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	text-align:center;
}
.theme-3 h2{
	text-align:center;
	margin-top:-62px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:143px;
	height:156px;
    background: url(../../img/ttl_theme_03.png) no-repeat 0 0;
	background-size:143px 156px;
	text-indent:-1000em;
}
.theme-3 ul li span{
	width:100px;
	height:20px;
    background: url(../../img/i_tag_03.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	margin-bottom:10px;
}
.theme-3 ul li a{
	margin:auto;
	position:absolute;
	left:0;
	right:0;
	bottom:-40px;
	width:206px;
	height:62px;
    background: url(../../img/btn_theme_03.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	text-align:center;
}
.theme-4 h2{
	text-align:center;
	margin-top:-62px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:106px;
	height:156px;
    background: url(../../img/ttl_theme_04.png) no-repeat 0 0;
	background-size:106px 156px;
	text-indent:-1000em;
}
.theme-4 ul li span{
	width:100px;
	height:20px;
    background: url(../../img/i_tag_04.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	margin-bottom:10px;
}
.theme-4 ul li a{
	margin:auto;
	position:absolute;
	left:0;
	right:0;
	bottom:-40px;
	width:206px;
	height:62px;
    background: url(../../img/btn_theme_04.png) no-repeat 0 0;
	text-indent:-1000em;
	display:block;
	text-align:center;
	-webkit-transition: all .0s ease;
	transition: all .0s ease;
}
.bn{
	text-align:center;
	padding:40px 0 60px;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
	background-color:#FFF;
}
.bn ul{
	width:100%;
	margin:0 auto;
}
.bn ul li{
	width:70%;
	margin:0 auto;
	padding:30px 0;
}
.footer {
	width:100%;
	margin:0 auto;
	text-align:center;
    -webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
    background: url(../../img/sp_bg_footer.png) no-repeat center bottom;
    background-size:cover;

}
.footer .copy{
	margin:0 auto;
	font-size:60%;
	padding:0 20px 20px 20px;
}
.sp_sns{
	display:flex;
	margin-bottom:20px;
    -webkit-animation-name: poyon;
			animation-name: poyon;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
			animation-delay: 0;
			animation-duration: 1s;
	-webkit-animation-duration: 1s;
	max-width:140px;
	margin:0 auto 30px;
}
.sp_sns li{
	margin:0 3px;
	text-align:center;
    flex-direction: column; 
    align-items: center; 
}
.sp_sns li img{
	max-width:46px;
	width:100%;
	height:auto;
}
.inf{
	margin:0 auto 60px;
	text-align:center;
	font-weight:bold;
	font-size:90%;
	padding:0 20px;
}
.inf h2{
	font-weight:bold;
	border-radius: 25px;
	border: 3px dotted #1dacc1;
	background-color:#FFF;
	padding:12px 0 10px;
	width:70%;
	margin:0 auto 15px;
	color:#1dacc1;
}
.inf h2 span{
	color:#1dacc1;
}
.inf span,
.inf a{
	color: #1dacc1;
}

/* pagetop
 ------------------------------------------------------------*/

.go-top{
	margin:30px auto 0;
	padding:20px 0;
	background:url(../../img/pagetop.png) no-repeat 0 top;
	background-size:70px 76px;
	width:70px;
	height:76px;
	cursor:pointer;
}

}
</pre></body></html>