@charset "utf-8";

/* CSS Document */
a[href^="tel:"] {
	cursor: default;
	color: #000;
}

/*.mainbox h2 {
	font-size:20px;
	font-weight:normal;
	margin-bottom:15px;
	line-height:1.5em;
	padding-left:7px;
	border-left:solid 7px #8AB773;
}
.mainbox h3 {
	font-size:18px;
	font-weight:normal;
	margin-bottom:15px;
	line-height:1.2em;
padding: .5em .75em;
  background-color: #f6f6f6;
  border: 1px solid #eee;
  box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset;
}
.mainbox h4 {
	font-size:16px;
	font-weight:normal;
	margin-bottom:10px;
}
.mainbox p {
	line-height:1.7em;
	font-size:1.0em;
	margin-bottom:40px;
	word-wrap: break-word;
	width:100%;
}*/
.mainbox p.point {
	background-color: #FF9;
	padding: 10px;
	text-align: center;
	width: 94%;
	margin: 0 auto 40px;
}

.mainbox img {
	height: auto;
}

.mainbox img.b {
	border: solid 1px #eee;
}

.ficon img {
	border: none;
}

.phi {
	margin-bottom: 20px;
}

ul.rinen {
	margin-bottom: 40px;
	padding-left: 0;
	list-style-type: none;
}

ul.rinen li {
	position: relative;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-left: 40px;
}

ul.rinen li:before {
	content: '一、';
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
}

ul.kome {
	margin-bottom: 40px;
	list-style-type: none;
}

ul.kome li {
	position: relative;
	margin-bottom: 7px;
	margin-left: 0;
	padding-left: 20px;
}

ul.kome li:before {
	content: '※';
	display: block;
	position: absolute;
	top: 0;
	left: 5px;
}

ul.ck {
	padding: 0.5em;
	list-style-type: none;
	margin-bottom: 40px;
	margin-left: 0;
}

ul.ck li {
	position: relative;
	padding: 0em 0.3em 0.3em 1.5em;
}

ul.ck li:after,
ul.ck li:before {
	position: absolute;
	content: '';
	display: block;
	background: #FF160B;
	top: 0.43em;
	left: 0.5em;
	height: 11px;
	width: 4px;
	border-radius: 10px;
	transform: rotate(45deg);
}

ul.ck li:before {
	top: 0.6em;
	left: 0.2em;
	height: 8px;
	transform: rotate(-45deg);
}

table.center,
table.center th,
table.center td {
	text-align: center !important;
}

table.basic {
	border-collapse: collapse;
	border: 1px solid #999;
}

table.basic th,
table.basic td,
.mainbox table.basic td {
	border: 1px solid #999;
}

table.basic th {
	background: #f0f0f0;
}

table.ctable,
.mainbox table {
	border-collapse: collapse;
	width: 100%;
}

table.ctable th.t_top,
.mainbox table>th:first-child {
	border-top: #8AB773 4px solid;
}

table.ctable th,
.mainbox table th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}

table.ctable td.t_top,
.mainbox table>td:first-child {
	border-top: #ddd 4px solid;
}

table.ctable td,
.mainbox table td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}

table.ctable tr:hover,
.mainbox table tr:hover {
	background: #f0f0f0;
	color: #666;
}

/*------*/
.bal-a {
	width: 100%;
	margin: 1.5em 0;
	overflow: hidden;
}

.bal-a .ficon {
	float: left;
	margin-right: -90px;
	width: 80px;
}

.bal-a .ficon img {
	width: 90%;
	height: auto;
	/*border: solid 3px #d7ebfe;
    border-radius: 50%;*/
}

.bal-a .chatting {
	width: 100%;
}

.says-a {
	display: inline-block;
	position: relative;
	margin: 5px 0 0 105px;
	padding: 17px 13px;
	border-radius: 12px;
	background: #d7ebfe;
}

.says-a:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 18px;
	left: -24px;
	border: 12px solid transparent;
	border-right: 12px solid #d7ebfe;
}

.says-a p {
	margin: 0;
	padding: 0;
}

/*------*/
.bal-b {
	width: 100%;
	margin: 1.5em 0;
	overflow: hidden;
}

.bal-b .ficon {
	float: right;
	margin-left: -100px;
	width: 80px;
}

.bal-b .ficon img {
	width: 80%;
	height: auto;
	/*border: solid 3px #d7ebfe;
    border-radius: 50%;*/
}

.bal-b .chatting {
	width: 100%;
}

.says-b {
	display: inline-block;
	position: relative;
	margin: 5px 125px 0 0;
	padding: 17px 13px;
	border-radius: 12px;
	background: #CAEFB4;
}

.says-b:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 18px;
	right: -24px;
	border: 12px solid transparent;
	border-left: 12px solid #CAEFB4;
}

.says-b p {
	margin: 0;
	padding: 0;
}

img.senpai {
	width: 50%;
}

hr {
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
	border-top: 1px dashed #cccccc;
	margin: 40px auto;
}

hr.proj-hr {
	border-top: 1px solid #ddd;
	text-align: center;
	margin: 60px auto 80px;
}

hr.proj-hr:after {
	content: 'Tohnen Project';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #fff;
	color: #ddd;
	font-size: 18px;
	/*-webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  transform: rotate(60deg);*/
}

.cube li a {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 20px;
	color: #333;
	width: 250px;
	height: 200px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 18px;
	display: block;
	border: solid 1px #ddd;
}

.insert-page .cube li a {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 15px;
	color: #333;
	width: 171px;
	height: 100px;
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	font-size: 14px;
	display: block;
	border: solid 1px #ddd;
}

.recruit_top li a {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 20px;
	color: #fff;
	width: 250px;
	height: 200px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 21px;
	display: block;
}

.recruit_top li a.r01 {
	background-color: #9d896c;
	/* 空五倍子色うつぶしいろ#9d896c  */
}

.recruit_top li a.r02 {
	background: #89c3eb;
	/* 勿忘草色わすれなぐさいろ#89c3eb  */
}

.recruit_top li a.r03 {
	background: #e6b422;
	/* 金色こんじき#e6b422  */
}

.recruit_top li a.r04 {
	background: #f19072;
	/* 曙色あけぼのいろ#f19072  */
}

.recruit_top li a.r05 {
	background: #b3ada0;
	/* 利休白茶りきゅうしろちゃ#b3ada0  */
}

.recruit_top li a.r06 {
	background: #c97586;
	/* 長春色ちょうしゅんいろ#c97586  */
}

.recruit_top li a.r07 {
	background: #82ae46;
	/* 鶸萌黄ひわもえぎ#82ae46  */
}

.recruit_top li:nth-child(odd) {
	margin-right: 0;
}

.recruit_top li {
	letter-spacing: -1px;
	display: block;
}

.recruit_top li h3 {
	text-decoration: none;
	font-size: 16px;
	background: none;
	border: none;
	padding: 0;
}

.recruit_top li a:hover {}

.faq-main {}

.faq-title>h4 {
	font-size: 14px !important;
}

.faq-content p {
	padding: 20px 0;
	width: 90%;
	margin: 0 auto;
}


/* 要素+icon 
----------------------------------------------------------- */
a[href$=".pdf"] {
	background-image: url(images/common/ico_pdf.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

* html a.pdf {
	background-image: url(images/common/ico_pdf.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

a[href$=".doc"],
a[href$=".docx"] {
	background-image: url(images/common/ico_doc.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

* html a.doc,
* html a.docx {
	background-image: url(images/common/ico_doc.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

a[href$=".xls"] {
	background-image: url(images/common/ico_xls.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

* html a.xls {
	background-image: url(images/common/ico_xls.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

a[href$=".zip"] {
	background-image: url(images/common/ico_zip.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

* html a.zip {
	background-image: url(images/common/ico_zip.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.mainbox a[target="_blank"] {
	display: inline-block;
	background-position: 100% 20%;
	padding-right: 20px;
	background-image: url(images/common/ico_external.gif);
	background-repeat: no-repeat;
}

a.img[target="_blank"] {
	background-image: none !important;
}

ul.list {
	margin-left: 25px;
}

ul.list li {
	position: relative;
	margin-bottom: 10px;
}

ul.list li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #006D1C;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* submenu */
/* subsub menu */
.rightbox #sidebar li.widget h2.widgettitle {}

h2.widgettitle {
	position: relative;
	padding: 20px 20px;
	color: #FFF;
	font-size: 16px;
	box-sizing: border-box;
	font-weight: normal;
	width: 100%;
	background-color: #1b6b13;
}

/*h2.widgettitle::before{
    	content: "Sub Menu";
    	position: absolute;
    	right: 0;
    	top: 0;
    	padding:1px 10px;
    	font-size:10px;
    	background: #ccc;
    	color: #fff;
    }*/
.rightbox #sidebar li.widget ul.menu li ul.sub-menu li ul.sub-menu li {
	background-color: #e7e7e7;
	padding: 0px 0px 0px 10px;
	box-sizing: border-box;
	background-image: none;
	width: 100%;
}

li.subnav_current {
	background-image: none !important;
	background: #D0E9CE;
}

.rightbox #sidebar li.widget ul.menu li ul.sub-menu li ul.sub-menu li a {
	color: #000;
}

.rightbox #sidebar li.widget ul.menu li ul.sub-menu li ul.sub-menu li a.active {
	color: #000;
	padding-left: 40px;
}

.rightbox #sidebar li.widget ul.menu li ul.sub-menu li ul.sub-menu li.subnav_current {
	background: #D0E9CE;
	padding: 0;
}

.rightbox #sidebar li.widget ul.menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li {
	padding-left: 0;
}

.rightbox #sidebar li.widget ul.menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a {
	padding: 10px 0 10px 20px;
	width: 100%;
	background-image: none;
	/*background-color:#fff;
	border-bottom:solid 1px #eee;*/
}

.rightbox #sidebar li.widget ul.menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a.active {
	padding: 10px 0 10px 20px;
	width: 100%;
	background-image: none;
	background: #D0E9CE;
}

.rightbox #sidebar li.widget ul.menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li,
.rightbox #sidebar li.widget ul.menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li.subnav_current {
	padding-left: 0px;
}

.rightbox #sidebar li.widget ul.menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a,
.rightbox #sidebar li.widget ul.menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li.subnav_current a {
	padding-left: 20px;
}

.rightbox #sidebar li.widget ul.menu li a:hover,
.rightbox #sidebar li.widget ul.menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a:hover {
	background-color: #D0E9CE;
}

/* //submenu */

ul.disk {
	list-style-type: disc;
	margin-bottom: 40px;
	margin-left: 15px;
}

ul.disk li {
	list-style-type: disc;
	margin-bottom: 7px;
	padding-left: 3px;
}

.area {
	padding: 15px;
	border: solid 1px #ccc;
	margin-bottom: 40px;
	border-radius: 10px;
	background-color: rgb(255, 254, 244);
}

.scroll-box .area {
	padding: 15px;
	border: solid 1px #ccc;
	margin-bottom: 40px;
	border-radius: 3px;
	background-color: rgb(255, 255, 255);
}

.area-camp {
	padding: 15px 15px 0;
	border: solid 3px #C00;
	margin-bottom: 40px;
	border-radius: 10px;
	background-color: #fff;
}

.area-camp h3 {
	color: #C00;
	font-weight: bold;
}

.area-carclass {
	padding: 15px 15px 0;
	border: solid 1px #CCC;
	margin-bottom: 20px;
	border-radius: 10px;
	background-color: #fff;
}

.area-carclass h3 {
	border-left: solid 5px #396;
}

/*.stxt-shaken {
	font-size:70%;
	background-color:#fff;
	color:#999;
	padding:2px 4px;
	border-radius: 2px;
	margin-bottom:5px;
}*/
.total {
	font-size: 130%;
	color: #C00;
	font-weight: bold;
}

.cost {
	font-size: 0.85em;
}

.bold {
	font-weight: bold;
}

.red {
	color: #C00;
}

.stxt {
	font-size: 75%;
}

.ltxt {
	font-size: 28px !important;
}

ol.suji {
	list-style-type: decimal;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 40px;
}

ol.suji li {
	list-style-type: decimal;
	padding-left: 5px;
	margin-bottom: 5px;
}

ol.marusuji {
	counter-reset: my-counter;
	list-style: none;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 40px;
}

.marusuji li {
	padding-left: 30px;
	margin-bottom: 20px;
	position: relative;
}

.marusuji li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #C00;
	color: #fff;
	display: block;
	float: left;
	line-height: 22px;
	margin-left: -30px;
	text-align: center;
	height: 22px;
	width: 22px;
	border-radius: 50%;
}

.marusuji li span {
	font-size: 125%;
}

iframe {
	margin-bottom: 0px;
}

.mainbox .box {
	width: 100%;
	display: block;
	margin-bottom: 40px;
}

.mainbox .leftbox {
	text-align: left;
	float: left;
	display: table-cell;
}

.mainbox .rightbox {
	float: right;
	text-align: right;
	display: table-cell;
}

.mainbox .f_left {
	float: left;
}

.mainbox .f_right {
	float: right;
}

ul.recruit li {
	float: left;
	margin-left: 0;
}

/*.mainbox .w100 {
	width:100%;
}
.mainbox .w80 {
	width:79%;
}
.mainbox .w70 {
	width:69%;
}
.mainbox .w60 {
	width:59%;
}
.mainbox .w50 {
	width:49%;
}
.mainbox .w40 {
	width:39%;
}
.mainbox .w30 {
	width:29%;
}
.mainbox .w20 {
	width:19%;
}
.pd20 {
	padding:20px;
}
.pd30 {
	padding:30px;
}
.pd40 {
	padding:40px;
}
.pd50 {
	padding:50px;
}*/
.r {
	border-radius: 10px;
}

.mainbox p.exp {
	line-height: 1.3;
	font-size: 85%;
}

table.maido-camp {
	margin: 0 auto 20px;
	text-align: center;
	font-size: 12px;
	width: 70%;
	border-collapse: collapse;
	border: solid 1px #999;
}

table.maido-camp th,
table.maido-camp td {
	border: solid 1px #999;
}

table.maido-camp thead th {
	color: #fff;
	background-color: #396;
	text-align: center;
}

table.maido-camp th.bg-a {
	color: #fff;
	background-color: #F66;
	text-align: center;
}

table.maido-camp th.bg-b {
	color: #fff;
	background-color: #6CF;
	text-align: center;
}

table.maido-camp td {
	color: #333;
	background-color: #f0f0f0;
	text-align: center;
}

table.maido-camp td span {
	font-weight: bold;
	color: #C00;
}

sup {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}

sub {
	font-size: 75.5%;
	vertical-align: bottom;
	position: relative;
	top: 0.1em;
}

.en-head {
	display: inline-block;
	/*width: 60px;
  height: 60px;
  border-radius: 50%;*/
	background: #C00;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	/*line-height: 60px;
  vertical-align: middle;*/
	padding: 3px 10px;
}

@media screen and (max-width:480px) {
	.en-head {
		display: flex;
		margin-bottom: 10px;
	}
}

.proj {
	background-color: #fff;
	font-size: 110%;
	line-height: 1.7em;
}

.projbox {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 35px 70px 35px 70px;
	/*word-break: break-all;
	text-align: justify;
 text-justify: inter-ideograph;
	word-wrap: break-word;*/
}

.projbox h2 {
	margin-bottom: 20px;
	padding: 20px 20px 15px;
	background-color: #f0f0f0;
	border-bottom: solid 1px #eee;
	font-size: 125%;
	font-weight: normal;
}

.proj ul {
	margin: 20px auto 40px;
}

.proj li {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
	color: #fff;
	width: 260px;
	height: 177px;
	float: left;
	margin-bottom: 10px;
	margin-right: 5px;
	font-size: 21px;
	display: block;
	border: solid 1px #eee;
}

.proj li img {
	width: 260px;
	height: 155px;
	overflow: hidden;
}

.proj ul.prj li:last-child {
	margin-right: auto;
}

.proj-map {
	width: 100%;
	/*height:85px;
	max-width:800px;*/
	overflow: hidden;
	line-height: 0;
}

.photo {
	margin-bottom: 20px;
}

.ccchildpage h3 {
	margin-bottom: 0;
	font-size: 1.1em;
}

/*img.cc-child-pages-thumb {
	max-width:230px;
	width:100%;
	margin-top:0;
}*/
.ccpages_excerpt {
	margin-bottom: 10px !important;
}

.ccpages_excerpt:after {
	content: "...";
}

p.ccpages_more {
	margin: 3px 0 0 0;
	padding: 4px 10px 2px;
	border: solid 1px #ccc;
	font-size: 85%;
	display: table-cell;
	vertical-align: middle;
}

p.ccpages_more:hover {
	background-color: #D0E9CE;
}

p.ccpages_more:hover a {
	color: fff;
}

.f_text a {
	color: #fff;
	text-decoration: underline;
}

.f_text h2 {
	font-size: 18px;
}

img.mainimg,
img.size-full {
	width: 100%;
}

/* form */
#main form {
	padding: 20px;
	margin-bottom: 100px;
	background-color: #fff;
	border-radius: 3px;
	border: solid 1px #eee;
}

#main label {
	/*font-size: 14px;*/
}

#main input,
#main textarea {
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 7px;
	color: #000;
	background: #f5f5f5;
}

#main input[type="checkbox"]:focus,
#main input[type="radio"]:focus,
#main input[type="tel"]:focus,
#main input[type="date"]:focus,
#main input[type="text"]:focus,
#main input[type="email"]:focus,
#main input[type="submit"]:focus,
#main textarea:focus,
button:focus,
select:focus {
	box-shadow: 0 0 7px #C3D825;
	border: 1px solid #C3D825;
}

#main input[type="submit"],
#main .wpcf7-submit {
	border-radius: 0;
	background: -moz-linear-gradient(top, #FFF 0%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 3px solid #090;
	color: #111;
	padding: 10px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-width: 200px;
	font-size: 1.1em;
}

#main input[type="submit"]:hover,
#main .wpcf7-submit:hover {
	background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}

#main input[type="submit"].btn-back {
	border-radius: 0;
	background: -moz-linear-gradient(top, #d4d4d4 0%, #818181);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 3px solid rgb(165, 165, 165);
	color: #111;
	padding: 10px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-width: 200px;
	font-size: 1.1em;
	margin-bottom: 10px;
}

#main input[type="submit"].btn-back:hover {
	background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}

/*form 確認画面*/
#wpcf7cpcnf th {
	background: #f7fbf7;
	width: 30%;
}

#wpcf7cpcnf tr:hover {
	background: none;
	color: #000;
}

#wpcf7cpcnf tr:last-child {
	display: none;
	/* 確認画面の最後の行 */
}

div.wpcf7cp-btns {
	margin: 20px auto;
	width: 100%;
	text-align: center;
}

button.wpcf7cp-cfm-edit-btn {
	/*    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 0;
    background: -moz-linear-gradient(top, #FFF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 1px solid #DDD;
    color: #111;
    padding: 10px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/

	border-radius: 0;
	background: -moz-linear-gradient(top, #FFF 0%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 3px solid #ddd;
	color: #111;
	padding: 10px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-width: 100px;
	font-size: 1.1em;
}

button.wpcf7cp-cfm-submit-btn {
	margin-bottom: 20px;
	border-radius: 0;
	background: -moz-linear-gradient(top, #FFF 0%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 1px solid #DDD;
	color: #111;
	padding: 10px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}



ul.inline {
	width: 100%;
	display: table;
}

ul.inline li {
	display: table-cell;
	vertical-align: middle;
}

ul.fli4 {
	max-width: 530px;
	width: 100%;
	list-style-type: none;
}

ul.fli4 li {
	float: left;
	margin: 0 auto;
	display: block;
	height: 110px;
	vertical-align: bottom;
}

ul.fli4 li img {
	width: 130px;
	height: 90px;
	margin: 0 auto;
}

ul.fli {
	max-width: 530px;
	width: 100%;
	list-style-type: none;
}

ul.fli li {
	float: left;
	margin: 0 10px;
	display: block;
	height: 150px;
	vertical-align: bottom;
}

ul.fli li img {
	width: 110px;
	margin: 0 auto;
}

.mainbox h4 {
	border-bottom: solid 1px #eee;
	margin-bottom: 20px;
	padding-bottom: 3px;
}

.ggmap {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a.ccpage_linked_thumb {
	height: 155px;
	width: 233px;
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
}

a.ccpage_linked_thumb img {
	width: 100%;
}

.cc-child-pages-thumb {
	margin: 0 auto 10px !important;
}

table td ul {
	margin: 0;
	list-style-type: none;
}

table td ul li {
	margin: 0 0 0 0 !important;
	padding: 0 0 3px;
}

table.ctable th {
	white-space: nowrap;
}



/* res CSS
----------------------------------------------------------------------------------*/

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

	.recruit li {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 5px 20px;
		/*border: 1px solid #e6e6e6;*/
		width: 100%;
		height: auto;
		background: #FFF;
		float: none;
		margin-bottom: 10px;
		font-size: 12px;
	}

	.recruit li h3 a {
		height: auto;
		width: 100%;
		line-height: 180px;
	}

	.recruit h3,
	.recruit_top li p {
		text-align: center;
	}

	.recruit li:nth-child(odd) {
		margin-right: 0;
	}

	.proj-map {
		width: 100%;
		max-width: 768px;
		overflow: hidden;
	}

	.projbox {
		width: 94%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin: 0 auto;
		padding: 40px 0;
	}

	.proj li {
		padding: 20px;
		color: #fff;
		width: 90%;
		height: auto !important;
		float: none;
		margin: 20px auto;
		font-size: 21px;
		display: block;
	}

	.proj li img {
		height: auto !important;
		overflow: hidden;
	}

	a.ccpage_linked_thumb {
		max-height: 233px;
		max-width: 155px;
		height: auto;
		width: auto;
		display: block;
		overflow: hidden;
	}

	#main form {
		padding: 20px 0px;
		margin-bottom: 20px;
		border: none;
	}

	.says-b {
		display: inline-block;
		position: relative;
		margin: 5px 145px 0 0;
		padding: 17px 13px;
		border-radius: 12px;
		background: #CAEFB4;
	}
}

@media screen and (max-width:480px) {
	#main input[type="submit"] {
		min-width: 300px;
		width: 100%;
	}

	a[href^="tel:"] {
		cursor: pointer;
		color: #006CDD;
	}

	.img_cat_ttl .posi-ab {
		position: absolute;
		bottom: 0;
		padding: 16px;
		color: #fff;
		font-size: 16px;
		font-weight: normal;
		background-color: #000;
		width: 100%;
	}

	.proj li {
		height: 175px;
		overflow: hidden;
		padding: 20px;
	}

	.proj li img {
		height: 135px;
		overflow: hidden;
	}

	ul.fli li {
		float: left;
		margin: 0 auto;
		display: block;
		height: 150px;
		vertical-align: bottom;
	}

	#main input[type="text"],
	#main input[type="tel"],
	#main input[type="email"],
	#main textarea {
		width: 100%;
		margin: 0 auto;
	}

	.wpcf7-form-control-wrap,
	.wpcf7-list-item {
		width: 100%;
		text-align: left;
	}
}