@charset "UTF-8";

.u-table{border-collapse: collapse;width: auto;}
	.u-table tr{border-bottom: solid 2px white;}
	.u-table tr:last-child{border-bottom: none;}
	.u-table th{position: relative;text-align: left;width: 30%;background-color: #52c2d0;color: white;text-align: center;padding: 10px;}
	.u-table th:after{display: block;content: "";width: 0px;height: 0px;position: absolute;top:calc(50% - 10px);right:-10px;border-left: 10px solid #52c2d0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
	.u-table td{text-align: left;width: 70%;text-align: center;background-color: #eee;padding: 10px;}
	.u-list {border: 4px dashed #91d3c8;padding: 10px 50px !important;display: inline-block;border-radius: 10px;}
	.u-list li {position: relative;margin-bottom: .5em;list-style:none !important;}
	.fa-check {color: #ffb100;position: absolute;top: 10px;left: -25px;}
	h2 {font-size: 25px;}
	h5 {font-size: 20px;}
	.fa-paint-roller {margin-right: .5em;color: #6ad1c8;}
	.cta_btn02 {text-shadow: 1px 1px 1px #797878;color: #fff;background-color: #77e6ca;font-size: 120%;position: relative;padding: 1em 3em 1em 2em;border-radius: 100vh;border-bottom: 5px solid #67c3ac;font-weight: bold;text-decoration: none;display: inline-block;transition: 0.2s;}
	.cta_btn02 i.fa {margin-right: 1rem;}
	.cta_btn02:before {font-family: 'Font Awesome 5 Free';font-size: 120%;line-height: 1;position: absolute;top: calc(50% - 1.3rem);right: 1em;margin: 0;padding: 0;content: '\f054';}
	/* マウスオーバーした際のデザイン */
	.cta_btn02:hover {margin-top: 3px;border-bottom: 2px solid #67c3ac;}
  /*間隔 共通*/
  .u-m0 {margin: 0 !important;}
  .u-mt10 {margin-top: 10px !important;}
  .u-mt15 {margin-top: 15px !important;}
  .u-mt20 {margin-top: 20px !important;}
  .u-mt30 {margin-top: 30px !important;}
  .u-mt40 {margin-top: 40px !important;}
  .u-mt50 {margin-top: 50px !important;}
  .u-mt60 {margin-top: 60px !important;}
  .u-mt1em {margin-top: 1em !important;}
  .u-mb10 {margin-bottom: 10px !important;}
  .u-mb15 {margin-bottom: 15px !important;}
  .u-mb20 {margin-bottom: 20px !important;}
  .u-mb30 {margin-bottom: 30px !important;}
  .u-mb40 {margin-bottom: 40px !important;}
  .u-mb50 {margin-bottom: 50px !important;}
  .u-mb60 {margin-bottom: 60px !important;}
  .u-mb1em {margin-bottom: 1em !important;}
  .u-p0 {padding: 0 !important;}
  .u-p10 {padding: 10px !important;}
  .u-p15 {padding: 15px !important;}
  .u-p20 {padding: 20px !important;}
  .u-pt10 {padding-top: 10px !important;}
  .u-pt20 {padding-top: 20px !important;}
  .u-pt30 {padding-top: 30px !important;}
  .u-pt40 {padding-top: 40px !important;}
  .u-pt50 {padding-top: 50px !important;}
  .u-pt60 {padding-top: 60px !important;}
  .u-pt1em {padding-top: 1em !important;}
  .u-pb10 {padding-bottom: 10px !important;}
  .u-pb20 {padding-bottom: 20px !important;}
  .u-pb30 {padding-bottom: 30px !important;}
  .u-pb40 {padding-bottom: 40px !important;}
  .u-pb50 {padding-bottom: 50px !important;}
  .u-pb60 {padding-bottom: 60px !important;}
  .u-pb1em {padding-bottom: 1em !important;}
  #breadcrumbs {text-align: left;}
  .l-section {}
  .l-container {box-sizing: border-box;word-break: normal;}
  /*タイトル 共通*/
  .l-container .l-heading-primary {line-height: 1.4;}
  .l-heading-secondary,.u-c-a h2,.c-nap h2 {position: relative;padding: 0.2em 0.5em;background: #77c3df;color: #fff;    text-shadow: 1px 1px 1px #999999;margin-top:20px}
  .l-heading-secondary:before,.u-c-a h2:before,.c-nap h2:before {content: " ";position: absolute;top: -16px;left: 0;width: -webkit-calc(100% - 16px);width: calc(100% - 16px);height: 0;border: solid 8px transparent;border-bottom-color: #569ff7;}
  .l-tertiary {position: relative;padding-left: 25px;}
  .l-tertiary:before {position: absolute;content: '';bottom: -3px;left: 0;width: 0;height: 0;border: none;border-left: solid 15px transparent;border-bottom: solid 15px rgb(119, 195, 223);}
  .l-tertiary:after {position: absolute;content: '';bottom: -3px;left: 10px;width: 100%;border-bottom: solid 3px rgb(119, 195, 223);}
  .l-container .l-quaternary {position: relative;display: inline-block;}
  .l-container .l-quaternary:after {content: "";position: absolute;left: 0;bottom: -7px;width: 100%;height: 7px;background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);}
  .l-container .l-caption {}
  /*トップに戻るリンク 共通*/
  .p-top {text-align: right;transition: 0.2s;}
  .p-top button {background: #f7f7f7;border: none;color: #005bac;font-weight: bold;padding: 1em;}
  .p-top a {}
  /*コンテンツ内リンク 共通*/
  .l-container a {}
  .l-container a:hover {}
  /*導入文 共通*/
  .c-introblock {position: relative;background: #dfefff;box-shadow: 0px 0px 0px 5px #dfefff;border: dashed 2px white;padding: 0.2em 0.5em;color: #454545;margin-bottom: 1em;}
  .c-introblock:after {position: absolute;content: '';left: -7px;top: -7px;border-width: 0 0 15px 15px;border-style: solid;border-color: #fff #fff #a8d4ff;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);}
  /*テキストブロック 共通*/
  .c-block {overflow: hidden;}
  /*小見出しブロック 共通*/
  .c-s-block {}
  /*末尾文 共通*/
  .c-endblock {background: #f0f0f0;background: repeating-linear-gradient(-45deg, #f0f0f0, #f0f0f0 3px,#f7f7f7 3px, #f7f7f7 7px);border: 5px double #005bac;box-shadow: 0 0 6px 4px #ddd;border-radius: 20px;padding: 18px 18px 2px;}
  /*画像 共通*/
  .img-left-s {float: left;margin: 0 4% 4% 0;width: 35%;}
  .img-right-s {float: right;margin: 0 0 4% 4%;width: 35%;}
  .img-left-l {float: left;margin: 0 4% 4% 0;width: 30%;}
  .img-right-l {float: right;margin: 0 0 4% 4%;width: 30%;}
  .img-left-s img,.img-right-s img,.img-left-l img,.img-right-l img {width: 100%;vertical-align: middle;}
  /*リンク一覧 共通*/
  .c-linkblock {}
  .c-linkblock h3 {background: #f7f7f7;border-left: 5px solid #005bac;padding: 10px 15px;}
  .c-pagelink {}
  .c-pagelink li {margin: 0 10px 20px 30px;}
  .c-pagelink li:hover{background: #e6e6e6;transition-duration: .2s;}
  .c-pagelink li a {}
  .c-pagelink li a:hover {}
  .u-c-a {}
  .u-c-a h3 {}
  .u-c-a li {}
  .u-c-a a {}
  .u-c-a a:hover {}
  /*NAP表 共通*/
  .c-nap h2 {}
  .c-table {border-collapse: collapse;border: 1px solid #ddd;text-align: left;width: 100%;}
  .c-table th {background: #f7f7f7;border: 1px solid #ddd;text-align: left;vertical-align: middle;width: 25%;}
  .c-table td {border: 1px solid #ddd;vertical-align: middle;}
  /*ボタン 共通*/
  .c-btn {text-align: center;}
  .c-btn a {}
  .c-btn-anchor {background: #005bac;border-radius: 5px;color: #fff !important;display: inline-block;font-weight: bold;padding: 15px 20px;position: relative;text-decoration: none;transition: 0.2s;max-width: 500px;width: 100%;}
  .c-btn-anchor:hover {background: #e26564;color: #fff;opacity: 0.7;text-decoration: none;}
  /*メインバナー画像*/
  .c-head-mv {background-color: #333;background-image: url(/common/upload_data/arimatutokoucom/image/20210908205226.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;box-sizing: border-box;color: #fff;display: flex;font-size: 24px;flex-wrap: wrap;justify-content: center;align-items: center;font-weight: bold;height: 300px;line-height: 1.4;padding: 1em;position: relative;width: 100%;}
    .c-head-mv::before {content: '';display: block;height: 300px;width: 100%;position: absolute;top: 0;left: 0;z-index: 0;background: rgba(255,255,255,0.6); box-shadow: 0px 0px 4px 0px #999999;}
  .c-head-mv span {color: #000;padding: 1em;position: relative;z-index: 10;text-shadow: 2px 0 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 0 -2px 0 #fff;}
  /*リスト 共通*/
  .c-block ul,.c-block ol {padding: 1em 1em 1em 30px;vertical-align: top;}
  .c-block ul li,.c-block ol li {color: #284e61;}
  .c-block ul li span,.c-block ol li span {color: #d65353;}
  @media (max-width: 768px) {
  /*リンク一覧 スマホのみ*/
  .c-linkblock {}
  .c-linkblock h3 {}
  .c-pagelink {}
  .c-pagelink li {}
  .c-pagelink li a {}
  .u-table{width: 100%;}
  .u-list{display: block;}
  /*画像 スマホのみ*/
  .img-left-s,.img-right-s,.img-left-l,.img-right-l {float: none;width: 100%;margin: 0 0 4%;}
  }
  #tocopen {display: none;}
  .content-around {width: 500px;}
  .table-contents {border-radius: 5px;margin: 30px 0;border: 3px solid #a6b9c1;padding: 20px;height:60px;overflow: hidden;transition-duration: .5s;box-sizing: border-box;position: relative;}
  .contents-title p {font-size:19px;margin-top:-10px;padding-bottom:10px;letter-spacing:0.1em;font-weight: bold;}
  .contents-btn {width: 38px;height: 40px;top: 10px;right: 20px;position: absolute;display: block;cursor: pointer;}
  #top_bar {width: 30px;height: 2px;background: #000;position: absolute;top: 7px;left: 4px;transform-origin:left;transition-duration: .5s;}
  #middle_bar {width: 30px;height: 2px;background: #000;position: absolute;top: 18px;left: 4px;transform-origin:left;transition-duration: .5s;}
  #bottom_bar {width: 30px;height: 2px;background: #000;position: absolute;top: 28px;left: 4px;transform-origin:left;transition-duration: .5s;}
  .checkedTop_bar {
  	transform: rotate(42deg);
  	width:31px !important;
  }
  .checkedMiddle_bar {
  	display: none;
  }
  .checkedBottom_bar {
  	transform: rotate(-42deg);
  	width:31px !important;
  }
  .l-list {padding:20px 0 30px 0;opacity: 0;font-size:18px;font-weight: bold;}
  .l-list li {margin:0 0 1em 1em;list-style:none !important;}
  .l-list li a {position:relative;color:#000; text-decoration: none;}
 
  .l-list li a:hover{border-bottom: 3px dashed #0034c5;}
  .m-list {margin-top:10px;margin-left:3px;border-left: solid #005bac;}
  .checked {height:auto !important;transition-duration: .8s;}
  .showList {opacity: 1;transition-delay: 1s;}
  @media (max-width: 768px) {
  	.content-around {width: 100% !important;}
  }
  .heading.block_header_4 {
    margin-bottom: 15px;
}
.widget_shop01 dl:nth-of-type(1) {
    border-top: 1px solid rgba(0,0,0,0.13);
}
.widget_shop01 dl {
    border-bottom: 1px solid rgba(0,0,0,0.13);
}
.widget_shop01 dt {
    width: 170px;
}
.widget_shop01 dd {
    padding-left: 10px;
}