/*
Theme Name: kid
Theme URI:  http://office-totalit.com
Description: オールイットによるレスポンシブWebデザイン
Author: オールイット
Author URI: http://office-totalit.com
Template: responsive
Version: 1.0.0 
*/

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック";
   	font-size: 16px;
	background: #fff;
	color: #000;
	/*font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;*/
}

/*ボックスサイズ*/

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.inner_top_blog th, .inner_top_blog td, .inner_top_blog table {
	border: none;
}

.wrap {overflow: hidden;}

.align_c {text-align: center;}

.tb_profile {
	font-size: 14px;
	margin: 0;
}
.tb_profile th {width: 26%; vertical-align: middle;}
.tb_profile th, .tb_profile td, .tb_profile {
	border: none;
	padding: .5em;
}

.tb_profile th, .tb_profile td {
	border-bottom: 1px dashed #14145c;
}

.tb_price th, .tb_price td,
.tb_company th, .tb_company td,
.tb_contact th, .tb_contact td {border: 1px solid #eee;}
.tb_price th, .tb_company th, .tb_contact th {
	width: 40%;
	background: #f6f6f6;
	border: 1px solid #eee;
	vertical-align: middle;
}

.tb_qna th, .tb_qna td {background: #fff;}

.tb_contact th strong {
	background: #191970;
	color: #fff;
	font-size: 14px;
	padding: .2em .3em;
	margin-left: .5em; 
}

h1, h2, h3, h4 {font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}



h1 {
  padding: 20px 0;
  color: #fff;
  font-size: 28px;
  margin-bottom: 1.5em;
  text-align: center;
  background: #14145c;
}

h2 {
  color: #14145c;
  font-size: 26px;
  padding: .5em .5em;
  line-height: 160%;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(246,246,246,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(246,246,246,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(246,246,246,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(246,246,246,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(246,246,246,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(246,246,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );
  border: 1px solid #eee;
  border-bottom: 2px solid #14145c;
}

.category h2{
	font-size: 20px;
	padding-bottom: 5px;
	border: none;
  border-bottom: 2px solid #14145c;
	background: transparent;
}

h3 {
  color: #14145c;	
  margin: 20px 0 10px;
  padding-bottom: 10px;
  border-left: 8px solid #14145c;
  font-size: 22px;
  background: #f6f6f6;
  padding: .5em .5em; 
}

h4 {font-size: 20px;}

.category .title-archive,
.page-id-2 h1, .byline, .post-meta .vcard, 
.comments-link, .posted-in {display: none;}
.post-meta .timestamp, .post-meta .vcard {border-right: none;}


.service_layer strong {color: #c42631;}

.google-maps {
    position: relative;
    padding-bottom: 75%; // これが縦横比
    height: 0;
    overflow: hidden;
    margin-top: 10px;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


table {
	table-layout: fixed;
}
	select,
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	textarea {
		width: 100% !important;
	}

input[name="text-685"], input[name="text-686"] {width: 30% !important;}

.hv-o:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#container {
	padding: 0;
}

.main {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

#header {
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

.main_head {
	width: 100%;
	float: left;
}

#logo {
	padding-top: 5px;
}

.site-name {
	float: left;
	font-size: 0;
	margin: 0;
	padding: 0;
}

.site-description {
	color: #000000;
	border: solid 1px #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 3px 15px 2px 15px;
	float: left;
	margin-top: 52px;
	line-height: 100%;
	margin-left: 20px;
}

#head_right {
	float: right;
	padding-top: 20px;
}

.tel_head {
	display: block
}

.btn_head {
	margin-top: 10px;
	display: block;
}

.main-nav {
	background: #11114c;
	margin-top: 20px;
	width: 100%;
	float: left;
}

.menu {
	background: none;
}

.menu li {
	width: 20%;
	text-align: center;
	padding: 0;
}

.menu li a {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	height: auto;
	display: block;
	line-height: inherit;
	padding-top: 20px;
	padding-bottom: 15px;
	text-shadow: none;
	border-left: 1px solid #707092;
	font-size: 16px;
	white-space: inherit;
}

.menu li a span {
	color: #fff799;
	font-size: 10px;
	display: block;
	line-height: 120%;
}

.menu>li:first-child>a {
	border-left: 1px solid #707092;
}

.menu>li:last-child>a {
	border-left: 1px solid #707092;
	border-right: 1px solid #707092;
}

ul.menu>li:hover {
	background-color: none !important;
	color: inherit;
}

.menu .current_page_item a, .menu .current-menu-item a {
	background-color: inherit;
}

.menu li a:hover {
	background: #242490;
}

.img_top {
	text-align: center;
	width: 100%;
	float: left;
}

#wrapper {
	border: none
}

.widget-title h3, .widget-title-home h3 {
	padding: .5em;
	font-size: 20px;
	border-left: none;
	border-radius: 8px;
}

.read-more a {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	float: right;
	overflow: hidden;
	margin-bottom: .8em;
}

.widget-wrapper {
	background: transparent;
	border: 5px solid #E5E4E5;
}

#widgets ul {
	padding: 0;
	margin: 0;
}

#widgets ul li {
	list-style: none;
	padding: .3em;
	border-bottom: 1px dotted #b4b4b4;
}

#widgets ul li:before {
	font-family: 'FontAwesome';
	content: '\f07c';
	padding-right: 0.3em;
	color: #b4b4b4;	
}

.ho_news {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 35px;
	margin-bottom: 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,207cca+0,fffae0+0,ffffff+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(bottom, #1e5799 0%, #207cca 0%, #fffae0 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom, #1e5799 0%,#207cca 0%,#fffae0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, #1e5799 0%,#207cca 0%,#fffae0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.top_blog {
	border: solid 1px #121251;
	padding: 10px 50px 10px 40px;
	background: #fff;
	width: 100%;
	float: left;
	position: relative;
}

.inner_top_blog {
	width: 100%;
	background: url(images/ttl.png) left center no-repeat;
	padding-left: 210px;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
}

.top_blog table {
	width: 100%;
	border: none
}

.top_blog table tr th, .top_blog table tr td {
	vertical-align: middle;
	border-bottom: 1px solid #bfbfbf;
	padding-top: 10px;
	padding-bottom: 10px;
}

.top_blog table tr th {
	color: #14145a;
	font-size: 14px;
	width: 130px;
	padding-left: 15px;
	text-align: left;
}

.top_blog table tr td {
	padding-left: 0;
	padding-right: 0;
}

.top_blog table tr td a {
	color: #000;
}

.top_blog table tr td a:hover {
	color: #14145a;
}

.top_blog table tr:last-child th, .top_blog table tr:last-child td {
	border-bottom: 0;
}

.news_more {
	position: absolute;
	bottom: -10px;
	right: 50px;
}

.vision {
	width: 100%;
	float: left;
	background: url(images/bg_top2.png) center center no-repeat;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 20px;
	margin-bottom: 7px;
}

.vision_cont {
	background: rgba(255, 255, 255, 0.5);
	width: 100%;
	float: left;
	padding: 10px;
	position: relative;
}

.vision_main {
	background: rgba(255, 255, 255, 0.8);
	padding: 50px;
	width: 100%;
	float: left;
}

.vision_tt {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 30px;
	color: #15155c;
	font-weight: bold;
	border-bottom: 2px solid #14145a;
	text-align: center;
	padding-bottom: 20px;
}

.vision_tt::after {
	content: "";
	height: 1px;
	background: #14145a;
	display: inherit;
	position: relative;
	top: 25px;
}

.vision_tt span {
	display: inline-block;
	padding-left: 35px;
	font-size: 20px;
}

.vision_left {
	width: 62%;
	float: left;
}

.vision_des {
	line-height: 160%;
	padding-top: 25px;
}

.vision_right {
	position: absolute;
	right: 25px;
	bottom: 11px;
}

.point_tt {
	width: 100%;
	float: left;
	background: #191970;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
}

.point {
	width: 100%;
	float: left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,fffae0+0,ffffff+100 */
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,207cca+0,fffae0+0,ffffff+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(bottom, #1e5799 0%, #207cca 0%, #fffae0 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom, #1e5799 0%,#207cca 0%,#fffae0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, #1e5799 0%,#207cca 0%,#fffae0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding-top: 30px;
	margin-bottom: 7px;
}

.point_flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: stretch;
}

.point_item {
	width: 50%;
	padding-left: 170px;
	padding-top: 50px;
	margin-bottom: 35px;
}

#point1 {
	background: url(images/icon01.png) left center no-repeat;
}

#point2 {
	background: url(images/icon02.png) left center no-repeat;
}

#point3 {
	background: url(images/icon03.png) left center no-repeat;
}

#point4 {
	background: url(images/icon04.png) left center no-repeat;
}

#point5 {
	background: url(images/icon05.png) left center no-repeat;
}

.point_item_tt {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 28px;
	color: #c42631;
	font-weight: bold;
}

.point_item:first-child .point_item_tt {
	margin-left: -14px;
}

.point_item_des {
	padding-top: 20px;
	padding-right: 50px;
}

.cvr {
	width: 100%;
	float: left;
	background: url(images/cvr_bg.png) center center no-repeat;
	padding-top: 40px;
	padding-bottom: 40px;
	background-size: cover;
	text-align: center;
}

.cvr .vision_main {
	padding: 30px;
}

.cvr .vision_main p {
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: bold;
}

.cvr .vision_main p:last-child {
	margin-bottom: 0;
}

.vision_main p:first-child {
	line-height: 180%;
}

.vision_main p:nth-child(2) {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-bottom: 1px solid #c42631;
	display: inline-block;
	font-size: 26px;
	padding-bottom: 3px;
	line-height: 140%;
	font-weight: bold;
}

.cl_c42631 {
	color: #c42631
}

.btn_cvr {
	padding-left: 30px;
}

.br_hide {
	display: none
}

.footer {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 100%;
	float: left;
}

.ft_des a {
	color: inherit;
	display: inline-block;
	padding-right: 10px;
}

.ft_des a:hover {
	text-decoration: underline
}

.copy {
	background: #000000;
	color: #fff;
	text-align: center;
	border-top: 7px solid #191970;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 14px;
	width: 100%;
	float: left;
}

p{
	margin: 0 0 10px 0;
}
.post-title a{
	color: inherit
}
.ft_des{
	padding-top: 30px;
}
.wrap_content{
	width:100%;
	float:left;
}
.img_top_sp{
	display: none
}

.check_list {
	margin: 0;
	padding: 1em;
}

.check_list li {
    margin-bottom: .5em;
    list-style: none;
    font-weight: bold;
    font-size: 18px;
}

.check_list li:before {
    content: url("images/check.png");
    background-repeat: no-repeat;
    margin-right: .5em;
}

.font13 {
	font-size: 13px;
	text-align: left;
	display: block;
}

.q_box {
	border-bottom: 1px solid #eee;
}

.a_box {
	background: #f6f6f6;
	padding: 1em;
}

.q_box, .a_box {
    background-repeat: no-repeat;
    padding: 1em 1em 1em 4em;
    margin: 1em 0;
    background-position: center left; 
}

.q_box {
    background-image: url("images/q_icon.png");
    font-size: 18px;
    font-weight: bold;
}

.a_box {
    background-image: url("images/a_icon.png");
}


@media (max-width: 960px) {
	.main_head {
		padding-left: 10px;
		padding-right: 10px;
	}
	#logo {
		width: 50%;
		float: left;
		text-align: left
	}
	.head_right {
		width: 50%;
		float: left;
	}
	.site-name {
		width: 100%;
		float: left;
	}
	.site-description {
		margin-left: 0;
		float: left;
		margin-top: 10px;
	}
	.menu li a {
		font-size: 14px;
	}
	.top_blog table tr th {
		padding-left: 0;
	}
	.ho_news {
		padding-left: 10px;
		padding-right: 10px;
	}
	.point_tt {
		padding-left: 10px;
		padding-right: 10px;
	}
	.point {
		padding-left: 10px;
		padding-right: 10px;
	}
	.point_item {
		width: 100%;
		float: left;
		border-bottom: 1px solid #191970;
		padding-top: 40px;
		padding-bottom: 60px;
		margin-bottom: 0;
	}
	.point_item_des {
		padding-right: 0;
	}
	footer {
		padding-left: 10px;
		padding-right: 10px;
	}
	#content-outer{
		padding: 10px;
	}
	.col-620{
		padding-left: 10px;
		
	}
	.col-300{
		padding-right: 10px;
	}
	
}

@media screen and (max-width: 840px) {
	.vision {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.vision_main {
		padding: 25px
	}
	.vision_right {
		width: 100%;
		float: left;
		text-align: center;
		position: static;
	}
	.vision_left {
		width: 100%;
		float: left;
		margin-top: 20px;
	}
}

@media screen and (max-width: 768px) {
	.top_blog {
		padding: 10px 20px;
	}
	.top_blog table tr th {
		width: 100px;
	}
	.vision_main p:nth-child(2) {
		font-size: 22px;
	}
	.cvr .vision_main p:last-child a {
		display: block;
		padding: 0;
		margin-bottom: 10px;
	}
	.cvr .vision_main {
		padding: 15px
	}
	.cvr {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.col-620{
		padding-left: 10px;
		width:100%;
		float:left;
		padding-right: 10px;
		
	}
	.col-300{
		padding-right: 10px;
		width:100%;
		float:left;
		padding-left: 10px;
	}
	#widgets{
		margin-top: 0;
	}
}

@media screen and (max-width: 640px) {
	#logo {
		width: 100%;
		float: left;
		text-align: center;
	}
	.head_right {
		width: 100%;
		float: left;
		text-align: center
	}
	#logo span {
		float: none;
		display: inline-block;
	}
	#head_right {
		width: 100%;
		float: left;
		text-align: center;
	}
	.inner_top_blog {
		background: url(images/ttl2.png) left center no-repeat;
		padding-left: 120px;
	}
	.news_more {
		right: 0;
		text-align: center;
		width: 100%;
	}
	.top_blog table tr td a {
		font-size: 14px;
	}
	.vision_main {
		padding: 15px
	}
	.point_item_tt {
		font-size: 20px;
	}
	.point_item_des {
		font-size: 16px;
	}
	.footer {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.img_top_pc{
		display: none
	}
	.img_top{
		background: url(images/img_top.png) center center no-repeat;
		height: 240px;
		background-size: cover;
	}
	.img_top_sp{
		display: block;
	}
}

@media screen and (max-width: 480px) {
	.inner_top_blog {
		background: url(images/ttl2.png) top center no-repeat;
		padding-left: 0;
		padding-top: 90px;
	}
	.vision_tt {
		font-size: 24px;
	}
	.vision_tt span {
		padding-left: 15px;
	}
	#point1, #point2, #point3, #point4, #point4 {
		background-position: top center;
		padding-top: 160px;
		padding-left: 0;
	}
	.point_item {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.br_hide {
		display: block;
	}
	.copy {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.img_top{height: 180px;}

	input[name="text-685"], input[name="text-686"] {width: 70% !important;}
	.tb_contact th, .tb_contact td {
		width: 100%;
		display: block;
	}


}

@media screen and (max-width: 320px) {
	.img_top{
		
		height: 140px;
		
	}

}