@charset "UTF-8";
#beltbnr {
 display: none;
}
.h_bar{
  display: none;
}
#mainArea {
  width: 960px;
  letter-spacing: 0;
  line-height: 2;
  overflow: hidden;
  margin: 0 auto;
}
.lead {
      width: 90%;
      font-size: 1.3rem;
      margin: 5% auto 8%;
      text-align: center;
}
section {
	width: 940px;
    margin: 11em auto;
}
.bnr_ {
	width: 900px;
}
.m-r {
	margin-right: 8%;
}
.left{
  text-align: left;
}
.center{
  text-align: center;
}
.v-m{
  vertical-align: middle;
}
.f-11 {
  font-size: 1.1rem;
}
.f-12 {
  font-size: 1.2rem;
}
h3 {
    font-size: 2.4rem;
    line-height: 1.2;
    font-family: montserrat, sans-serif;
    font-weight: 800;
    font-style: normal;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 2%;
}
h4 {
    font-size: 1.8rem;
    line-height: 2.0;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    padding: 3% 0 0;
}
.item-img {
	width: 75%;
	display: inline-block;
	vertical-align: middle;
}

h5 {
    font-size: 1.6rem;
    line-height: 1.6;
	text-align: center;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 600;
}
.title_ {
    padding: 2% 0;
    border: solid 1px #111;
    border-radius: 11px;
    background: #fff;
    width: 72%;
    margin: 0 auto 46px;
}
.f-n {
	font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.itemArea_ {
    position: relative;
    width: 50%;
    padding: 5% 0 0%;
    display: inline-block;
    vertical-align: middle;
}
.no_  {
    position: absolute;
    z-index: 2;
    width: 70px;
    top: -4%;
    left: 46%;
}
.b-1 {
	background: #55a1c0;
        position: relative;
        padding: 0 6% 8%;
}
.b-2 {
	background: #7bc055;
        position: relative;
        padding: 0 6% 8%;
}
.b-3 {
	background: #e4944d;
        position: relative;
        padding: 0 6% 8%;
}
.b-4 {
	background: #6683ce;
        position: relative;
        padding: 0 6% 8%;
}
.b-5 {
	background: #ced466;
        position: relative;
        padding: 0 6% 8%;
}
.b-6 {
	background: #ac7f59;
        position: relative;
        padding: 0 6% 8%;
}
.b-7 {
        background: #379c91;
        position: relative;
        padding: 0 6% 8%;
}
.slider div {
	border-radius: 13px;
}
.slider div img {
	border-radius: 13px;
}
.slider-frame {
	border: solid 1px #111;
    border-radius: 15px;
    width: 88%;
    padding: 3% 0% 1%;
    margin: 0 auto;
}
.slick-dots {
	display: none !important;
}
.textArea_ {
	width: 40%;
    display: inline-block;
    vertical-align: middle;
}
.crditArea_ {
	width: 80%;
        margin: 0 auto;
        padding: 8% 0% 10%;
}
.caption {
      font-size: 1.2rem;
      margin: 0 0 18%;
      line-height: 2.2;
}
.crdit {
    margin-bottom: 15px;
    width:43%;
    display: inline-block;
}

.crdit:nth-child(even){
	display: inline-block;
        margin-right: 12%;
        width:44%;
}
.marker {
	background:linear-gradient(transparent 60%, #ff6 60%);
	font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 600;
}
.column {
	border: solid 1px #111;
    border-radius: 13px;
    width: 90%;
    padding: 9% 4% 5%;
    margin: 0% auto;
    position: relative;
}
.title_c {
    position: absolute;
    padding: 2% 0;
    border: solid 1px #111;
    border-radius: 11px;
    background: #fdfe88;
    width: 38%;
    left: 31%;
    top: -6%;
}
.column-img {
     vertical-align: middle;
    width: 50%;
    display: inline-block;
    margin-right: 7%;
}
.column-textArea_ {
	    width: 42%;
    display: inline-block;
    vertical-align: middle;
}
.crdit2 {
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
}
/*///*/
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.img-c img {
	width: 100%;
	-webkit-backface-visibility: hidden;
}
.item-text {
	width: 72%;
    margin: 9% auto 0;
}
/*////*/
.button_crdit {
	width: 78%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.8;
}
.button_ {
    width: 55px;
    height: 55px;
    border-radius: 50px;
    border: solid 2px #222;
    background: #ffffff;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    display: inline-block;
}
.eff {
    text-decoration: none;
    line-height: 54px;
    color: #222 !important;
    font-size: 1.3rem;
    letter-spacing: 1px;
    font-weight: 600;
}
.button_:hover{
    background: #222;
	border: solid 2px #222;
	color: #222 !important; 
	transition : .3s;
}
.eff:hover {
    color: #fff !important;
    background: #222;
}

/*////*/
.slick-dotted.slick-slider {
      margin-bottom: 30px;
      width: 94%;
      margin: 0 auto;
  }
    .slick-slide{
        height:auto!important;
    }
    .slick-next{
      right:0!important;
    }
    .slick-prev{
      left:0!important;
    }
    .slick-arrow{
      width: initial!important;
      height: initial!important;
      z-index:2!important;
    }
    .slick-arrow:before{
      font-size: 30px!important;
    }
	/*-----------height調整----------*/
    .slick-slide{ height:auto!important;}
    /*-----------矢印表示----------*/
    .slick-next{ right:-26px!important;}
    .slick-prev{ left:-26px!important; }
    .slick-next:before{
      background: url(https://d168xaea3f86zy.cloudfront.net/campaign/2022/shipsk_0819/sp/images/right.png)!important;
      background-size: contain!important;
    }
    .slick-prev:before{
      background: url(https://d168xaea3f86zy.cloudfront.net/campaign/2022/shipsk_0819/sp/images/left.png)!important;
      background-size: contain!important;
    }
    .slick-arrow{
      z-index:2!important;
      width:32px!important;
      height:32px!important;
    }
    .slick-arrow:before{
      content:""!important;
      width: 100%!important;
      height: 100%!important;
      position: absolute;
      top: 0;
      left: 0;
      opacity:1!important;
    }