/*===========================
additional css elements 
===========================*/
header div .tel a {
	text-decoration: none;
}
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: 20px;
	padding: 0;
}
#table4 tbody td:nth-of-type(1):before {
	content: "[工事名]";
}
#table4 tbody td:nth-of-type(2):before {
	content: "[内容]";
}
#table4 tbody td:nth-of-type(3):before {
	content: "[規模]";
}
#table4 tbody td:nth-of-type(4):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;
	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: middle;
	background-color: #dbe4ea;
}
table.table5 th.p20 {
	width: 20%;
}
table.table5 th.p25 {
	width: 25%;
}
table.table5 th.p30 {
	width: 30%;
}
@media only screen and (max-width:800px) {
table.table5 th.p20 {
	width: 100%;
}
table.table5 th.p25 {
	width: 100%;
}
table.table5 th.p30 {
	width: 100%;
}
}
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%;
}
/* リスト追加 */


.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;
}
.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;
	margin-left:10px;
	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;
}
.col_orange {
	color:#F60;
}
.txtR {
	text-align: right;
}
.pic_center {
	text-align: center;
}
.marker {
	background: linear-gradient(transparent 50%, #c4fbc3 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 {
	margin-bottom: 1.5em;
}
ul.sns li {
	display: inline-block;
	vertical-align:top;
	margin: 0 5px;
}
ul.sns li.facebook {
	line-height:0;
}
.button a {
	width: 100%;
	background-color: #196096;
	border-radius: 3px;
	box-shadow: 0 3px 0 rgba(37,69,109,1);
	color: #ffffff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 10px auto;
	padding: 10px 0;
}
.button a:hover {
	box-shadow: 0 1px 0 rgba(37,69,109,1);
	margin: 12px auto 8px;
}
 @media screen and (max-width: 768px) {
header .logo {
	width:80%;
	margin:5px 2px;
	float:none;
	margin-top:0;
	position:absolute;
	left:5px;
	top:5px;
}
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:1em 1%;
}
.duo.gutter2, .half.gutter2 {
	width:48%;
	margin:.25em 1%;
}
.duo.gutter3, .half.gutter3 {
	width:48%;
	margin:0 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:1em 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:1em 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:1em 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:1em 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:1em 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:1em 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:1em 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;
}
}
.catchcopy {
	color:#1e9e6c;
	font-size:1.5em;
	letter-spacing:1px;
	line-height:1.5em;
}

.catchOR {
	color:#EF5129;
	font-size:2em;
	letter-spacing:1px;
	line-height:1.5em;
}

.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;
	padding-right: 15px;
}
.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 {
	content:'';
	height:0px;
	width: 90%;
	display:block;
	position:absolute;
	top:23px;
	left:0px;
	border-bottom: 1px dashed #aaa;
}
.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: #333;
	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;
}
.box-8 {
	background-color: #f7b434;
	border: 1px solid #e29a27;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset,  0 0 4px rgba(255, 255, 255, .8) inset,  2px 2px 2px rgba(0, 0, 0, .4);
	color: #fff;
	margin: 0;
	padding: 1em;
}
.box-8 p {
	font-size: 1.3em;
}
.twenty.gutter p {
	font-size: 3em;
	line-height: 1.3em;
}
.box-13 {
	border: 2px solid #3a7796;
	border-radius: 4px;
	margin: 2em 0;
	padding: 2em;
	position: relative;
}
.box-13::before {
	background-color: #fff;
	color: #3a7796;
	content: "";
	font-weight: bold;
	left: 1em;
	padding: 0 .5em;
	position: absolute;
	top: -1em;
}
.box-13_2 {
	border: 2px solid #3a7796;
	border-radius: 4px;
	margin: 0;
	padding: 2.5em 2em;
	position: relative;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}

.box5 {
    background-color: #ddebf2;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #ddebf2;
    margin: 2em 0;
    padding: 2em;
}

.subnavi {
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #d8e3ec;
	margin-bottom: 60px;
}
.subnavi ul {
	margin: 0 auto;
	max-width: 1000px;
}
.subnavi ul li {
	display: inline-block;
	line-height: 1;
	margin: 0;
	padding: 0;
	margin: 0 15px 0;
}
.subnavi ul li a {
	text-decoration: none;
	padding: 13px 0 11px;
	display: block;
}
.subnavi ul li a:hover {
	color: #1b6694;
}

.w100 {
	width:100%;
}
.pc300 {
	width:300px;
}

@media only screen and (max-width: 768px) {
.twenty.gutter p {
	line-height: 0.5em;
}
.pc300 {
	width:100%;
}

}
.tx120p {
	font-size:120%;
}
.tx140p {
	font-size:140%;
	line-height:1.2em;
}
.tx-em {
	background: linear-gradient(transparent 57%, rgba(150, 230, 172, 0.7) 0%);
}

.button2 {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	padding: 10px;
	position: relative;
	background-color: #458bcc;
	border-radius: 4px;
	color: #fff;
	line-height: 35px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #3071ad;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button2:hover {
	background-color: #609cd3;
	box-shadow: 0 3px 0 #3071ad;
}
.button2:active {
	top: 3px;
	box-shadow: none;
}
.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	padding: 15px;
}
.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 {
	position: relative;
	background-color: #458bcc;
	border-radius: 4px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 4px 0 #3071ad;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.button:hover {
	top: 3px;
	box-shadow: 0 1px 0 #3071ad;
}
.button:active {
	top: 3px;
	box-shadow: none;
}
.before {
	font-weight:bold;
	font-family:'Helvetica', 'sans-serif';
	position:relative;
	display:block;
	overflow:visible;
}
.before:before, .before:after {
	display:block;
	position:absolute;
	left:-12px;
}
.before:before {
	content:"";
	border:6px solid transparent;
	border-top-color:#333;
	border-right-color:#333;
	top:43px;
}
.before:after {
	content:"BEFORE";
	background:#555;
	color:#fff;
	padding:0 24px;
	line-height:35px;
	top:8px;
	z-index:10;
	font-size: 20px;
}
.after {
	font-weight:bold;
	font-family:'Helvetica', 'sans-serif';
	position:relative;
	display:block;
	overflow:visible;
}
.after:before, .after:after {
	display:block;
	position:absolute;
	left:-12px;
}
.after:before {
	content:"";
	border:6px solid transparent;
	border-top-color:#a1364f;
	border-right-color:#a1364f;
	top:43px;
}
.after:after {
	content:"AFTER";
	background:#c24760;
	color:#fff;
	padding:0 24px;
	line-height:35px;
	top:8px;
	z-index:10;
	font-size: 20px;
}
a.arrow1 {
	text-decoration:none;
	color:#62A1CB;
	display:inline-block;
	padding-right:16px;
	position:relative;
}
a.arrow1:before, a.arrow1:after {
	content:"";
	display:block;
	position:absolute;
}
a.arrow1:before {
	border-right:1px solid #62A1CB;
	border-top:1px solid #62A1CB;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	width:8px;
	height:8px;
	right:0;
	top:50%;
	margin-top:-4px;
}
a.arrow1:after {
	width:12px;
	border-bottom:1px solid #62A1CB;
	right:0;
	top:50%;
}
a.arrow2 {
	text-decoration:none;
	color:#62A1CB;
	display:inline-block;
	padding-right:16px;
	position:relative;
}
a.arrow2:before, a.arrow2:after {
	content:"";
	display:block;
	-webkit-transform:skewX(45deg);
	transform:skewX(45deg);
	position:absolute;
	right:0;
	bottom:6px;
}
a.arrow2:before {
	width:12px;
	height:3px;
	background:#62A1CB;
}
a.arrow2:after {
	width:4px;
	height:8px;
	background:#62A1CB;
}
a.arrow3 {
	position:relative;
	display:inline-block;
	padding:0 32px 0 12px;
	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:10px;
	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:16px;
	top:9px;
}
* {
	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;
}
#item-list ul {
	overflow:hidden;
	background-color:transparent;
}
#item-list ul li {
	list-style-type:none;
	float:left;
}
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%;
}
}
p.before {
	padding-left:1em;
	position:relative;
}
p.before:before {
	content:"※";
	position:absolute;
	left:0;
	top:0;
}
.koe dt {
	/* [disabled]font-size: 1.2em;
*/
	padding-left: 1.5em;
	text-indent: -1.5em;
	font-weight: bold;
}
.koe dt:before {
	content: "\f086";
	font-family: FontAwesome;
	color: #090;
	margin-right: .3em;
	font-weight: normal;
}
.koe dd {
	margin-bottom: .75em;
	padding-left: 1.5em;
}
.fa-lg {
	line-height:1.5em!important;
}
.pd-left {
	padding-bottom: 1em;
}

/*----------------------------
spacer
-----------------------------*/
 
/* padding */
.pt0 {
	padding-top: 0px!important;
}
.pt5 {
	padding-top: 5px!important;
}
.pt10 {
	padding-top: 10px!important;
}
.pt15 {
	padding-top: 15px!important;
}
.pt20 {
	padding-top: 20px!important;
}
.pt25 {
	padding-top: 25px!important;
}
.pt30 {
	padding-top: 30px!important;
}
.pt40 {
	padding-top: 40px!important;
}
.pt50 {
	padding-top: 50px!important;
}
.pt60 {
	padding-top: 60px!important;
}
.pt70 {
	padding-top: 70px!important;
}
.pt80 {
	padding-top: 80px!important;
}
.pt90 {
	padding-top: 90px!important;
}
.pt100 {
	padding-top: 100px!important;
}
.pb0 {
	padding-bottom: 0px!important;
}
.pb5 {
	padding-bottom: 5px!important;
}
.pb10 {
	padding-bottom: 10px!important;
}
.pb15 {
	padding-bottom: 15px!important;
}
.pb20 {
	padding-bottom: 20px!important;
}
.pb25 {
	padding-bottom: 25px!important;
}
.pb30 {
	padding-bottom: 30px!important;
}
.pb40 {
	padding-bottom: 40px!important;
}
.pb50 {
	padding-bottom: 50px!important;
}
.pb60 {
	padding-bottom: 60px!important;
}
.pb70 {
	padding-bottom: 70px!important;
}
.pb80 {
	padding-bottom: 80px!important;
}
.pb90 {
	padding-bottom: 90px!important;
}
.pb100 {
	padding-bottom: 100px!important;
}
.pl0 {
	padding-left: 0px!important;
}
.pl5 {
	padding-left: 5px!important;
}
.pl10 {
	padding-left: 10px!important;
}
.pl15 {
	padding-left: 15px!important;
}
.pl20 {
	padding-left: 20px!important;
}
.pl25 {
	padding-left: 25px!important;
}
.pl30 {
	padding-left: 30px!important;
}
.pl40 {
	padding-left: 40px!important;
}
.pl50 {
	padding-left: 50px!important;
}
.pr0 {
	padding-right: 0px!important;
}
.pr5 {
	padding-right: 5px!important;
}
.pr10 {
	padding-right: 10px!important;
}
.pr15 {
	padding-right: 15px!important;
}
.pr20 {
	padding-right: 20px!important;
}
.pr25 {
	padding-right: 25px!important;
}
.pr30 {
	padding-right: 30px!important;
}
.pr40 {
	padding-right: 40px!important;
}
.pr50 {
	padding-right: 50px!important;
}
/* margin */
.mt0 {
	margin-top: 0px!important;
}
.mt5 {
	margin-top: 5px!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt15 {
	margin-top: 15px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt25 {
	margin-top: 25px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mt50 {
	margin-top: 50px!important;
}
.mt60 {
	margin-top: 60px!important;
}
.mt70 {
	margin-top: 70px!important;
}
.mt80 {
	margin-top: 80px!important;
}
.mt90 {
	margin-top: 90px!important;
}
.mt100 {
	margin-top: 100px!important;
}
.mb0 {
	margin-bottom: 0px!important;
}
.mb5 {
	margin-bottom: 5px!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.mb15 {
	margin-bottom: 15px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb25 {
	margin-bottom: 25px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
.mb40 {
	margin-bottom: 40px!important;
}
.mb50 {
	margin-bottom: 50px!important;
}
.mb60 {
	margin-bottom: 60px!important;
}
.mb70 {
	margin-bottom: 70px!important;
}
.mb80 {
	margin-bottom: 80px!important;
}
.mb90 {
	margin-bottom: 90px!important;
}
.mb100 {
	margin-bottom: 100px!important;
}
.ml0 {
	margin-left: 0px!important;
}
.ml5 {
	margin-left: 5px!important;
}
.ml10 {
	margin-left: 10px!important;
}
.ml15 {
	margin-left: 15px!important;
}
.ml20 {
	margin-left: 20px!important;
}
.ml25 {
	margin-left: 25px!important;
}
.ml30 {
	margin-left: 30px!important;
}
.ml40 {
	margin-left: 40px!important;
}
.ml50 {
	margin-left: 50px!important;
}
.mr0 {
	margin-right: 0px!important;
}
.mr5 {
	margin-right: 5px!important;
}
.mr10 {
	margin-right: 10px!important;
}
.mr15 {
	margin-right: 15px!important;
}
.mr20 {
	margin-right: 20px!important;
}
.mr25 {
	margin-right: 25px!important;
}
.mr30 {
	margin-right: 30px!important;
}
.mr40 {
	margin-right: 40px!important;
}
.mr50 {
	margin-right: 50px!important;
}

/*----------------------------
variable grid
-----------------------------*/


.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth {
	display: inline;
	float: left;
	margin: 0 0 0 5%;
	list-style: none;
}
.one_half:first-child, .one_third:first-child, .two_third:first-child, .one_quarter:first-child, .two_quarter:first-child, .three_quarter:first-child, .one_fifth:first-child, .two_fifth:first-child, .three_fifth:first-child, .four_fifth:first-child, .one_sixth:first-child, .two_sixth:first-child, .three_sixth:first-child, .four_sixth:first-child, .five_sixth:first-child {
	margin-left: 0;
}
.first {
	margin-left: 0;
	clear: left;
}
/*Half Grid*/

.one_half {
	width: 47.5%;
}
/*Third Grid*/


.one_third {
	width: 30%;
}
.two_third {
	width: 65%;
}
/*Quarter Grid*/


.one_quarter {
	width: 21.25%;
}
.two_quarter {
	width: 47.5%;
} /* Same as one_half */
.three_quarter {
	width: 73.75%;
}
/*Fifth Grid*/


.one_fifth {
	width: 16%;
}
.two_fifth {
	width: 37%;
}
.three_fifth {
	width: 58%;
}
.four_fifth {
	width: 79%;
}
/*Sixth Grid*/

.one_sixth {
	width: 12.5%;
}
.two_sixth {
	width: 30%;
} /* Same as one_third */
.three_sixth {
	width: 47.5%;
} /* Same as one_half */
.four_sixth {
	width: 65%;
} /* Same as two_third */
.five_sixth {
	width: 82.5%;
}
 @media screen and (max-width: 768px) {
.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth {
	margin: 0 0 3em 0;
}
.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth {
	width: 100%;
}
}

/* 「※」付きなど用の文字インデント */

.txtInd {
	padding-left:1em;  
	text-indent:-1em; 
}

.txtInd2 {
	padding-left:1em;  
	text-indent:-1em;
	margin-bottom:1.2em;
}