/*===========================
additional css elements 
===========================*/
.wf-sawarabimincho {
	font-family: "Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
	transform: rotate(0.001deg);
	
}
@font-face{ 
	font-family: 'hanamin';
	src: url('../font/hanamin.eot'); 
	src: url('../font/hanamin.eot?#iefix') format('embedded-opentype'),
	url('../font/hanamin.woff') format('woff'), 
	url('../font/hanamin.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	transform: rotate(0.001deg);
}
.wf-hanamin {
	font-family: hanamin;
	font-weight: 600;
}
header div .tel a {
	text-decoration: none;
}
.tel a, .mail a {
    cursor: default;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .tel a, .mail a {
        pointer-events: auto;
    }
}
header .logo {
	margin-top:11px;
	margin-left:1%;
	float:left;
}

/* table */

table.table3 {
	width:60%;
	border-top: 1px #c9d4dc solid;
	border-left: 1px #c9d4dc solid;
	color:#25456d;
}
table.table3 th {
	padding:6px 3px 6px 3px;
	border-bottom: 1px #c9d4dc solid;
	border-right: 1px #c9d4dc solid;
	font-weight:bold;
	background-color:#dbe4ea;
	letter-spacing:0;
	vertical-align: middle;
}
table.table3 td {
	padding:4px 3px 4px 3px;
	border-bottom: 1px #c9d4dc solid;
	border-right: 1px #c9d4dc solid;
	font-weight:normal;
	background-color:#FFFFFF;
	letter-spacing:0;
}
table.table3 td.td_center {
	text-align: center;
}
.table4{
	width: 100%;
	border-collapse: collapse;
	color:#25456d;
}
.table4 td,
.table4 th{
	padding: 5px;
	border: 1px solid #ccc;
}
.table4 th{
	font-weight: bold;
}
.table4 thead th{
	background:#dbe4ea;
}

@media only screen and (max-width:800px){
	.table4{
		display: block;
	}
		.table4 thead{
			display: none;
		}
		.table4 tbody{
			display: block;
		}
			.table4 tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			.table4 tbody th,
			.table4 tbody td{
				display: list-item;
				border: none;
			}
			.table4 tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color:#25456d;
				background: #dbe4ea;
			}
			.table4 tbody td{
				margin-left: 10px;
				padding: 0;
			}
			.table4 tbody td:nth-of-type(1):before { content: ""; }
			.table4 tbody td:nth-of-type(2):before { content: ""; }
}
table.table5{
	border-spacing:0;
	border-collapse:collapse;
  width:100%;
  border: 2px solid #c9d4dc;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
 
table.table5 th{
	padding: 6px 8px 5px;
	border-top: solid 1px #ffffff;
	width: 30%;
	overflow: hidden;
	color: #13131e;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color: #dbe4ea;
}

.naka{
	vertical-align:middle !important;
}

 
table.table5 td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #595960;
background-color: #ffffff;
border-top: dotted 1px #c9d4dc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
 
@media (max-width: 768px){
table.table5 th{
	width:100%;
	display:block;
	margin: 0 auto;
	border:none;
	/* [disabled]border-radius: 3px; */
}
table.table5 td{
	display: list-item;
	/* [disabled]width: 100%; */
	border-top: none !important;
}
}

/* テーブルを横スクロール */
table {
	width: 100%;
}
/*tableをスクロールさせる*/
/*tableのセル内にある文字の折り返しを禁止*/
.scroll {
	overflow: auto;
	white-space: nowrap;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar {
 height: 5px;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-track {
 background: #F1F1F1;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
/* table調整 */


.add1 {
}

.add1 td {
	vertical-align:middle;
	
}

.add1 th {
	width:30%;
}

th.add3 {
	text-align:left;
}


.add1 th.add3 {
	width:60%;
}
table.nowrap th {
	white-space: nowrap;
}

/* リスト追加 */


.admit {
	border:2px #c9d4dc solid;
	padding:30px;
}
.admit li {
	float:left;
	width:25%;
	line-height:2.5em
}
.admit li span {
	width:80px;
	display:block;
	float:left;
}
ul.liReseter {
	line-height:1.8em;
	margin-left:15px;
}
ul.liReseter li {
	display:list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left:-10px;
}
ul.liReseter2 {
	line-height:1.8em;
	margin:0 0 12px 30px;
}
ul.liReseter2 li {
	display:list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left:-10px;
}
ul.liReseterFloat {
	line-height:1.8em;
	margin-left:15px;
}
ul.liReseterFloat li {
	display:list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left:-10px;
	float:left;
	padding-right:60px;
}
ul.liFloat li {
	display:list-item;
	list-style-position: outside;
	float:left;
	padding-right:60px;
}
ol.liReseter {
	line-height:1.8em;
	margin-left:20px;
}
ol.liReseter li {
	display:list-item;
	list-style-type:decimal;
	list-style-position: outside;
	padding-left:-10px;
}
ol.liReseter2 {
	line-height:1.8em;
	margin:0 0 20px 50px;
}
ol.liReseter2 li {
	display:list-item;
	list-style-type:decimal;
	list-style-position: outside;
	padding-left:-10px;
}
ul.checklist {
	margin-left:5px;
	padding-bottom:10px;
}
ul.checklist li {
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 0 30px;
	background-image:url(../img/common/icn_check.gif);
	background-position:1px 1px;
	background-repeat:no-repeat;
	line-height:2em;
}
ul.liOrange {
	margin-left:0;
}
ul.liOrange li {
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 0 20px;
	background-image:url(../img/common/clip_li_orange.gif);
	background-position:0px 9px;
	background-repeat:no-repeat;
	line-height:2em;
	font-size:110%;
}
ul.liOrange2 {
	margin:0 0 20px 20px;
}
ul.liOrange2 li {
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 10px 20px;
	background-image:url(../img/common/clip_li_orange.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	line-height:2em;
	font-size:110%;
}
ul.liOrangeFlaot {
	margin-left:0;
}
ul.liOrangeFlaot li {
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 0 20px;
	background-image:url(../img/common/clip_li_orange.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	float:left;
	padding-right:30px;
}
ul.liKimidoriFlaot {
}
ul.liKimidoriFlaot li {
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 0 20px;
	background-image:url(../img/common/clip_li_kimidori.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
	float:left;
	padding-right:30px;
}
ul.liKimidori {
}
ul.liKimidori li {
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 0 20px;
	background-image:url(../img/common/clip_li_kimidori.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	padding-right:10px;
}
ul.liKimidori2 {
	margin:0 0 50px 20px;
}
ul.liKimidori2 li {
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 0 20px;
	background-image:url(../img/common/clip_li_kimidori.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	line-height:2em;
	font-size:110%;
}
ul.businessMark {
	margin-bottom:15px;
}
ul.businessMark li {
	list-style-type: none;
	list-style-position: outside;
	padding:2px 0 2px 24px;
	background-image:url(../img/common/li_mark.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding-right:10px;
	color:#1d6215;
	font-size:18px;
}
ul.businessMark li p {
	color:#444444;
	font-size:14px;
	margin-bottom:10px;
}
ul.liOrangeFlaot {
	margin-left:0;
}
ul.liPageAnch li {
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 0 20px;
	background-image:url(../img/common/icn_page_anch.png);
	background-position:0px 8px;
	background-repeat:no-repeat;
	float:left;
	padding-right:30px;
}
ul.syakun li:before {
      content: "一、";
}
ul.syakun li {
	text-indent: -2em;
	padding-left: 2em;
	margin-bottom: .5em;
}


.topContent2 .greeting {
	width:44%;
	min-height:245px;
	float:right;
	background:#FFF;
	padding:2%;	
}

.topContent2 .greeting h1 {
	font-weight:normal;
	font-size:18px;
	margin-bottom:0.2em;
}

.topContent2 .greeting p {
	float:left;
	margin-bottom:4%;
	padding-top:1em;
}

.topContent2 .time {
	width:96%;
	float:left;
	margin:1.5em 0 0 0;
	background:#FFF;
	padding:2%;	
}

.topContent2 .time h1 {
	font-weight:normal;
	font-size:18px;
	margin-bottom:1em;
}

.topContent1 ul li.pic1_t {
	background-image:url(../img/top/pic1_1.jpg);
	background-size:cover;
}
.topContent1 ul li.pic2_t {
	background-image:url(../img/top/pic1_2.jpg);
	background-size:cover;
}

.topContent1 ul li.pic1_t a{
	display:block;
	text-decoration:none;
	color:#FFF;
}

.topContent1 ul li.pic2_t a{
	display:block;
	text-decoration:none;
	color:#FFF;
}

.topContent1 ul li.pic1_t p, .topContent1 ul li.pic2_t p {
	width:100%;
	background-color:rgba(17, 89, 144, 0.8);
	color:#FFF;
	font-size:16px;
	margin-top:52%;
	text-align:center;
}

.arrow_t {
	position: relative;
	display: inline-block;
	color: #FFF;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	background:#1f6ca6;
}

.arrow_t::before, .arrow::after {
position: absolute;
top: 2px;
bottom: 2px;
left: 2px;
margin: auto;
content: "";
vertical-align: middle;
}

.arrow_t a {
	display:block;
	color:#fff;
	text-decoration:none;
	line-height:2em;
	padding:10px 20px 9px 24px;
}
.arrow_t a:hover {
	background:#2384bf;
}

.btn1_t {
	float:left;
}

.btn2 {
	float:left;
	margin-left:10px;
}



/* Q&A */
dl.QandA dt {
	background: #25456d;
	color: #fff;
	border-radius: 2px;
	text-indent: -24px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 32px;
}
dl.QandA dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
dl.QandA dd {
	margin: 24px 16px 40px 32px;
	line-height: 140%;
	text-indent: -24px;
}
dl.QandA dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
	color: #196096;
}
/* flow */
.flow_balloon {
	position: relative;
	padding: 0.75em;
	background-color: #d3eaff;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(213, 175, 110, .1) inset;
	margin-bottom: 18px;
}
.flow_balloon::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-top: 15px solid #d3eaff;
	margin-left: -50px;
}
.flow_last {
	background-color: #add7fe;
	box-shadow: 2px 2px 4px rgba(203, 149, 56, .1) inset;
	margin-bottom: 0px;
}
.flow_last::after {
	border: none;
	border-top: none;
}
.flow_balloon p {
	padding-right: 5px;
	padding-left: 10px;
}
.flow_balloon h2 {
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 0.5em;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 1em;
}
.ex_flow {
	padding-left: 1em;
	text-indent: -1em;
	display: block;
}

.lay2Plural span {
	padding-top: 5px;
	text-align: center;
	display: block;
}


/* その他 */

.cap{
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
.capL {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
}
.col_orange {
	color:#F60;
}

.tetR {
	text-align: right;
}

.pic_center {
	text-align: center;
}
.marker {
	background: linear-gradient(transparent 50%, #c4fbc3 0%);
}
.marker2 {
	background: linear-gradient(transparent 50%, #fccf94 0%);
}
#map_area .inner2 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#map_area {
	padding-bottom: 1.8em;
}

/* 2カラム　複数 */

.lay2Plural {
	width:46%;
	float:left;
	margin:0 2% 3em 2%;
	text-align:center;
}
/* 3カラム　複数 */

.lay3Plural {
	width:29%;
	float:left;
	margin:2em 0 3em 0;
	margin:3% 2%;
	text-align:center;
}


/* フロー01 */
.flow01 {
  color: #000000;
  list-style: none;
  overflow: hidden;
}
.flow01 li {
  background-color: #1B73BA;
  line-height: 44px;
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 13px;
  min-width: 100px;
  padding: 0 10px 0 40px;
  text-align: center;
  text-decoration: none;
}
.flow01 li:first-child {
  padding-left: 20px;
}

/* 三角形下部 */
.flow01 li::after {
  background-color: #1B73BA;
  border-right: 1px solid #FFFFFF;
  content: " ";
  display: block;
  height: 22px;
  margin-left: auto;
  margin-right: -30px;
  margin-top: -22px;
  position: relative;
  transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  width: 30px;
}

/* 三角形上部 */
.flow01 li::before {
  background-color: #1B73BA;
  border-right: 1px solid #FFFFFF;
  content: " ";
  display: block;
  float: right;
  height: 22px;
  margin-bottom: -22px;
  margin-left: auto;
  margin-right: -30px;
  transform: skew(30deg);
  -o-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  width: 30px;
}

/* 右端の設定 */
.flow01 .active {
  background-color: #17619C;
  color: #FFFFFF;
}
.flow01 .active::before, .flow01 .active::after {
  background-color: #17619C;
}
ul.sns li {
	float: left;
	margin-right: 15px;
}
.button {
	display: inline-block;
	height: 40px;
	text-align: center;
	text-decoration: none;
	outline: none;
	vertical-align: middle;
	line-height: 40px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	width: 100%;
	position: relative;
	background-color: #62A1CB;
	border-radius: 4px;
	color: #fff;
	line-height: 42px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 5px 0 #4a8ab5;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-size: 1.1em;
	font-weight: bold;
}
.button:hover {
	top: 4px;
	box-shadow: 0 1px 0 #4a8ab5;
}
.button:active {
	top: 4px;
	box-shadow: none;
}
a.arrow3{
	position:relative;
	display:inline-block;
	padding:0 32px 0 16px;
	color:#fff;
	text-decoration:none;
	height:24px;
	line-height:24px;
	border-radius:12px;
	background: #62A1CB;
}
a.arrow3:before,
a.arrow3:after{
	content:"";
	display:block;
	position:absolute;
}
a.arrow3:before{
	width:16px;
	height:16px;
	background:#fff;
	border-radius:50%;
	right:4px;
	top:4px;
}
a.arrow3:after{
	width:4px;
	height:4px;
	border-right:2px solid #62A1CB;
	border-top:2px solid #62A1CB;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	right:10px;
	top:9px;
}



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

header .logo {
	width:80%;
	margin:-5px 0 0 0;
	float:none;
	position:absolute;
}
header .logo img {
	max-width:200px;
	width:70%;
}	 
.admit li {
	float:left;
	width:auto;
	line-height:2.5em;
	min-width:250px;
}

.admit li span {
	width:auto;
	margin-right:1em;
	display:block;
	float:left;
}

.topContent1 ul li.pic1_t {
	background-image:url(../img/top/pic1_1.jpg);
	background-size:cover;
}
.topContent1 ul li.pic2_t {
	background-image:url(../img/top/pic1_2.jpg);
	background-size:cover;
}

.topContent1 ul li.pic1_t a{
	display:block;
	text-decoration:none;
	color:#FFF;
}

.topContent1 ul li.pic2_t a{
	display:block;
	text-decoration:none;
	color:#FFF;
}

.topContent1 ul li.pic1_t p, .topContent1 ul li.pic2_t p {
	width:100%;
	background-color:rgba(17, 89, 144, 0.8);
	color:#FFF;
	font-size:16px;
	margin-top:52%;
	text-align:center;
}

.topContent2 .greeting {
	width:96%;
	float:right;
	background:#FFF;
	padding:2%;
	margin-top:0.5em;
	
}

.topContent2 .greeting h1 {
	font-weight:normal;
	font-size:18px;
	margin-bottom:0.2em;
}

.topContent2 .greeting p {
	float:left;
	margin-bottom:4%;
	padding-top:1em;
}

.topContent2 .time {
	width:96%;
	float:left;
	margin:0.5em 0 0 0;
	background:#FFF;
	padding:2%;
}

.topContent2 .time h1 {
	font-weight:normal;
	font-size:18px;
	margin-bottom:1em;
}

.arrow_t {
	position: relative;
	display: inline-block;
	color: #FFF;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	background:#1f6ca6;
}

.arrow_t a {
	display:block;
	color:#fff;
	text-decoration:none;
	line-height:2em;
	padding:10px 20px 9px 24px;
}
.arrow_t a:hover {
	background:#2384bf;
}

.btn1_t {
	float:left;
}

ul.liFloat li {
	float:none;
	padding-right:0px;
}

/* table */

table.table3 {
	width:100%;
	border-top: 1px #c9d4dc solid;
	border-left: 1px #c9d4dc solid;
	color:#25456d;
}
table.table3 th {
	padding:6px 3px 6px 3px;
	border-bottom: 1px #c9d4dc solid;
	border-right: 1px #c9d4dc solid;
	font-weight:bold;
	background-color:#dbe4ea;
	letter-spacing:0;
	vertical-align: middle;
}
table.table3 td {
	padding:4px 3px 4px 3px;
	border-bottom: 1px #c9d4dc solid;
	border-right: 1px #c9d4dc solid;
	font-weight:normal;
	background-color:#FFFFFF;
	letter-spacing:0;
}


/* フロー01 */
.flow01 {
  color: #000000;
  list-style: none;
  overflow: hidden;
}
.flow01 li {
	background-color: #1B73BA;
	line-height: 30px;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 9px;
	min-width: 40px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 0.5em;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 40px;
}
.flow01 li:first-child {
  padding-left: 20px;
}

/* 三角形下部 */
.flow01 li::after {
  background-color: #1B73BA;
  border-right: 1px solid #FFFFFF;
  content: " ";
  display: block;
  height: 15px;
  margin-left: auto;
  margin-right: -30px;
  margin-top: -15px;
  position: relative;
  transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  width: 30px;
}

/* 三角形上部 */
.flow01 li::before {
  background-color: #1B73BA;
  border-right: 1px solid #FFFFFF;
  content: " ";
  display: block;
  float: right;
  height: 15px;
  margin-bottom: -15px;
  margin-left: auto;
  margin-right: -30px;
  transform: skew(30deg);
  -o-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  width: 30px;
}

/* 右端の設定 */
.flow01 .active {
  background-color: #17619C;
  color: #FFFFFF;
}
.flow01 .active::before, .flow01 .active::after {
  background-color: #17619C;
}

 }
 
@media screen and (max-width: 320px) {
.smt img {
	height: auto;
	width: 45%;
}
/* 2カラム */

.lay2Plural {
	width:100%;
	float:none;
	margin:2em 0;
}
/* 3カラム */

.lay3Plural {
	width:100%;
	float:none;
	margin:2em 0;
	padding:0;
	border:none;
}
} 









/* ////// arra-ez responsive set --- please custom as you like //////////////////////////  */
 
.shell { display: flex; flex-direction:row; flex-wrap:wrap; }
.shell.reverse { display: flex; flex-direction:row-reverse; flex-wrap:wrap; }
.shell.nowrap-x { flex-wrap:nowrap; }
.shell.left { justify-content:flex-start; }
.shell.center, .shell.x-center { justify-content:center; }
.shell.right { justify-content:flex-end; }
.shell.fill, .shell.fill-x, .shell.split { justify-content:space-between; }
.shell.equalize { justify-content:space-around; }
.shell.top { align-items:flex-start; }
.shell.middle, .shell.y-center { align-items:center; }
.shell.baseline { align-items:baseline; }
.shell.bottom { align-items:flex-end; }
.shell > .grow-x {flex-grow:1;}
.stretch, .grow-y { align-self:stretch; }
 
.solo, .full { width:100%;}
.duo, .half { width:50%;}
.trio, .one-third { width:calc(100% / 3);}
.two-thirds { width:calc(100% / 3 * 2);}
.quad, .quarter { width:25%;}
.three-quarters { width:75%;}
.penta, .twenty { width:20%;}
.thirty { width:30%;} 
.forty { width:40%;} 
.sixty { width:60%;}
.seventy { width:70%;}
.eighty { width:80%;}
 
.solo.gutter, .full.gutter { width:98%; margin:1em 1%;}
.duo.gutter, .half.gutter { width:48%;  margin:.5em 1%;}
.trio.gutter, .one-third.gutter { width:calc(94% / 3); margin:1em 1%;}
.two-thirds.gutter { width:calc(97% / 3 * 2); margin:1em 1%;}
.quad.gutter, .quarter.gutter { width:23%; margin:1em 1%;}
.three-quarters.gutter { width:73%; margin:1em 1%;}
.penta.gutter, .twenty.gutter { width:18%; margin:1em 1%;}
.thirty.gutter { width:28%; margin:1em 1%;} 
.forty.gutter{ width:38%; margin:1em 1%;} 
.sixty.gutter { width:58%; margin:1em 1%;}
.seventy.gutter { width:68%; margin:1em 1%;}
.eighty.gutter { width:78%; margin:1em 1%;}
 
.centering {text-align:center;}
.centering > * { margin-left:auto !important; margin-right:auto !important;}
 
/* Universal Padding Class --- as you like */
.pd-around {padding:1.5em 1.5em;}
.pd-side {padding:0 1.5em;}
.pd-top-bottom {padding:1.5em 0;}
.pd-right {padding-right:1.5em;}
.pd-left {padding-left:1.5em;}
 
/* clearfix --- for use together with legacy float layout */
.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
 
/*** Media Query ***/
@media only screen and (max-width: 899px) {
     
    .shell.break900:not(.step) { flex-direction:column;}
    .shell.break900 > .solo, .shell.break900 > .full, .shell.break900 > .duo, .shell.break900 > .half, .shell.break900 > .trio, .shell.break900 > .one-third, .shell.break900 > .two-thirds, .shell.break900 > .quad, .shell.break900 > .quarter, .shell.break900 > .three-quarters, .shell.break900 > .penta, .shell.break900 > .twenty, .shell.break900 > .thirty, .shell.break900 > .forty, .shell.break900 > .sixty, .shell.break900 > .seventy, .shell.break900 > .eighty 
    { width:100%; }
    .shell.break900 > .solo.gutter, .shell.break900 > .full.gutter, .shell.break900 > .duo.gutter, .shell.break900 > .half.gutter, .shell.break900 > .trio.gutter, .shell.break900 > .one-third.gutter, .shell.break900 > .two-thirds.gutter, .shell.break900 > .quad.gutter, .shell.break900 > .quarter.gutter, .shell.break900 > .three-quarters.gutter, .shell.break900 > .penta.gutter, .shell.break900 > .twenty.gutter, .shell.break900 > .thirty.gutter, .shell.break900 > .forty.gutter, .shell.break900 > .sixty.gutter, .shell.break900 > .seventy.gutter, .shell.break900 > .eighty.gutter
    { width:98%; margin:.5em 1%;}
     
    .shell.step { flex-direction:row; flex-wrap:wrap; }
    .shell.step > .duo, .shell.step > .half, .shell.step > .trio, .shell.step > .one-third, .shell.step > .two-thirds, .shell.step > .quad, .shell.step > .quarter, .shell.step > .three-quarters, .shell.step > .penta, .shell.step > .twenty, .shell.step > .thirty, .shell.step > .forty, .shell.step > .sixty, .shell.step > .seventy, .shell.step > .eighty 
    { width:50%;}
    .shell.step > .duo.gutter, .shell.step > .half.gutter, .shell.step > .trio.gutter, .shell.step > .one-third.gutter, .shell.step > .two-thirds.gutter, .shell.step > .quad.gutter, .shell.step > .quarter.gutter, .shell.step > .three-quarters.gutter, .shell.step > .penta.gutter, .shell.step > .twenty.gutter, .shell.step > .thirty.gutter, .shell.step > .forty.gutter, .shell.step > .sixty.gutter, .shell.step > .seventy.gutter, .shell.step > .eighty.gutter 
    { width:48%; margin:.5em 1%;}
     
}
 
/* Mobile Single Column ( like 7-10 inch Tablet ) */
@media only screen and (max-width: 768px) {
 
    .container, .wide-container {padding:0 0.3em;} /* as you like */
 
    .shell.break768:not(.step) { flex-direction:column;}
    .shell.break768 > .solo, .shell.break768 > .full, .shell.break768 > .duo, .shell.break768 > .half, .shell.break768 > .trio, .shell.break768 > .one-third, .shell.break768 > .two-thirds, .shell.break768 > .quad, .shell.break768 > .quarter, .shell.break768 > .three-quarters, .shell.break768 > .penta, .shell.break768 > .twenty, .shell.break768 > .thirty, .shell.break768 > .forty, .shell.break768 > .sixty, .shell.break768 > .seventy, .shell.break768 > .eighty
    { width:100%; }
    .shell.break768 > .solo.gutter, .shell.break768 > .full.gutter, .shell.break768 > .duo.gutter, .shell.break768 > .half.gutter, .shell.break768 > .trio.gutter, .shell.break768 > .one-third.gutter, .shell.break768 > .two-thirds.gutter, .shell.break768 > .quad.gutter, .shell.break768 > .quarter.gutter, .shell.break768 > .three-quarters.gutter, .shell.break768 > .penta.gutter, .shell.break768 > .twenty.gutter, .shell.break768 > .thirty.gutter, .shell.break768 > .forty.gutter, .shell.break768 > .sixty.gutter, .shell.break768 > .seventy.gutter, .shell.break768 > .eighty.gutter
    { width:98%; margin:.5em 1%;}
     
    .shell:not(.keep) > .solo, .shell:not(.keep) > .full, .shell:not(.keep) > .duo, .shell:not(.keep) > .half, .shell:not(.keep) > .trio, .shell:not(.keep) > .one-third, .shell:not(.keep) > .two-thirds, .shell:not(.keep) > .quad, .shell:not(.keep) > .quarter, .shell:not(.keep) > .three-quarters, .shell:not(.keep) > .penta, .shell:not(.keep) > .twenty, .shell:not(.keep) > .thirty, .shell:not(.keep) > .forty, .shell:not(.keep) > .sixty, .shell:not(.keep) > .seventy, .shell:not(.keep) > .eighty
    { width:100%; margin:0; }   
    .shell:not(.keep) > .solo.gutter, .shell:not(.keep) > .full.gutter, .shell:not(.keep) > .duo.gutter, .shell:not(.keep) > .half.gutter, .shell:not(.keep) > .trio.gutter, .shell:not(.keep) > .one-third.gutter, .shell:not(.keep) > .two-thirds.gutter, .shell:not(.keep) > .quad.gutter, .shell:not(.keep) > .quarter.gutter, .shell:not(.keep) > .three-quarters.gutter, .shell:not(.keep) > .penta.gutter, .shell:not(.keep) > .twenty.gutter, .shell:not(.keep) > .thirty.gutter, .shell:not(.keep) > .forty.gutter, .shell:not(.keep) > .sixty.gutter, .shell:not(.keep) > .seventy.gutter, .shell:not(.keep) > .eighty.gutter
    { width:98%; margin:.5em 1%;}
 
    .shell.step { flex-direction:row; flex-wrap:wrap; }
    .shell.step > .duo, .shell.step > .half, .shell.step > .trio, .shell.step > .one-third, .shell.step > .two-thirds, .shell.step > .quad, .shell.step > .quarter, .shell.step > .three-quarters, .shell.step > .penta, .shell.step > .twenty, .shell.step > .thirty, .shell.step > .forty, .shell.step > .sixty, .shell.step > .seventy, .shell.step > .eighty 
    { width:50%;}
    .shell.step > .duo.gutter, .shell.step > .half.gutter, .shell.step > .trio.gutter, .shell.step > .one-third.gutter, .shell.step > .two-thirds.gutter, .shell.step > .quad.gutter, .shell.step > .quarter.gutter, .shell.step > .three-quarters.gutter, .shell.step > .penta.gutter, .shell.step > .twenty.gutter, .shell.step > .thirty.gutter, .shell.step > .forty.gutter, .shell.step > .sixty.gutter, .shell.step > .seventy.gutter, .shell.step > .eighty.gutter
    { width:48%; margin:.5em 1%;}
 
    .shell.keep-half:not(.keep), .shell.keep-half:not(.keep) { flex-direction:row;}
    .shell.keep-half:not(.keep) > .solo, .shell.keep-half:not(.keep) > .full, .shell.keep-half:not(.keep) > .duo, .shell.keep-half:not(.keep) > .half, .shell.keep-half:not(.keep) > .trio, .shell.keep-half:not(.keep) > .one-third, .shell.keep-half:not(.keep) > .two-thirds, .shell.keep-half:not(.keep) > .quad, .shell.keep-half:not(.keep) > .quarter, .shell.keep-half:not(.keep) > .three-quarters, .shell.keep-half:not(.keep) > .penta, .shell.keep-half:not(.keep) > .twenty, .shell.keep-half:not(.keep) > .thirty, .shell.keep-half:not(.keep) > .forty, .shell.keep-half:not(.keep) > .sixty, .shell.keep-half:not(.keep) > .seventy, .shell.keep-half:not(.keep) > .eighty   
    { width:50%;}   
    .shell.keep-half:not(.keep) > .solo.gutter, .shell.keep-half:not(.keep) > .full.gutter, .shell.keep-half:not(.keep) > .duo.gutter, .shell.keep-half:not(.keep) > .half.gutter, .shell.keep-half:not(.keep) > .trio.gutter, .shell.keep-half:not(.keep) > .one-third.gutter, .shell.keep-half:not(.keep) > .two-thirds.gutter, .shell.keep-half:not(.keep) > .quad.gutter, .shell.keep-half:not(.keep) > .quarter.gutter, .shell.keep-half:not(.keep) > .three-quarters.gutter, .shell.keep-half:not(.keep) > .penta.gutter, .shell.keep-half:not(.keep) > .twenty.gutter, .shell.keep-half:not(.keep) > .thirty.gutter, .shell.keep-half:not(.keep) > .forty.gutter, .shell.keep-half:not(.keep) > .sixty.gutter, .shell.keep-half:not(.keep) > .seventy.gutter, .shell.keep-half:not(.keep) > .eighty.gutter
    { width:48%; margin:.5em 1%;}
     
    /* Universal padding class --- as you like */
    .pd-around {padding:1.5em 1.5em;}
    .pd-side {padding:0 1.5em;}
    .ttal {text-align:left !important;}
    .ttal:not(.pd-side) { padding:0 1.5em;}
    .pd-around .ttal:not(.pd-side), .pd-side .ttal:not(.pd-side) { padding:0;}  
     
}
 
/* Traditional SmartPhone Portrait Size */
@media only screen and (max-width: 479px) {
     
    .shell:not(.keep), .shell.step:not(.keep) { flex-direction:column;}
    .shell.step:not(.keep) > .solo, .shell.step:not(.keep) > .full, .shell.step:not(.keep) > .duo, .shell.step:not(.keep) > .half, .shell.step:not(.keep) > .trio, .shell.step:not(.keep) > .one-third, .shell.step:not(.keep) > .two-thirds, .shell.step:not(.keep) > .quad, .shell.step:not(.keep) > .quarter, .shell.step:not(.keep) > .three-quarters, .shell.step:not(.keep) > .penta, .shell.step:not(.keep) > .twenty, .shell.step:not(.keep) > .thirty, .shell.step:not(.keep) > .forty, .shell.step:not(.keep) > .sixty, .shell.step:not(.keep) > .seventy, .shell.step:not(.keep) > .eighty    
    { width:100%; margin: margin:0;}
    .shell.step:not(.keep) > .solo.gutter, .shell.step:not(.keep) > .full.gutter, .shell.step:not(.keep) > .duo.gutter, .shell.step:not(.keep) > .half.gutter, .shell.step:not(.keep) > .trio.gutter, .shell.step:not(.keep) > .one-third.gutter, .shell.step:not(.keep) > .two-thirds.gutter, .shell.step:not(.keep) > .quad.gutter, .shell.step:not(.keep) > .quarter.gutter, .shell.step:not(.keep) > .three-quarters.gutter, .shell.step:not(.keep) > .penta.gutter, .shell.step:not(.keep) > .twenty.gutter, .shell.step:not(.keep) > .thirty.gutter, .shell.step:not(.keep) > .forty.gutter, .shell.step:not(.keep) > .sixty.gutter, .shell.step:not(.keep) > .seventy.gutter, .shell.step:not(.keep) > .eighty.gutter 
    { width:98%; margin:.5em 1%;}
 
    /* Single Column --- Universal margin-bottom class */
    .shell.automa > , .shell.automa > .gutter {margin-bottom:1.5em !important;}
 
    /* Universal padding class --- as you like */
    .pd-around {padding:6% 3%;}
    .pd-side, .pd-right, .pd-left {padding:0 3%;}
    .stal {text-align:left !important;}
    .stal:not(.pd-side) { padding:0 3%;}
    .pd-around .stal:not(.pd-side), .pd-side .stal:not(.pd-side) { padding:0;}  
 
}

* {  
  margin:0;
  padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.item-list {
  padding:0 10px 0 10px;
}

.item-list ul{
  margin-left:-10px;
  overflow:hidden;
  background-color:transparent;
}

.item-list ul li {
  list-style-type:none;
  float:left;
  padding-left:20px;
}

ul.cols-1 li {width: 100%;}
ul.cols-2 li {width: 50%;}
ul.cols-3 li {width: 33.33333%;}
ul.cols-4 li {width: 25%;}
ul.cols-5 li {width: 20%;}
ul.cols-6 li {width: 16.66666%;}
ul.cols-7 li {width: 14.28571%;}
ul.cols-8 li {width: 12.5%;}

.inner{
  margin:0;
  height:100%;
  background:white;
}

@media only screen and (max-width: 767px) {
  ul.cols-4 li,ul.cols-5 li,ul.cols-6 li,ul.cols-7 li,ul.cols-8 li{
      width: 33%;
  }
  ul.cols-3 li{
      width:50%;
  } 
}

@media only screen and (max-width: 479px) {
  ul[class*='cols-'] > li{
      width: 100%;
  }
}


.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
.list1 li{
	position:relative;
	padding-left:20px;
}
 
.list1 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:3px; 
	left:2px; 
	height:0; 
	width:0; 
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #3a7796;
}

.list2 li{
	position:relative;
	padding-left:20px;
}
 
.list2 li:before{
	content:''; 
	height:0; 
	width:0; 
	display:block; 
	border:5px transparent solid; 
	border-right-width:0; 
	border-left-color:#3a7796; 
	position:absolute; 
	top:5px; 
	left:8px;
}
 
.list2 li:after{
	content:''; 
	height:2px; 
	width:10px; 
	display:block; 
	background:#3a7796; 
	position:absolute; 
	top:9px; 
	left:0px;
}

.list3 li{
	position:relative;
	padding-left:20px;
}
 
.list3-maru:after{
	content:''; 
	display:block; 
	position:absolute; 
	top:3px; 
	left:3px; 
	border-radius:30px;
	height:7px; 
	width:7px; 
	border:3px solid #3a7796;
}
 
.list3-batu:before, .list3-batu:after{
	content:''; 
	display:block; 
	position:absolute; 
	top:8px; 
	left:3px;
	height:4px; 
	width:14px; 
	background:#3a7796; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.list3-batu:after{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}

.list4 li{
	position:relative;
	padding-left:20px;
}
 
.list4 li:after, .list4 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	top:4px; 
	left:8px; 
	height:11px; 
	width:4px; 
	background:#3a7796; 
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.list4 li:before{
	top:8px; 
	left:3px;
	height:8px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

.list5 li{
	position: relative;
	padding-left: 20px;
}
.list5 li:before{
}
.list5 li:after{
	content:'';
	display:block; 
	position:absolute; 
	background:#3a7796;
	width:5px;
	height:5px; 
	top:7px; 
	left:5px; 
	border-radius: 5px;
}

.list6 li{
	position:relative;
	padding-left:20px;
}
 
.list6 li:after{
	content:'';
	display:block; 
	position:absolute; 
	background:#3a7796;
	width:9px;
	height:9px; 
	top:5px; 
	left:5px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

.list6_3 li{
	position:relative;
	padding-left:20px;
	float: left;
	width: 31%;
}
 
.list6_3 li:after{
	content:'';
	display:block; 
	position:absolute; 
	background:#3a7796;
	width:9px;
	height:9px; 
	top:5px; 
	left:5px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

@media only screen and (max-width: 768px) {
	.list6_3 li{
	width: 43%;
}
}
@media only screen and (max-width: 414px) {
	.list6_3 li{
	width: 100%;
}
}

.list7 li{
	position:relative;
	display: block;
	padding: 5px 0px 5px 30px;
	background: #29447c;
	color: #fff;
	border-radius:15px 0px 0px 15px;
}
 
.list7 li:after{
	content:'';
	display:block; 
	position:absolute;
	width:14px;
	height: 14px;
	top:8px;
	left:5px;
	background: #fff;
	border-radius: 10px;
}

.list8{
	counter-reset:li;
	margin-left:20px !important;
}
 
.list8 li{
	position:relative;
	display: block;
	padding:8px 0px 8px 40px; 
}
 
li.list8-count:after{
	counter-increment: li;
	content: counter(li);
	position: absolute;	
	left: -16px;
	top: 2px;
	background: #c4d8ee;
	height: 30px;
	width: 30px;
	line-height: 32px;
	border: 2px solid #29447c;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 30px;
}
 
li.list8-count:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:11px; 
	left:15px; 
	height:0; 
	width:0; 
	border-top: 8px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 13px solid #29447c;
}

.list9{
	counter-reset:li;   
}
.list9 li{
	position: relative;
	display: block;
	padding: 5px 0px 5px 50px;
	background: #c4d8ee;
	border: 2px solid #29447c;
	border-radius: 2px;
	/* [disabled]margin-left:-15px !important; */
}
li.list9-count:after{
	counter-increment: li;
	content: counter(li);
	position: absolute;
	left: 0px;
	top: 0px;
	background: #29447c;
	height: 30px;
	width: 30px;
	line-height: 30px;
	border: 2px solid #29447c;
	color: #fff;
	text-align: center;
	font-weight: bold;
	/* [disabled]border-radius: 2px; */
}
 
li.list9-count:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:8px; 
	left:33px; 
	height:0; 
	width:0; 
	border-top: 8px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 13px solid #29447c;
}

.list10{
	counter-reset:li;   
}
 
.list10 li{
	position:relative;
	display: block;
	padding:10px 0px 10px 30px; 
	margin-left:0px !important;
}
 
li.list10-count:after{
	counter-increment: li;
	content: counter(li) ".";
	position: absolute;	
	display: block;
	text-align: center;
	font-style: italic;
	left: 0px;
	top: 6px;
	font-size: 30px;
	color:#aac4f7;
	font-family:'Goudy Bookletter 1911',Georgia,serif; 
}
ul.list11 {
	
}

ul.list11 li {
	color: #404040;
	border-left: solid 6px #3a7796;
	border-bottom: solid 2px #dadada;
	background: whitesmoke;
	margin-bottom: 5px;
	line-height: 1.5;
	padding: 0.5em;
	list-style-type: none!important;
	font-weight: bold;
}

.fa-2x {
	font-size: 2em!important;
	line-height: 1.6em!important;
}
.fa-3x {
	font-size: 3em!important;
	line-height: 1.6em!important;
}
@media only screen and (max-width: 667px) {
.fa-2x {
	font-size: 1.5em!important;
}
.fa-3x {
	font-size: 2em!important;
}
}
@media only screen and (max-width: 375px) {
.fa-2x {
	font-size: 1.5em!important;
}
.fa-3x {
	font-size: 1.3em!important;
}
}
.box {
	border: 3px solid #333;
	padding:1em;
}
.box-13_1, .box-13_2, .box-13_3, .box-13_4 {
    border: 2px solid #415c93;
    border-radius: 4px;
    margin:0;
    padding: 1em;
    position: relative;
}
.box-13_1::before {
	background-color: #fff;
	color: #415c93;
	content: "安全への取り組み";
	font-weight: bold;
	left: 1em;
	padding: 0 .5em;
	position: absolute;
	top: -1em;
	font-size: 1.2em;
}
.box-13_2::before {
    background-color: #fff;
    color: #415c93;
    content: "環境への取り組み";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
	font-size: 1.2em;
}
.box-13_3::before {
    background-color: #fff;
    color: #415c93;
    content: "こんな人材求めています";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
	font-size: 1.2em;
}
.box-13_4::before {
    background-color: #fff;
    color: #415c93;
    content: "当社・必要資格";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
	font-size: 1.2em;
}
.box-13_4::before {
    background-color: #fff;
    color: #415c93;
    content: "作業を行う上で必要な資格";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
	font-size: 1.2em;
}

.txtR{
	text-align:right;
}
.floatR{
	float:right;
}
.pagelink{
	text-align:center;
	margin:40px 0 30px;
}
.pagelink li {
				display:inline-block;
	width:30%;
}
.pagelink li a{
	display:block;
		background:#3D77B1;
		text-decoration:none;
		color:#FFF;
		padding:0.3em 1em;
		border-radius:15px;
		margin:0 2% 20px;
}
.pagelink li a:hover{
			background: #719FCE;
			transition:0.6s;

}
@media only screen and (max-width: 768px) {
.txtR{
	text-align: left;
}

}
ul.disk{
	margin-bottom:1em;}
ul.disc li{
	list-style-type: disc;
	margin-left: 1.5em;
}

ol.decimal{
	margin-bottom:1em;}
ol.decimal li{
	list-style-type: decimal;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 2em;

}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
}
.flex-2col {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}
.flex-2col > li{
  width:47%;
  margin:2% 0 0 0%; 
}
.flex-2col li:nth-of-type(even) {
  width:47%;
  margin:2% 0 0 6%; 
}
.flex-2col-start {
  display:flex;
  justify-content:start;
  align-items:start;
  flex-wrap:wrap;
}
.flex-2col-start > li{
  width:47%;
  margin:2% 0 0 2%; 
}
.flex-list2 {
  width:18% !important;
  margin:0 0 0 0% !important;  
}
.flex-list3 {
  width:30% !important;
  margin:0 0 0 0% !important;  
}
.flex-list4 {
  width:38% !important;
  margin:0 0 0 2% !important;  
}
.flex-list5 {
  width:48% !important;
  margin:2% 0 0 2% !important;  
}
.flex-list6 {
  width:58% !important;
  margin:2% 0 0 2% !important;  
}
.flex-list7 {
  width:70% !important;
  margin:2% 0 0 0% !important;  
}
.flex-list8 {
  width:78% !important;
  margin:2% 0 0 2% !important;  
}
.flex-list9 {
  width:88% !important;
  margin:2% 0 0 2% !important;  
}
.flex-2col-2 {
  display:flex;
  justify-content:start;
  align-items:start;
  flex-wrap:wrap;
}
.flex-2col-2 li:nth-of-type(1){
  width:37%;
  margin:0 0 0 3%; 
}
.flex-2col-2 li:nth-of-type(2){
  width:52%;
  margin:0 0 0 3%; 
}
.flex-3col {
  display:flex;
  justify-content:start;
  align-items:start;
  flex-wrap:wrap;
}
.flex-3col > li{
  width:32%;
  margin:2% 0 0 1%; 
}
@media only screen and (max-width: 768px) {
.flex-2col > li,.flex-2col-start > li{
  width:100% !important;
  margin:2% auto !important; 
}
.flex-3col > li{
  width:100%;
  margin:2% auto !important; 
}
.flex-3col > li:nth-of-type(1) {
    width: 100%;
    margin:2% auto !important; 
}
.flex-list2,.flex-list3,.flex-list4,.flex-list5,.flex-list6,.flex-list7,.flex-list8,.flex-list9 {
  width:100% !important;
  margin:2% auto !important;  
}

}
.res-small-img95 {
    width:95% !important;
	height:auto !important;
}
.res-small-img90 {
    width:90% !important;
	height:auto !important;
}
.res-small-img80 {
    width:80% !important;
	height:auto !important;
}
.res-small-img70 {
    width:70% !important;
	height:auto !important;
}
.res-small-img60 {
    width:60% !important;
	height:auto !important;
}
.res-small-img50 {
    width:50% !important;
	height:auto !important;
}
res-.small-img40 {
    width:40% !important;
	height:auto !important;
}
.res-small-img30 {
    width:30% !important;
	height:auto !important;
}
.res-small-img20 {
    width:20% !important;
	height:auto !important;
}
@media only screen and (max-width: 768px) {
.res-small-img90,.res-small-img80,.res-small-img70,.res-small-img60{
     width:100% !important;
	height:auto !important;  
}
}
/*===========================
spacer
===========================*/


.res-mt10 {
	margin-top:10px !important;
}
.res-mt20 {
	margin-top:20px !important;
}
.res-mt30 {
	margin-top:30px !important;
}
.res-mt40 {
	margin-top:40px !important;
}
.res-mt50 {
	margin-top:50px !important;
}
.res-mt60 {
	margin-top:60px !important;
}
.res-mt70 {
	margin-top:70px !important;
}
.res-mt80 {
	margin-top:80px !important;
}
.res-mt0{
	margin-top:0px !important;}
	
.res-mb10 {
	margin-bottom:10px !important;
}
.res-mb20 {
	margin-bottom:20px !important;
}
.res-mb30 {
	margin-bottom:30px !important;
}
.res-mb40 {
	margin-bottom:40px !important;
}
.res-mb50 {
	margin-bottom:50px !important;
}
.res-mb60 {
	margin-bottom:60px !important;
}
.res-mb70 {
	margin-bottom:70px !important;
}
.res-mb80 {
	margin-bottom:80px !important;
}
.res-mb0{
	margin-bottom:0px !important;}

@media screen and (max-width: 768px) {
.res-mt10,.res-mt20,.res-mt30 {
     margin-top:5% !important;
}
.res-mb10,.res-mb20,.res-mb30 {
     margin-bottom:5% !important;
}
.res-mt40,.res-mt50,.res-mt60 {
     margin-top:6% !important;
}
.res-mb40,.res-mb50,.res-mb60 {
     margin-bottom:6% !important;
}
.res-mt70,.res-mt80 {
     margin-top:7% !important;
}
.res-mb70,.res-mb80 {
     margin-bottom:7% !important;
}
}
/* txt */
.txt2 {
   font-size:1.2rem;
   font-weight:800;
}
.txtbold {
   font-weight:bold;
}
.tx-center {
   text-align:center
}
.tx-left {
   text-align:left;
}
.tx-right {
   text-align:right;
}
.tx_marker {
   background:linear-gradient(transparent 75%, #fff799 75%);
   font-weight:bold;
   display:inline;
}
/* color */

.red {
	color: #bc2d2d;
}
.green {
	color: #3b7a28;
}
.brown {
	color: #a67435;
}
.blue {
	color: #325f99;
}
.catchcopy {
    font-size: 2rem;
    font-family: 'Noto Sans Japanese';
    font-weight: 400;
    line-height: 1.3em;
    color: #E0625E;
}
.col_red {
	color:#F33;
}
.col_green {
	color: #1a9651 !important;
}
.col_blue {
	color: #06C;
}
.col_orange {
	color: #F06000;
}
.res-tx-70p  {
	font-size:70% !important;
	letter-spacing:normal;
}	
.res-tx-80p  {
	font-size:80% !important;
	letter-spacing:normal;
}
.res-tx-90p  {
	font-size:90% !important;
	letter-spacing:normal;
}
.res-tx100p    {
	font-size:100% !important;
	letter-spacing:normal;
}
.res-tx-110p {
    font-size: 110% !important;
	letter-spacing:normal;
}
.res-tx-120p    {
	font-size:120% !important;
	letter-spacing:normal;
}
.res-tx-130p    {
	font-size:130% !important;
	letter-spacing:normal;
}
.res-tx-140p    {
	font-size:140% !important;
	letter-spacing:normal;
	line-height:1.4em;
}
.res-tx-150p    {
	font-size:150% !important;
	letter-spacing:normal;
}
.res-tx-160p    {
	font-size:160% !important;
	letter-spacing:normal;
}
.res-tx-170p    {
	font-size:170% !important;
	letter-spacing:normal;
}
.res-tx-180p    {
	font-size:180% !important;
	letter-spacing:normal;
}
.res-tx-230p    {
	font-size:230% !important;
	letter-spacing:normal;
}
.tx-300p    {
	font-size:300% !important;
	letter-spacing:normal;
}
.mar0 {
    margin:0 auto;
}
.txsize1 {
   font-size:1.2rem;
   font-weight:800;
   color:#F33;
   text-align:center;
}
.txtstyle1 {
	font-size: 1.16em;
	font-weight: bold;
}
.txtstyle2 {
	font-size: 1.24em;
	font-weight: bold;
}
.ex {
    padding-left:1em;
    text-indent:-1em;
}

@media only screen and (max-width: 768px) {
.res-tx-230p {
    font-size: 120% !important;
    letter-spacing: nomal;
}
.res-tx-180p {
    font-size: 110% !important;
    letter-spacing: nomal;
}	


}


@media only screen and (max-width: 600px) {
.line-h2 {
    line-height: 1.5;
}
.res-tx-230p {
    font-size: 130% !important;
    letter-spacing: nomal;
}
.res-tx-180p,.res-tx-170p {
    font-size: 120% !important;
    letter-spacing: nomal;
}
.res-tx-160p,.res-tx-150p {
    font-size: 110% !important;
    letter-spacing: nomal;
}
.res-tx-140p,.res-tx-130p,.res-tx-120p,.res-tx-110p {
    font-size: 100% !important;
    letter-spacing: nomal;
}
}
.wd40{
   width:40% !important;
   margin:auto;
}
.wd50 {
  width:50% !important;
  margin:0 auto;
}
.wd60 {
  width:60% !important;
  margin:0 auto;
}
.wd70 {
  width:70% !important;
  margin:0 auto;
}
.wd80 {
  width:80% !important;
  margin:0 auto;
}
.wd85 {
  width:85% !important;
  margin:0 auto;
}
.wd90 {
  width:90% !important;
  margin:0 auto;
}
.wd95 {
  width:95% !important;
  margin:0 auto;
}
.res-wd40{
   width:40% !important;
   margin:auto;
}
.res-wd50 {
  width:50% !important;
  margin:0 auto;
}
.res-wd60 {
  width:60% !important;
  margin:0 auto;
}
.res-wd70 {
  width:70% !important;
  margin:0 auto;
}
.res-wd80 {
  width:80% !important;
  margin:0 auto;
}
.res-wd85 {
  width:85% !important;
  margin:0 auto;
}
.res-wd90 {
  width:90% !important;
  margin:0 auto;
}
.res-wd95 {
  width:95% !important;
  margin:0 auto;
}

@media only screen and (max-width: 768px) {
.res-wd40,.res-wd50,.res-wd60,.res-wd70,.res-wd80,.res-wd85,.res-wd90,.res-wd95{
   width:100% !important;
   margin:auto;
}
}
.point1 {
    list-style:  none;      /* デフォルトのアイコンを消す */
    margin:  0;             /* デフォルト指定上書き */
    padding: 0;             /* デフォルト指定上書き */
}
.point1 li {
     padding-left:15px;
     position:relative;
	 margin:0 0 3% 0;
	 font-size:1.1em;
}
.point1 li:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #465fa8;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:absolute;
    left:0px;
    top:5px;
}
ul.liOrange {
    margin-left: 0;
}
ul.liOrange li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 0 20px;
    background-image: url(../img/common/clip_li_orange.png);
    background-position: 0px 9px;
    background-repeat: no-repeat;
    line-height: 2em;
}
.business {
  border-bottom: solid 3px #cce4ff;
  position: relative;
}
.business:first-letter {
  margin-right: .1em;
  font-size: 1.2em;
}
.business:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 10%;
}
@media only screen and (max-width: 768px) {
.g-map {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.g-map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
}
.pc-dp {
    display:block !important;
}
.sp-dp {
    display:none !important; 
}
@media only screen and (max-width: 768px) {
.pc-dp {
    display:none !important;
}
.sp-dp {
    display:block !important; 
}
}

@media only screen and (max-width: 768px) {
.point1 li {
    padding-left: 15px;
    position: relative;
    margin: 0 0 6% 0;
    font-size: 1.0em;
}

.wrap-h1 {
    width:94%;
	margin:6% auto;
   box-sizing:border-box;
}
.topContent2 .news {
    width: 100%;
    margin-right: 2%;
    background: #FFF;
    padding: 2%;
   box-sizing:border-box;
}
}

.dataArea .data a {
    color: #495252;
    text-decoration: none;
}
.dataArea .data a:hover {
    opacity:0.7;
    text-decoration: none;

}