@charset "utf-8";
/* CSS Document */

body {
	line-height:2em;
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
	}
p {
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-size:14px;
	}

.w-mgn{
	padding-left:30px;
	padding-right:30px;
	}
.fs-18px{
	font-size:16px;
	margin-left:10%;
	margin-right:10%;
	}
.fs-18px2{
	font-size:15px;
	margin-left:5%;
	margin-right:5%;
	}
.ft-btm{
	bottom: 0;
	}
.lh{
	line-height:2em;
	}
/* === HEADING STYLE #1 === */
.one h1 {
  font-family: 'Zen Kaku Gothic Antique', sans-serif;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 5px;
  font-size:20px;
  margin-bottom:25px;
}
.one h1 span{
	
	font-size:30px;
}
.one h1:before {
  width: 28px;
  height: 5px;
  display: block;
  content: "";
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -14px;
  background-color: rgba(255,58,138,1.00);
}
.one h1:after {
  width: 100px;
  height: 1px;
  display: block;
  content: "";
  position: relative;
  margin-top: 25px;
  left: 50%;
  margin-left: -50px;
  background-color: rgba(255,58,138,1.00);
}
.mr-3{
	margin-right:10%;
	}
.txt-c-g{
	color:rgba(184,184,184,1.00);}
.soukanzu{
	width: 500px;
	margin-left:auto;
	margin-right:auto;}
	
@media only screen and (max-width: 767px)
{
.soukanzu{
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	}
.s-mt{
	margin-top:50px;}
	.s-mt2{
	margin-top:60px;}
.py-vh-6{padding-top:0vh;padding-bottom:0vh !important;}
	}
/*==================================================
スライダーのためのcss
===================================*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:70% !important;
    margin:0 auto;
}

.slider img {
    width:20vw !important;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto !important;
}

.slider .slick-slide {
  transform: scale(0.7) !important;/*左右の画像のサイズを60%に*/
  transition: all .10s !important;/*拡大や透過のアニメーションを0.5秒で行う*/
  opacity: 0.4 !important;/*透過50%*/
}

.slider .slick-slide.slick-center{
  transform: scale(1) !important;/*中央の画像のサイズだけ等倍に*/
  opacity: 1 !important;/*透過なし*/
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
}

@media only screen and (max-width: 767px){
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:90% !important;
    margin:0 auto;
}

.slider img {
    width:35vw !important;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto !important;
}

.slider .slick-slide {
  transform: scale(0.6) !important;/*左右の画像のサイズを60%に*/
  transition: all .10s !important;/*拡大や透過のアニメーションを0.5秒で行う*/
  opacity: 0.3 !important;/*透過50%*/
}

.slider .slick-slide.slick-center{
  transform: scale(1) !important;/*中央の画像のサイズだけ等倍に*/
  opacity: 1 !important;/*透過なし*/
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
}
}
.txt-left{
	text-align:left !important;}
.svgic{
	text-align:center;
	margin-bottom:20px;
	fill:#4b4b4b;
	height:60px;
	}
.mg-l{
	padding-left:5px;
	}
.mg-l2{
	padding-left:5px;
	}
.txts-20{
	font-size:18px;
	font-weight:600;
	line-height:1em;
	}
.txts-18{
	font-size:16px;
	line-height:1.5em;
	}
.t-logo{
	
	}
.ct-txt{
	line-height:1.5em;
	margin-bottom:-20px;
	}
.font-16{
	font-size:16px;
	}
.sp-top-sp{
	margin-top:0px;
	}
.sp-abimg-sp{
	width:100%;
	}
.sp-abimg-sp2{
	width:100%;
	}
.sp-mb30{
	margin-bottom:30px;}
.sp-mb50{
	margin-bottom:30px;}
.sp-mb80{
	margin-bottom:30px;}
.sp-pt0{
	padding-top: 0px;
	}
.pc-mb1{
	margin-bottom:0px;}
.pc-mb2{
	margin-bottom:0px;}
.pc-mb3{
	margin-bottom:0px;}
.pc-space-top{
	padding-top:10px;}
.pc-space{
	padding-bottom:60px;}
.pc-space2{
	padding-bottom:60px !important;
	height:120px;}
.pc-space3{
	padding-bottom:50px !important;
	}
.pc-space4{
	padding-bottom:50px !important;
	}
.sp-top-fts{
	padding-top:30px;	
	}
.br-sp {display: none;
    }
.br-pc {display: block;
    }
.ul-p{
	border-bottom: solid 1px #d63384;}
.ul-p2{
	border-bottom: solid 1px #d63384;}
.ul-p3{
	border-bottom: solid 1px #d63384;
	padding-bottom:50px;}
	
@media only screen and (max-width: 767px){
	.ul-p2{
	border-bottom: solid 1px #d63384;
	margin-left:20px;
	margin-right:20px;}
	.ul-p3{
	border-bottom: solid 1px #d63384;
	margin-left:20px;
	margin-right:20px;}
.pc-space-top{
	padding-top:0px;}
.pc-space{
	padding-bottom:20px;}
.pc-space2{
	padding-bottom:20px !important;
	height:60px;}
.pc-space3{
	padding-bottom:20px !important;
	}
.pc-space4{
	padding-bottom:20px !important;
	}
.sp-top-fts{
	padding-top:50px !important;
	font-size:30px !important;
	padding-left:20px;
	padding-right:20px;
	}
.font-16{
	font-size:15px;
	margin-right:-10px;
	}
.sp-top-sp{
	margin-top:30px;
	}
.sp-abimg-sp{
	width:70% !important;
	margin-left:auto;
	margin-right:auto;
	}
.sp-abimg-sp2{
	width:70% !important;
	margin-right:15% !important;
	}
.sp-mb30{
	margin-bottom:30px;}
.sp-mb50{
	margin-bottom:50px;}
.sp-mb80{
	margin-bottom:80px;}
.sp-pt0{
	padding-top:-30px;
	}
.pc-mb1{
	margin-bottom:40px;}
.pc-mb2{
	margin-bottom:40px;}
.pc-mb3{
	margin-bottom:40px;}
.br-sp {display: block;
    }
.br-pc {
	display: none;
    }
}

.pricing-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}

.pricing-table th,
.pricing-table td {
  border: 1px solid #989898;
  padding: 8px 12px;
  text-align: left;
    font-size: 14px;
}

.pricing-table th {
  background-color: #f0f0f0;
}

.note {
  font-size: 12px;
  margin-bottom: 20px;
}
.info-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}

.info-table td {
  border: 1px solid #989898;
  padding: 4px 6px;
  vertical-align: top;
    font-size: 14px;
}

.info-table td[colspan="2"] {
  background-color: #f9f9f9;
  font-size: 0.95em;
}
.news-item {
    background: #fff;
    border: solid 1px #EEEEEE;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 15px;
}

.news-date {
    font-weight: bold;
    font-size: 18px;
    color: #444;
    margin-bottom: -30px;
}

.news-text {
    line-height: 1.9em;
    margin-bottom: -20px;
    color: #333;
}

.news-link a {
    color: #0066cc;
    font-size: 0.9rem;
}