@charset "utf-8";
/* CSS Document */
.l-header-area { background: none; }
.l-header-sitename { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400; }
/* --------------------------------------------- */
/*mv*/
/* --------------------------------------------- */
.l-mv {
 background: url(img/mv_bg.png) no-repeat center 50% / auto 100%;
 margin-bottom: -33px;
 height: 497px;
 position: relative;
}
.l-mv-wrapper {
 padding: 1rem 0 0;
 width: 1180px;
 margin: 0 auto;  
}
.l-mv-box {
 width: 670px;
 max-width: 1000px;
 margin: 0 auto 0 0;
}
.l-mv-title {
 margin: 4rem 0 2rem;
 font-weight: bold;
 font-size: 3.6rem;
 line-height: 1.4;
}
.l-mv-title .small {     font-size: 2.4rem;
    background-color: #0ca39c;
    padding: .5rem;
    color: #fff; }
.l-mv-title .green {
 font-size: 4rem;
 color: #006762;
}
.l-mv p { margin: 1rem; }
/* --------------------------------------------- */
/*l-parts*/
/* --------------------------------------------- */
/* .l-parts01 */
/* .l-parts02 */
.l-parts02 { background: #e6eeef url("img/l-parts02_bg.jpg") no-repeat left top; }
.l-parts02-white { background: #fff; }
.l-parts02-white + .l-parts02-white { margin-top: 4rem; }
.l-parts02-white__catch {
 background: #0ba39b url("img/icon_com01_02.png") no-repeat left 230px top 50% / 75px auto;
 padding: 3rem 12rem;
 text-align: center;
 color: #fff;
 font-size: 3.2rem;
 line-height: 1.2;
 font-weight: bold;
 font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.l-parts02-white__catch span
{font-size: 26px;
background: none;}

.com02 .l-parts02-white__catch { background-image: url("img/icon_com02_02.png"); }
.com03 .l-parts02-white__catch { background-image: url("img/icon_com03_02.png"); }
.l-parts02-white-inner { padding: 3.8rem 4rem; }
.l-parts02-white__title {
 font-size: 3rem;
 line-height: 1.4;
 text-align: center;
}
.l-parts02-white__pic01 {
 text-align: center;
 width: 427px;
 margin: 3.8rem auto 0;
}
.l-parts02-white .title-voice {
 margin:6rem 0 2rem;
 padding: 0 2rem;
 text-align: center;
 font-size: 2.8rem;
 line-height: 1.4;
 font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-weight: bold;
 position: relative;
}
.l-parts02-white .title-voice::before {
 content: "";
 width: 100%;
 height: 2px;
 background-color: #0ba39b;
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
}
.l-parts02-white .title-voice span {
 display: inline-block;
 padding: 0 5rem;
 background: #fff;
 position: relative;
 z-index: 1;
}
.l-parts02-white .title-jirei {
 margin:6rem 0 2rem;
 text-align: center;
 font-size: 2.6rem;
 line-height: 1.4;
 font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-weight: bold;
}
.l-parts02-white__column2 {
 width: 880px;
 margin: 6rem auto 0;
 display: flex;
 justify-content: space-between;
}
.l-parts02-white__column2__left {
 width: 465px;
 display: flex;
 align-items: center;
 height: 410px;
 text-align: center;
}
.slideArea .slideinner {
 width: 465px;
 margin: 0 auto;
 position: relative;
 padding: 0;
 box-sizing: border-box;
}
.slick-slider {
 position: relative;
 display: block;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-touch-callout: none;
 -khtml-user-select: none;
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 -webkit-tap-highlight-color: transparent;
}
.slick-list {
 position: relative;
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
}
.slick-list:focus {
 outline: none;
}
.slick-list.dragging {
 cursor: pointer;
 cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
.slick-track {
 position: relative;
 top: 0;
 left: 0;
 display: block;
}
.slick-track:before, .slick-track:after {
 display: table;
 content: "";
}
.slick-track:after {
 clear: both;
}
.slick-loading .slick-track {
 visibility: hidden;
}
.slick-slide {
 display: none;
 float: left;
 height: 100%;
 min-height: 1px;
}
[dir="rtl"] .slick-slide {
 float: right;
}
.slick-slide img {
 display: block;
}
.slick-slide.slick-loading img {
 display: none;
}
.slick-slide.dragging img {
 pointer-events: none;
}
.slick-initialized .slick-slide {
 display: block;
}
.slick-initialized .slick-slide p {
 display: block;
 margin: 20px 0 0 0;
 line-height: 1.4;
 padding: 0 10px;
 box-sizing: border-box;
 text-align: center;
 font-size: 12px;
 color: #a9a9a9;
 word-wrap: break-word;
}
.slick-loading .slick-slide {
 visibility: hidden;
}
.slick-vertical .slick-slide {
 display: block;
 height: 100px;
}
.slider { position: relative; }
.slider .sp-slide > div {
 width: 100%;
 height: 410px;
 display: flex;
 align-items: center;
 justify-content: center;
}
.slider .sp-slide > div img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}
.slider .slider-nav-wrap {
 position: relative;
}
.slider .slider-nav-wrap .slider-nav .slick-list {
 padding: 0 !important;
}
.slider .slider-nav-wrap .slider-nav .slick-track {
 left: 0 !important;
 width: 100%;
 opacity: 1;
}
.slider .slider-nav-wrap .slider-nav .slick-slide {
 -webkit-transition: opacity 0.3s ease;
 transition: opacity 0.3s ease;
 opacity: 1;
 padding: 3px;
 cursor: pointer;
}
.slider .slider-nav-wrap .slider-nav .slick-slide:hover {
 opacity: 0.5;
}
.slider .slider-nav-wrap .slick-arrow {
 position: absolute;
 top: 65%;
 width: 0;
 height: 0;
 border-style: solid;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}
.slider .slider-nav-wrap .slick-prev {
 right: 0;
 border-width: 0;
 border-color: transparent transparent transparent #444444;
}
.slider .slider-nav-wrap .slick-next {
 left: 0;
 border-width: 0;
 border-color: transparent #444444 transparent transparent;
}
.slider .slider-for {
 float: left;
 width: 74%;
}
.slider .slider-for button.slick-prev {
 position: absolute;
 top: 40%;
 left: 2%;
 z-index: 5;
 text-indent: -9999px;
 background: url(img/icon_slide_arrow_next.png) 0 center no-repeat;
 background-size: 100%;
 width: 32px;
 height: 50px;
 border: none;
}
.slider .slider-for button.slick-next {
 position: absolute;
 top: 40%;
 right: 2%;
 z-index: 5;
 text-indent: -9999px;
 background: url(img/icon_slide_arrow_prev.png) 0 center no-repeat;
 background-size: 100%;
 width: 32px;
 height: 50px;
 border: none;
}
.slider .slider-nav-wrap {
 width: 25%;
 height: 100%;
 position: absolute;
 top: 50%;
 right: 0; 
 transform: translateY(-50%);
 display: flex;
 align-items: center;
 justify-content: center;
}
.slider .slider-nav-wrap .slider-nav .slick-list {
 padding: 0 0 !important;
}
.slider .slider-nav-wrap .slider-nav .slick-slide {
 padding: 5px 0;
 width: 120px !important;
 height: 77px;
}
.slider .slider-nav-wrap .slider-nav .slick-slide:focus {
 outline: none;
}
.slider .slider-nav-wrap .slider-nav .slick-slide img {
 width: auto;
 height: 100%;
 margin: 0 auto;
}
.slider .slider-nav-wrap .slick-arrow {
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}
.slider .slider-nav-wrap .slick-prev {
 display: none;
 /*top: auto;
 bottom: 2.5em;
 background: url(img/arrow_brawn_down.png) center center no-repeat;
 width: 30px;
 height: 17px;*/
}
.slider .slider-nav-wrap .slick-next {
 display: none;
 /*top: -1.5em;
 background: url(img/arrow_brawn_up.png) center center no-repeat;
 width: 30px;
 height: 17px;*/
}
.l-parts02-white__column2__right {
 width: calc(100% - 465px);
 padding-left: 28px;
}
.l-parts02-white__column2 .point {
 color: #006762;
 line-height: 1.4;
 font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-size: 2.4rem;
 font-weight: bold;
}
.l-parts02-white__pic02 {
 text-align: center;
 width: 766px;
 margin: 3.8rem auto 0;
}
.l-parts02-white .title-tokucho {
 margin: 4rem 0 2rem;
 font-size: 2.4rem;
 line-height: 1.4;
 font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-weight: bold;
 background-color: #fff8d8;
 padding: 0.8rem 2rem;
}
.l-parts02-white .example th + th { background-color:#fafafa; }
.l-parts02-white .example th:first-child { width:152px; }
@media screen and (min-width: 601px) {
 .l-parts02-white .information table th { width:152px; }
}
/* .l-parts03 */
.l-parts03 { background: url("img/l-parts03_bg.png") repeat left top; }
/* .l-parts04 */
/* .l-parts05 */
.l-parts05 .btn-link { margin-top: 8rem; }



@media screen and (max-width: 600px) {
 .l-main-area { margin-bottom: 0; }
 /* --------------------------------------------- */
 /*mv*/
 /* --------------------------------------------- */
 .l-mv {
  height: auto;
  padding: 2rem 0 2rem;
  margin: 0;
  background: none;
  position: relative;
 }
 .l-mv-wrapper {
  width: 100%;
  max-width: 100%;
  padding: 0;
 }
 .l-mv-logo {
  position: absolute;
  width: 100%;  
  height: 1rem;
 }
 .l-mv-box {
  width: 100%;
  margin: 0;
 }
 .l-mv-logo img {
  width: auto;
  height: 100%;
 display: none;
 } 
 .l-mv-title {
  aspect-ratio: 1400 / 497;
  padding: 0 2rem;
  background: url("img/mv_bg.png") no-repeat center top / cover;
  font-size: 1.8rem;
  line-height: 1.8;
  margin: 0 0 2.5rem;
 }
 .l-mv-title .small { font-size: 1.4rem; }
 .l-mv-title .green { font-size: 2.2rem; line-height: 1.2;}
 .l-mv p { padding: 0 2rem; margin: 1rem 0;}
 /* --------------------------------------------- */
 /*l-parts*/
 /* --------------------------------------------- */
 /* l-parts01 */
 /* l-parts02 */
 .l-parts02 { background-size: 100% auto; }
 .l-parts02-white__catch {
  background-position: left 10px top 50%;
  background-size: 40px auto;
  padding: 1.8rem 6rem;
  font-size: 2.5rem;
 }
	
.l-parts02-white__catch span{
	font-size: 2rem;	
	}
	
 .l-parts02-white-inner {  padding: 2rem; }
 .l-parts02-white__pic01 {
  margin: 2rem auto 0;
  width: 90%;
 }
	
	.l-parts02-white__title{
		font-size: 2.2rem;
	}	
	
 .l-parts02-white .title-voice {
  margin: 5rem 0 2rem;
  text-align: center;
  font-size: 1.8rem;
 }
 .l-parts02-white .title-voice span { padding: 0 1rem; }
 .l-parts02-white .title-jirei {
  margin: 4rem 0 2rem;
  font-size: 1.8rem;
 }
 .l-parts02-white__column2 {
  width: 100%;
  display: block;
  margin: 0 auto;
 }
 .l-parts02-white__column2__left {
  width: 100%;
  font-size: 1.2rem;
  display: block;
  height: auto;
 }
 .slideArea .slideinner {
  width: 100%;
  margin: 0 auto 2rem;
  position: relative;
  padding: 0;
  box-sizing: border-box;
 }
 .slider .slider-for button.slick-prev {
  position: absolute;
  top: 32%;
  left: -1%;
  z-index: 5;
  text-indent: -9999px;
  background: url(img/icon_slide_arrow_next.png) 0 center no-repeat;
  background-size: 20px;
  width: 24px;
  height: 40px;
  border: none;
 }
 .slider .slider-for button.slick-next {
  position: absolute;
  top: 32%;
  right: -2%;
  z-index: 5;
  text-indent: -9999px;
  background: url(img/icon_slide_arrow_prev.png) 0 center no-repeat;
  background-size: 20px;
  width: 24px;
  height: 40px;
  border: none;
 }
 .slick-initialized .slick-slide p {
  display: block;
  margin: 10px 0 5px 0;
  line-height: 1.4;
  padding: 0;
  box-sizing: border-box;
  font-size: 10px;
  color: #a9a9a9;
 }
 .sp-thumbnail {
  width: 23% !important;
 }
 .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
 }
 .slider .slider-for {
  float: none;
  width: 100%;
  display: block;
 }
 .slider .slider-nav-wrap {
  width: 100%;
  height: auto;
  position: relative;
  top: auto;
  right: auto;
  transform: none;
 }
 .slider .slider-nav-wrap .slider-nav .slick-track {
  width: 100% !important;
 }
 .slider .slider-nav-wrap .slider-nav .slick-slide {
  width: 25% !important;
  height: 65px;
 }
 .slick-initialized .slick-slide {
  display: block;
  font-size: 12px;
  color: #8c8c8c;
  line-height: 1.2em;
 }
 .slick-nav-arrows {
  display: none;
 }
 .slider .sp-slide > div { height:250px; }
 .slick-initialized .sp-thumbnail { height: 55px; }
 .slick-initialized .sp-thumbnail img {
  height: 100%;
  width: auto;
 }
 .l-parts02-white__column2__right {
  width: 100%;
  padding: 0;
 }
 .l-parts02-white__column2__right .point {
  font-size: 1.8rem;
 }
 .l-parts02-white__pic02 {
  width: 100%;
  margin: 2rem 0 0;
 }
 .l-parts02-white .title-tokucho {
  margin: 4rem 0 2rem;
  font-size: 1.8rem;
 }
 .l-main-area .l-parts02-white table.example { width: 400px; }
 .l-main-area .l-parts02-white table.example td { text-align: left; }
 /* l-parts03 */
 .l-parts03 { background-size: 100% auto; }
 /* l-parts04 */
 /* l-parts05 */
}