@charset "UTF-8";

/*
Theme Name: wp_original_2016_04月
Description: WebCamper独自のカスタムテンプレート用テーマ
Theme URI: http://webcamper.jp
Author: webcamper
Author URI: http://webcamper.jp
Version: 1.0.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/*********************************************************************************
 レシポンシブ対応
 1.スマホ向けレイアウト指定
 2.タブレット向けのレイアウトの指定：480px～960px
 3.PC向けレイアウトの指定：961px以上では固定レイアウト
**********************************************************************************/

/*==========================================
 body
===========================================*/
body {
  width: 100%;
  background-color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
/*   font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/

  color:#3a3a3a;
  font-size: 14px;
  
  /*background: url(./img/p6.png) left top;*/
}


/* ふわっと表示 */
#contents {
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

p { font-size: 105%;}

a {
/*  color:#000; */
  color:#009ed6;
  text-decoration:none;
  
	/* リンク部をふわっと出す start */
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	/* リンク部をふわっと出す end */
}
a:hover {
/*  color:#333; */
/*  text-decoration:underline; */
  color:#009ed6;
  text-decoration: none;
  opacity: 0.6;
}
img {
	vertical-align: bottom;
}

ul li {
	list-style: none;
}

/*.inner { width: 1000px; margin: 0 auto; position: relative; }*/
.inner { width: 100%; margin: 0 auto; position: relative; padding: 0 10px; }

header, footer, h1, h2, h3, h4, h5, h6 a, div, ul, li, dl, dt, dd table, tr, th, td, img, p, span　{ box-sizing: border-box; }



/*button, input, select, textarea { border: none; }*/
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="email"] { border: 1px solid #ccc; width: 100%; height: 40px; padding: 0 20px; box-sizing: border-box; font-size: 15px; }
textarea { border: 1px solid #ccc; width: 100%; height: 200px; padding: 20px 20px; box-sizing: border-box; font-size: 15px; }
select { border: 1px solid #ccc; width: 100%; height: 40px; padding: 0px 20px; box-sizing: border-box; font-size: 15px; }

td.submit { padding-top: 50px; text-align: center; }
td.submit input[type="submit"] { width: 100%; height: 40px; background: #00a040; color: #fff; font-size: 16px; border: none; font-weight: bold; border-radius: 0;  -webkit-appearance: none;  }
td.submit input[type="submit"]:hover { cursor: pointer; background: #fff; color: #00a040; border: 2px solid #00a040; box-sizing: border-box; }



/*==========================================
 ヘッダーのスタイル
===========================================*/

/*header.head { background: #fff url('./img/header_line.gif') repeat-x left top; background:rgba(255,255,255,0.9); width: 100%; height: 65px; position: fixed; z-index: 100; box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.3);}*/
header.head { background: #fff url('./img/header_line.gif') repeat-x left top; background-color:rgba(255,255,255,0.9); width: 100%; height: 65px; position: fixed; z-index: 100; box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.3);}
header.head h1 img { width: 240px; position: absolute; left: 5px; top: 10px; }
header.head #menu { display: block; position: absolute; right: 14px; top: 14px; }
header.head nav { padding: 0; position: absolute; top: 65px; right: 0px; z-index: 99999; }
header.head nav ul { background-color: #00993d; border: 1px solid #fff; overflow: hidden; display: none; }
header.head nav ul li { float: left; font-size: 12px; width: 50%; border-bottom: 1px solid #fff; text-align: center; }
header.head nav ul li:nth-child(odd) { border-right: 1px solid #fff; }
header.head nav ul li a { display: block; color: #fff; font-weight: bold; padding: 20px; }
header.head nav ul li a:hover { color: #000000; font-weight: bold; }

/*header.head nav ul li:last-child { width: 100%; border-right: none; }*/
/*header.head nav ul li:last-child { display: block; }*/
/*header.head nav ul li:last-child { width: 100%; display: block; }*/


/* アイキャッチ */
/*
#home #eye { margin-top: 65px; }
#home #eye .eye-box { width: 100%; position: relative; margin: 0 auto; }
#home #eye .eye-box img { width: 100%; }
#home #eye .eye-box .eye-inner-box { width: 100%; }
#home #eye .eye-box ul li { position: relative; vertical-align: bottom;}
#home #eye .bx-wrapper .bx-prev { left: 60px; background: url('./img/ico_left.png') no-repeat center top; }
#home #eye .bx-wrapper .bx-next { right: 60px; background: url('./img/ico_right.png') no-repeat center top; }
#home #eye .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -40px; outline: 0; width: 40px; height: 80px; text-indent: -9999px; z-index: 10; }
#home #eye .bx-wrapper .bx-controls-direction a.disabled { display: none; }
*/
#home #eye { margin-top: 65px; }
#home #eye .eye-box { /*height: 150px;*/ height: 200px; width: 100%; position: relative; margin: 0 auto; }
#home #eye .eye-box img { /*width: 100%;*/ /*height: 150px;*/ /*width: 420px;*/ }
#home #eye .eye-box .eye-inner-box { width: 100%; }
#home #eye .eye-box ul li { position: relative; vertical-align: bottom; height: 600px; }

#home #eye .eye-box ul li img { position: absolute; left: 0px; width: 420px; top: 0px; }

#home #eye .bx-wrapper .bx-prev { left: 60px; background: url('./img/ico_left.png') no-repeat center top; }
#home #eye .bx-wrapper .bx-next { right: 60px; background: url('./img/ico_right.png') no-repeat center top; }
#home #eye .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -40px; outline: 0; width: 40px; height: 80px; text-indent: -9999px; z-index: 10; }
#home #eye .bx-wrapper .bx-controls-direction a.disabled { display: none; }

/*#home #eye .copy { position: absolute; top: 200px; left: 0px; right: 0px; margin: 0 auto; width: 240px !important;  height: 110px !important; z-index: 999999; }*/
#home #eye .copy { position: absolute; /*top: 30px;*/ top: 100px; left: 0px; right: 0px; margin: 0 auto; z-index: 99; display: block; width: 180px; height: 60px; }
#home #eye .copy img { width: 180px; height: 60px; }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -110px; width: 100%; z-index: 90; }
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 8px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #6fc2ea;
}


/***
#home #eye2 { height: 280px; margin: 65px auto 0; background: url(./img/eye.png) no-repeat center top; background-size: cover; }
#home #eye2 .eye-box2 { width: 100%; margin:0 auto; padding-top: 70px; }
#home #eye2 .eye-box2 img { max-width: 100%; }
@media only screen and (min-width: 481px) {
	#home #eye2 { height: 500px; margin: 80px auto 0; }
	#home #eye2 .eye-box2 { width: 1000px; padding-top: 180px; }
}
***/

footer#foot { background: url('./img/footer_bk.png') repeat-x center top; min-height: 281px; margin-top:80px; padding: 96px 0px 0px; }
footer#foot .pagelink { padding: 10px 10px 10px; color: #fff; background-color: #00a040; }
footer#foot .pagelink ul { overflow: hidden; margin-bottom: 20px; }
footer#foot .pagelink ul li { float: left; width: 50%; text-align: center; font-size: 13px; }
footer#foot .pagelink ul li a { color: #fff; display: block; padding: 10px 0; }
footer#foot .pagelink .area { line-height: 1.4em; font-size: 13px; }
footer#foot .copyright { background-color: #fff; text-align: center; font-size: 10px; padding: 10px 0; }

/** TOPへ戻る **/
._top { position: fixed; right: 20px; bottom: 32px; width:50px; height:50px;}

/* TOPページ「もっと見る」 */
/*
a.more { display: inline-block; width: 220px; height: 42px; line-height: 42px; border: 1px solid #72433f; color: #72433f; font-weight: bold; font-size: 16px; margin-top: 50px; margin-bottom: 50px; text-align: center; }
a.more:hover { background-color: #72433f; color: #fff; opacity: 1.0; }
*/
a.more { display: inline-block; width: 220px; height: 42px; line-height: 42px; border: 1px solid #72433f; color: #72433f; font-weight: bold; font-size: 16px; margin-top: 50px; margin-bottom: 50px; text-align: center; }
a.more:hover { background-color: #72433f; color: #fff; opacity: 1.0; }


a.more-sub { display: inline-block; width: 220px; height: 42px; line-height: 42px; border: 1px solid #72433f; color: #72433f; font-weight: bold; font-size: 16px; margin: 20px 15px 0 15px; text-align: center; }
a.more-sub :hover { background-color: #72433f; color: #fff; opacity: 1.0; }



/* TOPページ　プラン「詳細を見る」 */
a.more2 { display: inline-block; width: 204px; height: 35px; line-height: 35px; background-color: #72433f; border: 1px solid #72433f; color: #fff; font-weight: bold; font-size: 16px; position: absolute; left: 50%; bottom: 45px; margin-left: -102px; text-align: center; }
a.more2:hover { background-color: #f6f5f1; color: #72433f; border: 1px solid #72433f; opacity: 1.0; }




#home .section { text-align: center; padding: 70px 0px 20px; }
#home .section h2 { color: #72433f; font-size: 28px; line-height: 0.8em; font-family: 'Architects Daughter', cursive; }
#home .section h2 span { font-size: 13px;  }


#home .section_bnr { padding: 20px 0px 40px; display: block; }
#home .section_bnr img { max-width: 100%; }


#home .section01,
#home .section03,
#home .section05 { background-color: #f8f5f0; }


#home .section01{ margin-top: 86px; }


#home .section06 { /*display: none;*/ }


/** ABOUT **/
#home .section01 { /*color: #72433f;*/ }
#home .section01 h3 { margin: 40px 0; font-size: 18px; line-height: 1.4em; color: #72433f; }

#home .section01 div { overflow: hidden; }
#home .section01 .japan { float: left; margin-right: 20px; width: 150px; }
/*#home .section01 .japan { float: left; margin-right: 80px; width: 150px; }*/
#home .section01 p { margin-top: 0px; line-height: 1.8em; font-size: 105%; text-align: left; }
/*#home .section01 p { margin-top: 0px; line-height: 1.8em; font-size: 105%; text-align: left; }*/

#home .section01 a.more { }



/** SERVICE / PRISE **/
#home .section02 { padding-top: 80px; padding-bottom: 0px;}

#home .section02 ul.service-list { overflow: hidden; margin-top: 20px; }
#home .section02 ul.service-list li { float: left; /*margin-right: 54px;*/ width: 45%; margin: 5px; box-sizing: border-box; }
#home .section02 ul.service-list li img { border: 2px solid #eee7d7; border-radius: 10px; padding: 10px;  }
#home .section02 ul.service-list li p { margin-top: 10px; margin-bottom:10px; color: #00a040; font-weight: bold; }
#home .section02 ul.service-list li:last-child { margin-right: 0px; }

ul.plan-list { margin-top: 40px; padding-top: 10px; text-align: left; margin-bottom: 10px;}
ul.plan-list > li { border:1px dotted #ddd; width: 100%; height: 820px; margin-bottom: 50px; margin-right: 36px; background-color: #f8f5f0; border-radius: 10px 10px 0 0; position: relative; }
ul.plan-list > li:last-child { margin: 0px; }


ul.plan-list > li h3.simple { padding:5px; background-color: #009dd4; color: #fff; font-size: 16px; line-height: 40px; border-radius: 10px 10px 0 0; position: relative; text-align: center; }
ul.plan-list > li h3.standard { padding:5px; background-color: #00993d; color: #fff; font-size: 16px; line-height: 40px; border-radius: 10px 10px 0 0; position: relative; text-align: center; }
ul.plan-list > li h3.original { padding:5px; background-color: #e9b100; color: #fff; font-size: 16px; line-height: 40px; border-radius: 10px 10px 0 0; position: relative; text-align: center; }





ul.plan-list > li h3 > span { margin-top: -65px; padding-top: 65px; display: inline-block; }
ul.plan-list > li.standard-plan h3:after { content: url('./img/ribbon.png'); position: absolute; top: -3px; right: -4px; z-index: 10; }
ul.plan-list > li > ul { overflow: hidden; /*padding: 20px;*/ padding: 0px 20px; }
ul.plan-list > li > ul > li { padding: 20px 0; position: relative; }
ul.plan-list > li > ul > li p.left { float: left; font-color: #72433f; font-weight: bold; font-size: 13px; line-height: 1.4em; }
ul.plan-list > li > ul > li p.left2 { position: absolute; left: 90px; font-size: 13px; line-height: 1.4em; }
ul.plan-list > li > ul > li p.left3 { position: absolute; left: 90px; font-size: 13px; line-height: 1.4em; }
ul.plan-list > li > ul > li p.right { float: right; }
ul.plan-list > li > ul > li p.price { font-color: #72433f; font-weight: bold; font-size: 24px; }
ul.plan-list > li > ul > li p.right span { font-weight: normal; font-size: 14px; padding-left: 10px; }

ul.plan-list > li > ul > li p.center { color: #00a040; font-size: 14px; font-weight: bold; padding-left: 30px; text-align: left; line-height: 1.4em; }

ul.plan-list > li.light-plan > ul > li:nth-child(3) { /*height: 70px;*/ }
ul.plan-list > li.light-plan > ul > li:nth-child(3),
ul.plan-list > li.standard-plan > ul > li:nth-child(3) { /*margin-top: 20px;*/ margin-top: 5px; }

ul.plan-list > li.light-plan > ul > li:nth-child(4),
ul.plan-list > li.light-plan > ul > li:nth-child(5),
ul.plan-list > li.light-plan > ul > li:nth-child(6),
ul.plan-list > li.light-plan > ul > li:nth-child(7),
ul.plan-list > li.light-plan > ul > li:nth-child(8),
ul.plan-list > li.light-plan > ul > li:nth-child(9),
ul.plan-list > li.light-plan > ul > li:nth-child(10) { border-bottom: 1px dotted #333; }

ul.plan-list > li.standard-plan > ul > li:nth-child(4),
ul.plan-list > li.standard-plan > ul > li:nth-child(5),
ul.plan-list > li.standard-plan > ul > li:nth-child(6),
ul.plan-list > li.standard-plan > ul > li:nth-child(7),
ul.plan-list > li.standard-plan > ul > li:nth-child(8),
ul.plan-list > li.standard-plan > ul > li:nth-child(9),
ul.plan-list > li.standard-plan > ul > li:nth-child(10) { border-bottom: 1px dotted #333; }

ul.plan-list > li.original-plan > ul > li .center-title { font-weight: bold; font-size: 24px; text-align: center; margin-top: 20px; /*margin-bottom: 20px;*/ }

ul.plan-list > li.light-plan > ul > li:nth-child(3):before,
ul.plan-list > li.standard-plan > ul > li:nth-child(3):before,
ul.plan-list > li.original-plan > ul > li:nth-child(2):before,
ul.plan-list > li.original-plan > ul > li:nth-child(3):before,
ul.plan-list > li.original-plan > ul > li:nth-child(4):before,
ul.plan-list > li.original-plan > ul > li:nth-child(5):before,
ul.plan-list > li.original-plan > ul > li:nth-child(6):before {
	content: "{"; font-family: 'WebIconFonts' !important; font-size: 1.2em; color: #00a040;
	position: absolute; top: 26px; left: 4px;
}
/* TOPページの３プラン高さ調整 */
#home .section02 ul.plan-list > li { /*height: 320px;*/ height: 290px; }

/* 各プラン下部のテンプレートデザインリンクボタン */
.templete-link a { position: absolute; bottom: 0px; left: 0px; text-align: center; width: 100%; border-top: dashed 1px #ccc; padding: 10px 0; font-weight:bold; background-color:#00aeeb; color:#ffffff; font-size: 14px; }

.templete-link a::before {
    color: #ffffff;
    content: "2";
    font-family: "WebIconFonts" !important;
    font-size: 15px;
    margin:7px;

}

/* 通常リンク */
.golink a { font-weight:bold; color:#009ed6; font-size: 16px; }

.golink a::before {
    color: #009ed6;
    padding-right: 5px;
    content: "2";
    font-family: "WebIconFonts" !important;
}



/* priceで保守の詳細を追加 */
#price .small { font-size: 11px; margin-top: 0px; line-height: 1.5em; text-indent:-1em; padding-left:1em;}

#price ul.plan-list ul.detail { width: 180px; margin-top: 24px; margin-left: 100px; }
#price ul.plan-list ul.detail > li { font-size: 11px; list-style-type: disc; line-height: 1.5em; }

#price ul.plan-list ul.detail2 { width: auto; margin-top:50px; margin-left: 0px; padding: 8px;}
#price ul.plan-list ul.detail2 > li { text-indent:-1em; padding-left:1em; font-weight:bold; color:#00a040; font-size: 13px; list-style-type: square; line-height: 1.5em; margin-bottom: 12px; list-style-position: inside;}
#price ul.plan-list ul.detail2 > li span { color:#be2800; font-size: 13px; margin-top:10px; }

#home .section02 .bottom-box { text-align: left; margin-top: 60px; }
#home .section02 .bottom-box h4 { color: #00a040; font-size: 18px; }
#home .section02 .bottom-box ul { overflow: hidden; margin-top: 40px; }
#home .section02 .bottom-box ul li { width: 100%; font-size: 13px; font-weight:bold; color:#00a040; line-height: 1.4em; padding: 0 0 15px 15px; position: relative; }
#home .section02 .bottom-box ul li span.price { font-size: 86%; color:#3a3a3a; font-weight: normal;}

#home .section02 .bottom-box ul li span { position: absolute; top: 0px; right: 0px; }
#home .section02 .bottom-box ul li:before { content: "7"; font-family: 'WebIconFonts' !important; font-size: 0.9em; position: absolute; left: 0px; top: -0px; color: #00a040; }


/** WORKS **/
#home .section03 {}

#home .section03 ul.works-list { margin-top: 30px; }
#home .section03 ul.works-list > li { float: left; width: 50%; height: 160px; margin-bottom: 20px; overflow: hidden; text-align: center; }
#home .section03 ul.works-list > li img { width: 80%; }
#home .section03 ul.works-list > li ul.works-list-sub { width: 100%; margin-top: 5px; padding-right: 15px; }
#home .section03 ul.works-list > li ul.works-list-sub > li { /*border-bottom: 1px dotted #c0c0c0;*/ padding: 0px 10px; text-align: center; font-size: 10px; }
#home .section03 ul.works-list > li ul.works-list-sub ul li p {font-size: 90%;}


#home .section03 ul.works-list2 { margin-top: 30px; }
#home .section03 ul.works-list2 > li { float: left; width: 50%; height: 140px; margin-bottom: 50px; overflow: hidden; text-align: center; }
#home .section03 ul.works-list2 > li img { width: 50%; }




/** FLOW **/
#home .section04 {}
#home .section04 ul.flow-list { margin-top: 50px; }

#home .section04 ul.flow-list > li { position: relative; margin-bottom: 50px; }
#home .section04 ul.flow-list > li .lft-box { font-family: 'Architects Daughter', cursive; width: 100%; margin: 0 auto; height: 60px; border-radius: 5px; background-color: #00a040; color: #fff; font-size: 24px; padding-top: 6px; }
#home .section04 ul.flow-list > li .lft-box > span { font-size: 12px; }
#home .section04 ul.flow-list > li .rgt-box { width: 100%; text-align: left; line-height: 1.8em; margin-top: 20px;}
#home .section04 ul.flow-list > li:after { content: url('./img/arrow.png'); position: absolute; left: 50%; bottom: -30px; margin-left: -95px; }


/** Q&A **/
#home .section05 {}
#home .section05 dl.faq-list { margin-top: 50px; text-align: left; line-height: 1.6em; }


dl.faq-list dt,
dl.faq-list dd { padding-left: 50px; position: relative;  padding-top: 2px; padding-bottom: 5px; }

dl.faq-list dt { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
dl.faq-list dd { font-size: 16px; margin-bottom: 70px; line-height: 1.6em;  }
dl.faq-list dd:last-child { margin-bottom: 50px; }

dl.faq-list dt:before,
dl.faq-list dd:before {
	content: " "; font-size: 16px; font-weight: bold; color: #fff;
	border-radius: 5px; width: 28px; height: 28px; text-align: center; line-height: 28px;
	position: absolute; top: 0px; left: 0px;
}

dl.faq-list dt:before { content: "Q"; background-color: #00a040; }
dl.faq-list dd:before { content: "A"; background-color: #72433f; }





/** BLOG/NEWS **/
#home .section06 {}
#home .section06 ul.news-list { margin-top: 50px; }
#home .section06 ul.news-list li { width: 100%; margin: 0px auto 40px 10px; min-height: 100px; position: relative; overflow: hidden; }
#home .section06 ul.news-list li a { display: block; }
#home .section06 ul.news-list li a img { border-radius: 0px; width: 100px; height: 100px; float: left; margin-right: 20px; }
#home .section06 ul.news-list li h3 { margin: 15px 0 10px; font-size: 14px; color: #72433f; text-align: left; line-height: 1.4em; }
#home .section06 ul.news-list li .date { position: absolute; right: 0px; bottom: 0px; font-weight:bold; }


/** CONTACT **/
#home .section07 {}
#home .section07 p.msg { margin-top: 24px; line-height: 1.8em; text-align: center; }
#home .section07 p.tel { margin: 20px 0; text-align: center; }

.contact-form {  }
.contact-form input.wpcf7-submit { background-color: #00a040; border: none; padding: auto 50px; margin-top: 20px; border-radius: 5px; color: #fff; font-weight: bold; cursor: pointer; font-size: 20px; }
.contact-form input.wpcf7-submit:hover { background-color: green; }
.contact-form table { border-collapse: separate; }
.contact-form table { border-collapse: separate; width: 100%; margin: 50px auto 0;  }
.contact-form table th { display: block; border: 1px solid #d6cdc9; border-bottom: none; background-color: #f8f5f0; padding: 10px 10px; white-space: nowrap;  vertical-align: middle; }
.contact-form table td { display: block; border: 1px solid #d6cdc9; border-bottom: none; padding: 10px 0; border-right: none; border-left: none; }
.contact-form table td.submit { border: none; border-top: 1px solid #d6cdc9; text-align: center; }
.contact-form span.at {  background-color: #B02427; color:#ffffff; padding:3px; font-size: 10px; }

td.submit input[type="submit"][disabled] {
	background: #ccc;
	border: 2px solid #aaa;
	color: #aaa;
}


#muryode {  }
#muryode h1 img { max-width: 100%; }
/*
#muryode input.wpcf7-submit { background-color: #00a040; border: none; margin-top: 20px; border-radius: 0px; color: #fff; font-weight: bold; cursor: pointer; font-size: 16px; letter-spacing: 1.0em; padding-left: 2.0em; width: 60%; line-height: 2.0em; box-sizing: border-box; border: 2px solid #00a040; }
#muryode input.wpcf7-submit:hover { background-color: #fff; color: #00a040; border: 2px solid #00a040;}
*/
#muryode table { border-collapse: separate; }
#muryode table { border-collapse: separate; width: 100%; margin: 50px auto;  }
#muryode table th { display: block; border: 1px solid #d6cdc9; border-bottom: none; background-color: #f8f5f0; padding: 10px 20px; /*white-space: nowrap;*/  vertical-align: middle; text-align:left;}
#muryode table td { display: block; border: 1px solid #d6cdc9; border-bottom: none; padding: 10px 0px; border-right: none; border-left: none; }
#muryode span.hissu {  background-color: #B02427; color:#ffffff; padding:4px; font-size: 10px; margin-left: 10px; }

#muryode .submit { text-align: center; margin: 0 auto 50px; }
#muryode .submit input[type="submit"] { width: 100%; height: 40px; background: #00a040; color: #fff; font-size: 16px; letter-spacing: 1.0em; padding-left: 2.0em; width: 60%; border: none; font-weight: bold; border-radius: 0;  -webkit-appearance: none; margin: 20px 0; }
#muryode .submit input[type="submit"]:hover { cursor: pointer; background: #fff; color: #00a040; border: 2px solid #00a040; box-sizing: border-box; }

#muryode .section03 {  }
#muryode .section03 ul {  }
#muryode .section03 ul li { font-size:11px; padding: 0px 0 0px 15px; position: relative; }
#muryode .section03 ul li:before { content: "※"; position: absolute; left: 0px; top: 0px; }
#muryode .section04 { margin-top: 50px; }

#muryode #check_hp { padding-top: 50px; margin-top: -50px; }

/* タブレット向けのレイアウトの指定：480px～960px */
@media only screen and (min-width: 481px) {
		/** CONTACT **/
	#muryode { width: 1000px; margin: 100px auto 50px; border: none; }
	#muryode table { border-bottom: 1px solid #d6cdc9; }
	#muryode table th { display: table-cell; border-right: none; }
	#muryode table td { display: table-cell; padding: 10px; border-right: 1px solid #d6cdc9; border-left: 1px solid #d6cdc9; }
	
	#muryode #check_hp { padding-top: 80px; margin-top: -80px; }
}


input[type="text"],
input[type="email"]  { width: 100%; box-sizing: border-box; }


/*** 下層共通 ***/
.sub-page { margin-top: 65px; line-height: 1.6em; }
.sub-page > h2 { font-family: 'Architects Daughter', cursive; font-size: 24px; line-height: 0.8em; height: 80px; padding: 20px 0; background: #f8f5f0 url('./img/title_bk.jpg') repeat left top; color: #72433f; text-align: center; }
.sub-page > h2 span { font-size: 12px; }
h3.title { color: #00a040; font-size: 26px; border-bottom: 4px solid #f8f5f0; font-weight: bold; padding-top:20px; padding-bottom: 5px; margin-top: 50px; margin-bottom: 10px; text-align: center; line-height: 150%;}

.sub-page .section01 { margin-top: 20px; }
.sub-page .section01 p { margin: 20px 0; text-align: left; line-height: 170%;}



/* Service 事業内容 */
#service {  }
#service .section01 {}

#service .section02 h4 { color: #72433f; font-size: 26px; position: relative; padding-left: 0px; margin-top: 2px; margin-bottom: 20px; text-align: left; line-height: 140%;}
#service .section02 h4:before { content: "7"; font-family: 'WebIconFonts' !important; color: #72433f; margin-right: 10px; /*position: absolute; top: 0px; left: 0px; line-height: 1.0em;*/ }
#service .section02 .sub-box { overflow: hidden; padding-bottom: 50px; margin-top: 30px; text-align: center; }
#service .section02 .sub-box .img-box { margin-bottom:13px; width:100%; box-sizing: border-box; /*background: #f8f5f0; border-radius: 10px;*/ display: inline-block; /*float: left; margin-right: 30px;*/ }
#service .section02 .sub-box .img-box img { /*padding: 20px 40px;*/ text-align: center; margin-bottom:15px; max-width: 100%; }
/*#service .section02 .sub-box .text-box { float: left; width: auto; text-align: center; display: inline; }
#service .section02 .sub-box .text-box a {  }
#service .section02 .sub-box .text-box p { text-align: left; }*/
#service .section02 .sub-box p { text-align: left; line-height: 180%; font-size:105%;}
#service .section02 .sub-box p span { color: #00aeeb; } 
#service .section02 .sub-box h5 { margin-top: 10px; text-align: left; color:#72433f;}
#service .section02 .sub-box ul { margin-left: 45px; color: #009e41; font-weight: bold;}
#service .section02 .sub-box ul li { list-style-type: disc; text-align: left; }




#service .section02 #service01,
#service .section02 #service02,
#service .section02 #service03,
#service .section02 #service04,
#service .section02 #service05 { margin-top: -80px; padding-top: 80px; }

#service .section03 { text-align: center; }
#service .section03 .bottom-box { text-align: left; margin-top: 50px;  }
#service .section03 .bottom-box h4 { color: #009e41; font-size: 18px; }
#service .section03 .bottom-box ul { overflow: hidden; margin-top: 40px; padding: 0 20px; }
#service .section03 .bottom-box ul li { width: 100%; font-size: 13px; font-weight:bold; color:#009e41; line-height: 1.4em; padding: 0 0 15px 15px; position: relative; }
#service .section03 .bottom-box ul li span.price { font-size: 86%; color:#3a3a3a; font-weight: normal; }

#service .section03 .bottom-box ul li span { position: absolute; top: 0px; right: 0px; }
#service .section03 .bottom-box ul li:before { content: "7"; font-family: 'WebIconFonts' !important; font-size: 0.9em; position: absolute; left: 0px; top: -0px; color: #00a040; }




/*** ABOUT ***/
#about .section00 {}
#about .section00 ul { /*overflow: hidden;*/ }
#about .section00 ul li { /*float: left;*/ width: 100%; box-sizing: border-box; padding: 20px; color: #fff; /*height: 280px;*/ text-align: left; position: relative;  overflow: hidden; }
#about .section00 ul li:nth-child(1) { background: #f9be00; }
#about .section00 ul li:nth-child(2) { background: #00aeeb; }
#about .section00 ul li:nth-child(3) { background: #00a040; }
#about .section00 ul li:nth-child(4) { background: #f9be00; }
#about .section00 ul li:nth-child(5) { background: #00aeeb; }
#about .section00 ul li h4 { font-size: 27px; text-align:center; font-weight: normal; padding: 0px 0; line-height: 1.1em; position: relative; }
#about .section00 ul li h4 span { font-size: 30px; /*position: absolute; left: -10px; top: 20px;*/ }
#about .section00 ul li img { /*position: absolute; top: 100px; left: 20px; right: 0; margin: 0; */}
#about .section00 ul li p { padding: 0px; line-height: 1.4em; font-size: 13px; text-align: left; color: #fff; /*position: absolute; top: 160px; left: 0px;*/ }

/*
#about .section00 ul li:nth-child(odd) div { float: left; width: 140px; margin-right: 10px; }
#about .section00 ul li:nth-child(even) div { float: right; width: 140px; margin-left: 10px; }
*/
#about .section00 ul li div { float: left; width: 140px; margin-right: 10px; }

#about .section02 .about-box { margin: 40px 0; overflow: hidden; background-color: #f8f5f0; }
#about .section02 .about-box .lft-img { float: left; width: 100px; margin-right: 20px; margin-top: 20px; margin-left: 20px; }
#about .section02 .about-box .lft-img img { width: 100%; }
#about .section02 .about-box .rgt-box { padding: 20px; }
#about .section02 .about-box .rgt-box ul { margin-top: 10px; margin-left: 20px; }
#about .section02 .about-box .rgt-box ul li { padding: 2px; /*list-style-type: disc;*/ position: relative; }
#about .section02 .about-box .rgt-box ul li:before {
	content: "7"; font-family: 'WebIconFonts' !important; font-size: 1.0em; color: #00a040;
	position: absolute; /*top: -2px;*/ top: 0px; left: -20px;
}


#about .section04 table { border-collapse: separate; border-top: 1px solid #d6cdc9; border-left: 1px solid #d6cdc9; width: 100%; margin: 50px auto;  }
#about .section04 table th { border-right: 1px solid #d6cdc9; border-bottom: 1px solid #d6cdc9; background-color: #f8f5f0; padding: 10px 10px; white-space: nowrap;  }
#about .section04 table td {border-right: 1px solid #d6cdc9; border-bottom: 1px solid #d6cdc9; padding: 10px;  }

/*
#about ul.item-list li { margin-left:30px; line-height:170%; position: relative; font-weight: bold; font-size: 16px; color: #00a040;}
#about ul.item-list li:before {
	content: "4"; font-family: 'WebIconFonts' !important; color: #00a040; 
	position: absolute; top: 0px; left: -20px;}
*/
#about ul.item-list { display: block; padding: 10px 0 20px; width: 100%; overflow: hidden; }
#about ul.item-list li { display: block; float: left; width: 50%; }
#about ul.item-list li img { max-width: 100%; }
@media only screen and (min-width: 481px) {
	#about ul.item-list { display: table; padding: 30px 0 50px; }
	#about ul.item-list li { display: table-cell; float: none; width: initial; }
}

#about .bg-brown { background-color:#f8f5f0; padding: 10px;}
@media only screen and (min-width: 481px) {
	#about .bg-brown { padding: 30px;}
}

#about h4 { text-align: center; margin-bottom: 20px;}


#about ul.item-list2 { padding: 20px 0 20px; }
#about ul.item-list2 li { text-align: center; margin-bottom: 50px; }
#about ul.item-list2 li:last-child { margin-bottom: 0px; }
#about ul.item-list2 li a { display: block; }
#about ul.item-list2 li p { text-align: left; }
#about ul.item-list2 li img { width: 100%; }
#about ul.item-list2 li p.golink { font-weight:bold; color:#009ed6; font-size: 16px; }

#about ul.item-list2 li p.golink::before {
    color: #009ed6;
    padding: 5px;
    content: "2";
    font-family: "WebIconFonts" !important;
}
@media only screen and (min-width: 481px) {
	#about ul.item-list2 { padding-top: 10px; overflow: hidden; }
	#about ul.item-list2 li { margin-bottom: 0px; float: left; width: 304px; margin-right: 44px; }
	#about ul.item-list2 li:last-child { margin-right: 0px; }
	
}


/*** WORKS ***/
#work .section02 ul.works-list { margin-top: 30px; }
#work .section02 ul.works-list > li { width: 100%; padding-bottom:10px; margin-bottom:10px; overflow: hidden; border-bottom: 1px dotted #c0c0c0;}
#work .section02 ul.works-list > li img { width: 130px; float: left; }
#work .section02 ul.works-list > li ul.works-list-sub { margin-top: 0px; padding-left: 140px;}
#work .section02 ul.works-list > li ul.works-list-sub > li { padding: 5px 0; text-align: left; font-size: 13px; line-height: 140%;}

#work .section02 ul.works-list2 { overflow: hidden; }
#work .section02 ul.works-list2 > li { float: left; width: 50%; margin: 0 0px 10px 0; height: auto; }
/*#work .section02 ul.works-list2 > li:nth-child(odd) { padding-right: 5px; }
#work .section02 ul.works-list2 > li:nth-child(even) { padding-left: 5px; }*/
#work .section02 ul.works-list2 > li:nth-child(odd) { padding-right: 5px; }
#work .section02 ul.works-list2 > li:nth-child(even) { padding-left: 5px; }
#work .section02 ul.works-list2 > li img { width: 100%; float: none; }




/*** CONTACT ***/


/*** PRISE ***/
#price .section02 {  margin-bottom: 50px; }
#price .section03 table.price { border-collapse: separate; width: 100%; margin: 50px auto 10px auto;  border-bottom: 1px solid #d6cdc9; }
#price .section03 table.price { margin:10px 0 10px 0; }
#price .section03 table.price th { display: block; border: 1px solid #d6cdc9; border-bottom: none; background-color: #f8f5f0; padding: 10px 10px;  vertical-align: middle; text-align: left; }
#price .section03 table.price td { display: block; border: 1px solid #d6cdc9; border-bottom: none; padding: 10px;  position: relative; padding-bottom: 30px; }
#price .section03 table.price td span.number { position: absolute; right: 0px; bottom: 0px; font-weight: bold; }

#price .section03 .price_sample  {
	width: 100%;
	margin: 40px auto 10px;
    border:1px dotted #bcbcbc;
    padding: 15px 15px;
    color: #B02427 !important;
    background-color: #fff3ce;
    height: auto;
    line-height: 1.2em;
}
#price .section03 .price_sample div.sample2 {
    color: #B02427;
    font-size: 16px;
}
#price .section03 .price_sample div.rr {
	text-align: right;
	padding-top: 20px;
	font-size: 14px;
}

#price .section03 .price_sample ul.sample3 {
	margin-top: 10px;
	margin-left: 10px;
}

#price .section03 .price_sample ul.sample3 li {
	color: #555555;
	margin: 10px 10px 10px 20px;
    font-size: 14px;
    list-style-type: disc;
}

#price .section03 p.at { font-size: 12px; color: #B02427; }




/** FLOW **/
#flow ul.flow-list { margin-top: 50px; text-align: center; }

#flow ul.flow-list > li { position: relative; margin-bottom: 50px; }
#flow ul.flow-list > li .lft-box { font-family: 'Architects Daughter', cursive; width: 100%; margin: 0 auto; /*height: 90px;*/ line-height: 36px; border-radius: 5px; background-color: #00a040; color: #fff; font-size: 24px; /*padding-top: 20px;*/ }
#flow ul.flow-list > li .lft-box > span { font-size: 13px; }
#flow ul.flow-list > li .lft-box.flow_yellow { background-color: #fbbf00; }
#flow ul.flow-list > li .lft-box.flow_blue { background-color: #1FA4DA; }
#flow ul.flow-list > li .lft-box.flow_brown { background-color: #72433f; }


#flow ul.flow-list > li .rgt-box { width: 100%; text-align: left; line-height: 1.8em; margin-top: 20px;}
#flow ul.flow-list > li:after { content: url('./img/arrow.png'); position: absolute; left: 50%; bottom: -35px; margin-left: -95px; }
#flow ul.flow-list > li:last-child:after { content: ""; }

#flow ul.flow-list > li .rgt-box h4 { padding: 10px 0 10px 30px; font-size: 18px; color: #00a040; position: relative; }
#flow ul.flow-list > li .rgt-box h4:before { content: "{"; font-family: 'WebIconFonts' !important; font-size: 1.2em; color: #00a040; position: absolute; top: 10px; left: 5px; }

#flow ul.flow-list > li .rgt-box h4.flow_yellow,
#flow ul.flow-list > li .rgt-box h4.flow_yellow:before { color: #fbbf00; }

#flow ul.flow-list > li .rgt-box h4.flow_blue,
#flow ul.flow-list > li .rgt-box h4.flow_blue:before { color: #1FA4DA; }

#flow ul.flow-list > li .rgt-box h4.flow_brown,
#flow ul.flow-list > li .rgt-box h4.flow_brown:before { color: #72433f; }


/** FAQ **/
#faq .faq {}
#faq .faq dl.faq-list { margin-top: 50px; text-align: left; line-height: 1.6em; }
#faq .faq dl.faq-list dt:hover { opacity: 0.5; text-decoration: underline; }
#faq .faq dl.faq-list dt { color: #009ed6; }

.over{ cursor: pointer; }
.select{ /*cursor: default;*/ cursor: pointer; }


.pc { display: none; }
.sp { display: block; }

.muryode-link { padding-top: 0px; text-align: center; }
.muryode-link a { display: inline-block; }
.muryode-link a img { max-width: 100%; }


/* タブレット向けのレイアウトの指定：480px～960px */
@media only screen and (min-width: 481px) {f
	body { min-width: 1000px; }

	.inner { width: 1000px; padding: 0px; }

	.pc { display: block; }
	.sp { display: none; }

	.muryode-link { padding-top: 100px; }


	/* ヘッダー */
	header.head { padding-bottom: 20px; height: 80px; }
	header.head h1 img { width: auto; /*position: absolute; left: 5px; top: 10px;*/ }
	header.head #menu { display: none; }
	header.head nav { padding: 0px; margin-top: 0px; overflow: hidden; display: block; text-align: right; position: absolute; right: 10px; top: 40px; }
 	header.head nav ul { background-color:transparent; border: none; display: block; padding-top: 5px;}
	header.head nav ul li { float: left; font-size: 13px; width: auto; margin-left: 20px; border: none !important; padding: none; }
	header.head nav ul li:first-child { margin-left: 0px; }
	header.head nav ul li a { display: inline-block; color: #72433f; font-weight: bold; padding: 0; }
	
	header.head nav ul li:first-child { display: none; }
	header.head nav ul li:last-child { /*display: none;*/ }
	
	
	
	/* アイキャッチ */
/*
	#home #eye { height: 500px; overflow: hidden; margin-top: 80px; }
	#home #eye .eye-box { width: 1000px; height: 500px; position: relative; margin: 0 auto; }
	#home #eye .eye-box img { width: 100%; height: initial; }
	#home #eye .eye-box .eye-inner-box { position: absolute; top: 0px; left: -200px; width: 700px; height: 250px; }
	#home #eye .eye-box ul li { position: relative; vertical-align: bottom;}
	#home #eye .bx-wrapper .bx-prev { left: 260px; background: url('./img/ico_left.png') no-repeat center top; }
	#home #eye .bx-wrapper .bx-next { right: 260px; background: url('./img/ico_right.png') no-repeat center top; }
	#home #eye .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -40px; outline: 0; width: 40px; height: 80px; text-indent: -9999px; z-index: 10; }
	#home #eye .bx-wrapper .bx-controls-direction a.disabled { display: none; }
*/
	#home #eye { height: 500px; overflow: hidden; margin-top: 80px; }
	#home #eye .eye-box { /*width: 1000px;*/ width: 100%; min-width: 1000px; height: 500px; position: relative; left: 0px; margin: 0 auto; }
	#home #eye .eye-box img { width: 100%; height: initial; }
	/*#home #eye .eye-box .eye-inner-box { position: absolute; top: 0px; left: -200px; width: 1400px; height: 500px; }*/
	#home #eye .eye-box .eye-inner-box { position: absolute; top: 0px; left: -200px; width: 100%; min-width: 1400px; height: 500px; }
	#home #eye .eye-box ul li { position: relative; vertical-align: bottom; height: 500px; }
	
	#home #eye .eye-box ul li img { position: relative; left: 0; width: 100%; top: 0px; vertical-align: bottom; }
	
	#home #eye .bx-wrapper .bx-prev { left: 260px; background: url('./img/ico_left.png') no-repeat center top; }
	#home #eye .bx-wrapper .bx-next { right: 260px; background: url('./img/ico_right.png') no-repeat center top; }
	#home #eye .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -40px; outline: 0; width: 40px; height: 80px; text-indent: -9999px; z-index: 10; }
	#home #eye .bx-wrapper .bx-controls-direction a.disabled { display: none; }

	/*#home #eye .copy { position: absolute; top: 170px; left: -500px; right: 0px; margin: 0 auto; width: 360px !important; height: 160px !important; z-index: 999; }*/
	#home #eye .copy { top: 190px; left: 0px; right: 0px; margin: 0 auto; width: 360px; height: 160px; }
	#home #eye .copy img { width: 360px; height: 120px; }


	footer#foot { background: url('./img/footer_bk.png') repeat-x left top; min-height: auto; padding: 96px 0px 0px; }
	footer#foot .pagelink { padding: 10px 10px 10px; color: #fff; background-color: #00a040; }
	footer#foot .pagelink ul { overflow: hidden; margin-bottom: 50px; }
	footer#foot .pagelink ul li { float: left; width: auto; text-align: center; font-size: 14px; margin-right: 30px; }
	footer#foot .pagelink ul li a { color: #fff; display: block; padding: 10px 0; }
	footer#foot .pagelink .area { line-height: 1.4em; font-size: 14px; margin-bottom: 30px; }
	footer#foot .copyright { background-color: #f8f5f0; text-align: center; font-size: 12px; padding: 10px 0; }

	#home .section01 { margin-top:0; }
	#home .section01 .japan { float: left; margin-right: 80px; width: 250px; }
	#home .section01 p { margin-top: 0px; line-height: 1.8em; font-size: 105%; text-align: left; }

	
	#home .section h2 { font-size: 36px; }
	#home .section01 h3 { font-size: 22px; }
	
	
	#home .section02 ul.service-list {}
	#home .section02 ul.service-list li { margin-right:11px; width: 186px; box-sizing: border-box; }
	#home .section02 ul.service-list li img { padding: 28px; }
	#home .section02 ul.service-list li p {font-size: 16px; line-height: 160%;}
	#home .section02 ul.service-list li:last-child {}
	
	
	/* プランリスト　PC調整 */
	ul.plan-list { overflow: hidden; }
	ul.plan-list > li h3 > span { margin-top: -80px; padding-top: 80px; display: inline-block; }
	ul.plan-list > li > ul > li p.left { font-size: 14px; }
	ul.plan-list > li > ul > li p.left2 { font-size: 14px; }
	ul.plan-list > li > ul > li p.left3 { font-size: 13px; font-weight: bold;}
/*	#home .section02 ul.plan-list > li { width: 309px; margin-bottom: 0px; }*/
	ul.plan-list > li { float: left; width: 309px; margin-bottom: 0px; }
	
	#home .section02 .bottom-box h4 { font-size: 20px; } 
	
	#home .section02 .bottom-box ul li { float: left; width: 25%; font-size: 16px; }
	#home .section02 .bottom-box ul li span { position: relative; }
	

	#home .section03 ul.works-list { overflow: hidden; margin-top: 60px; }
	#home .section03 ul.works-list > li { width: 220px; height: 260px; margin: 20px 40px 0 0; }
	#home .section03 ul.works-list > li img { width: 100%; }
	#home .section03 ul.works-list > li:nth-child(4n) { margin-right: 0px; }
	#home .section03 ul.works-list > li ul.works-list-sub { margin-top: 20px; padding-left: 0px; }
	#home .section03 ul.works-list > li ul.works-list-sub > li { padding: 0px 10px; font-size: 12px; }

	
	#home .section04 ul.flow-list > li { overflow: hidden; padding-bottom: 60px; margin-bottom: 0px; }
	#home .section04 ul.flow-list > li .lft-box { float: left; width: 220px; height: 90px; font-size: 30px; padding-top: 20px; }
	#home .section04 ul.flow-list > li .lft-box > span { font-size: 13px; }
	#home .section04 ul.flow-list > li .rgt-box { float: right; width: 740px; height: 90px; /*margin-top: -10px;*/ margin-bottom: 10px; }
	#home .section04 ul.flow-list > li:after { content: url('./img/arrow.png'); position: absolute; left: 50%; top: 130px; margin-left: -95px; }

	#home .section06 ul.news-list { overflow: hidden; }
	#home .section06 ul.news-list li { float: left; width: 200px; margin: 0 66px 25px 0; }
	#home .section06 ul.news-list li:nth-child(4n) { margin-right: 0px; }
	#home .section06 ul.news-list li a img { border-radius: 100px; width: 100%; height: 100%; float: none; margin-right: 0px; }
	#home .section06 ul.news-list li h3 { margin: 10px 0 10px; height: 90px; }
	#home .section06 ul.news-list li .date { text-align: center; position: relative; margin-top: 10px; }
	
	/** CONTACT **/
	.contact-form { width: 600px; margin: 0 auto;  border: none; }
	.contact-form table th { display: table-cell; border-right: none; }
	.contact-form table td { display: table-cell; padding: 10px; border-right: 1px solid #d6cdc9; border-left: 1px solid #d6cdc9; }

	/*** 下層共通 ***/
	.sub-page { margin-top: 80px; }
	.sub-page > h2 { font-size: 36px; height: 144px; padding: 50px 0; }
	
	.sub-page .section01 { margin-top: 60px; }
	.sub-page .section01 p { margin: 20px 0; /*text-align: center;*/ }
	#contact.sub-page  .section01 p { margin-left: 100px; }
	
	
	/*** ABOUT ***/
	/*#about {}*/
	/*#about > h2 { font-size: 36px; }*/
	
	#service .section01 { padding-bottom: 30px; }
	
   .bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto { bottom: 20px; }
	#service .section02 h4 { font-size: 22px; }
	#service .section02 h4:before {}
	#service .section02 .sub-box { overflow: hidden; margin-bottom: 50px; }
	#service .section02 .sub-box .img-box { width:auto; display: inline-block; /*float: left;*/ }
	/*#service .section02 .sub-box .img-box img { padding: 50px; }*/
	/*#service .section02 .sub-box .text-box { float: right; width: 760px; text-align: center; }
	#service .section02 .sub-box .text-box a {  }
	#service .section02 .sub-box .text-box p { text-align: left; }
	#service .section02 .sub-box .text-box span { color: #00aeeb; }*/
	#service .section02 .sub-box h5 { margin-top: 10px; margin-bottom: 10px; font-size:110%; text-align: left; color:#72433f;}
	#service .section02 .sub-box ul { /*margin-left: 260px;*/ margin-left: 20px; } 
	#service .section02 .sub-box ul li {}
	
	
	
	#service .section02 .sub-box .float-box { overflow: hidden; }
	#service .section02 .sub-box .img-box.left { float: left; }
	#service .section02 .sub-box .img-box.right { float: right; }
	#service .section02 .sub-box .text-box.right { float: right; width: 540px; }
	#service .section02 .sub-box .text-box.left { float: left; width: 540px; }
	
	
	
	
	#service .section02 #service01,
	#service .section02 #service02,
	#service .section02 #service03,
	#service .section02 #service04,
	#service .section02 #service05 { margin-top: -100px; padding-top: 100px; }
	
	#service .section03 .bottom-box h4 { font-size: 20px; } 
	
	#service .section03 .bottom-box ul li { float: left; width: 25%; font-size: 16px; }
	#service .section03 .bottom-box ul li span { position: relative; display: block; }

	#about .section00 {}
	#about .section00 ul { overflow: hidden; }
	#about .section00 ul li { float: left; width: 20%; height: 280px; text-align: center; }
	#about .section00 ul li h4 { font-size: 30px; padding: 20px 0; color:#fff; }
	#about .section00 ul li h4 span { position: absolute; left: -10px; top: 20px; }
	#about .section00 ul li img { position: absolute; top: 100px; left: 20px; right: 0; margin: 0; }
	#about .section00 ul li p { padding: 20px 20px; line-height: 1.4em; font-size: 13px; text-align: left; position: absolute; top: 160px; left: 0px; }
	#about .section00 ul li:nth-child(odd) div { float: none; width: auto; margin-right: 0px; }
	#about .section00 ul li:nth-child(even) div { float: none; width: auto; margin-left: 0px; }

	#about .section02 .about-box { padding: 20px 0; overflow: hidden; }
	/*#about .section02 .about-box .lft-img { float: left; width: 200px; margin-right: 0px; }*/
	#about .section02 .about-box .lft-img { float: left; width: 175px; margin-right: 0px; margin-left: 40px; margin-top: 20px; }
	#about .section02 .about-box .rgt-box { float: right; width: 770px; }
	#about .section02 .about-box .rgt-box ul { margin-top: 10px; }
	
	#about .section03 { padding-top: 20px; }
	#about .section04 { padding-top: 20px; }
	
	#about .section04 table { width: 800px; margin: 50px auto 0; }
	#about .section04 table th { padding: 20px 40px; white-space: nowrap; }
	#about .section04 table td { padding: 10px 20px; }
	
	#work .section02 ul.works-list { overflow: hidden; margin-top: 60px; }
	#work .section02 ul.works-list > li img { width: 100%; float: none; }
	#work .section02 ul.works-list > li { float: left; width: 220px; margin: 0 40px 10px 0; height: 320px; }
	#work .section02 ul.works-list > li:nth-child(4n) { margin-right: 0px; }
	#work .section02 ul.works-list > li ul.works-list-sub {margin-top: 10px; padding-left: 0px; }
	#work .section02 ul.works-list > li ul.works-list-sub > li { padding: 8px 0; font-size: 14px; text-align: center; }
	
	#work .section02 ul.works-list2 { overflow: hidden; margin-top: 60px; }
	#work .section02 ul.works-list2 > li img { width: 100%; float: none; }
	#work .section02 ul.works-list2 > li { float: left; width: 220px; margin: 0 40px 20px 0; height: auto; }
	#work .section02 ul.works-list2 > li:nth-child(4n) { margin-right: 0px; }
	
	#work .section02 ul.works-list2 > li:nth-child(odd) { padding-right: 0px; }
	#work .section02 ul.works-list2 > li:nth-child(even) { padding-left: 0px; }
	
	#price .section03 table.price { /*width: 800px;*/ }
	#price .section03 table.price th { display: table-cell; border-right: none; width: 200px; }
	#price .section03 table.price td { display: table-cell; }
	#price .section03 table.price td span.number { position: absolute; right: 10px; bottom: 0px; }
	
	#price .section03 .price_sample  { /*width: 600px;*/ }
	#price .section03 .price_sample ul.sample3 { /*margin-left: 50px;*/ padding: 20px 50px 0;}
	
	#price .section03 .price_sample ul.sample3 li { float: left; margin-right: 50px; }

	#flow ul.flow-list > li { overflow: hidden; padding-bottom: 100px; margin-bottom: 0px; }
	#flow ul.flow-list > li .lft-box { float: left; width: 220px; height: 90px; line-height: 90px; font-size: 30px; margin-top: 10px; }
	#flow ul.flow-list > li .rgt-box { float: right; width: 740px; text-align: left; line-height: 1.8em; margin-top: 0px;}
	#flow ul.flow-list > li:after { content: url('./img/arrow.png'); position: absolute; left: 50%; bottom: 40px; margin-left: -95px; }
	#flow ul.flow-list > li .rgt-box h4 { padding: 10px 0 10px 30px; font-size: 18px; color: #00a040; position: relative; }
	#flow ul.flow-list > li .rgt-box h4:before { content: "{"; font-family: 'WebIconFonts' !important; font-size: 1.2em; color: #00a040; position: absolute; top: 10px; left: 5px; }


}
/* PC向けレイアウトの指定：961px以上では固定レイアウト */
/***********
@media only screen and (min-width: 961px) {}
***********/

@media only screen and (min-width: 1024px) {
	#home #eye .eye-box .eye-inner-box { position: absolute; top: 0px; left: 0px; width: 100%; min-width: 1400px; height: 500px; }
}



/*------------------------------------------------------------
	Webフォント
------------------------------------------------------------*/
@font-face{
	font-family:'WebIconFonts';
/*	src:url('http://blog.quusookagaku.com/webiconfonts.eot');
	src:url('http://blog.quusookagaku.com/WebIconFonts.eot?') format('eot'),
	url('http://blog.quusookagaku.com/WebIconFonts.woff') format('woff'),
	url('http://blog.quusookagaku.com/WebIconFonts.ttf') format('truetype'); */

	src:url('./webfont/webiconfonts.eot');
	src:url('./webfont/WebIconFonts.eot?') format('eot'),
	url('./webfont/WebIconFonts.woff') format('woff'),
	url('./webfont/WebIconFonts.ttf') format('truetype');
}

.icon {
    font-family: WebIconFonts;
}

.ico {
    font-family: 'WebIconFonts' !important;
    font-size: 1em;
    vertical-align: middle;
    margin-right: 6px;
}

.ico_green {
    font-family: 'WebIconFonts' !important;
    color: #00A040;
    font-size: 1em;
    vertical-align: middle;
    margin-right: 6px;
    
}


.ico_2 {
    font-family: 'WebIconFonts' !important;
    color: #fff;
    vertical-align: middle;
    margin-right: 6px;
}

.accent { font-weight: bold; color:#72433f; text-align:center; border-bottom: 2px dashed #f8bf2b; font-size: 20px; line-height: 200%; margin-top:46px;}
.accent2 { font-weight: bold; color:#333; font-size: 17px; line-height: 170%; background: linear-gradient(transparent 50%, #b7f4cd 40%); display: inline; }
.accent2_waku { text-align:center; margin-top: 20px;}


div.check-page {
	background-color: #fffdef; 
	padding: 20px; 
	margin-top: 50px;
        font-size: 14px;
        border: 1px dashed #8a8a8a;
}

div.check-page ul {
        padding: 20px;
}

div.check-page ul li {
			margin-top:10px;
			list-style-type:square;
        color: #00a040;
        font-weight: bold;
        line-height: 170%;
        font-size: 15px;
}



/*------------------------------------------------------------
	共通
------------------------------------------------------------*/
.bold { font-weight: bold!important; }
.red {color: #df0005!important;}
.ss {font-size: 90%!important;}
.ssss {font-size: 80%!important;}
.sss {margin-top:5px; color:#333; font-size: 82%; font-weight:normal; line-height: 130%; text-align: left;}
.l {font-size: 120%!important;}
.ex_appeal { background-color:#f7f5f1; padding: 10px 15px; margin: 10px 0;}
.ex_appeal ul li { line-height:190%; }
.attention { font-size: 90%; color: #df0005;}




/** placeholderのカラー指定 **/
:placeholder-shown { color: #cccccc; }
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder { color: #cccccc; }
/* Firefox 18- */
:-moz-placeholder { color: #cccccc; opacity: 1; }
/* Firefox 19+ */
::-moz-placeholder { color: #cccccc; opacity: 1; }
/* IE 10+ */
:-ms-input-placeholder { color: #cccccc; }