@charset "utf-8";

/* ********************************************
 * トップページ
 * *******************************************/

/* キービジュアル */
.kv {
	box-sizing: border-box;
	width: 1100px;
	height: 330px;
	margin: 0 auto;
}
.bx-wrapper {
	margin-bottom: 0 !important;
}
.key_visual_bg {
	width: 100%;
	min-width: 1200px;
	height: 330px;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	background: url(../images/index/kv_bg.png) no-repeat top center;
	background-size: cover;
}
.kv .kv_left {
	width: 750px;
	height: 330px;
	float: left;
}
.kv .kv_right {
	width: 330px;
	height: 330px;
	float: right;
	margin: 0;
}
.kv ul.kv_right {
	box-sizing: border-box;
	margin: -12px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.kv ul.kv_right li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: calc(100% / 2 - 22px);
	margin: 12px 0 0 0;
	padding: 9px;
	background: rgba(255, 255, 255, 0.7);
	float: left;
	border-radius: 10px;
	font-family: 'GenJyuuGothicX-Medium', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 17px;
	line-height: 24px;
	position: relative;
}
.kv ul.kv_right li.maker {
}
.kv ul.kv_right li.kojikomi {

}
.kv ul.kv_right li.kojikomi img.kv_right_02 {
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto 6px;
}
.kv ul.kv_right li.free-price {

}
.kv ul.kv_right li.free-price img.kv_right_03 {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.kv ul.kv_right li.free-price ul {
	text-align: left;
	position: relative;
	margin-top: -92px;
}
.kv ul.kv_right li.free-price ul li {
	display: block;
	width: 100%;
	padding: 0;
	margin: 4px 0 0;
	background: none;
	float: none;
	line-height: 1;
	position: static;
}
.kv ul.kv_right li.free-price ul li span {
	display: inline-block;
	border-radius: 30px;
	font-size: 13px;
	font-weight: bold;
	background: #002c5b;
	padding: 4px 9px;
	color: #FFF;
}
.kv ul.kv_right li.senmon {
}
.kv ul.kv_right li.senmon .senmon-box {
	position: relative;
	margin-top: -12px;
}

/* スライダー */
#keyvisual img {
	max-width: 100%;
    height: auto;
    vertical-align: middle;
}
#keyvisual .splide__arrow--prev {
    left: .3em;
}
#keyvisual .splide__arrow--next {
    right: .3em;
}
#keyvisual .splide__arrow {
    width: 32px;
    height: 32px;
	background: #002c5b;
    opacity: 1;
}
#keyvisual .splide__arrow svg {
	fill: #FFF;
    width: 18px;
    height: 18px;
}
#keyvisual .splide__pagination__page.is-active {
	background: #002c5b;
}


@media screen and (max-width: 768px) {
	.key_visual_bg {
	min-width: 100%;
		height: auto;
		margin-bottom: 12px;
	}
	.kv {
		width: 98%;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
	}
	.kv .kv_left {
		width: 100%;
    height: auto;
    margin: 0 auto 0%;
	}
	.kv ul.kv_right {
		display: none;
	}
}


/* スライド下のあいさつ */
#index .welcome {
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 12px 12px 0 0;
}
#index .welcome .welcome-title {
	box-sizing: border-box;
	height: auto;
	padding: 12px 0;
	background: #2D805B;
	text-align: center;
	font-size: 22px;
	font-family: 'mplus-1p-bold', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	color: #FFFFFF;
}
#index .welcome p.welcome-text {
	box-sizing: border-box;
	padding: .6em;
	line-height: 1.5;
	border: solid 2px #2D805B;
	height: auto;
	background-color: ivory;
	font-family: 'GenJyuuGothicX-Medium', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	margin-bottom: 10px;
}

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

#index .main section {
	background: #FFF;
	border-radius: 10px 10px 0 0;
}
#index .main section h2 {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 10px 10px 0 0;
	background: #2D805B;
	text-align: center;
	line-height: 40px;
	font-family: 'mplus-1p-bold', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFFFFF;
	font-size: 22px;
	margin: 0;
	padding: 0;
}
#index .main section h2.txtR {
	text-align: right;
	padding-right: 11px;
}
#index .main section h2 span {
	position: absolute;
	width: 90px;
	height: 22px;
	background: #FFF;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: auto;
	top: 0;
	bottom: 0;
}
#index .main section h2 span:nth-of-type(1) {
	left: 10px;
}
#index .main section h2 span:nth-of-type(2) {
	right: 10px;
}
#index .main section h2 span img {
	display: block;
	width: 100%;
}

@media screen and (max-width: 768px) { /*---------------------------------max-width: 768px-----スマホ商品関連ここから----------------------------*/
	/* :::::::::: 【SP】商品一覧:::::::::: */
	.maker-banner {
		overflow: hidden;
	}
	.maker-banner ul {
		margin: 0;
	}
	.maker-banner ul li {
		list-style: none;
	}
	.maker-banner img {
		max-width: 100%;
	}

	#index .main section h2 {
		position: relative;
		width: 100%;
		height: auto;
		border-radius: 10px 10px 0 0;
		padding: 0.3em 0.3em;
		background: #2D805B;
		text-align: right;
		line-height: 0.9em;
		font-family: 'mplus-1p-bold', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #FFFFFF;
		font-size: 1.2em;
		margin: 0;
	}
	#index .main section h2.area_ttl {
		text-align: center;
	}
	#index .main section h2 span {
		position: absolute;
		width: 27%;
		height: 1.0em;
		text-align: center;
		vertical-align: middle;
		margin: auto;
		top: 0;
		bottom: 0;
	}
	#index .main section h2 span:nth-of-type(1) {
		left: 3%;
	}
	#index .main section h2 span:nth-of-type(2) {
		right: 3%;
	}
	#index .main section h2 span img {
		display: block;
		width: 85%;
	}
}



/* -----------------------------------------------------------
　下層ページ
----------------------------------------------------------- */

.outset {
	margin: 18px 0;
}
@media screen and (min-width: 769px) { /*---------------------------------min-width: 769px-----PC商品関連ここから----------------------------*/
  /* :::::::::: 【PC】下層商品ページ :::::::::: */
  
  span.bold {
    font-weight: bold;
  }
  /* :::::::::: 【PC】正しい認識を :::::::::: */
  .subpage .guide {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 1em;
    border: double 3px #b54e09;
    margin: 0 auto 1em;
  }
  .subpage .guide p {
    font-size: 130%;
    font-weight: bold;
  }
  ul.check {
    width: 100%;
    height: auto;
    margin: 0 0 0 0.5em;
    padding: 0;
  }
  ul.check li {
    position: relative;
    list-style-type: none;
    padding: 0 0 0 2.5em;
    line-height: 1.7em;
    font-size: 1.2em;
  }
  ul.check li::before {
    position: absolute;
    display: block;
    content: "";
    width: 1em;
    height: 1em;
    border: solid 2px #333;
    top: 0.1em;
    left: 0;
  }
  ul.check li::after {
    position: absolute;
    /*	display:block;*/
    display: inline;
    content: "\002714";
    color: #F00;
    font-size: 2em;
    top: -0.2em;
    left: 0;
  }
  div.tel_nav {
    width: 350px;
    height: 70px;
    margin: 0 0 20px;
  }
  div.tel_nav p {
    width: 100%;
    height: 24px;
    text-align: center;
    color: #FFF;
    font-family: 'GenJyuuGothicX-Medium', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    line-height: 24px;
    background: #b54e09;
    margin: 0 0 10px;
  }
  div.tel_nav p.num {
    display: block;
    width: 100%;
    height: 36px;
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    font-family: 'mplus-1p-heavy', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #ff3c00;
    background: /*url(../images/template/bg_tel.png) no-repeat left, */ #FFF;
  }
  /* :::::::::: 【PC】よくある質問 :::::::::: */
  #faq .main section dl dt {
    position: relative;
    font-size: 1.2em;
    width: 90%;
    line-height: 1.1em;
    color: #FFF;
    font-weight: bold;
    background: #09b556;
    padding: 0.5em 0 0.5em 7%;
    margin: 1em 0 2em 5%;
  }
  #faq .main section dl dt::before {
    position: absolute;
    display: block;
    content: "";
    width: 3.2em;
    height: 3.2em;
    border-radius: 50%;
    background: #FFF;
    border: solid 2px #09b556;
    top: -0.6em;
    left: -1.5em;
  }
  #faq .main section dl dt::after {
    position: absolute;
    display: block;
    content: "Q";
    color: #09b556;
    top: 0.3em;
    left: -0.3em;
    font-size: 2em;
    font-weight: bold;
  }
  #faq .main section dl dd {
    position: relative;
    font-size: 1em;
    width: 90%;
    line-height: 1.4em;
    margin: 1em 0 1em 10%;
  }
  #faq .main section dl dd::before {
    position: absolute;
    display: block;
    content: "";
    width: 3.2em;
    height: 3.2em;
    border-radius: 50%;
    background: #09b556;
    top: -0.58em;
    left: -3.3em;
  }
  #faq .main section dl dd::after {
    position: absolute;
    display: block;
    content: "A";
    color: #FFF;
    top: 0.15em;
    left: -1.2em;
    font-size: 2em;
    font-weight: bold;
  }
  /* :::::::::: 【PC】会社案内／スタッフ紹介 :::::::::: */
	.company-box {
		margin-top: 30px;
	}
  table.common {
    width: 100%;
  }
  #staff table.common {
    width: 480px;
    float: right;
  }
  table.common th {
    box-sizing: border-box;
    width: 25%;
    border: solid 1px #CCC;
    background: #EAEAEA;
    text-align: center;
    vertical-align: middle;
    padding: 1em;
    line-height: 1.5em;
  }
  table.common td {
    box-sizing: border-box;
    width: 75%;
    border: solid 1px #CCC;
    text-align: left;
    vertical-align: middle;
    padding: 1em;
    line-height: 1.8em;
  }
	table.common td.area {
		font-size: 1em;
	}
  table.common span.small {
    width: 75%;
    text-align: left;
    vertical-align: middle;
    padding: 1em;
    font-size: 0.7em;
    line-height: 0.7em;
  }
	
  /* :::::::::: 【PC】工事の流れ :::::::::: */
  #flow section.flow {
    padding-bottom: 40px;
    position: relative;
  }
  /*      
      
      .main section section.h3_box:last-child{
        display: none;  
      }*/
  #flow figure.pc_image_right {
    width: 270px;
  }
  /* :::::::::: 【PC】交換工事例 :::::::::: */
  #case section.h3_box h3 {
    padding-left: 6%;
    padding-top: 0.5em;
    background: url(../images/template/bg_case.png) no-repeat center left 0.2em;
    background-size: 1.7em auto;
  }
  #case section.h3_box figure:nth-of-type(odd) {
    position: relative;
    width: 45%;
    padding: 0 10% 0 0;
    float: left;
    clear: both;
  }
  #case section.h3_box figure:nth-of-type(odd)::after {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: solid 1.4em transparent;
    border-bottom: solid 1.4em transparent;
    border-left: solid 1.6em #2D805B;
    margin: auto;
    top: 0;
    right: 1em;
    bottom: 0;
  }
  #case section.h3_box figure:nth-of-type(even) {
    width: 45%;
    padding: 0;
    float: left
  }
}
@media screen and (max-width: 768px) {
  /* :::::::::: 【SP】下層商品ページ :::::::::: */
  .d-regular_price {
    font-weight: bold;
  }
  .d-subsidy_price {
        color: #0a4a82;
        font-weight: bold;
    }
  span.bold {
    font-weight: bold;
  }
  section .icon_box {
    box-sizing: border-box;
    height: atuo;
    border: solid 2px #09b556;
    padding: 1em;
  }
  section .icon_box dl dt {
    width: 20%;
    height: auto;
    float: left;
    text-align: center;
    clear: both;
  }
  section .icon_box dl dd {
    width: 80%;
    height: auto;
    float: left;
    font-size: 0.8em;
    line-height: 1.4em;
    padding: 0.5em 0 1em 20%;
    border-bottom: dotted 2px #09b556;
    margin-bottom: 1em;
    min-height: 2em;
	}
  /* :::::::::: 【SP】正しい認識を :::::::::: */
  .subpage .guide {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0.5em;
    border: double 3px #2D805B;
    margin: 1em auto 0.2em;
  }
  .subpage .guide p {
    font-size: 120%;
    font-weight: bold;
  }
  ul.check {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  ul.check li {
    position: relative;
    list-style-type: none;
    padding: 0 0 0 2em;
    line-height: 1.3em;
    font-size: 1.2em;
    margin: 0 0 0.5em;
  }
  ul.check li::before {
    position: absolute;
    display: block;
    content: "";
    width: 1em;
    height: 1em;
    border: solid 2px #333;
    top: 0.1em;
    left: 0;
  }
  ul.check li::after {
    position: absolute;
    display: block;
    content: "\002714";
    color: #F00;
    font-size: 2em;
    top: -0.2em;
    left: 0;
  }
  div.tel_nav {
    width: 100%;
    height: auto;
  }
  div.tel_nav p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    font-family: 'GenJyuuGothicX-Medium', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    padding: 0.2em 0;
    background: #cb4848;
    margin: 0 0 1%;
  }
  div.tel_nav p.num {
    width: 100%;
    height: auto;
    display: block;
    text-align: right;
    font-size: 35px;
    line-height: 1.3;
    font-family: 'mplus-1p-heavy', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #cb4848;
    background: url(../images/template/bg_tel.png) no-repeat left, #FFF;
    background-size: auto 100%;
  }
  .category-img {
    width: 50%;
  }
  /* :::::::::: 【SP】よくある質問 :::::::::: */
  #faq .main section dl dt {
    box-sizing: border-box;
    position: relative;
    font-size: 18px;
    line-height: 1.5;
    width: 100%;
    color: #FFF;
    font-weight: bold;
    background: #09b556;
    padding: 0.5em;
    margin: 2% 0 0 0;
  }
  #faq .main section dl dd {
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.5;
    width: 100%;
    padding: 0.5em;
  }
  /* :::::::::: 【SP】会社案内／スタッフ紹介 :::::::::: */
	.company-box {
		margin-top: 18px;
	}
  table.common {
    width: 100%;
  }
  table.common th {
    box-sizing: border-box;
    width: 25%;
    border: solid 1px #CCC;
    background: #EAEAEA;
    text-align: center;
    vertical-align: middle;
    padding: 1em 0.5em;
    font-size: 1em;
    line-height: 1.5em;
  }
  table.common td {
    box-sizing: border-box;
    width: 75%;
    border: solid 1px #CCC;
    text-align: left;
    bvertical-align: middle;
    padding: 1em 0.5em;
    font-size: 1em;
    line-height: 1.5em;
  }
  table.common span.small {
    width: 75%;
    text-align: left;
    vertical-align: middle;
    padding: 1em;
    font-size: 0.7em;
    line-height: 0.7em;
  }
  /* :::::::::: 【SP】お客様の声 :::::::::: */
  #voice section.h4_box h4 {
   padding: 12px 0 12px 0;
  }
  /* :::::::::: 【SP】工事の流れ :::::::::: */
  #flow section.flow {
    padding-bottom: 2em;
    position: relative;
  }
  #flow section.flow::after {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent;
    border-top: solid 1.2em #2D805B;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #flow section.flow:last-child::after {
    display: none;
  }
  #flow figure.pc_image_right {
    width: 80%;
  }
  /* :::::::::: 【SP】 :::::::::: */
  #case section.h3_box h3 {
    padding-left: 12%;
    padding-top: 0.5em;
    background: url(../images/template/bg_case.png) no-repeat center left 0.2em;
    background-size: 1.6em auto;
  }
  #case section.h3_box figure {
    width: 100%;
  }
  #case section.h3_box figure:nth-of-type(odd) {
    position: relative;
    padding: 0 0 7%;
  }
  #case section.h3_box figure:nth-of-type(odd)::after {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: solid 1.4em transparent;
    border-right: solid 1.4em transparent;
    border-top: solid 1.6em #2D805B;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

/* 記事ページ メイン画像装飾 */
.beforeMainImg, .afterMainImg {
	width: 100%;
	position: relative;
}
.beforeMainImg img, .afterMainImg img {
	height: initial
}
.beforeMainImg::before {
	content: "Before";
}
.afterMainImg::before {
	content: "After";
}
.beforeMainImg::before, .afterMainImg::before {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	color: #fff;
	background: #b40926;
	font-size: 30px;
	font-weight: bold;
	padding: 1rem 1.5rem;
}
/* 記事ページ ページネーション */
ul.pagenation {
  display: flex;
  justify-content: center;
  max-width: 600px;
  margin: 3rem auto;
}
ul.pagenation li {
  list-style-type: none;
}
ul.pagenation li .prev-link, ul.pagenation li .next-link, ul.pagenation li .list {
  margin: 0 1rem;
  list-style: none;
  display: inline-block;
  padding: .7em .8em;
  text-decoration: none;
  background: #eee;
  color: #333;
  border-bottom: solid 4px #ccc;
  border-radius: 3px;
}
ul.pagenation li .prev-link:active, ul.pagenation li .next-link:active, ul.pagenation li .list:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none;
}

@media screen and (max-width: 768px) {
	ul.pagenation {
		display: block;
		text-align: center;
		margin: 2rem auto;
	}
	ul.pagenation li {
		margin: 0 0 .5rem !important;
	}
	ul.pagenation li .prev-link, ul.pagenation li .next-link, ul.pagenation li .list {
		font-size: .88em;
		margin: 0;
		width: 70%;
	}
}
.wp-block-image.arrow {
	margin: 2rem 0;
}
ul.blocks-gallery-grid {
	margin: 0 !important;
}
/* コラムページ */
.main section.column h1 {
	font-size: 1.8em;
	margin: 1em 0;
	line-height: 1.4;
}
.main section.column h2 {
	color: #215E99;
	background: inherit;
	padding: 0.5em 0;
	border-top: solid 3px #215E99;
	border-bottom: solid 3px #215E99;
	margin: 3.2em 0 1em;
}
.main section.column h3 {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4;
	padding: 15px 30px;
	margin-bottom: 0.3em;
	border-radius: 10px;
	background: #00B050;
	color: white;
	width: 100%;
	box-sizing: border-box;
}
.main section.column h4 {
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
}
.main section.column ul li {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1em;
}
.main section.column .check2 li {
	font-size: 1.2em;
	line-height: 1.5em;
	list-style-type: none;
	position: relative;
	padding: 0 0 0 2em;
	margin-bottom: 20px;
}
.main section.column .check2 li:before {
	position: absolute;
	display: block;
	content: "";
	width: 1em;
	height: 1em;
	background: #00B050;
	top: 0.3em;
	left: 0;
}
.main section.column .check2 li:after {
	position: absolute;
	display: inline;
	content: "\002714";
	color: white;
	font-size: 1em;
	top: 0;
	left: 3px;
}
.main section.column li.plus {
	list-style: none;
	padding-left: 2em;
	font-weight: bold;
}
.main section.column p {
	line-height: 2em;
}
.main section.column .marker {
	/*  background: linear-gradient(transparent 60%, #ff6 60%);*/
	background: linear-gradient(transparent 60%, #ff6 100%);
	font-weight: bold;
}
.main section.column .red {
	color: #FF0000;
	font-weight: bold;
}
.main section.column .c-inherit {
	color: #333333;
	font-size: 0.8em;
}
.main section.column .small {
	color: #333333;
	font-size: 0.9em;
}
.main section.column .tape-box {
	position: relative;
	margin: 4em 2em 1.5em;
	padding: 2em 1em;
	background-color: #5fff5e0a;
	border-left: double 7px #00B050;
	border-right: double 7px #00B050;
}
.main section.column .tape-box .box-title {
	position: absolute;
	width: 40%;
	left: 50%;
	transform: translateX(-50%);
	top: -15px;
	padding: 0.5em;
	border-right: 2px dotted rgb(0 0 0 / 10%);
	border-left: 2px dotted rgb(0 0 0 / 10%);
	box-shadow: 0 0 5px rgb(0 0 0 / 10%);
	background-color: rgb(255 255 255 / 60%);
	font-weight: bold;
	text-align: center;
}
.main section.column .tape-box .box-title h4 {
	margin: 0;
}
.main section.column .tape-box p {
	text-align: center;
}
.main section.column .tape-box .red {
	font-size: 1.3em;
}
.main section.column .tape-box li:last-child {
	margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
	.main section.column h2 {
		font-size: 1.4em;
	}
	.main section.column h3 {
		font-size: 1.2em;
		font-weight: bold;
		padding: 20px 30px;
		margin-bottom: 0.3em;
		border-radius: 10px;
		background: #00B050;
		color: white;
	}
	.main section.column h4 {
		font-size: 1em;
	}
	.main section.column .check2 li {
		font-size: 1em;
	}
	.main section.column ul li {
		margin-bottom: 0.5em;
	}
	.main section.column .tape-box {
		margin: 4em 0 1.5em;
		padding: 3em 0.3em 2em;
	}
	.main section.column .c-inherit {
		font-size: 0.7em;
	}
}

/* ********************************************
 * サイトマップ
 * *******************************************/

ul.sitemap-list {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
	border-top: 1px solid #2D805B;
}
ul.sitemap-list li {
	padding-left: 30px;
	margin-bottom: 0 !important;
	border-bottom: 1px solid #2D805B;
	position: relative;
	transition: all .3s;
}
ul.sitemap-list li:before {
	content: '';
	border: 0;
	border-top: solid 2px #333;
	border-right: solid 2px #333;
	position: absolute;
	top: 50%;
	left: 18px;
	transform: translateY(-50%) rotate(45deg);
	width: 6px;
	height: 6px;
}
ul.sitemap-list li a {
	display: inline-block;
	padding: 12px;
}
ul.sitemap-list li:hover {
	background: #E8F7F0;
}

@media screen and (max-width: 560px) {
	ul.sitemap-list li a {
		display: block;
	}
}