@charset "UTF-8";
/*--------------------------------------------------
PC
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 980px) {
  /* ここからscssを記述 */
	
/*********CSSまとめのページ***********/
	
.post_body h4{
    background: #00A1C2;
    color: #fff;
    padding: 10px;
	}
	
table{
    color:#000;
	width: 100%;
}
table th{
    background-color:#00A1C2;
	color:#fff;
	text-align: center;
	border-bottom: solid #fff 1px;
}
table td{
	border: solid #00A1C2 1px;
	padding-left: 5px;

}	
	
p small{
		font-size:12px;
	}
	
.sample_box{
		margin: 30px 0 30px 0;
	}
	
/*********CSSまとめのページ***********/
	
/* 打消しCSS */
#mypage-over-header {
    height: auto!important;
}
.slick-slide img {
    max-height: 550px!important;
}
.slick-initialized .slick-slide {
    outline: none!important;
}
.fa-chevron-up:before {
    content: url('../img/top_back_img.png')!important;
}
#areaTop .slick-prev:before, #areaTop .slick-next:before {
display: none!important;
}
#areaTop .slick-next {
    right: 0.1rem!important;
    top: 170px!important;
}
#areaTop .slick-prev {
    left: 0.1rem!important;
    top: 190px!important;
}
.index-slider-box .slick-dots li.slick-active button:before {
    color: #00A1C2!important;
    opacity: 1;
}
#areaTop .slick-dots {
    padding: 0!important;
}
	
/***************************************************************/
	
  p {
    color: #000;
  }
  a:hover .hover--img img, a:hover .hover--img img {
    -webkit-transform: scale(1.1) !important;
            transform: scale(1.1) !important;
    /* 拡大 */
    -webkit-transition: .4s;
    transition: .4s;
  }
  /* hover--img img:hover */
  .index-news-content {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* index-news-content--box */
  }
  .index-news-content a .index-news-content--box {
    width: 365px;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 0 0 30px 0;
    /* box-tex */
  }
  .index-news-content a .index-news-content--box .hover--img {
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: auto;
    -webkit-transition: .4s;
    transition: .4s;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .index-news-content a .index-news-content--box .hover--img img {
    width: 370px;
    height: 243px;
    object-fit: cover;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .index-news-content a .index-news-content--box .box-tex {
    width: 100%;
    margin-top: 15px;
    /* cat-box */
  }
  .index-news-content a .index-news-content--box .box-tex .index-title {
    font-weight: bold;
	    transition: .4s;
  }
  .index-news-content a .index-news-content--box .box-tex .index-title:hover {
    color: #00A1C2 ;
  }
  .index-news-content a .index-news-content--box .box-tex .cat-box {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .index-news-content a .index-news-content--box .box-tex .cat-box p.tex-1 {
    font-size: 10px;
    letter-spacing: 0.11em;
    padding: 5px 0 0 2px;
  }
  .index-news-content a .index-news-content--box .box-tex .cat-box p.tex-2 {
    font-size: 10px;
    letter-spacing: 0em;
    padding: 4px 0 0 2px;
    line-height: 1.6;
    text-align: justify;
  }
  .index-news-content a .index-news-content--box .box-tex .cat-box p.tex-2::before {
    content: '｜';
  }
  /* index-news-content */
  .index-slider-box {
    width: 100%;
    height: auto;
    /* index-slider-box */
  }
  .index-slider-box a .index-slider-box {
    width: 622px;
    height: 550px!important;
    overflow: hidden;
    cursor: pointer;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 20px 20px 20px 20px;
    background: #00A1C2;
    /* box-tex */
  }
  .index-slider-box a .index-slider-box .hover--img {
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: auto;
    -webkit-transition: .4s;
    transition: .4s;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .index-slider-box a .index-slider-box .hover--img img {
    width: 622px;
    height: 400px;
    -webkit-transition: .4s;
    transition: .4s;
	       object-fit: cover;
  }
  .index-slider-box a .index-slider-box .box-tex {
    width: 100%;
    margin-top: 15px;
    /* cat-box */
  }
  .index-slider-box a .index-slider-box .box-tex .index-title {
    font-weight: bold;
    font-size: 18px;
    padding: 0 10px 0 10px;
	transition: .4s;
	color: #fff;
  }
  .index-slider-box a .index-slider-box .box-tex .index-title:hover {
    color: #fff;
	transition: .4s;
  }
  .index-slider-box a .index-slider-box .box-tex .cat-box {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .index-slider-box a .index-slider-box .box-tex .cat-box p.tex-1 {
    font-size: 14px;
    letter-spacing: 0.11em;
    padding: 5px 0 0 10px;
	  color: #fff;
  }
  .index-slider-box a .index-slider-box .box-tex .cat-box p.tex-2 {
    font-size: 14px;
    letter-spacing: 0em;
    padding: 4px 0 0 2px;
    line-height: 1.6;
    text-align: justify;
	  color: #fff;
  }
  .index-slider-box a .index-slider-box .box-tex .cat-box p.tex-2::before {
    content: '｜';
	  color: #fff;
  }
  /* index-slider-box */
	
	.face_box{
	width: 100%;
	margin: auto;
    margin-top: 40px;	
	}
}
/*# sourceMappingURL=style.css.map */

/*--------------------------------------------------
SP
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 980px) {
  /* ここからscssを記述 */
	
	
/*********CSSまとめのページ***********/
	
.post_body h4{
    background: #00A1C2;
    color: #fff;
    padding: calc(10 *(100vw/750));
	}
	
table{
    background-color:#00A1C2;
    color:#000;
	width: 100%;
}
table th{
    background-color:#00A1C2;
	color:#fff;
	text-align: center;
	border-bottom: solid #fff 1px;
}
table td{
	border: solid #00A1C2 1px;
	padding-left: calc(5 *(100vw/750));

}	
	
/*********CSSまとめのページ***********/
	
/* 打消しCSS */
.slick-initialized .slick-slide {
    outline: none!important;
}
.fa-chevron-up:before {
    content: url('../img/top_back_img.png')!important;
}
#areaTop .slick-prev:before, #areaTop .slick-next:before {
display: none!important;
}
#areaTop .slick-next {
    right: 0.1rem!important;
    top: calc(160 *(100vw/750))!important;
}
#areaTop .slick-prev {
    left: 0.1rem!important;
    top: calc(190 *(100vw/750))!important;
}
.index-slider-box .slick-dots li.slick-active button:before {
    color: #00A1C2 !important;
    opacity: 1;
}
	
  p {
    color: #000;
  }
  a:hover .hover--img img, a:hover .hover--img img {
    -webkit-transform: scale(1.1) !important;
            transform: scale(1.1) !important;
    /* 拡大 */
    -webkit-transition: .4s;
    transition: .4s;
  }
  /* hover--img img:hover */
  .index-news-content {
    width: calc(750 *(100vw/750));
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* index-news-content--box */
  }
  .index-news-content a .index-news-content--box {
    width: calc(680 *(100vw/750));
    height: auto;
    overflow: hidden;
    cursor: pointer;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 0 0 calc(30 *(100vw/750)) 0;
    /* box-tex */
  }
  .index-news-content a .index-news-content--box .hover--img {
    overflow: hidden;
    cursor: pointer;
    width: calc(680 *(100vw/750));
    height: auto;
    -webkit-transition: .4s;
    transition: .4s;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .index-news-content a .index-news-content--box .hover--img img {
    width: calc(680 *(100vw/750));
    height: auto;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .index-news-content a .index-news-content--box .box-tex {
    width: calc(680 *(100vw/750));
    margin-top: calc(15 *(100vw/750));
    /* cat-box */
  }
  .index-news-content a .index-news-content--box .box-tex .index-title {
    font-weight: bold;
  }
  .index-news-content a .index-news-content--box .box-tex .index-title:hover {
    color: #00A1C2 ;
  }
  .index-news-content a .index-news-content--box .box-tex .cat-box {
    width: calc(680 *(100vw/750));
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .index-news-content a .index-news-content--box .box-tex .cat-box p.tex-1 {
    font-size: calc(18 *(100vw/750));
    letter-spacing: 0.11em;
    padding: calc(5 *(100vw/750)) 0 0 calc(2 *(100vw/750));
  }
  .index-news-content a .index-news-content--box .box-tex .cat-box p.tex-2 {
    font-size: calc(18 *(100vw/750));
    letter-spacing: 0em;
    padding: calc(4 *(100vw/750)) 0 0 calc(2 *(100vw/750));
    line-height: 1.6;
    text-align: justify;
  }
  .index-news-content a .index-news-content--box .box-tex .cat-box p.tex-2::before {
    content: '｜';
  }
  /* index-news-content */
  .index-slider-box {
    width: calc(750 *(100vw/750));
    height: auto;
	  
    /* index-slider-box */
  }
  .index-slider-box a .index-slider-box {
    width: calc(730 *(100vw/750));
    height: calc(630 *(100vw/750));
    overflow: hidden;
    cursor: pointer;
    -o-object-fit: cover;
       object-fit: cover;
    background: #00A1C2;
    margin: 0 calc(30 *(100vw/750)) 0 calc(10 *(100vw/750));
    /* box-tex */
  }
  .index-slider-box a .index-slider-box .hover--img {
    overflow: hidden;
    cursor: pointer;
    width: calc(750 *(100vw/750));
    height: auto;
    -webkit-transition: .4s;
    transition: .4s;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .index-slider-box a .index-slider-box .hover--img img {
    width: calc(750 *(100vw/750));
    height: calc(500 *(100vw/750));
    -webkit-transition: .4s;
    transition: .4s;
	object-fit: cover;
  }
  .index-slider-box a .index-slider-box .box-tex {
    width: calc(750 *(100vw/750));
    margin-top: calc(15 *(100vw/750));
    /* cat-box */
  }
  .index-slider-box a .index-slider-box .box-tex .index-title {
    font-weight: bold;
    font-size: calc(22 *(100vw/750));
    text-align: left;
	padding-left: calc(10 *(100vw/750));
	padding-right: calc(30 *(100vw/750));
	  color: #fff;
  }
  .index-slider-box a .index-slider-box .box-tex .index-title:hover {
    color: #fff;
  }
  .index-slider-box a .index-slider-box .box-tex .cat-box {
    width: calc(700 *(100vw/750));
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .index-slider-box a .index-slider-box .box-tex .cat-box p.tex-1 {
    font-size: calc(18 *(100vw/750));
    letter-spacing: 0.11em;
    padding: calc(5 *(100vw/750)) 0 0 calc(20 *(100vw/750));
	  color: #fff;
  }
  .index-slider-box a .index-slider-box .box-tex .cat-box p.tex-2 {
    font-size: calc(18 *(100vw/750));
    letter-spacing: 0em;
    padding: calc(4 *(100vw/750)) 0 0 calc(2 *(100vw/750));
    line-height: 1.6;
    text-align: justify;
	  color: #fff;
  }
  .index-slider-box a .index-slider-box .box-tex .cat-box p.tex-2::before {
    content: '｜';
	  color: #fff;
  }
  /* index-slider-box */
	
		.face_box{
	width: 100%;
	margin: auto;
    margin-top: 40px;
	}
	
	
}
/*# sourceMappingURL=style.css.map */