@charset "UTF-8";

/* ================================
	Base
================================ */
.container{ width: 100%; }
.container > .inner{ max-width: 990px; margin: 0 auto;}

/* 固定幅用調整
---------------------- */
.container.is-fix > .inner,
.is-fix + .container > .inner{ width: 990px; }

/* ================================
	module:footer
================================ */
.globalFooter{ background: #fff; }
.globalFooter__credit{
    padding: 1em 0;
    text-align: center;
    color:#000;
    font-size:16px;
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Osaka,sans-serif;
    font-weight:bold;
}
.globalFooter__link{
    max-width: 990px;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: center;
    overflow: hidden;
}
.globalFooter__link a{
    display: block;
    color:#435B67;
    text-decoration: underline;
    font-size:11px;
}
@media (min-width:768px){
    .globalFooter__link{ text-align: left;}
    .globalFooter__link--left{ float: left; }
    .globalFooter__link--right{ float: right;}
}

/* 固定幅用調整
---------------------- */
.is-fix + .globalFooter .globalFooter__link{ text-align: left;}
.is-fix + .globalFooter .globalFooter__link--left{ float: left; }
.is-fix + .globalFooter .globalFooter__link--right{ float: right;}

/*************************************************************
adding style
Theme : じゃらんネット
Author: Juita Web Design - バリ島ウェブ制作
Author URL: http://juita.net
**************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html { overflow-y:scroll; }
h1, h2, h3, h4, h5, h6, td, input { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
a img, li img { vertical-align:bottom; }
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }
* {padding: 0;margin: 0;}
body,html{padding: 0;margin: 0;}
a,a img{ margin:0; padding:0; border:none; text-decoration: none;}
a:hover img{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
img{max-width: 100%;vertical-align: bottom;border: none;outline: none;transition: all .3s ease-in-out;}
.left{float: left;}
.right{float: right;}
.center{text-align: center;}
.clear{clear: both;display: block;width: 100%;}
.pc{display: inline-block;}
.sp{display: none;}
h2{text-align: center;}

body{font-size: 18px;line-height: 2em; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;color: #333;}
.inner{ max-width: 990px; margin: 0 auto;}

/*fv*/
.fv{background: url(../images/fv-bg.jpg) center center no-repeat;background-size: cover;}

/*ctn1*/
.ctn1{background: url(../images/ctn1-bg.png);padding: 40px 0;}
.ctn1 .inner{position: relative;}
.ctn1 .ti-main{position: relative;top: -110px;left: 0;right: 0;margin: 0 auto -110px;}
.ctn1 .bx{overflow: hidden;margin: 30px auto;overflow: hidden;}
.ctn1 .bx.frs{padding: 30px 0 0;margin: 10px auto 30px;}
.ctn1 .img{float: left;width: 43%;border-radius: 10px;}
.ctn1 .img img{border-radius: 8px;}
.ctn1 .p1 .img{border: 3px solid #3c7fcc;}
.ctn1 .p2 .img{border: 3px solid #f76087;}
.ctn1 .p3 .img{border: 3px solid #1dc0c0;}
.ctn1 .txt{float: right;width: 50%;letter-spacing: 1px;}
.ctn1 .ti{margin: 0 0 15px;}
.ctn1 .p1{background: url(../images/p1-bg.png) no-repeat;background-position: left 185px top 0;}
.ctn1 .p2{background: url(../images/p2-bg.png) no-repeat;background-position: left 410px bottom 30px;}
.ctn1 .p3{background: url(../images/p3-bg.png) no-repeat;background-position: left 310px top 30px;}
.ctn1 .sldctn{width: 100%;margin: 0 auto;position: relative;border-radius: 10px;background: #fff;}
.ctn1 .sldctn .slick-prev,.ctn1 .sldctn .slick-next {width:24px;height:50px;}
.ctn1 .slick-prev:before,.ctn1 .slick-next:before {display: none!important;}
.ctn1 .slick-slide img{display: inline-block;}
.ctn1 .slick-prev{left: 10px;}
.ctn1 .slick-next {right: 10px;}
.ctn1 ul.slick-dots{margin: 10px 0 0;bottom: -30px!important;}
.slick-dots li.slick-active button:before{color: #ff284a!important;}
.slick-dots li button:before{font-size: 16px!important;opacity: 1!important;color: #a0a0a0!important;}
.slick-slide{height: inherit!important;}

/*ctn2*/
.ctn2{padding: 40px 0;border-top: 6px solid #e970a6;background: url(../images/ctn2-bg.png);}
.ctn2 ul{margin: 30px auto 0;text-align: center;}
.ctn2 li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 5px;width: 31%;}
.ctn2 .img img{display: block;margin: 0 auto 10px;}
.ctn2 .ti{color: #ea6da5;line-height: 1.8em;font-weight: bold;font-size: 22px;text-align: center;margin: 0 0 15px;letter-spacing: 0;}
.ctn2 li p{text-align: left;}

.btm{width: 717px;margin: 60px auto 0;}
.bnr{background: #fff;padding: 10px;border: 1px solid #a40182;margin: 0 auto 30px;}
.dt{background: url(../images/dt-bg1.png) 0 0 no-repeat #fff;border: 1px solid #1dc0c0;margin: 0 auto 30px;}
.dt .inr{background: url(../images/dt-bg2.png) no-repeat;background-position: bottom 0 right 0;padding: 20px 30px;}
.dt .tis{font-size: 22px;line-height: 1.4em;color: #1dc0c0;font-weight: bold;margin: 0 auto 10px;}
.dt .dts{border-radius: 100px;padding: 10px;background: #1dc0c0 ;font-weight: bold;font-size: 26px;line-height: 1.4em;color: #f5ff59;}
.dt .dts small{font-size: 60%;}
.dt .sml{line-height: 1.2em;margin: 10px 0 0;}

/*****************************************************************
max-width 1215
******************************************************************/
@media screen and (max-width: 1215px) {
}
/*****************************************************************
max-width 888
******************************************************************/
@media screen and (max-width: 888px) {
.inner{width: 95%;}
.ctn2 .ti{font-size: 17px;}
.btm{width: 100%;}
}
/*****************************************************************
max-width 590
******************************************************************/
@media screen and (max-width: 590px) {
body{font-size: 15px;line-height: 1.6em;}
.inner{width: 90%;}
.sp{display: block;}
.pc{display: none;}
.ctn1 .img{width: 100%;margin: 0 auto 20px;}
.ctn1 .txt{float: none;width: 100%;}
.dt .inr{padding: 20px;}
.dt .tis{font-size: 17px;}
.dt .dts{font-size: 18px;}
.ctn2 li{width: 90%;padding: 15px;background: #fff; margin: 0 auto 20px;}
.ctn1 .p1{background-position: left 0px top 0;}
.ctn1 .p2{background-position: right 10px bottom 90px;}
.ctn1 .p3{background-position: right 0px bottom 110px;}
}

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