@charset "UTF-8";
/* コンテンツ */

.bgcol1 {
	padding:40px 0;
}
.movie {
	width:800px;
	height:450px;
	margin:0 auto;
}
#mainimg {
	position:relative;
	margin-top:-180px;
}
.swiper-container {
	position:relative;
	width: 100%;
	height: 100%;
}
.swiper-container p {
	position:absolute;
	left:20px;
	bottom:20px;
	z-index:1100;
	background-color:#fff;
	display:inline-block;
	padding:0 20px;
	line-height:30px;
	font-size:0.84em;
}
#mainimg .swiper-slide {
	width: 100%;
	height: 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#mainimg .sld1 {
	background-image:url(../slide/01.jpg);
	background-position:center top;
}
#mainimg .sld2 {
	background-image:url(../slide/02.jpg);
	background-position:center top;
}
#mainimg .sld3 {
	background-image:url(../slide/03.jpg);
	background-position:center top;
}
#mainimg .sld4 {
	background-image:url(../slide/04.jpg);
	background-position:center top;
}
#mainimg .sld5 {
	background-image:url(../slide/05.jpg);
	background-position:center top;
}
#mainimg .sld6 {
	background-image:url(../slide/06.jpg);
	background-position:center top;
}
#mainimg h3 {
	position:absolute;
	display:inline-block;
	background-color:#fff;
	right:10%;
	top:11%;
	z-index:1100;
	width:4%;
	padding:40px 10px 40px;
}
#mainimg h3 img {
	width:100%;
}
#mainimg h4 {
	position:absolute;
	display:inline-block;
	background-color:#3399cc;
	right:18%;
	bottom:5%;
	z-index:1100;
	width:6%;
	padding:40px 10px 40px;
}
#mainimg h4 img {
	width:100%;
}
.box_copy {
	text-align:center;
	line-height:2;
	font-size:1.24em;
}

.tsub h3 {
	text-align:center;
	margin-bottom:20px;
}
.tsub h3 img {
	height:50px;
}
.tsub h4 {
	font-size:1.16em;
	text-align:center;
	margin-bottom:40px;
}

.box_pholo {
	padding:0 0 0 0;
}
.box_pholo p {
	line-height:1.7;
	text-align:center;
	margin-bottom:40px;
}

.mes_box {
	position:relative;
	margin-top:-200px;
}

.inter_obi {
	background-color:#3399cc;
	height:300px;
	margin:-200px auto 160px;
}

#bannerarea {
	overflow:hidden;
}
.bannerbox {
	width: 340px;
	position: relative;
  margin: 0 auto;
}
.bannerbox a {
	display:block;
	overflow:hidden;
}
.monocol a {
	display:block;
	overflow:hidden;
}
.bannerbox a img,.monocol img {
}
.bannerbox a:hover img,.monocol a:hover img {
}
.swiper-container2 {
	text-align: center;
  overflow: visible !important;
	 z-index: 1;
}
#bannerarea .swiper-slide {
  margin-right: 40px;
}
#bannerarea .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.swiper-button-prev,.swiper-button-next {
	margin-top:-23px !important;
  width: 18px !important;
  height: 45px !important;
}
.swiper-button-prev {
  left: -410px !important;
  background: url(../img/left.png) no-repeat right center !important;
	background-size:contain !important;
}
.swiper-button-next {
  right: -410px !important;
  background: url(../img/right.png) no-repeat left center !important;
	background-size:contain !important;
}

.imgcap2 {
	font-size:0.84em;
	position:relative;
	display:block;
}
.imgcap2 p {
	position:absolute;
	right:10px;
	bottom:10px;
	display:table;
	vertical-align:middle;
	background-color:#7a79ac;
	color:#fff;
	line-height:1.4;
	width:110px;
	height:110px;
	border-radius:50% 50%;
}
.imgcap2 p span {
	display:table-cell;
	vertical-align:middle;
}
.imgcap2 p.icol1 {
	background-color:#9cbc4e;
}
.imgcap2 p.icol2 {
	background-color:#5fb297;
}
.imgcap2 p.icol3 {
	background-color:#c77698;
}
.imgcap2 p.icol4 {
	background-color:#d57a6a;
}

@media screen and (min-width: 500px) {
.copy_adj {
	padding:80px 0 !important;
}
.bgcol1 {
	margin-bottom:160px;
}
.gn_top {
	position:fixed !important;
	left:0;
	top:-150px;
	z-index:2000;
}
.gfix {
	margin-top:0 !important;
}
}

@media screen and (max-width: 499px) {
.bgcol1 {
	padding:20px 0;
}
.movie {
	width:340px;
	height:191px;
	margin:0 auto;
}
#mainimg {
	margin-top:50px;
	overflow:hidden;
}
#mainimg h2 {
	left:20px;
	top:20px;
	font-size:2em;
}
.swiper-container {
	position:relative;
	width: 100%;
}
.swiper-container p {
	left:auto;
	right:10px;
	bottom:auto;
	top:10px;
	padding:0 15px;
	line-height:24px;
	font-size:0.84em;
}
#mainimg .sld1 {
	background-image:url(../slide/01_sp.jpg);
	background-position:center top;
}
#mainimg .sld2 {
	background-image:url(../slide/02_sp.jpg);
	background-position:center top;
}
#mainimg .sld3 {
	background-image:url(../slide/03_sp.jpg);
	background-position:center top;
}
#mainimg .sld4 {
	background-image:url(../slide/04_sp.jpg);
	background-position:center top;
}
#mainimg .sld5 {
	background-image:url(../slide/05_sp.jpg);
	background-position:center top;
}
#mainimg .sld6 {
	background-image:url(../slide/06_sp.jpg);
	background-position:center top;
}
#mainimg h3 {
	width:40%;
	right:-10px;
	bottom:110px;
	top:auto;
	padding:10px 40px 10px 30px;
	transform:rotate(-5deg);
}
#mainimg h3 img {
	width:100%;
}
#mainimg h4 {
	width:60%;
	right:-10px;
	bottom:40px;
	top:auto;
	padding:10px 40px 10px 30px;
	transform:rotate(-5deg);
}
#mainimg h4 img {
	width:100%;
}
.box_copy {
	line-height:2;
	font-size:1em;
	margin-left:0;
}

.tsub h3 {
	margin-bottom:20px;
}
.tsub h3 img {
	height:28px;
}
.tsub h4 {
	font-size:1.16em;
	text-align:center;
	margin-bottom:40px;
}

.box_pholo {
	padding:0 0 0 0;
}
.box_pholo p {
	line-height:1.7;
	text-align:center;
	margin-bottom:40px;
}

.mes_box {
	position:relative;
	margin-top:0;
}

.inter_mb {
	background-color:#3399cc;
}
.inter_obi {
	display:none;
}
.copy_adj {
	padding-top:50px !important;
	padding-bottom:50px !important;
}

#bannerarea {
	padding:0 0 100px 0;
}
.bannerbox {
	width: 260px;
}
#bannerarea .swiper-slide {
  margin-right: 30px;
}
.swiper-button-prev {
  left: -24px !important;
  background: url(../img/left_sp.png) no-repeat right center !important;
	background-size:contain !important;
}
.swiper-button-next {
  right: -24px !important;
  background: url(../img/right_sp.png) no-repeat left center !important;
	background-size:contain !important;
}
.imgcap2 p  {
	width:90px;
	height:90px;
}
/* TOPのYOUTUBE動画 */
iframe{
		width: 340px;
		height: 191px;
	}
}