@charset "utf-8";
/*
Theme Name: cloudtpl_549
Theme URI: http://c-tpl.com/
Description: cloudtpl_549
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
* {
  margin: 0;
  padding: 0;
}
html {
  background: #ffffff;
}
body {
  font: 13px/1.5 "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  color: #252525;
  background: #ffffff url(images/header.png) repeat-x;
}
body#sub {
  background: url(images/header_sub.png) repeat-x;
}
a {
  color: #1cb8e0;
}
a:hover {
  color: #66759c;
  text-decoration: none;
}
a:active, a:focus {
  outline: 0;
}
img {
  border: 0;
}
.clear {
  clear: both;
}
p {
  margin-bottom: 10px;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
/*******************************
全体幅
*******************************/
#header, #container, .inner {
  margin: 0 auto;
  width: 960px;
}
/*******************************
/* ヘッダー
*******************************/
#header {
  position: relative;
  height: 130px;
}
#header h1, #header h2, #header h3, #header ul, #header .banners {
  font-weight: normal;
  position: absolute;
  top: 0;
  color: #333;
  font-size: 10px;
  line-height: 21px;
}
#header h2 {
  right: 0;
}
/* ロゴの位置 */
#header h3 {
  top: 50px;
}
/******************
/* ヘッダーナビゲーション
******************/
#header ul {
  top: 40px;
  right: 0;
  width: 305px;
  height: 14px;
  background: url(images/topnav.png) no-repeat 0 0;
  line-height: 14px;
}
#header ul li {
  float: left;
  list-style: none;
}
#header ul a {
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  height: 14px;
  background: url(images/topnav.png) no-repeat;
}
#header ul a#contact {
  background-position: 0 0;
  width: 110px;
}
#header ul a#sitemap {
  background-position: -110px 0;
  width: 104px;
}
#header ul a#access {
  background-position: -214px 0;
  width: 91px;
}
#header ul a#contact:hover, #header ul li.active a#contact {
  background-position: 0 -14px;
}
#header ul a#sitemap:hover, #header ul li.active a#sitemap {
  background-position: -110px -14px;
}
#header ul a#access:hover, #header ul li.active a#access {
  background-position: -214px -14px;
}
/******************
/* ヘッダー　バナー
******************/
#header .banners {
  right: -10px;
  top: 70px;
}
#header .banners img {
  margin-right: 10px;
}
/************************************
/* メインナビゲーション
************************************/
ul#mainnav {
  margin: 0 auto;
  width: 960px;
  height: 60px;
  display: flex;
  flex-direction: row;
    justify-content: center;
    align-items: center;
}

ul#mainnav li {
    float: left;
    list-style: none;
    width: calc(100% / 6);
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
}

ul#mainnav a {
    text-decoration: none;
    display: block;
    font-weight: bold;
    color: #258e32;
}


/*******************************
メイン画像
*******************************/
#mainImage {}
/*******************************
コンテンツ位置
*******************************/
#container {
  padding: 20px 0;
}
#main {
  float: left;
  width: 650px;
  padding-bottom: 40px;
}
#sidebar {
  float: right;
  width: 300px;
  padding-bottom: 40px;
  font-size: 13px;
}
.custom-row {
    width: 650px;
    margin: 0 auto 20px;
    overflow: hidden;
}
.custom-row .consultationcar {
  width: 375px;
  height: 150px;
  font-size: 14px;
  color: #000000;
  padding: 60px 10px 0px 200px;
  margin: 0 auto;
  background: url(http://www.onetoone.jp/wp-content/themes/cloudtpl_549/images/consultation/01car.png) no-repeat;
}
.custom-row .consultationhouse {
  width: 395px;
  height: 148px;
  font-size: 14px;
  color: #000000;
  padding: 60px 180px 0px 10px;
  margin: 15px auto 0;
  background: url(http://www.onetoone.jp/wp-content/themes/cloudtpl_549/images/consultation/02house.png) no-repeat;
}
.custom-row .consultationhospital {
  width: 415px;
  height: 146px;
  font-size: 14px;
  color: #000000;
  padding: 60px 10px 0px 160px;
  margin: 15px auto 0;
  background: url(http://www.onetoone.jp/wp-content/themes/cloudtpl_549/images/consultation/03hospital.png) no-repeat;
}
.custom-row .consultationkodomo {
  width: 355px;
  height: 150px;
  font-size: 14px;
  color: #000000;
  padding: 60px 220px 0px 10px;
  margin: 15px auto 0;
  background: url(http://www.onetoone.jp/wp-content/themes/cloudtpl_549/images/consultation/04rougo_kodomo.png) no-repeat;
}
.custom-row .consultationhoujin {
  width: 425px;
  height: 635px;
  font-size: 14px;
  color: #000000;
  padding: 60px 10px 0px 150px;
  margin: 0 auto;
  background: url(http://www.onetoone.jp/wp-content/themes/cloudtpl_549/images/consultation/05houjin.png) no-repeat;
}
.custom-row .president-1 {
  width: 201px;
  float: left;
  padding-top: 15px;
  padding-bottom: 20px;
}
.custom-row .president-2 {
  width: 392px;
  float: right;
  font-size: 90%;
  color: #000000;
  padding-top: 15px;
  padding-bottom: 20px;
}
.custom-row .president-3 {
  width: 600px;
  float: right;
  font-size: 100%;
  color: #000000;
  line-height: 200%;
  padding-bottom: 20px;
}
.custom-row .president-1 {
    width: 35%;
    float: left;
    padding-top: 15px;
    padding-bottom: 20px;
    text-align: center;
}
.custom-row .president-2 {
    width: 65%;
    float: right;
    font-size: 14px;
    color: #000000;
    line-height: 1.5em;
    padding: 15px 10px 20px;
    box-sizing: border-box;
}

.president_name{
	text-align: right;
	font-size: 22px;
	font-weight: bold;
	padding: 15px 0 0;
	box-sizing: border-box;
}

.president_name span{
	font-size: 16px;
	margin-right: 20px;
}

.custom-row .president-3 {
  width: 600px;
  float: right;
  font-size: 100%;
  color: #000000;
  line-height: 200%;
  padding-bottom: 20px;
}
.custom-row .abouttable {
  width: 600px;
  border: #999999 solid 2px;
  margin: 0 auto 20px;
}
.custom-row .abouttable th {
  font-size: 14px;
  border: #FFFFFF 5px solid;
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  width: 150px;
  background: #00ac7e;
  height: 40px;
}
.custom-row .abouttable td {
  font-size: 14px;
  border: #999999 1px dotted;
  color: #000000;
  width: 440px;
  height: 40px;
  text-align: left;
  padding: 5px 10px 5px 10px;
  vertical-align: middle;
  background: #ecf3cf;
}
.custom-row .policytable {
  width: 100%;
  margin: 0 auto 20px;
}
.custom-row .policytable th {
  font-size: 16px;
  border: #FFFFFF 5px solid;
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  padding: 10px 0;
  width: 100%;
  height: auto;
  background: #71a400;
}
.custom-row .policytable td {
    font-size: 14px;
    color: #000000;
    width: 100%;
    height: auto;
    text-align: left;
    padding: 5px 5px 30px 5px;
    vertical-align: middle;
    background: #FFFFFF;
}

.policy_right{
	text-align: right;
}

.houshin{
	width: 100%;
}
.houshin table {
    width: 100%;
    margin: 0 auto 20px;
    border: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0;
}

.houshin table td {
    font-size: 16px!important;
    width: 50%!important;
    border: 1px solid #CCC;
    padding: 10px 30px!important;
}

.custom-row .faqtable {
  width: 600px;
  margin: -10px auto 20px;
}
.custom-row .faqtable th {
  font-size: 16px;
  color: #006633;
  vertical-align: middle;
  text-align: left;
  padding: 20px 0px 5px 0px;
  width: 600px;
  height: 20px;
  background: #FFFFFF;
}
.custom-row .faqtable td {
  font-size: 14px;
  color: #000000;
  border-bottom: solid 1px #666666;
  line-height: 1.5em;
  width: 600px;
  height: 40px;
  text-align: left;
  padding: 5px 0px 5px 0px;
  background: #FFFFFF;
}
.custom-row .invitationtable {
  width: 100%;
  margin: 0 auto 20px;
}
.custom-row .invitationtable table{
	width:100%;
}
.custom-row .invitationtable tr {
  margin: 0 auto 15px;
  display: flex;
}
.custom-row .invitationtable td {
  font-size: 14px;
  color: #000000;
  width: 100%;
  height: auto;
  text-align: left;
  border: 1px solid #CCC;
  box-sizing: border-box;
  background: linear-gradient(#ffffff, #f1f1f1);
  padding: 20px 35px;
}
.custom-row .title-custom {
  color: #232325;
  font-size: 28px;
  line-height: 28px;
}
.custom-row .title-custom b {
  color: #f7931e;
}
.custom-row .indent-text-custom {
  display: block;
  padding: 11px 43px 55px 9px;
}
.custom-row .col-4 .indent-text-custom {
  padding: 11px 10px 45px 9px !important;
}
.link-img img {
  vertical-align: middle;
  margin: 0 0 0 4px;
}
/*************************
/* ボックスの囲み
/* .boxContainer
/* 背景画像でボックスの高さを調整
/* 
/* 各ボックス
/* .box1 1番目の2つのbox
/* .box2 2番目の3つのbox（画像）
/* .box3 3番目の2つのbox
/* .box4 4,5番目の1つのbox
/* #sidebar .box1 サイドバーのbox
*************************/
.boxContainer {
  width: 650px;
  margin: 0 auto 20px;
}
.box1, .box3, .box4 {
  float: left;
  width: 225px;
}
.box2 {
  float: left;
  width: 306px;
  margin: 0 20px 20px 0;
}
.box2_r {
  float: right;
  width: 306px;
  margin: 0 0px 20px 20px;
}
.box1, .box3, .box4 {
  width: 320px;
}
#sidebar .box1 {
  width: 280px;
  margin: 0 0 20px;
  padding: 10px 7px;
  background: #fff;
}
#sidebar .box1 img {
  width: 280px;
  margin: 0 0 10px;
  background: #fff;
}
.box3 {
  width: 320px;
  padding: 0 0 10px;
}
.box4 {
  margin: 0 0 20px 0;
  padding: 0;
  width: 650px;
  background: #fff;
}
/* 最後のbox */
.last {
  margin-right: 0;
}
/* 画像を中央表示 */
.box1 .center {
  padding-bottom: 10px;
}
/* 画像を左に回りこみ */
.box4 img {
  float: left;
  margin: 0 10px 10px;
}
.box4 h4 img {
  float: none;
  margin: 0 0 10px;
}
.box4 p {
  padding: 0 10px 10px;
}
#date {
  text-align: right;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
  font-weight: bold;
  color: #858585;
}
#next {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}
img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
.box_img_border {
  border: 1px solid #cccccc;
  padding: 1px;
  margin: 1px;
}
/*************
/* 見出し
*************/
.box3 h4 {
  margin-bottom: 10px;
}
#container h3 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  color: #252525;
  font-weight: normal;
  border-bottom: 1px solid #dddddd;
}
#container h2 {
  padding: 0 5px 0 24px;
  margin-bottom: 10px;
  line-height: 37px;
  font-size: 14px;
  font-weight: normal;
  color: #252525;
  background: url(images/h2Bg.png) no-repeat 0 100%;
}
#container .box4 h3 {
  padding: 7px 5px;
}
/*************
/* リスト
*************/
#container ul {
  margin-left: 0px;
  margin-top: -20px;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  height: auto;
  width: 612px;
  font-size: 130%;
}
#container ul li, #footerUpper ul li {
  list-style: none;
  padding: 0 10px;
  width: 100%;
}
#container .box3 ul {
  padding: 0 5px;
}
#container .custom-row ul {
  margin-left: 0px;
  margin-top: -20px;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  width: 612px;
  font-size: 100%;
}
#container .custom-row ul li {
  list-style: none;
  margin-bottom: 8px;
  padding: 0 5px 0 12px;
  background: url(images/bullet.gif) no-repeat 0 5px;
  width: 590px;
}
#sidebar ul {
  margin-left: 3px;
}
/*************
サイド（右側）コンテンツ
*************/
#sidebar p {
  margin-bottom: 20px;
}
#sidebar ul {
  margin-bottom: 10px;
}
/*******************************
/* フッター
*******************************/
#footerUpper {
  clear: both;
  padding: 20px 0;
  border-bottom: 1px solid #5d5d5d;
  overflow: hidden;
  background: #6C3;
}
#footerUpper .inner {
  background: url(images/footerBorder.gif) repeat-y;
}
#footerUpper .inner .box {
  float: left;
  width: auto;
  margin: 0 15px;
  line-height: 1em;
}
#footerUpper .inner .last {
  width: auto;
  margin-right: 0;
}
#footerUpper ul li {
  color: #fff;
}
#footerUpper a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
}
#footerUpper a:hover {
  color: #eeeeee;
}
#footerLower {
  clear: both;
  padding: 10px;
  text-align: center;
  border-top: 1px solid #7e7e7e;
  background: #090;
}
address {
  color: #fff;
  font-style: normal;
  font-size: 13px;
}
.kanyu_title {
  width: 100%;
  font-size: 18px;
  padding: 20px 15px;
  box-sizing: border-box;
  background: linear-gradient(#ffffff, #c3de86, #ffffff);
  font-weight: bold;
  margin-bottom: 30px;
}
.policy_page {
  width: 100%;
  padding: 20px 10px 30px;
  box-sizing: border-box;
}
.policy_page p {
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 30px;
}
.policy_title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  color: #71a400;
}

.policy_box {
    width: 100%;
    padding: 16px 0;
    text-align: center;
    font-weight: bold;
    border: 1px solid #71a400;
    line-height: 1em;
    display: block;
    color: #71a400;
    margin-bottom: 30px;
}

.fd_title{
	width: 100%;
	border-bottom: 1px solid #71a400;
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.fd_comm{
	width: 100%;
	font-size: 14px;
	margin-bottom: 30px;
	line-height: 2em;
}

.fd_date{
	text-align: right;
	font-size: 14px;
}

.tough{
	width: 100%;
}

.tough_img{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}

.tough_title {
    font-size: 32px;
    color: #188e7e;
    border-bottom: 1px solid #188e7e;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
}

.tough_comm{
	font-size: 14px;
	line-height: 1.5em;
}

.tough_colom{
	padding: 30px 15px;
	background: #abcd03;
	box-sizing: border-box;
}

.tough_colom_title {
    font-size: 32px;
    color: #FFF;
    margin-bottom: 20px;
    text-align: center;
}

.tough_colom_comm{
	font-size: 14px;
	line-height: 1.5em;
}

.tough_concept {
    width: 50%;
    padding: 20px;
    margin: 30px auto;
    color: #188e7e;
    text-align: center;
    font-size: 24px;
    background: #FFF;
}

.tough_box{
  display: flex;
  flex-direction: row;
}

.tough_3box{
	width : calc(100% / 3) ;
	padding: 10px ;
	box-sizing: border-box;
}

.tough_3box_title{
	font-size: 26px;
	color: #FFF;
}

.tough_3box_title:before{
	  content: url(./images/tough/icon.png);
  display: inline-block;
  width: 20px;
  height: 20px;
	margin-right: 10px;
}

.tough_3box_comm{
	font-size: 14px;
}

.tough_service{
	width: 100%;
}

.tough_service_box{
	width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.tough_service_box_title {
    font-size: 32px;
    color: #188e7e;
    text-align: center;
    padding: 30px 0;
    font-weight: bold;
}

.tough_service_2box{
	width : calc(100% / 2) ;
	box-sizing: border-box;
	padding: 10px;
}

.tough_service_2box_title{
	font-size: 24px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	text-align: center;
}

.tough_service_2box_comm{
	font-size: 14px;
}

.tough_torikumi ul {
    width: 100%!important;
    margin-bottom: 50px;
    overflow: hidden;
}

.tough_torikumi ul li {
    width: 50%!important;
    float: left;
    list-style: none!important;
    margin: 0;
    padding: 0!important;
    box-sizing: border-box;
    line-height: 2em;
    font-size: 18px;
}

/* お問合せ
---------------------------------------------------- */
.contact {
  width: 100%;
  margin: 50px auto;
}
.contact_title {
  font-size: 135%;
  text-align: center;
}
.contact_phone {
  background: #F0EFEE;
  padding: 15px;
  margin: 30px 0;
  overflow: hidden;
}
.contact_phone_left {
  font-size: 130%;
  padding: 0px 0px;
  float: left;
  width: 35%;
  text-align: center;
}
.contact_phone_right {
  padding: 15px 0;
  text-align: center;
  background: #FFF;
  width: 65%;
  float: right;
}
.contact_phone_right img {
  text-align: center;
  width: 60%;
  vertical-align: middle;
  padding: 7px 0;
}

/*見出し欄*/
.inquiry {
  width: 100%;
  margin: 20px auto;
}
.inquiry p {
  font-size: 14px;
  color: #444;
  line-height: 200%;
  padding: 15px 0px 15px 0px;
  text-align: center;
}
.inquiry_title {
  width: 100%;
  font-size: 150%;
  margin: 50px auto;
  padding-bottom: 15px;
  border-bottom: solid 1px #3fa8f4;
}
.inquiry_title span {
  margin-right: 10px;
  vertical-align: text-bottom;
}
.inquiry_title span img {
  width: 45px;
}
.inquiry th {
    text-align: left;
    font-size: 18px;
    color: #444;
    width: 30%;
    padding: 20px 0;
    box-sizing: border-box;
    background: none;
    border: none;
    line-height: 1em;
}
/*通常欄*/
.inquiry td {
  font-size: 18px;
  border: none;
    padding: 10px 0;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr, .entry-content table {
  border: solid 1px #d7d7d7;
}
/*必須の調整*/
.haveto {
  font-size: 15px;
  padding: 5px;
  background: #ff9393;
  color: #fff;
  border-radius: 2px;
  margin-right: 5px;
  position: relative;
  bottom: 1px;
}
/*任意の調整*/
.any {
  font-size: 15px;
  padding: 5px;
  background: #93c9ff;
  color: #fff;
  border-radius: 2px;
  margin-right: 5px;
  position: relative;
  bottom: 1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item {
  display: block;
}
/*送信ボタンのデザイン変更*/
#formbtn {
  display: block;
  padding: 1em 0;
  width: 50%;
  background: #39b54a;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 2px;
  border: none;
  margin: 30px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover {
  background: #fff;
  color: #39b54a;
  border: 1px solid #39b54a;
}

.wpcf7 input[name="your-name"], .wpcf7 input[name="your-company"], .wpcf7 input[name="your-kana"], .wpcf7 input[name="your-email"], .wpcf7 input[name="your-subject"], .wpcf7 input[name="kana"], .wpcf7 input[name="your-postalcode"], .wpcf7 input[name="your-address"], .wpcf7 input[name="your-tel"], .wpcf7 input[name="your-birthday"] {
  width: 95%;
  height: 30px !important;
}
.wpcf7 textarea {
  width: 95%;
  height: 350px !important;
}


.mb100{
	margin-bottom: 50px;
}

.midashi_title{
	width: 100%;
	font-size: 24px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom: 1px solid #14a279;
	padding-bottom: 5px;
}

.midashi_title:before {
    content: url(../cloudtpl_549/images/icon_bn.png);
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    top: 3px;
}


.staff{
	width: 100%;
}

.staff_title{
	width: 100%;
	font-size: 24px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom: 1px solid #14a279;
	padding-bottom: 5px;
}

.staff_title:before {
    content: url(../cloudtpl_549/images/icon_bn.png);
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    top: 3px;
}

.staff_img{
	width: 100%;
}

.about_ontoone{
	width: 100%;
	margin-bottom: 50px;
}

.about_ontoone table {
    width: 85%;
    font-size: 16px;
    border-collapse: collapse;
    margin: 0 auto;
}

.about_ontoone table th,td{
	width: auto;
	padding: 10px 10px;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #14a279;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.footer_parts {
    width: 100%;
    display: block;
    /* max-width: 960px; */
    margin: 0 auto;
    padding: 100px 0;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    line-height: 1.5em;
}

.f_logo{
	text-align: center;
	margin-bottom: 30px;
}

.f_add {
    display: inline-block;
    text-align: left;
}

.f_tel{
	text-align: center;
}