@charset "utf-8";

/*
Theme Name: スマートフォン専用サイト制作
Theme URI: http://sumaho-s.com/
Author: スマホ集客プロジェクト（株式会社 ＯＭコンサルティング）
Author URI: http://web-sumaho.com/
Description: スマートフォンサイト制作
Version: 1
License: GNU General Public License
*/

/* cssリセット
--------------------------------------------*/
h1,h2,h3,h4,h5 {
margin: 0;
font-size: 1em;
font-weight: normal;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
img {vertical-align: bottom;}

/* H2
--------------------------------------------*/
h2 {
background: #fff;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 30px;
margin-bottom: 20px;
font-size: 30px;
border-bottom:solid 2px #444;
color:#222;
line-height: 1.2;
font-weight:bold;
position: relative;

}



h2:before{
    content: "";
    position: absolute;
    background: #1ea8bd;
    top: 50%;
    left: 0.5em;
    margin-top :-15px;
    height: 30px;
    width: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    
}

/* H3
--------------------------------------------*/
h3{
	padding: 10px 15px 10px 15px;
	font-weight: bold;
	margin: 25px 0 25px 0;
	color: #fff;
	font-size: 25px;
	background-color: #1ea8bd;
	text-shadow: 1px 1px 1px rgba(1,95,135,0.5);
	
}




h4{
border-bottom:2px dotted #1ea8bd;
padding: 10px 15px 10px 15px;
font-weight:bold;
margin:0px 0 15px 0;
color:#1ea8bd;
}

h4.substaff {
	border-bottom: 2px dotted #1ea8bd;
	font-weight: bold;
	color: #405432;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 300px;
}




/* 汎用クラス
--------------------------------------------*/
.box01{
border:3px solid #666;/* ここで色を変える*/
padding:25px;
margin:5px 5px 20px 5px;
background:#efefef;
}

.box01 ul{
line-height:1.8em;
}


.box01b{
padding:10px;
margin:5px 5px 20px 5px;
background:#efefef;
}

.t1 {
font-size: 20px;
}

.m_btm10{margin-bottom:10px;}
.m_btm20{margin-bottom:20px;}
.m_btm30{margin-bottom:30px;}
.m_btm100{margin-bottom:100px;}

.center{text-align:center;}

.aligncenter{text-align:center;
display:block;
margin:0 auto;}

.bold01{color:#f00;font-weight:bold;}

.lineup ul {overflow:hidden; width: 640px;}
.lineup li {float: left;}



/* ヘッダー
--------------------------------------------*/
.top_info {
font-size: 20px;
font-weight: bold;
color: #690;
line-height: 22px;
}
.h_promo{position:relative;}
#header_bnr {
position: absolute;
top: 530px;
left: 0px;
}

/* コンテンツ
--------------------------------------------*/
.box02{
overflow:hidden;
margin-bottom:20px;
margin-left:20px;
}
.box02a{
width:340px;
float:left;
}
.box02b{
width:280px;
float:right;
}

.box02a1 img{
float:right;
margin-top:15px;
margin-right:20px;
}
.box02b1{
width:280px;
float:left;
margin-right: 20px;
margin-bottom: 10px;
}

/* フッター
--------------------------------------------*/
#footer {
text-align: center;
background:#444;
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#444));/* ここで色を変える*/
padding: 0 0 10px  0;
color: white;
}

/* コンタクトフォーム
--------------------------------------------*/
.wpcf7,
span.wpcf7-not-valid-tip{
font-size:24px !important;
font-weight:bold;
}
.table01 {
padding: 1px;
width: 100%;
margin-bottom:12px;
margin-top:12px;
}
.table01 th {
background: #f4fdf1;
padding: 5px 10px;
text-align: left;
white-space: nowrap;
border-bottom: 1px solid #CCC;
}

.table01 td {
background: #fff;
padding: 10px;
text-align: left;
border-bottom: 1px solid #CCC;
}
.table01 input[type="text"],
textarea{
width:90%;
padding:5px;
font-size:24px;
}

#submit {
display: block;
font-size: 30px;
margin: 0 auto;
width: 250px;
height: 75px;
}


.table02{
padding: 1px;
width: 100%;
margin-bottom:24px;
}
.table02 th {
background: #fef9e9;
padding: 5px 10px;
text-align: left;
white-space: no-wrap;
border-bottom: 1px solid #CCC;
}

.table02 td {
background: #fff;
padding: 10px;
text-align: left;
border-bottom: 1px solid #CCC;
white-space: no-wrap;
}






html {-webkit-text-size-adjust: none;}

body {
	font:24px/30px Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック', sans-serif;
	color: #4D4D4D;
	width:640px;
	margin:0;
	background-color: #fff;
}

img {
border:0px;
}

a:link {
text-decoration:none;
	color: #0171da;
}

a:visited {
text-decoration:none;
	color: #0171da;
}

a:active {
text-decoration:none;
	color: #0171da;
}



input {
font-size: 70%;
}


.button {
font-weight:bold;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 20px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 4px 4px 10px #000;
	-moz-box-shadow: 4px 4px 10px #000;
	box-shadow:  4px 4px 10px #000;
}

.button2 {
font-weight:bold;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	width:550px;
	cursor: pointer;
	text-decoration: none;
	font: 20px/100% Arial, Helvetica, sans-serif;
	padding: 20px 20px 20px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	border: solid 2px #db6305;
}


.blue {
	color: #222;
	border: solid 1px #2e75c1;
	background: #f6f8fb;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f8fb));
	background: -moz-linear-gradient(top,  #fff,  #f6f8fb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f6f8fb');
margin-bottom:15px;
margin-right:15px;
margin-left:15px;
padding:10px;
}

.blue strong{
	font-weight:bold;
	color: #2e75c1;}
.brown{
	height:80px;
	font-weight:bold;
	text-align:center;
		border: solid 1px #331d07;
	background-color: #040c30;
	background: -webkit-gradient(linear, left top, left bottom, from(#dba965), to(#672911));
	background: -moz-linear-gradient(top,  #dba965,  #672911);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dba965', endColorstr='#672911');
}

.block{position:relative;top:30%;margin-top: -40px;color:#fff;font-size:26px;}
.block_cli{position:relative;top:10%;margin-top: -40px;color:#fff;font-size:26px;}

.brown2{
	height:60px;
	text-align:left;
		border: solid 3px #1d8de5;
	background-color: #ffffff;
	border-radius: .5em;
}
.brown3{
	padding:10px 0px 10px 52px;
	height:60px;
	text-align:left;
		border: solid 3px #f79e32;
	background-color: #ffffff;
	border-radius: .5em;
}


.block2{position:relative;top:30%;margin-top:-30px;color:#f79e32;font-size:22px;font-weight:bold;}

dt {

	padding: 20px 10px 20px 10px;

	font-size:24px;
    background: #fff;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda9c', endColorstr='#db6305');
	color: #000000;
    font-weight:bold;
	vertical-align:middle;
}

dt.last-child {
	border-bottom: none;
}

dd {
	padding:10 10 10 10;
    margin-left:0px;
	font-size:14px;
	color: #cccc;
}

.footer-txt{
	font-size:20px;
	vertical-align:middle;
	text-align:center;
	padding:40px 0 40px 0px;
}
#header-top{
padding: 0px 0px 0px 10px;
background-color:#422103;
font-size:24px;
}
#footer-bottom{
vertical-align:middle;
text-align:center;
padding: 0px 0px 0px 10px;
background-color:#6699FF;
font-size:18px;
}

th.th-lock {
    width: 150px;
}

table.table-01 {
    width: 600px;
    border: 1px #FF8000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:24px;
}

table.table-01 th {
    padding: 5px;
    border: #FF8000 solid;
    border-width: 0 0 1px 1px;
    background: #FFF7E6;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.table-01 td {
    padding: 5px;
    border: 1px #FF8000 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

table.table-02 {
    width: 600px;
    border: 1px #FF8000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:24px;
}

table.table-02 th {
    width: 450px;
    padding: 5px;
    border: #FF8000 solid;
    border-width: 0 0 1px 1px;
    background: #FFF7E6;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.table-02 td {
    padding: 5px;
    border: 1px #FF8000 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

table.table-03 {
    width: 600px;
    border: 1px #FF8000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:24px;
}

table.table-03 th {
    width: 150px;
    padding: 5px;
    border: #FF8000 solid;
    border-width: 0 0 1px 1px;
    background: #FFF7E6;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.table-03 td {
    padding: 5px;
    border: 1px #FF8000 solid;
    border-width: 0 0 1px 1px;
　　text-align: center;
}
.table-l{margin-left:20px;float:left;font-size:26px;width:100px;background-color:#cccccc;border:1px solid;border-color:#000000;}
.table-r{margin-left:20px;float:clear;font-size:26px;width:540px;border:1px solid;border-color:#000000;}

/* white */
.white {
	color: #606060;
	border: solid 3px #db6305;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#FFFFFF');
}

/* コンタクトフォーム
--------------------------------------------*/

.wpcf7 input[type="text"],
.wpcf7 textarea {

padding: 3px;
margin:5px;
}
.wpcf7 input[type="text"].ss {width: 25px;}
.wpcf7 input[type="text"].s {width: 50px;}
.wpcf7 input[type="text"].m {width: 150px;}

select.wpcf7-form-control{
height: 45px;
}

span.wpcf7-list-item {display: block;}




.alignright {
float:right;
padding:0 0 15px 15px;}




.alignleft{
float:right;
padding:0 15px 15px 0;}




* html body{  
    overflow: hidden;  
}   

div#footer {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0; 
 width:640px;
}  
* html div#contents{  
    height: 100%;  
    overflow: auto; 
}  

div.content_list ul
{
list-style-type: square !important;
margin-left:30px;
margin-top:1.2em;
}
div.content_list ol
{
margin-left:30px;
margin-top:1.2em;
}

div.content_list li
{
margin-bottom:0.5em;
}


#contents p{
padding-right: 15px;
padding-left:15px;}


#date{
text-align:right;
padding-right:10px;}



.backpage{
text-align: right;}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*----------------------------------

phoenix-designs：shoji
追加CSS
 
---------------------------------- */

.info {
width: 610px;
	margin-right: auto;
	margin-left: auto;
}

.right_img {
	float: right;
}
.left_img {
	float: left;
}

.c-both {
    clear:both; display:block; visibility:hidden;
}

/*margin*/
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mt40{
	margin-top: 40px;
}
.mt50{
	margin-top: 50px;
}
.mt60{
	margin-top: 60px;
}
.mt70{
	margin-top: 70px;
}
.mt80{
	margin-top: 80px;
}
.mt90{
	margin-top: 90px;
}
.mt100{
	margin-top: 100px;
}

/*スマホページ追加 2018/06/06*/
.arrow-flow{
	width: 640px;
	margin:0 auto;
	text-align: center;
}
.t1 {
font-size: 14px;
	margin-left: 10px;
}
h1{
	margin-left: 10px;
}
.right-10{
	margin-right: 10px;
}
.map-g {
	background-color: #333;
	padding: 15px;
}
a.map-g {
	color: #FFF!important;
}
.table-1{
	margin-top: 30px;
	margin-bottom: 50px;
	width: 610px;
	margin-right: auto;
	margin-left: auto;
}
.table-1 tr td{
	padding: 10px;border-bottom: solid 1px #EFEFEF;
}
.bg-g1{
	background-color: #EFEFEF;
	font-weight: bold;
}

/* top */

#top_visual {}

#top_visual {
	height: 700px;
	width: 640px;
	overflow: hidden;
	position: relative;
}

#top_visual .img-01, #top_visual .img-02{
   position: absolute;
   top:0;
   left:0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
}

#top_visual > * > span {
	display: none;
}

#top_visual .img-01 {
	background-image: url("/s/lib/img/top/header.png");
	background-repeat: no-repeat;
	animation: slide-animation-01 10s infinite;
}

#top_visual .img-02 {
	background-image: url("/s/lib/img/top/header2.png");
	background-repeat: no-repeat;
	animation: slide-animation-02 10s infinite;
}

@keyframes slide-animation-01 {
    0% {opacity: 1; transform: scale(1.0);}
  30% {opacity: 1;}
  50% {opacity: 0; transform: scale(1.0);}
  80% {opacity: 0}
100% {opacity: 1; transform: scale(1.0);}
}
@keyframes slide-animation-02 {
    0% {opacity: 0;}
  40% {opacity: 0;  transform: scale(1.0);}
  50% {opacity: 1;}
  80% {opacity: 1;}
100% {opacity: 0; transform: scale(1.0);}
}

#top_visual h3,#top_visual h4 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*blog*/

.bloglistlink {
	text-align: left;
}

.bloglistlink a {
	display: inline-block;
	padding: 12px 24px;
	color: #02c2c5;
	background: #ebf8f8;
	transition: .2s;
}

.blog_entry_container {
	
}
#contents .blog_entry_container .entry {
	padding: 0 15px;
	margin-bottom: 30px;
}

#contents .blog_entry_container .entry p{
	padding: 0;
}

#contents .blog_entry_container .entry .date {
	text-align: right;
	margin-bottom: 30px;
}

.blog_entry_pager {
	margin: 60px 0;
	border-top: 1px solid #ebf8f8;
	padding-top: 30px;
}

.blog_entry_pager .ichiran {
	text-align: center;
	margin-top: 24px;
}

.blog_entry_pager .ichiran a {
	display: inline-block;
	padding: 10px 24px;
	color: #02c2c5;
	background: #ebf8f8;
	transition: .2s;
}

.blog_entry_pager .ichiran a:hover{
	text-decoration: none;
	background: #02c2c5;
	color: #ebf8f8;
}

.blog_entry_pager ul {
	display: flex;
	justify-content: center;
	gap:12px;
	list-style: none;
}

.blog_entry_pager ul li a{
	color: #02c2c5;
	background: #ebf8f8;
  display: grid;
  place-items: center;	
	font-weight: bold;
	transition: .2s;
	padding: 10px 24px;
}

.blog_entry_pager ul li a:hover{
	text-decoration: none;
	background: #02c2c5;
	color: #ebf8f8;
}

.blog_entry_pager ul li span{
  display: grid;
  place-items: center;	
	font-weight: bold;
	transition: .2s;
	padding: 10px 15px;
}

.blog_entry_list {
	padding: 0 15px;
}

.blog_entry_list ul li {
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #02c2c5;
	line-height: 1.4;
}

.blog_entry_list ul li a {
	display: flex;
	justify-content: flex-start;
	gap:12px;
	padding: 5px;
	color: #4D4D4D;
}

.blog_entry_list ul li a:hover {
	background: #ebf8f8;
	text-decoration: none;
}

.focus {
	font-weight: bold;
	color: #ff3c4e;
}

.hissu {
	color: #fe4729;
}