@charset "utf-8";
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
a:hover img {
	opacity: 0.8;
}
/*==========================================
 body
===========================================*/
body {
	width: 100%;
	background-color:#FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
}
a {
	color:#333;
	text-decoration:underline;
}
a:hover {
	color:#333;
	text-decoration:underline;
}
/*==========================================
 ヘッダーのスタイル
===========================================*/
.header_h {
	height:auto;
}
header {
	text-align:center;
}
header h1 {
	display:none;
}
header .rogo {
	margin:0 auto;
	width:100%;
	padding:15px 5px;
}
header .rogo img {
	width:100%;
	max-width:226px;
}
header {
	position:relative;
	overflow:hidden;
}
header ul#s_nav {
	margin-bottom:15px;
	position:relative;
	left:50%;
	float:left;
}
header ul#s_nav li {
	float:left;
	position:relative;
	left: -50%;
}
header ul#s_nav li a {
	display:block;
	font-size:0.8em;
	margin-right:20px;
	padding-left:20px;
}
header ul#s_nav li.contact a {
	background:url(../images/icn_contact.jpg) no-repeat left center;
}
header ul#s_nav li.news a {
	background:url(../images/icn_news.jpg) no-repeat left center;
}
header ul#s_nav li.sitemap a {
	background:url(../images/icn_sitemap.jpg) no-repeat left center;
}
header p {
	width:100%;
}
header p img {
	width:100%;
	height:auto;
	max-width:960px;
}
/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/

  .nav_bg {
	background-color:#333;
}
nav ul {
}
nav ul li {
	text-align: center;
	float: left;
	width: 50%;
	border-bottom: 1px solid #ccc;
}
nav ul li:nth-child(odd) {
 width: 49%;
 border-right: 1px dotted #ccc;
}
nav ul li a {
	display: block;
	width: 100%;
}
/*==========================================
メインイメージ
===========================================*/
.main_img {
	text-align:center;
	background-color:#8EC321;
	margin-bottom:30px;
}
.main_img img {
	height: auto;
	max-width: 980px;
	width: 100%;
}
/*==========================================
 コンテンツエリア -> topSのスタイル
===========================================*/
div#contents section#thanks h2 {
	text-align:center;
	margin:130px 0 80px 0;
}
div#contents section#thanks h2 img {
	height: auto;
	max-width: 664px;
	width: 90%;
}
.thanks_img{
	text-align:center;
	margin:30px 0;
}
.back_btn{
margin-bottom:60px;
text-align:center;
}
.back_btn img{
	height: auto;
	max-width: 346px;
	width: 90%;
}
#footer {
	font-size: 11px;
	margin-top: 30px;
	padding-bottom: 70px;
	text-align: center;
}
div#contents section#top h2 {
	text-align:center;
	margin:50px 0 30px 0;
	display:none;
}
div#contents section#top h2 img {
	height: auto;
	max-width: 807px;
	width: 90%;
}
div#contents section#top article {
	text-align: center;
	float: left;
	margin-bottom: 30px;
	padding: 0 20px;
}
div#contents section#top article img.img1 {
	width: 90%;
	height: auto;
	max-width: 450px;
	margin-bottom:20px;
}
div#contents section#top article img.img2 {
	width: 90%;
	height: auto;
	max-width: 346px;
	margin-bottom:20px;
}
div#contents section#top article p {
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
	margin-bottom:20px;
}
div#contents section#top article .top_right img {
	display:none;
}
div#contents section#top article .border1 .inner1 img.face {
	width: 100%;
	height: auto;
	max-width: 400px;
}
div#contents section#top article .border1 {
	background-image: url("../images/top5.gif");
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size:100px auto;
	border:2px solid #cccccc;
}
div#contents section#top article .border1 .inner1 {
	padding:55px 20px 20px 20px;
}
div#contents section#top article .border1 .inner1 p {
	padding-bottom:20px;
	margin-top:20px;
}
div#contents section#top article .border1 .inner1 .line1 {
	border-bottom:1px solid #cccccc;
}
div#contents section#top article .border1 .inner1 ul {
	list-style:none;
	display:inline-block;
}
div#contents section#top article .border1 .inner1 ul li {
	width:50%;
	float:left;
	text-align: center;
	margin-bottom:15px;
}
div#contents section#top article .border1 .inner1 ul li img {
	height: auto;
	max-width: 129px;
	width: 90%;
}
div#contents section#top article .border1 .inner1 ul li.under2 {
	margin-bottom:0px;
}
#case ul {
	list-style: outside none none;
	margin:0;
	overflow: hidden;
	padding: 0;
}
#case ul li {
	font-size: 14px;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align:center;
	max-width: 400px;
	width: 100%;
}
.sam {
	height: auto;
	max-width: 400px;
	width: 100%;
}
.case_txt1 {
	font-size:12px;
	margin-bottom:10px;
	text-align:left;
}
.case_txt2 {
	text-align:left;
	font-size:12px;
	line-height:20px;
}
.case_txt1 span {
	font-size:10px;
}
.case_img {
	position: relative;
	max-width: 400px;
	width: 100%;
}
.case_img img.link {
	right: 5%;
	position: absolute;
	bottom: 5%;
}
img.grow {
	transition: all 0.1s ease-in-out 0s;
}
img.grow:hover {
	transform: scale(1.1, 1.1);
}
div#contents section#case article {
	margin-bottom: 30px;
	text-align: center;
	padding: 0 20px;
}
div#contents section#flow table tr.last td {
	border-bottom: 1px solid #cccccc;
	width: 100%;
}
div#contents section#flow table tr.last td.sright {
	border-bottom: none;
}
div#contents section#flow article {
	margin-bottom: 30px;
	text-align: left;
	padding: 0 20px;
}
div#contents section#flow table {
	border: 2px solid #cccccc;
	width:100%;
	border-collapse: separate;
	border-spacing: 0;
}
div#contents section#flow table tr {
	width:100%;
}
div#contents section#flow table tr td {
	border-bottom: 1px solid #cccccc;
	display: block;
	width:100%;
}
div#contents section#flow table tr td.sleft1, div#contents section#flow table tr td.sleft2, div#contents section#flow table tr td.sleft3, div#contents section#flow table tr td.sleft4, div#contents section#flow table tr td.sleft5, div#contents section#flow table tr td.sleft6 {
	background-position: 20px 0;
	background-repeat: no-repeat;
}
div#contents section#flow table tr td.sleft1 {
	background-image: url("../images/flow2.gif");
}
div#contents section#flow table tr td.sleft2 {
	background-image: url("../images/flow4.gif");
}
div#contents section#flow table tr td.sleft3 {
	background-image: url("../images/flow6.gif");
}
div#contents section#flow table tr td.sleft4 {
	background-image: url("../images/flow8.gif");
}
div#contents section#flow table tr td.sleft5 {
	background-image: url("../images/flow10.gif");
}
div#contents section#flow table tr td.sleft6 {
	background-image: url("../images/flow12.gif");
}
div#contents section#flow table tr td.sleft1 p, div#contents section#flow table tr td.sleft2 p, div#contents section#flow table tr td.sleft3 p, div#contents section#flow table tr td.sleft4 p, div#contents section#flow table tr td.sleft5 p, div#contents section#flow table tr td.sleft6 p {
	padding: 40px 35px 20px;
}
div#contents section#flow table tr td.sright {
	font-size: 14px;
	line-height: 26px;
}
div#contents section#flow table tr td.sright p {
	font-size:12px;
	line-height:20px;
	text-align:justify;
	padding: 20px;
}
div#contents section#flow table tr td.sright p br {
	display:none;
}
div#contents section#guide h2, div#contents section#flow h2, div#contents section#case h2, div#contents section#price h2, div#contents section#contact h2 {
	text-align:center;
	margin:50px 0 40px 0;
}
div#contents section#guide h2 img {
	height: auto;
	max-width:119px;
	width: 90%;
}
div#contents section#flow h2 img {
	height: auto;
	max-width:142px;
	width: 90%;
}
div#contents section#case h2 img {
	height: auto;
	max-width:118px;
	width: 90%;
}
div#contents section#price h2 img {
	height: auto;
	max-width:118px;
	width: 90%;
}
div#contents section#contact h2 img {
	height: auto;
	max-width:164px;
	width: 90%;
}
div#contents section#guide .guide1 {
	text-align:center;
}
div#contents section#guide .guide1 .guide_img1 img {
	height: auto;
	max-width: 195px;
	width: 100%;
	margin-bottom:20px;
}
div#contents section#guide .guide1 .guide_txt1 {
	border-bottom: 1px dotted #333333;
	padding-bottom:15px;
	margin:0 20px 15px
}
div#contents section#guide .guide1 .guide_txt1 img {
	height: auto;
	max-width: -moz-fit-content;
	width: 90%;
}
div#contents section#guide .guide1 p {
	font-size:12px;
	line-height:20px;
	text-align:justify;
	padding:0 30px;
	margin-bottom:30px;
}
#page-top {
	bottom: 0px;
	font-size: 12px;
	position: fixed;
	background: #333;
	width:100%;
}
#page-top a {
	background: none repeat scroll 0 0 #333;
	color: #fff;
	display: block;
	text-align: center;
	text-decoration: none;
	padding:15px 0;
}
#page-top a:hover {
	background: none repeat scroll 0 0 #999;
	text-decoration: none;
}
div#contents section#guide .guide1 p br {
	display:none;
}
div#contents section#price article {
	margin-bottom: 30px;
	text-align: left;
	padding: 0 20px;
}
div#contents section#price table.price_mob {
	border: 2px solid #cccccc;
	width:100%;
	border-collapse: separate;
	border-spacing: 0;
}
div#contents section#price table.price_mob tr {
	width:100%;
	font-size:12px;
	line-height:20px;
}
div#contents section#price table.price_mob tr td.center {
	padding: 20px 35px;
	border-bottom: 1px solid #cccccc;
}
div#contents section#price table.price_mob tr td.left {
	padding: 10px;
	width:50%;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
div#contents section#price table.price_mob tr td.left_last {
	padding: 10px;
	width:50%;
	border-bottom: 2px solid #cccccc;
	border-right: 1px solid #cccccc;
}
div#contents section#price table.price_mob tr td.left_last2 {
	padding: 10px;
	width:50%;
	border-bottom: none;
	border-right: 1px solid #cccccc;
}
div#contents section#price table.price_mob tr td.right {
	padding: 10px;
	width:50%;
	border-bottom: 1px solid #cccccc;
}
div#contents section#price table.price_mob tr td.right_last {
	padding: 10px;
	width:50%;
	border-bottom: 2px solid #cccccc;
}
div#contents section#price table.price_mob tr td.right_last2 {
	padding: 10px;
	width:50%;
	border-bottom: none;
}
div#contents section#contact article {
	margin-bottom: 30px;
	text-align: left;
	padding: 0 20px;
}
.contact_txt1 {
	font-size:12px;
	line-height:20px;
	margin:0 auto;
	padding-bottom:30px;
	text-align:justify;
	border:2px solid #cccccc;
	padding:20px;
}
.contact_txt2 {
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	padding:15px 0;
	margin:15px 0;
}
.border2 {
	font-size:12px;
	line-height:20px;
	border: 2px solid #cccccc;
	width:85%;
	margin:0 auto;
}
.border2 .p30 {
	padding:30px;
}
.border2 .mt30 {
	margin-top:30px;
}
.border2 .mb40 {
	margin-bottom:40px;
}
.border2 .mb20 {
	margin-bottom:20px;
}
.price_pc, .contact_pc {
	display:none;
}
.price_mob, .contact_mob {
	display: table;
}

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px) {
button:hover img {
 opacity: 0.8;
}
 .contact_txt1 {
 width:85%;
 border:none;
}
 #footer {
 font-size: 12px;
 margin-top: 70px;
 padding-bottom: 20px;
 text-align: center;
}
 .price_mob, .contact_mob {
display:none;
}
 .price_pc, .contact_pc {
display: table;
}
 #price table.price_pc {
 border: 2px solid #cccccc;
 border-collapse: separate;
 border-spacing: 0;
 width: 100%;
}
#price table.price_pc tr.line .scenter, #price table.price_pc tr.line .sright {
 border-bottom: 2px solid #cccccc;
}
#price table.price_pc tr.last_sleft td.sleft, #price table.price_pc tr.line_last td.scenter, #price table.price_pc tr.line_last td.sright {
 border-bottom: none;
}
 #price table.price_pc tr td {
 vertical-align: middle;
 border-collapse: separate;
 border-spacing: 0;
}
 #price table.price_pc tr td.sleft {
 background-position: 20px 0;
 background-repeat: no-repeat;
 border-right: 1px solid #cccccc;
 border-bottom: 2px solid #cccccc;
 width:40%;
}
 #price table.price_pc tr td.scenter {
 font-size: 14px;
 line-height: 26px;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 width:30%;
}
#price table.price_pc tr td.sleft p {
 padding: 15px 0 15px 30px;
}
#price table.price_pc tr td.scenter p {
 padding: 15px 0 15px 20px;
}
#price table.price_pc tr td.sright {
 font-size: 14px;
 line-height: 26px;
 border-bottom: 1px solid #cccccc;
 width:30%;
}
#price table.price_pc tr td.sright p {
 padding: 0 0 0 20px;
}
div#contents section#price article {
 margin-bottom: 30px;
 text-align: left;
 padding: 0 20px;
}
 #case ul {
 margin-right:-5%;
}
 #case ul li {
 float:left;
 width: 45%;
 margin-right:5%;
 padding-bottom:40px;
}
 div#contents section#flow table tr td.sleft1, div#contents section#flow table tr td.sleft2, div#contents section#flow table tr td.sleft3, div#contents section#flow table tr td.sleft4, div#contents section#flow table tr td.sleft5, div#contents section#flow table tr td.sleft6 {
 background-position: 20px 0;
 background-repeat: no-repeat;
 border-right: 1px solid #cccccc;
width: 30%;
 display: table-cell;
 vertical-align: middle;
}
 div#contents section#flow table tr td.sleft1 p, div#contents section#flow table tr td.sleft2 p, div#contents section#flow table tr td.sleft3 p, div#contents section#flow table tr td.sleft4 p, div#contents section#flow table tr td.sleft5 p, div#contents section#flow table tr td.sleft6 p {
 text-align:left;
 padding:50px;
}
 div#contents section#flow table tr td {
 display:table-cell;
 width:100%;
}
div#contents section#flow table tr td.sright {
 width:70%;
 display: table-cell;
 vertical-align: middle;
}
 div#contents section#flow table tr td.sright p {
font-size:14px;
line-height:26px;
padding:20px;
}
 div#contents section#flow table tr.last td {
 border-bottom: none;
}
 div#contents section#flow table tr td.sright p br {
display:inline-block;
}
 div#contents section#guide .guide1 p br {
display:inline;
}
 div#contents section#guide .guide1 .guide_txt1 {
 margin: 0 0 15px 0;
 padding-bottom: 15px;
}
 div#contents section#guide .guide1 p {
 font-size:14px;
 line-height:26px;
 text-align:justify;
 padding:0;
}
div#contents section#guide h2, div#contents section#flow h2, div#contents section#case h2, div#contents section#price h2, div#contents section#contact h2 {
 text-align:center;
 margin:100px 0 80px 0;
}
 div#contents section#guide .guide1 {
 text-align: left;
}
 div#contents section#guide article {
width:80%;
margin:0 auto;
}
 div#contents section#guide .guide1 .guide_img1 {
float:left;
width:25%;
}
 div#contents section#guide .guide1 .guide_right .ml30 {
margin-left:30px;
}
div#contents section#guide .guide1 .guide_right {
margin-top:20px;
float:left;
text-align:left;
width:75%;
}
 #page-top {
 bottom: 20px;
 font-size: 10px;
 position: fixed;
 right: 20px;
 width: 100px;
 border-radius: 5px;
}
#page-top a {
 background: none repeat scroll 0 0 #333;
 border-radius: 5px;
 color: #fff;
 display: block;
 padding: 30px 0;
 text-align: center;
 text-decoration: none;
 width: 100px;
}
#page-top a:hover {
 background: none repeat scroll 0 0 #999;
 text-decoration: none;
}
 div#contents section#top article .border1 .inner1 ul li.under {
 margin-bottom:0px;
}
 div#contents section#top article .border1 .inner1 .ml25 {
margin-left:25px;
}
 div#contents section#top article .border1 .inner1 {
display:inline-block;
padding:30px;
}
 div#contents section#top article .border1 .inner1 .fl {
 float:left;
 width:30%;
}
 div#contents section#top article .border1 .inner1 .fr {
 float:left;
 width:70%;
}
 div#contents section#top article .border1 .inner1 p {
 font-size:12px;
 line-height:20px;
 margin-top:0px;
}
 div#contents section#top article .border1 .inner1 ul li {
 width:25%;
 float:left;
 text-align: center;
}
 div#contents section#top article .border1 {
 background-image: url("../images/top5.gif");
 background-position: 96% 0;
 background-repeat: no-repeat;
 background-size:128px auto;
 margin-top:30px;
}
 .header_h {
height:179px;
}
 header {
 position:static;
}
 header .rogo {
 float:left;
 width:226px;
 padding:15px 5px 15px 20px;
}
 header h1 {
 float:left;
 font-size:12px;
 margin:55px 20px;
 font-weight:normal;
 display:inline-block;
}
 header ul#s_nav {
 float:right;
 margin-top:20px;
 position:static;
}
 header ul#s_nav li {
 float:left;
 position:static;
}
 nav {
 text-align: center;
 margin: 0 auto;
}
 .fixed {
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 10000;
}
 #headerFixedBox {
 height: 57px;
}
 nav ul li {
 text-align: center;
 float: left;
 width: 16%;
 border-bottom: none;
 border-right: 1px dotted #ccc;
}
 nav ul li:nth-child(odd) {
 width: 17%;
 border-bottom: none;
}
 nav ul li.top {
 border-left: none;
 margin-left: 1px;
}
 nav ul li.contact {
 border-right: none;
}
 nav ul li a {
 display: block;
}
 div#contents section#top article .top_left {
 float:left;
 width:50%;
}
 div#contents section#top article .top_right {
float:right;
width:50%;
}
 div#contents section#top article .top_right img {
 display:block;
}
 div#contents section#top article .top_right img {
 height: auto;
 max-width: 450px;
 width: 100%;
}
 div#contents section#top article {
 text-align: left;
 width: 95%;
 margin-bottom: 30px;
}
 div#contents section#top article p {
 font-size: 16px;
 line-height: 28px;
 margin-bottom: 30px;
 padding-top:10px;
 text-align: justify;
}
div#contents section#top h2 {
text-align:center;
margin:90px 0 80px 0;
display:block;
}
div#contents section#top article img.img1 {
display:none;
}
 div#contents section#top article img.img2 {
text-align:left;
}
}

/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 981px) {
 #case ul {
 margin-right:-4%;
}
 #case ul li {
 float:left;
 width: 29%;
 margin-right:4%;
}
 header .rogo {
 padding:15px 5px 15px 0px;
}
 div#contents section#guide .guide1 .guide_right {
margin-top:45px;
float:left;
text-align:left;
width:75%;
}
 header {
 width:980px;
 margin-left:auto;
 margin-right:auto;
}
 nav {
 max-width: 980px;
}
 nav ul {
 margin-left: auto;
 margin-right: auto;
}
 nav ul li:nth-child(odd) {
 border-bottom: none;
}
 nav ul li.home {
 border-left: 1px dotted #ccc;
}
 nav ul li.contact {
 border-right: 1px dotted #ccc;
}
 div#contents {
 max-width: 980px;
 margin: 0 auto;
}
}