@charset "UTF-8";

/* ============================================
  印刷用CSS
============================================ */

@media print {
  body {
    zoom: 70%;
  }
}

/* ============================================
  共通 or リセット
============================================ */

body {
  min-width: 1280px;
}

/*.uw_main-contents div, .uw_main-contents span, */.uw_main-contents applet, .uw_main-contents object, .uw_main-contents iframe,
.uw_main-contents h1, .uw_main-contents h2, .uw_main-contents h3, .uw_main-contents h4, .uw_main-contents h5, .uw_main-contents h6,/* .uw_main-contents p,*/ .uw_main-contents blockquote, .uw_main-contents pre,
/*.uw_main-contents a,*/ .uw_main-contents abbr, .uw_main-contents acronym, .uw_main-contents address, .uw_main-contents big, .uw_main-contents cite, .uw_main-contents code,
.uw_main-contents del, .uw_main-contents dfn, .uw_main-contents em,/* .uw_main-contents img,*/ .uw_main-contents ins, .uw_main-contents kbd, .uw_main-contents q, .uw_main-contents s, .uw_main-contents samp,
.uw_main-contents small, .uw_main-contents strike, .uw_main-contents strong, .uw_main-contents sub, .uw_main-contents sup, .uw_main-contents tt, .uw_main-contents var,
.uw_main-contents b, .uw_main-contents u, .uw_main-contents i, .uw_main-contents center,
.uw_main-contents dl, .uw_main-contents dt, .uw_main-contents dd, .uw_main-contents ol,/* .uw_main-contents ul, .uw_main-contents li,*/
.uw_main-contents fieldset, .uw_main-contents form, .uw_main-contents label, .uw_main-contents legend,
.uw_main-contents table, .uw_main-contents caption, .uw_main-contents tbody, .uw_main-contents tfoot, .uw_main-contents thead, .uw_main-contents tr, .uw_main-contents th, .uw_main-contents td,
.uw_main-contents article, .uw_main-contents aside, .uw_main-contents canvas, .uw_main-contents details, .uw_main-contents embed,
.uw_main-contents figure, .uw_main-contents figcaption, .uw_main-contents hgroup, .uw_main-contents output, .uw_main-contents ruby, .uw_main-contents section, .uw_main-contents summary,
.uw_main-contents time, .uw_main-contents mark, .uw_main-contents audio, .uw_main-contents video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: bottom;
}
/* HTML5 display-role reset for older browsers */
.uw_main-contents article, .uw_main-contents aside, .uw_main-contents details, .uw_main-contents figcaption, .uw_main-contents figure,
.uw_main-contents hgroup, .uw_main-contents menu, .uw_main-contents nav, .uw_main-contents section {
	display: block;
}
.uw_main-contents ol, .uw_main-contents ul {
	list-style: none;
}


.uw_main-contents *, .uw_main-contents *:before, .uw_main-contents *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

.uw_main-contents a {
  color: inherit;
  text-decoration: underline;
}

.uw_main-contents .only-pc {
  display: block;
}
.uw_main-contents .only-sp {
  display: none;
}

@media only screen and (max-width: 640px) {
  .uw_main-contents .only-pc {
    display: none;
  }
  .uw_main-contents .only-sp {
    display: block;
  }
}

.uw_main-contents .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content:         space-between;
}
.uw_main-contents .flex-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap:         wrap;
}
.uw_main-contents .flex-center {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
/*  justify-content:         center; */
  -webkit-align-items: center;
  align-items:         center;
}
.uw_main-contents .flex-around {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content:         space-around;
}


.uw_main-contents .ease,
.uw_main-contents .ease * {
  -webkit-transition: .2s all ease;
     -moz-transition: .2s all ease;
      -ms-transition: .2s all ease;
       -o-transition: .2s all ease;
          transition: .2s all ease;
}

.uw_main-contents .opacity a:hover {
  opacity: 0.7;
}

.uw_main-contents .container {
  max-width: 1140px;
  margin: 0 auto;
}

.uw_main-contents .clearfix {
  *zoom: 1;
}
.uw_main-contents .clearfix:before,
.uw_main-contents .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.uw_main-contents .clearfix:after {
  clear: both;
}

.uw_main-contents .font-small {
  font-size: 80%;
  vertical-align: middle;
}


/* ============================================
  main-contents
============================================ */


.uw_main-contents {
  font-size: 16px;
  line-height: 1.6;
  font-family: "ヒラギノ角ゴ Pro W3","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", 'Yu Gothic',"メイリオ", sans-serif;
  display: block;
}

.uw_main-contents .mainheader {
  margin-bottom: 60px;
}
.uw_main-contents .mainheader-cover {
  height: 100%;
  width: 100%;
}
.uw_main-contents .mainheader-inner {
  color: #fff;
  text-align: center;
  margin: auto;
  position: relative;
  width: 100%;
}
.uw_main-contents .mainheader img {
  width: 100%;
}
.uw_main-contents .mainheader .maintitle {
  width: 100%;
  font-size: 46px;
  font-weight: bold;
  line-height: 1.4;
  text-shadow: 0px 0px 12px #000;
  position: absolute;
  top: 50%;
  left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.uw_main-contents .section {
  width: 1155px;
  margin: 0 auto 70px;
}

.uw_main-contents .page-top-text {
  color: #391f13;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 70px;
}
.uw_main-contents .page-top-text .btn {
  margin-top: 30px;
  font-weight: normal;
  font-size: 14px;
}

.uw_main-contents .btn {
  color: #fff;
  text-align: center;
  border: 1px solid #6ea532;
  border-radius: 5px;
  max-width: 500px;
  margin: auto;
}
.uw_main-contents .btn a {
  background: #6ea532;
  display: block;
  padding: 10px;
}
.uw_main-contents .btn.border a {
  border: 1px solid #fff;
  border-radius: 5px;
}
.uw_main-contents .btn a:hover {
  opacity: 0.7;
}

.uw_main-contents .btn-detail {
  float: right;
  font-size: 14px;
  background: #6fa533;
  color: #fff;
  padding: 3px 10px;
  margin: 0 15px 10px;
}
.uw_main-contents .btn-detail::after {
  content: ">";
  margin-left:3px;
}
.uw_main-contents .btn-detail.no-arw::after {
  content: none;
}



.uw_main-contents .bottombar {
  color: #fff;
  text-align: center;
  height: 300px;
  margin-bottom: 50px;
}
.uw_main-contents .bottombar-inner {
  width: 500px;
}
.uw_main-contents .bottombar h3 {
  font-size: 36px;
  margin-bottom: 20px;
}
.uw_main-contents .bottombar .btn a:hover {
  opacity: 1;
  background: #fff;
  color: #6ea532;
}

.uw_main-contents .introduction-inner {
  border: 1px solid #ccc;
}
.uw_main-contents .introduction .title {
  overflow: hidden;
  font-size: 26px;
  font-weight: bold;
  color: #3e1c11;
  margin: 5px 0 15px;
}
.uw_main-contents .introduction .img {
  float: left;
}
.uw_main-contents .introduction .text {
  padding: 10px 30px;
  float: right;
}
.uw_main-contents .introduction .text .btn-list .btn {
  margin-bottom: 10px;
  font-size: 14px;
}
.uw_main-contents .introduction .text .btn-list .btn a span {
  font-size: 13px;
  display: inline;
}

.uw_main-contents .introduction .text .anno {
  font-size: 12px;
}

.uw_main-contents .pdfSize {
  font-size: 0.8em;
  margin-top: 5px;
  display: block;
}
.uw_main-contents .pdfSize:before {
  content: url(../img/ico_pdf.gif);
  margin: 0 10px;
  vertical-align: middle;
}
.uw_main-contents .outer {
  padding-right: 1.2em;
  background: url(/common2016/img/main/ico_outer.gif) no-repeat right 20%;
}
.uw_main-contents .outer.white {
  background: url(/common2016/img/main/ico_outer.gif) no-repeat right 20%;
}

/* ============================================
  @media max 640px
============================================ */

@media only screen and (max-width: 640px) {

  body {
    min-width: auto;
  }

  .uw_main-contents {
    margin-top: 10px;
  }

  .uw_main-contents .flex {
    display: block;
  }

  .uw_main-contents .mainheader {
    margin-bottom: 30px;
  }
  .uw_main-contents .mainheader .maintitle {
    font-size: 24px;
    font-weight: bold;
  }
  .uw_main-contents .mainheader .main-description {
    font-size: 14px;
    text-align: left;
    padding: 10px 30px;
    text-align: justify;
    text-justify: inter-ideograph;
  }

  .uw_main-contents .section {
    width: auto;
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .uw_main-contents .page-top-text {
    text-align: left;
    font-size: 16px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .uw_main-contents .page-top-text > p {
    padding: 0 15px;
  }

  .uw_main-contents .introduction .img {
    float: none;
    width: 100%;
  }
  .uw_main-contents .introduction .img img {
    width: 100%;
  }
  .uw_main-contents .introduction .text {
    float: none;
    width: 100%;
    padding: 20px;
  }

  .uw_main-contents .bottombar {
    height: 200px;
  }
  .uw_main-contents .bottombar-inner {
    padding: 0 15px;
  }
  .uw_main-contents .bottombar h3 {
    font-size: 24px;
    font-weight: bold;
  }
}

/*============================================
201806_コープ○○とは改修
============================================*/

.splitContent__second h2 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 10px;
	clear: both;
	border-bottom: 2px solid #72a529;
	padding-bottom: 3px;
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HG丸ｺﾞｼｯｸM-PRO, HGMaruGothicMPRO;
}
.splitContent__second h3 {
    background-image: url(/common2016/img/main/h3Icon.png);
    background-repeat: no-repeat;
    background-size: 5px 75%;
    font-size: 1.2em;
    font-weight: bold;
    /* background-size: 5px 25px; */
    background-position: 0% 50%;
    padding: 0 0 0 15px;
    margin: 10px 0;
    clear: both;
}
/* 3col -------------------------------- */
.splitContent__second > ul {
	margin: 0 !important;
	padding: 0;
	width: 1155px;
	overflow: hidden;
}
.splitContent__second > ul > li {
	float: left;
	list-style-type: none;
	margin: 0 7px;
	padding: 0;
	width: 368px;
}
.splitContent__second > ul > li > .splitContent__second__img {
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	border-radius: 5px 5px 0 0;
}
.splitContent__second__texts {
	border-width: 0 1px 1px 1px;
	border-color: #e1e1e1;
	border-radius: 0 0 5px 5px;
	border-style: solid;
	padding: 0px 20px 10px;
	overflow:hidden;
}
.splitContent__second__texts > p{
	color: #343434;
	overflow: hidden;
	/*height: 60px;*/
	line-height: 1.5;
	margin-bottom: 15px;
}
.splitContent__second__links {
	background: url(/common2016/img/main/secondArrow.png) no-repeat;
	background-size:26px 26px;
	background-position: 100% 50%;
	font-size: 1.2857em;
	font-weight: bold;
	padding: 10px 30px 10px 0;
}
.splitContent__second__links a {
	color: #343434;
}
.splitContent__second__links a:hover {
	text-decoration: none;
}
.splitContent__second__texts a{
	color: #343434;
}
.splitContent__second__texts a:hover {
	text-decoration: none;
}
/* 事業案内部分の調整CSS -------------------------------- */
.splitContent__second > ul > li.business {
	float: left;
	list-style-type: none;
	margin: 0 7px;
    padding: 0 15px 20px;
    width: 370px;
	/*font-size: .95em;*/
}
.splitContent__second > ul > li.business p {
	font-size: .95em;
	margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
.splitContent__second h2 {
    font-size: 1.6em;
    margin: 40px 0 10px;
    border-bottom: 2px solid #72a529;
    padding-bottom: 4px;
    line-height: 1.44;
}
.splitContent__second h3 {
    background-image: url(/common2016/img/main/h3Icon.png);
    background-repeat: no-repeat;
    font-size: 1.285714em;
    background-size: 5px 75%;
    background-position: 0% 50%;
    margin: 20px 0 5px;
    padding: 8px 10px;
}
/* 3col -------------------------------- */
	.splitContent__second > ul {
		margin: 0 auto !important;
    padding: 0;
    width: 96%;
		/*margin: 0;
		padding: 0;
		width: 100%;*/
		overflow: hidden;
	}
	.splitContent__second > ul > li {
		float: none;
		margin: 0 auto 25px;
		padding: 0;
		width: 100%;
	}
	.splitContent__second > ul > li > .splitContent__second__img {;
	}
	.splitContent__second__texts {
		border-width: 0 1px 1px 1px;
		border-color: #e1e1e1;
		border-radius: 0 0 5px 5px;
		border-style: solid;
		padding: 0px 3.33% 10px;
	}
	.splitContent__second__texts > p {
		height: auto;
		min-height: 60px;
		margin: 0 0 10px;
	}
	.splitContent__second__links {
		background: url(/common2016/img/main/secondArrow.png) no-repeat;
		background-size:37px 37px;
		background-position: 100% 50%;
		font-size: 1.2857em;
		font-weight: bold;
		line-height: 1.6;
		padding: 22px 33px 22px 0;
	}

	.splitContent__second__links a {
		color: #343434;
	}
	.splitContent__second__links a:hover {
		text-decoration: none;
	}
	/* 事業案内部分の調整CSS */
	.splitContent__second > ul > li.business {
		float: none;
		list-style-type: none;
		margin: 0 7px;
		padding: 0 5px 15px;
		width: 100%;
}
	.splitContent__second > ul > li.business p {
		padding: 0 10px;
}

}

/*お知らせ＆リリース*/
.module__middle__info__lists__minor {
	background: #fff;
	border-radius: 6px;
	margin: 0;
	/*margin: 0 0 50px;*/
}
.module__middle__info__lists__rss {
	margin: 20px 0;
	overflow: hidden;
}
.module__middle__info__lists__rss img {
	display: block;
	float: right;
}
.module__middle__info__lists__minor > dl {
	position: relative;
	margin: 6px 0 0;
}
.module__middle__info__lists__minor > dl > dt {
	position: absolute;
	margin: 0;
	line-height: 1.55;
	/*letter-spacing: -1px; 180223del_saitou */
	padding: 8px 15px 0 5px;
	font-weight: bold;
}
.module__middle__info__lists__minor > dl > dd {
	position: relative;
	margin: 0;
	padding: 6px 0 0 155px;
	/*padding: 6px 0 6px 155px;*/
	overflow: hidden;
}

.module__middle__info__lists__minor > dl > dd > span {
	display: block;
	float: left;
	width: 425px;
	padding: 2px 0;
	line-height: 1.55;
}
.module__middle__info__lists__minor > dl.noticeYears > dd > span {
	width: 100%;
}
.module__middle__info__lists__minor > dl > dd > span > a {
	color: #343434;
}
.module__middle__info__lists__minor > dl > dd > span > a:hover {
	text-decoration: none;
}

@media screen and (max-width: 640px) {
	.module__middle__info__lists {
		margin: 0 3.125%;
	}
	.module__middle__info__lists__minor {}
	.module__middle__info__lists__rss {
		margin: 0 3.125%;
	}
	.module__middle__info__lists__minor > dl {


	}
	.module__middle__info__lists__minor > dl > dt {
		padding: 6px 15px 0 5px;
	}
	.noticeYears > dt {
		padding: 6px 15px 0 5px;
		position: relative !important;
	}
	.module__middle__info__lists__minor > dl > dd {
		padding: 0 0 6px 5px;

	}
	.module__middle__info__lists__minor > dl > dd > span {
		width: 99%;
	}
	.module__middle__info__lists__minor > dl > dd > span:first-child {
		margin-left: 125px;
	}
	.noticeYears > dd > span:first-child {
		margin-left: 0px !important;
	}
	.module__middle__info__lists__minor > dl > dd > span+span {
	}
}

/* コンプラ＆連合会についての2col ---------------------------- */
.splitContent__second02 {
	padding: 50px 0 0 0 !important;
	margin: 0 !important;
}
.splitContent__second02 > ul {
	/*margin: 30px 0;*/
	padding: 0;
	width: 796px;
	overflow: hidden;
}
.splitContent__second02 > ul > li {
	float: left;
	list-style-type: none;
	margin: 0 7px;
	padding: 0;
	width: 368px;
}
.splitContent__second02 > ul > li > .splitContent__second02__img {
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 640px) {
	.splitContent__second02 > ul {
		margin: 0;
		padding: 0;
		width: 100%;
		/*padding: 0 3.125%;
		width: 93.75%;*/
		overflow: hidden;
	}
	.splitContent__second02 > ul > li {
		float: none;
		margin: 0 0px 22px 0;
		padding: 0;
		width: 100%;
	}
	.splitContent__second02 > ul > li > .splitContent__second02__img {;
	}
}

 /* --------------------------------
 * mod__bnrblock
 * -------------------------------- */
.mod__bnrblock{
	margin:0px 20px 0px 0px;
	padding:0;
}
.mod__bnrblockInner {
    overflow: hidden;
}
.mod__bnrblockLeft {
    float: left;
    max-width: 49%;
}
.mod__bnrblockLeft--70 {
    max-width: 67%;
}

.mod__bnrblockRight {
    float: right;
    max-width: 49%;
    width: auto;
    margin: 0;
}
.mod__bnrblockRight--30 {
    max-width: 30%;
    width: 30%;
}
.mod__bnrblockImg {
    width: auto;
}
.mod__bnrblockImg img{
	display: block;
	float: none;
	width: 100%;
	height: auto;
}
/* bnr ---------------------------- */
.bnrArea {
	padding: 0;
}
.bnr {
	border: 1px solid #c7c7c7;
	margin: 0 10px 15px 0;
}
.bnr p {
	font-size: .8em;
	padding: 0 10px;
}

@media screen and (max-width: 640px){
.mod__bnrblock {
    margin: 0 3.125%;
}
.mod__bnrblockLeft {
    float: left;
    max-width: 100%;
    width: 100%;
}
.mod__bnrblockLeft--70 {
    max-width: 100%;
}
	.mod__bnrblockRight--30{
		max-width: 100%;
		width: 100%;
	}
.mod__bnrblockImg img{
		display: block;
		float: none;
		width: 100%;
		height: auto;
		margin:0 auto;
	}
/* bnr ---------------------------- */
	.bnrArea {
		margin-bottom: 30px;
}
.bnr {
	margin: 0 0 15px;
}

}

/* ============================================
  問い合わせ用css
============================================ */
 /* --------------------------------
 * 余白調整・基本
 * -------------------------------- */
.uw_main-contents .section.w960{
	width: 960px;
}
.uw_main-contents strong{
	font-weight: bold;
}
.breadCrumb{
	margin-bottom: 20px;
}

.ml1{margin-left: 1em !important;}
.mb00{margin-bottom: 0 !important;}
.mb05{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mt00{margin-top: 0 !important;}
.pb00{padding-bottom: 0 !important;}
.taC{text-align: center;}

@media screen and (max-width: 640px){
	.uw_main-contents .section.w960{
		max-width: 100%;
	}
	.mb30{margin-bottom: 20px !important;}
	.mb40{margin-bottom: 30px !important;}
	.mb50{margin-bottom: 30px !important;}
	}

 /* --------------------------------
 * 見出し
 * -------------------------------- */

h1.splitContent__main__title1 {
	border-radius: 8px;
	-moz-background-size:72px 72px;
	background-size:72px 72px;
	background-position: 2% 50%;
	font-size: 1.857em;
	font-weight: bold;
	padding: 25px 10px 25px 100px;
	margin: 0 0 10px;
	line-height: 1.3;
	clear: both;
	color: #5e4841;
	background: #EEEEEE;
	padding: 25px 10px 25px 25px !important;
}

h4.splitContent__main__title4 {
	background: linear-gradient(transparent 70%, #72a52940 30%);
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 20px;
}

@media screen and (max-width: 640px){
	h1.splitContent__main__title1 {
		border-radius: 8px;
		-moz-background-size:72px 72px;
		background-size:72px 72px;
		background-position: 3% 50%;
		font-size: 1.4em;
		padding: 25px 15px 25px 100px;
		margin: 2% 3.125% 20px;
		clear: both;
		letter-spacing: -0.5px;
	}
	.splitContent__second h3{
		font-size: 1.2em;
	}
}

 /* --------------------------------
 * マーク付リンクリスト
 * -------------------------------- */
.uw_main-contents ul{
	padding-left: 0;
}
	.uw_main-contents .commonLink ul li a{
		padding-left: 1.5em;
	}

.uw_main-contents > .commonLink > ul > li {
    list-style-type: none;
    margin: 0px 0;
    background: url(/common2016/img/main/commonLinkIcon.png) no-repeat;
    background-size: 19px 19px;
    background-position: 0% 50%;
    padding: 5px 0 5px 25px;
}

 /* --------------------------------
 * ボタンエリア01
 * -------------------------------- */
.mod__bnrblock.w80{
	width: 80%;
	margin: auto;
}

 /* --------------------------------
 * ボタン各種
 * -------------------------------- */
.mod__btn__notes_contact01,
.mod__btn__notes_contact02,
.mod__btn__notes_contact_outer01,
.mod__btn__notes_contact_outer02{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    margin: 0 auto;
    padding: .5em 1.5em;
    border: 1px solid #72a529;
    background-color: #fff;
    color: #72a529;
    font-size: 1.4em;
    font-weight: bold;
	transition: 0.5s;
}
.mod__btn__notes_contact01 a,
.mod__btn__notes_contact02 a,
.mod__btn__notes_contact_outer01 a,
.mod__btn__notes_contact_outer02 a{
	text-decoration: none;
	width: 90%;
	line-height: 1.2;
}

.mod__btn__notes_contact01.btn_l,
.mod__btn__notes_contact02.btn_l,
.mod__btn__notes_contact_outer01.btn_l,
.mod__btn__notes_contact_outer02.btn_l{
    width: 700px;
}

/* .mod__btn__notes_contact01.btn_l_large,
.mod__btn__notes_contact02.btn_l_large,
.mod__btn__notes_contact_outer01.btn_l_large,
.mod__btn__notes_contact_outer02.btn_l_large{
    width: 700px;
}*/

.mod__btn__notes_contact01,
.mod__btn__notes_contact_outer01{
    border-radius: 40px;
}

.mod__btn__notes_contact01:hover,
.mod__btn__notes_contact02:hover,
.mod__btn__notes_contact_outer01:hover,
.mod__btn__notes_contact_outer02:hover{
    border: none;
    background-color: #72a529;
    color: #fff;
    border: 1px solid #72a529;
    /*font-weight: 600;*/
}

.mod__btn__notes_contact01::after,
.mod__btn__notes_contact02::after{
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-top: 2px solid #72a529;
    border-right: 2px solid #72a529;
    content: '';
}

.mod__btn__notes_contact01:hover::after,
.mod__btn__notes_contact02:hover::after,
.mod__btn__notes_contact_outer01:hover::after,
.mod__btn__notes_contact_outer02:hover::after {
    border-color: #fff;
}

/*外部リンクボタン*/
.mod__btn__notes_contact_outer01::after,
.mod__btn__notes_contact_outer02::after {
	content: url(/common2016/img/main/ico_outer_rev_g.gif)
}

.mod__btn__notes_contact_outer01:hover,
.mod__btn__notes_contact_outer02:hover {
    background-color: #72a529;
}

.mod__btn__notes_contact_outer01:hover::after,
.mod__btn__notes_contact_outer02:hover::after {
	content: url(/common2016/img/main/ico_outer_rev.gif)
}

/*アンカーボタン*/
.mod__btn__notes_anchor {
	position: relactive;
	display: flex;
	justify-content: left;
	position: relative;
	width: 470px;
	margin: 0 auto 0.5em;
	padding: 1.2em 0.5em 0.2em;
	border: none;
	border-bottom: 1px solid #72a529;
	background-color: transparent;
	color: #333;
	font-weight: normal;
	font-size: 1.2em;
	transition: 0.5s;
	line-height: 1.2;
}
.mod__btn__notes_anchor a {
	text-decoration: none;
	width: 95%;
	text-align: left;
}
.dli-chevron-down {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: inline-block;
	vertical-align: middle;
	color: #72a529;
	line-height: 1;
	width: 0.7em;
	height: 0.7em;
	border: 0.1em solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(-25%) rotate(135deg);
}

.mod__btn__notes_anchor:hover{
	opacity: 0.7;
}

/*3colボタン*/
.mod__img3colWrap{
	display: flex;
	box-sizing:border-box
}
.mod__img3colWrap{
	margin-left: 0;
}
.mod__img3col{
	margin-right: 10px;
}
.mod__img3col:lasu-child{
	margin-right: 0;
}
.mod__img3col .mod__btn__notes_contact_outer02,
.mod__img3col .mod__btn__notes_contact_outer02 a{
	width: 296px;
}

@media screen and (max-width: 640px){
	/*アンカーボタン*/
	.mod__btn__notes_anchor {
		width: 100%;
		margin: 0;
		font-size: 1em;
		margin-bottom: 0.8em;
		line-height: 1.2;
		}
		.dli-chevron-down {
			bottom: 5px;
			right: 5px!important;
		}

	/*3colボタン*/
	.mod__img3colWrap{
		display: block;
	}
	.mod__img3col{
		width: 90%;
		margin: 0 0 10px 6%;
	}
	.mod__img3col .mod__btn__notes_contact_outer02{
			width: 96.5%;
		}
	.mod__img3col .mod__btn__notes_contact_outer02 a{
			width: 90%;
		}
}

/* --------------------------------
 * よくある質問
 * -------------------------------- */
.qa_wrap .splitContent__second h2 {
	border-bottom: none;
	text-align: center;
	margin-top: 50px !important;
}
.splitContent__main__boxInText > p{
	margin: auto 1.5em;
}
	.splitContent__main__boxInText > p.pb10{
	padding-bottom: 0 !important;
}

 /* --------------------------------
 * アコーディオンメニュー 
 * -------------------------------- */
.uw_main-contents .qa_wrap ::after,
.uw_main-contents .qa_wrap ::before {
  box-sizing: border-box;
}

.accordion {
  width: 100%;
  max-width: 100%;
  background-color: #FFF;
  padding: 10px 15px 10px;
  color: #333;
  margin-bottom: 30px !important;
}

 /* --------------------------------
 ここからアコーディオンのCSS
  -------------------------------- */
.uw_main-contents .qa_wrap{
	width: 100%;
	background: #eeeeee;
	padding: 40px auto !important;
}
/* チェックボックスは非表示 */
.accordion-hidden{
  display: none;
}

/* Question部分 */
.accordion-open {
  display: block;
  padding: 10px 2em 10px 2em !important;
  /* background: #52a261;*/
  border-top: 1px solid #CCC !important;
  cursor: pointer;
  margin-top: 5px;
  font-weight: bold;
  position: relative;/* 変更部分 */
  text-align: left;
  font-size: 1.4em !important;
  text-indent: -1.4em; 
  margin-left: 1.4em; 
}
	.accordion-open.top{
		border-top: none !important;
	}

.accordion-open:first-child{
  border-top: none !important;
}
.accordion-open span{
	font-weight: 700;
	color: #72a529;
}

/* 開閉状態を示すアイコン+の作成 */
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #72a529;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
  margin-left: 10px;
}

/* 一本は縦にして+を作る */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたら縦棒を横棒にして-にする */
.accordion-hidden:checked + .accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* Answer部分 */
.accordion-close {
	display: block;
	height: 0;
	overflow: hidden;
	/* padding: 0;*/
	opacity: 0;
	transition: 0.5s;/* 表示速度の設定 */
	text-indent: -1.4em; 
}
	.accordion-close span{
		font-weight: 700;
		color: #ef6b01;
	}
	.splitContent__second h3.h3_answer{
		margin-top: 0;
		padding-left: 40px;
		font-size: 1em;
	}
	.accordion-close p {
		margin-top: 0;
	}
	.accordion-close p.text_answer {
		text-indent: 0; 
	}
		.accordion-close p.text_answer strong {
			color: #F00;
		}

/* チェックボックスにチェックが入ったらAnswer部分を表示する */
.accordion-hidden:checked + .accordion-open + .accordion-close {
	height: auto;
	opacity: 1;
	/*padding: 10px;*/
	padding: 20px 1em 10px 3em !important;
	background-color: #FFF;
	font-size: 1.2em !important;
}

/* アコーディオン内数字付きリスト */
.mod__numlist > li.bdn{
	padding-left: 1.2em;
	text-indent: -1em;
}



















/* --------------------------------
* メニューボタン
* -------------------------------- */
.button-container {
	display: flex; /* 子要素を横並びにする */
	box-sizing: border-box;
}

.button-container button {
	flex: 1; /* 子要素の幅を均等にする */
	/* 必要に応じて他のスタイルを指定 */
	padding: 10px;
	margin: 8px;
	border: 2px solid #ccc;
	text-align: center;
	line-height: 1.1;
	background: #FFF;
	box-sizing: border-box;
	border-radius: 8px;
	box-shadow: 6px 3px 3px #ddd;
	transition: .3s;
}

.button-container button a {
	text-decoration: none;
}
.button-container button:hover {
	box-shadow: unset;
	transform: translateY(4px);
	border: 2px solid #72a529;
	opacity: .7;
}
.button-container button:hover a {
	text-decoration: underline;
}

@media screen and (max-width: 640px){
	.button-container {
		display: block; 
		flex-wrap: wrap;
		width: 100%;
	}
	.button-container button{
		width: 48%;
		/*border-radius: 0;*/
		box-shadow: none;
		margin: 0 0 8px 0;
		padding: 5px;
		transition: .3s;
	}
			.button-container button img{
				width: 70%;
			}
	.button-container button:nth-child(odd){
		margin-right: 2%;
	}
	.ico_top p.mb1{
		margin-bottom: 1em;
	}
}

 /* --------------------------------
 * 第2階層
 * -------------------------------- */
/* お問い合わせBOX調整 */
.splitContent__main__inquiryBox__middle > ul > li{
	margin-left: 35px;
}
/* 数字付きリスト */
.uw_main-contents ol{
	list-style: decimal;
	padding-left: 1.5em;
	margin-bottom: 20px;
}
	.uw_main-contents ol li{
		margin-bottom: 10px;
	}

@media screen and (max-width: 640px){
	.splitContent__main__inquiryBox__middle > ul > li{
		margin-left: 40px;
		line-height: 1.2;
	}
	.splitContent__main__inquiryBox__middle > ul > li.telcenter{
		padding-left: 10%;
	}
}

/* --------------------------------
 * mod__table
 * -------------------------------- */
.splitContent__second .mod__table {
    width: 100%;
    margin: 20px 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #dddddd;
    line-height: 1.6;
}

.splitContent__second .mod__table .columnhead {
    background: #F1F5E9;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-weight: normal;
    padding: 10px 20px;
    text-align: left;
	vertical-align:middle;

}

.splitContent__second .mod__table .mod__td {
    padding: 10px 20px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
	vertical-align:middle;
}
.columnhead columnhead--grren2{
	width: 45% !important;
}
.mod__td.box_add{
	width: 40% !important;
}
.mod__td.box_tel{
	width: 15% !important;
}

@media screen and (max-width: 640px){ 
/* スマホで表示を縦並びにする */         
    table.mod__table,
	tbody.mod__tablebody,
	tr.row,
	th.columnhead columnhead--grren2,
	td.mod__td.box_add,
	td.mod__td.box_tel{
        display: block;
    }
	.splitContent__second .columnhead columnhead--grren2,
	.mod__td.box_add,
	.mod__td.box_tel{
		width: 100% !important;
	}

}

@media screen and (max-width: 640px){
	 /* --------------------------------
	 * 見出し
	 * -------------------------------- */
	.splitContent__second h2{
		font-size: 1.2em;
		margin-top: 0;
	}
	 /* --------------------------------
	 * セクションスタイル
	 * -------------------------------- */
	.uw_main-contents .section {
	  margin: 0 auto 30px !important;
	}
	.uw_main-contents .section.w80{
	  width: 100%;
	}

 /* --------------------------------
 * マーク付リンクリスト
 * -------------------------------- */
	.uw_main-contents .commonLink ul li a{
		padding-left: 1.5em;
		text-indent: 0;
		margin-left: 0;
	}

	 /* --------------------------------
	 * ボタンエリア01
	 * -------------------------------- */
	.mod__bnrblock.w80{
		width: 100%;
		margin: auto;
	}
	.mod__bnrblock.w80.mb10{
		margin-bottom: 0 !important;
	}
	.mod__bnrblockLeft,
	.mod__bnrblockRight{
		float: none;
		margin-bottom: 15px;
		max-width: 100%;
	}
	.mod__btn__notes_contact01,
	.mod__btn__notes_contact02,
 	.mod__btn__notes_contact_outer01,
 	.mod__btn__notes_contact_outer02,
	.mod__btn__notes_contact01.btn_l,
	.mod__btn__notes_contact02.btn_l,
 	.mod__btn__notes_contact_outer01.btn_l,
 	.mod__btn__notes_contact_outer02.btn_l{
		width: 90%;
		margin: auto;
		font-size: 1.2em;
	}

	.mod__btn__notes_contact01 a,
	.mod__btn__notes_contact02 a,
 	.mod__btn__notes_contact_outer01 a,
 	.mod__btn__notes_contact_outer02 a{
		width: 90%;
}

	 /* --------------------------------
	 * よくある質問
	 * -------------------------------- */
	.qa_wrap .splitContent__second h2 {
		margin-top: 25px !important;/* 余白調整 */
	}
	.accordion {
	  margin-bottom: 30px;/* 余白調整 */
	}
	/* Question部分 */
	.accordion-open {
	  padding: 10px 1.5em 10px 2em !important;
	  font-size: 1em !important;
	  text-indent: -1.7em; 
	  margin-left: 1.7em; 
	}
	/* Answer部分 */
	.splitContent__second h3.h3_answer{
		margin-top: 0;
		padding-left: 15px;
		font-size: 1em;
		text-indent: 0;
	}
	/* チェックボックスにチェックが入ったらAnswer部分を表示する */
	.accordion-hidden:checked + .accordion-open + .accordion-close {					font-size: 1em !important;
		padding-left: 2em !important;

	}
	/* 開閉状態を示すアイコン+の作成 */
	.accordion-open::before,
	.accordion-open::after {
	  width: 15px;
	}
	.mod__btn__notes_contact_outer01.btn_l.mb50{
		margin-bottom: 30px !important; /* 余白調整 */
	}
	.splitContent__main__boxInText{
		margin: auto 0;
	}
		.splitContent__main__boxInText > p{
			margin: auto 1em;
		}

	/* アコーディオン内数字付きリスト */
	.mod__numlist > li.bdn{
		font-size: 1em;
	}

	 /* --------------------------------
	 * お問い合わせbox
	 * -------------------------------- */
	.mod__frameText{
		padding: 0 10px;
	}
		.indent1 li, .indent2 li, .indentOL li {
			font-size: 1.2em;
		}

}