@charset "UTF-8";
@import url('https://fonts.cdnfonts.com/css/barlow');

.zindex{position: relative; z-index: 100;}               
.contents_inner {
    display: block;
    padding-top: 120px;
    margin-top: -120px;
}
.overimg:hover{opacity: 0.5;}
.spnone{display: block;}
.sponly{display: none;}
.f-left{float: left;}
.f-right{float: right;}
.img100{width: 100%;}
.normal{font-weight: normal;}
.justify{text-align: justify;}
.w48per{width: 48%;}
.w30per{width: 30%;}
.w48per img{width: 100%;}
.w66per{width: 66%;position: relative;}
.w80per{width: 80%;margin: 0 auto;}
.w90per{width: 90%;margin: 0 auto;}
.white{color:#ffffff;}
.sec_ttl{font-size: 4em;text-align: center;}
.barlow{font-family: 'Barlow', sans-serif;}
.tex_blue{color:#0d68a9;}
.sec_ttl span{font-size: 0.3em;display: block;font-weight: normal;}
.sec_p{line-height: 1.8;}
.tbonly{display: none;}
.black{color:#000000;}
.center{text-align: center;}
/* 見出しの下に短い下線 */
.heading {
  position: relative;
  text-align: center; /* 文字の中央寄せ */
}
.heading::before {
  background-color: #0d68a9; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  bottom: -20px; /* 線の位置 */
  content: "";
  height: 3px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 50px; /* 線の長さ */
}
/* 見出しの下に短い下線左揃え */
.sec_ttl_left{font-size: 4em;text-align: left;}
.sec_ttl_left span{font-size: 0.3em;font-weight: normal;margin-left: 1em;}
.heading-left {
  position: relative;
  text-align: left; /* 文字の中央寄せ */
}
.heading-left::before {
  background-color: #0d68a9; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  bottom: -20px; /* 線の位置 */
  content: "";
  height: 3px; /* 線の高さ */
  left: 0%; /* 線の中央寄せ */
  position: absolute;
  width: 50px; /* 線の長さ */
}
/* section_01 */
.bg_about{background-image: url("../img/sec_01_back_pc.webp");
    background-repeat: no-repeat;
    background-position: bottom center; /*右下に表示 したものを左上に反転*/
    background-size: cover; /*高さにあわせる*/
    height: auto;
    width: 100%;
	position: relative;padding:50px 0 200px;margin-top: 2em;}
.about_box{background: rgba(35,24,21,0.5);color:#ffffff;padding: 5% 3%;}

/* section_02 */
.section_02{max-width: 1500px;margin:0 auto; background-image: url("../img/sec_02_back_pc.svg");
background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;}
.sec02_box{background-color: #ffffff;}
.sec02_box p{text-align: left;}
.sec02_h3{font-size: 1.2em;margin: 0.6% 0;}
.tex_box{display: block; padding: 8%;}
.sec02_box a {
  position: relative;
  display: block;
padding-bottom: 30px;
	color: #000000;
	height: 420px;
}
.sec02_box a:hover{opacity: 0.5;}
.sec02_box a::after{
content: '';
  position: absolute;
  bottom: 15px;
  right: 27px;
  width: 15px;
  height: 15px;
  margin: auto;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  transform: rotate(45deg);
  box-sizing: border-box;}
/* 実績・実例紹介スライド */
#works_slide_box {
    position: relative;
    width:100%;
    z-index: 10;
    overflow: hidden;
}
#works_slide_box .swiper-container3 {
	position:relative;
	width: 1200px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#works_slide_box .swiper-slide {
	position:relative;
}

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

.sec02_box a{position: relative;height: 420px;}
}
.work_box {
    box-sizing: border-box;
    overflow: hidden;
}
.work_box img { width: 100%;}



/* section_03 */
.section_03{max-width: 1500px;margin:0 auto;background-image: url("../img/sec_03_back_pc.webp");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;margin-top: -100px;padding-top: 80px;}
.section_03_bottom{max-width: 1500px;margin:0 auto;background-image: url("../img/sec_03_back02_pc.webp");
	background-repeat: no-repeat;background-size: contain;background-position: bottom center; position: relative;padding-bottom: 200px;}
.shadow{filter: drop-shadow(3px 3px 3px #80a4bc);}

.title {
    display: flex;
    justify-content: center;
    align-items: center;text-align: center;
	 font-size: 1.4rem;
}
.title::before,.title::after {
    content: "";
    background-color: #000000;
    height: 2px;
    width: 40px;
}
.title::before {
    margin-right: 5px;
    transform: rotate(60deg); 
}
.title::after {
    margin-left: 5px;
    transform: rotate(-60deg); 
}
.sectTit:before {
  transform: rotate(-35deg);/* //角度調整 */
}
 
.sectTit:after {
  transform: rotate(35deg);/* //角度調整 */
}
.four_block {
  display: flex;
  flex-wrap: wrap; /* 必要に応じて折り返しを許可 */
  width: 100%; /* 必要に応じて幅を設定 */
  height: 400px; /* 必要に応じて高さ設定 */
}

.square {
  width: 25%; /* 2つの要素を横に並べる */
padding-top:2%;
}
.square h4{color:#000000;text-align: center;}
.square h4.one_line{padding: 0.6em 0 0.6em;}
.gray {background-color: #ebebeb;}
.white {background-color: #ffffff;}
.gray02 {background-color: #ebebeb;}
.white02 {background-color: #ffffff;}
.gray03 {background-color: #ebebeb;}
.white03 {background-color: #ffffff;}
/* section_04 */
.section_04{margin-top: -100px;position: relative; z-index: 100;}
/* news */

#news dl a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 1em;
    margin-bottom: 1em;
	margin-top: 1em;
	border-bottom: solid 1px #000000;
	color: #000000;
}
#news dl:last-of-type {
    margin-bottom: 0;
}

#news dl dt span {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: "B612 Mono", monospace;
    padding-right: 1em;
	color:#0d68a9;
}

#news dl dd {
    font-size: 1.16em;
    line-height: 1.5;
}
#news dl dd {
    display: block;
    transition:all 0.3s;
}
#news dl a:hover {
    color: #003894;
}
.news_btn{width: 30%;margin: 3em auto;display: block;}
.news_btn img{width: 100%;}

/* section_05 */
.section_05{max-width: 1500px;margin:0 auto;background-image: url("../img/sec_05_back_pc.webp");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;margin-top: -200px;padding-top: 150px;}

.box_sec05{width: 33.2%;height: 320px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.box_sec05 h4{color: #ffffff;text-align: center;font-size: 1.8em;margin-top: 30%;}
.box_sec05 h4 span{font-size: 0.6em;display: block;font-weight: normal;}
.sec05_box01{order: 1; background-image: url("../img/sec_05_box01_pc.png");}
.sec05_box02{order: 2; background-image: url("../img/sec_05_box02_pc.png");}
.sec05_box03{order: 3; background-image: url("../img/sec_05_box03_pc.png");}
.sec05_box04{order: 4; background-image: url("../img/sec_05_box04_pc.png");}
/* section_06 */
.section_06{max-width: 1500px;margin:0 auto;background-image: url("../img/sec_06_back_pc.svg");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;}

.sec-home-flow .flow-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 30px;
}
.sec-home-flow .flow-list li::after {
  content: "";
  position: absolute;
  bottom: -13px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 8px 0 8px;
}
.sec-home-flow .flow-list li:nth-child(odd) {
  background-color: #fff;
}
.sec-home-flow .flow-list li:nth-child(odd)::after {
  border-color: #fff transparent transparent transparent;
}
.sec-home-flow .flow-list li:nth-child(even) {
  background-color: #f3f4f4;
}
.sec-home-flow .flow-list li:nth-child(even)::after {
  border-color: #f3f4f4 transparent transparent transparent;
}
.sec-home-flow .flow-list li:last-child::after {
  content: none;
}

.sec-home-flow .flow-list .flow-lcol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 150px;
  margin: 0 20px 0 0;
}
.sec-home-flow .flow-list .flow-no {
  color: #0d68a9;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0 20px 0 0;
	text-align: center;
}
.sec-home-flow .flow-list .flow-no em {
  display: block;
  font-style: normal;
  font-size: 2rem;
}
.sec-home-flow .flow-list .flow-icn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  
}
.sec-home-flow .flow-list .flow-icn__img {
width: 120px;
  text-align: center;
  margin: 0 auto;
}
.sec-home-flow .flow-list .flow-icn__txt {
  display: block;
  color: #0d68a9;
  font-weight: bold;
  letter-spacing: -0.05em;
  line-height: 1.35;
}
.sec-home-flow .flow-list .flow-rcol {
  line-height: 1.5;
  width: calc(100% - 150px - 20px);
  margin: 0;
}
.sec-home-flow .flow-list .flow-rcol em {
  color: #7c99bc;
}
.sec-home-flow {
    margin: 0;
  }
  .sec-home-flow .flow-list {
    margin: 40px 0 0;
	  padding: 0;
    list-style: none;
	  box-sizing: border-box;
  }
  .sec-home-flow .flow-list li {
    padding: 48px 50px;
  }
  .sec-home-flow .flow-list li::after {
    bottom: -25px;
    border-width: 25px 25px 0 25px;
  }

  .sec-home-flow .flow-list .flow-lcol {
    width: 240px;
    margin: 0 30px 0 0;
  }
  .sec-home-flow .flow-list .flow-no {
    font-size:1.2rem;
    margin: 0 30px 0 0;
  }
  .sec-home-flow .flow-list .flow-no em {
    font-size: 3rem;
  }
  .sec-home-flow .flow-list .flow-icn {
    width: 200px;
  }
  .sec-home-flow .flow-list .flow-icn__txt {
    font-size: 1.0rem;
  }
  .sec-home-flow .flow-list .flow-rcol {
    font-size: 1.0rem;
    width: calc(100% - 240px - 30px);
  }


/* section_07 */
.section_07{max-width: 1500px;margin:0 auto;background-image: url("../img/sec_06_back02_pc.svg");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;margin-top: -50px;z-index: 10;}
.faq-item {
  margin-top: 20px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #666666;
}

.faq-question__wrap {
  position: relative;
  padding: 15px 5px 15px 55px;
  cursor: pointer;
}

.minus-icon {
  position: absolute;
  content: "";
  width: 20px;
  height: 3px;
  background: #0d68a9;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.plus-icon {
  position: absolute;
  content: "";
  width: 20px;
  height: 3px;
  background: #0d68a9;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: ease all 0.5s; /* 擬似要素のトランジションを追加 */
}

.plus-icon.active {
  transform: translateY(-50%);
}

.faq-question__title {
  font-weight: bold;
  color: #000000;
  font-size: 1.2em;
	line-height: 1.2em;
  position: relative;
  padding-right: 5%;
}
.faq-question__title::before {
    position: absolute;
    color: #0d68a9;
    content: "Q.";
	font-size: 1.6em;
    top: 10px;
    left: -45px;
    transform: translateY(-50%);
  }

.faq-answer__wrap {
  padding: 10px 25px 10px 25px;
  transition: ease all 0.5s; /* 擬似要素のトランジションを追加 */
  height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}

.faq-answer__wrap.active {
  height: auto;
  padding: 10px 25px 10px 25px;
}
.faq-answer__wrap {
  opacity: 0;
  padding: 10px 25px 10px 25px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  transition: ease all 0.7s; /* 擬似要素のトランジションを追加 */
}

.faq-answer__wrap.active {
  opacity: 1;
  padding: 0px 25px 15px 65px;
}

.faq-answer__title {
position: relative;
  font-weight: normal;
  color: #000000;
  font-size: 1.0em;
	text-align: justify;
}
.faq-answer__title::before {
    position: absolute;
    color: #d41819;
    content: "A.";
	font-size: 1.6em;
    top: 10px;
    left: -35px;
    transform: translateY(-50%);
  }

/* section_08 */
.section_08{max-width: 1500px;margin:0 auto; background-image: url("../img/sec_08_back_pc.svg");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;margin-top: -200px;padding-top: 150px;}
.section_08_bottom{max-width: 1500px;margin:0 auto;background-image: url("../img/sec_08_back02_pc.webp");
	background-repeat: no-repeat;background-size: contain;background-position: bottom center; position: relative;padding-bottom: 100px;}
/* プランメニュースライド */
#plan_slide_box {
    position: relative;
    width:100%;
    z-index: 10;
    overflow: hidden;
}
#plan_slide_box .swiper-container1 {
	position:relative;
	width: 1000px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}
#plan_slide_box .swiper-slide {
	position:relative;
}

.plan_box {
    box-sizing: border-box;
    overflow: hidden;
}
.plan_box img { width: 100%;}

.plan_box p{background-color: #3e3a39; margin-top: 0%;color: #ffffff;padding: 0.6% 3%;}

.top-bk-img {
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}



/* section_contact */
.section_contact{background-image: url("../img/sec_contact_back_pc.webp");
    background-repeat: no-repeat;
    background-position: top center; /*右下に表示 したものを左上に反転*/
    background-size: cover; /*高さにあわせる*/
    height: auto;
    width: 100%;
	position: relative;padding:30px 0;}
.contact_left{width: 48%;float: left;}
.contact_right{width: 48%;float: right;}
.contact_left img,.contact_right img,.contact_tel{filter: drop-shadow(1px 1px 4px white); /* 光彩の設定、0 0 は影のずれ、20pxはぼかしの半径、whiteは色 */}
.ft_navi p a{color:#ffffff;text-decoration: underline;}
.thanks_h2{text-align: center;font-size:2.0em;color:#aa2320;}
.thanks_h3{text-align: center;font-size:1.2em;margin-bottom: 3%;}

.image_block{margin: 0;height: auto;}
.image_block img {
	max-width: 100%;
}
.image_block a {
	width:100%;
	margin:0.2%;
	display: inline-block;
}
.bk-img {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image:url("../img/no_image.svg");
}


/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
.spnone{display: block;}
.tbonly{display: block;}
.sponly{display: none;}
/* section_01 */
.tb_container{width: 90%;}


.faq-item {
  margin-top: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #666666;
}
	
	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
.spnone{display: none;}
.sponly{display: block;}
.tbonly{display: none;}
.f-left{float: none;}
.f-right{float: none;}
.w90per{width: 100%;margin:0 auto;}
.w80per{width: 80%;margin:0 auto;}
.w48per{width: 100%;margin-bottom: 3%;}
.w66per{width: 100%;position: relative;}	

.lh_l {
	line-height:1.8 !important;
}

.sec_ttl{font-size: 3em;text-align: center;line-height: 1.0;}
.sec_ttl span{font-size: 0.4em;display: block;font-weight: normal;line-height: 2em;}
/* 見出しの下に短い下線左揃え */
.sec_ttl_left{font-size: 3em;text-align: left;}
.sec_ttl_left span{font-size: 0.4em;font-weight: normal;margin-left: 1em;}
.bg_about{background-image: url("../img/sec_01_back_sp.webp");
    background-repeat: no-repeat;
    background-position: bottom center; /*右下に表示 したものを左上に反転*/
    background-size: cover; /*高さにあわせる*/
    height: auto;
    width: 100%;
	position: relative;padding:50px 0 200px;}
.about_box{background: none;color:#ffffff;padding: 0%;}
	
/* section_02 */
.section_02{max-width: 100%;margin:0 auto; background-image: url("../img/sec_02_back_sp.svg");
background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;}
	
/* section_03 */
.section_03{max-width: 100%;margin:0 auto;background-image: url("../img/sec_03_back_sp.webp");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;margin-top: 0px;padding-top: 80px;}
.section_03_bottom{max-width: 100%;margin:0 auto;background-image: url("../img/sec_03_back02_sp.webp");
	background-repeat: no-repeat;background-size: contain;background-position: bottom center; position: relative;padding-bottom: 130px;}
	
/* section_04 */
.section_04{margin-top: -50px;position: relative; z-index: 100;}
.four_block {height: auto; /* 必要に応じて高さ設定 */}
#news dl a {display: block;padding-left: 0.6em;}
.news_btn{width: 60%;margin: 3em auto;display: block;}
	
/* section_05 */
.section_05{max-width: 100%;margin:0 auto;background-image: url("../img/sec_05_back_sp.webp");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;margin-top: -150px;padding-top: 150px;}
.box_sec05{width: 100%;height: auto;background-repeat: no-repeat;background-size: cover;background-position: center;}
.sec05_box01{order: 1; background-image: none;}
.sec05_box02{order: 4; background-image: none;}
.sec05_box03{order: 2; background-image: none;}
.sec05_box04{order: 3; background-image: none;}
	.box_sec05 h4{display: none;}	
/* section_06 */
.section_06{max-width: 100%;margin:0 auto;background-image: url("../img/sec_06_back_sp.svg");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;}
.sec-home-flow .flow-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 10px;
}
.sec-home-flow .flow-list li::after {
  content: "";
  position: absolute;
  bottom: -13px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 8px 0 8px;
}


.sec-home-flow .flow-list .flow-lcol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100px;
  margin: 0 20px 0 0;
}
.sec-home-flow .flow-list .flow-no {
  color: #0d68a9;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0 20px 0 0;
	text-align: center;
}
.sec-home-flow .flow-list .flow-no em {
  display: block;
  font-style: normal;
  font-size: 1.5rem;
}
.sec-home-flow .flow-list .flow-icn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  
}
.sec-home-flow .flow-list .flow-icn__img {
width: 80px;
  text-align: center;
  margin: 0 auto;
}
.sec-home-flow .flow-list .flow-icn__txt {
  display: block;
  color: #0d68a9;
  font-weight: bold;
  letter-spacing: -0.05em;
  line-height: 1.35;
}
.sec-home-flow .flow-list .flow-rcol {
  line-height: 1.5;
  width: calc(100% - 100px - 20px);
  margin: 0;
}
.sec-home-flow .flow-list .flow-rcol em {
  color: #7c99bc;
}
.sec-home-flow {
    margin: 0;
  }
  .sec-home-flow .flow-list {
    margin: 40px 0 0;
	  padding: 0;
    list-style: none;
	  box-sizing: border-box;
  }
  .sec-home-flow .flow-list li {
    padding: 20px 20px;
  }
  .sec-home-flow .flow-list li::after {
    bottom: -15px;
    border-width: 15px 15px 0 15px;
  }

  .sec-home-flow .flow-list .flow-lcol {
    width: 170px;
    margin: 0 20px 0 0;
  }
  .sec-home-flow .flow-list .flow-no {
    font-size:1.1rem;
    margin: 0 12px 0 0;
  }
  .sec-home-flow .flow-list .flow-no em {
    font-size: 2.3rem;
  }
  .sec-home-flow .flow-list .flow-icn {
    width: 100px;
  }
  .sec-home-flow .flow-list .flow-icn__txt {
    font-size: 0.7rem;
  }
  .sec-home-flow .flow-list .flow-rcol {
    font-size: 0.7rem;
  }	
	
/* section_07 */
.section_07{max-width: 100%;margin:0 auto;background-image: url("../img/sec_06_back02_sp.svg");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;margin-top: 0px;}	

/* section_08 */
.section_08{max-width: 100%;margin:0 auto; background-image: url("../img/sec_08_back_sp.svg");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;margin-top: -150px;padding-top: 100px;}
.section_08_bottom{max-width: 100%;margin:0 auto;background-image: url("../img/sec_08_back02_sp.webp");
	background-repeat: no-repeat;background-size: contain;background-position: bottom center; position: relative;padding-bottom: 100px;}
	
#works_slide_box .swiper-container3 {
	position:relative;
	width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}
	
#plan_slide_box .swiper-container1 {
	position:relative;
	width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}
	
.contact_left,.contact_right{width: 100%;float: none;}

/* section_07 */	
.faq-question__wrap {
  position: relative;
  padding: 15px 35px 15px 55px;
  cursor: pointer;
}
.faq-item {
  margin-top: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #666666;
}
.title {
    display: flex;
    justify-content: center;
    align-items: center;text-align: center;
	 font-size: 1.2rem;
	margin-top: 3em;
}
.title::before,.title::after {
    content: "";
    background-color: #000000;
    height: 2px;
    width: 80px;
}
.square {
width: 50%; /* 2つの要素を横に並べる */
padding-top:2%;
padding-bottom:2%;
}
.gray02 {background-color: #ffffff;}
.white02 {background-color: #ebebeb;}
.gray03 {background-color: #ffffff;}
.white03 {background-color: #ebebeb;}
}
