@charset "utf-8";
/*
Theme Name: 緊急水道センター Thank
Author: Web Design Office Pict
Author URI: https://lifecall39.pict-design.com/
Description: サンクホームページ
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    /* background:transparent;*/
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

/*table {
    border-collapse:collapse;
    border-spacing:0;
}*/

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}




ol, ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
a,
a:link,
a:visited  {
	color: #333;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
	outline: none;
}
a:active,
a:hover {
	color: #aaa;
	text-decoration: underline;
	cursor: hand;
	cursor: pointer;
}


/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { 
	background:#fafafa; 
	border:1px solid #ddd; 
	padding:0 0 15px 0; 
	-moz-border-radius:10px; 
	-khtml-border-radius:10px; 
	-webkit-border-radius:10px; 
	border-radius:10px; 
	margin:3px 0 30px 0; 
}
div.wpcf7 p { 
	padding:20px 20px 3px; 
	margin:0; 
	font-size:13px;
	font-size:1.3rem;
}
div.wpcf7 input, .wpcf7 textarea { 
	border:1px solid #ccc; 
	padding:8px; 
	font-size:14px; 
}
div.wpcf7 textarea { 
	width:97.5%; 
	height:300px; 
}
div.wpcf7 input.wpcf7-submit {
	cursor:pointer; 
	color:#fff; 
	font-weight:bold; 
	font-size:14px; 
	width:200px; 
	height:45px; 
	margin:0 auto; 
	display:block;
	-moz-border-radius:5px; 
	-khtml-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
	background:#333; 
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080;
	border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { 
	background:#006080; 
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; 
	border:1px solid #006080; 
}
.wpcf7 input.wpcf7-submit:active { 
	box-shadow:none; 
	bottom:-2px; 
	position:relative; 
}
.wpcf7 input:focus, .wpcf7 textarea:focus { 
	border:1px solid #009de1; 
}
.wpcf7-captchac { 
	border:1px solid #ccc; 
}
 
 
/* エラー個所をわかりやすく表示 */
.screen-reader-response { 
	display:none; 
}
.wpcf7 .wpcf7-not-valid { 
	background: #ffb6c1; 
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 100%;
	display:block;
	padding:5px 0 0 0; 
	color:#ff0000
}
.wpcf7 .wpcf7-response-output {
	margin: 10px 0 0;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
}
.wpcf7 .wpcf7-validation-errors {
	color: #B94A48; 
	background-color: #F2DEDE; 
	border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok {
	color: #3A87AD; 
	background-color: #D9EDF7; 
	border: 1px solid #BCE8F1;
}
 
/* 必須赤色表示 */
.wpcf7 .required { 
	color: #f00;
}
/* 任意緑色表示 */
.wpcf7 .any{ 
	color: #080;
}












/* --- メールフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { 
	background:#fafafa; 
	border:1px solid #ddd; 
	padding:0 0 15px 0; 
	-moz-border-radius:10px; 
	-khtml-border-radius:10px; 
	-webkit-border-radius:10px; 
	border-radius:10px; 
	margin:3px 0 30px 0; 
}
div.wpcf7 p { 
	padding:20px 20px 3px; 
	margin:0; 
	font-size:13px;
	font-size:1.3rem;
}
div.wpcf7 input, .wpcf7 textarea { 
	border:1px solid #ccc; 
	padding:8px; 
	font-size:14px; 
}
div.wpcf7 textarea { 
	width:97.5%; 
	height:300px; 
}
div.wpcf7 input.wpcf7-submit {
	cursor:pointer; 
	color:#fff; 
	font-weight:bold; 
	font-size:14px; 
	width:200px; 
	height:45px; 
	margin:0 auto; 
	display:block;
	-moz-border-radius:5px; 
	-khtml-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
	background:#333; 
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080;
	border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { 
	background:#006080; 
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; 
	border:1px solid #006080; 
}
.wpcf7 input.wpcf7-submit:active { 
	box-shadow:none; 
	bottom:-2px; 
	position:relative; 
}
.wpcf7 input:focus, .wpcf7 textarea:focus { 
	border:1px solid #009de1; 
}
.wpcf7-captchac { 
	border:1px solid #ccc; 
}
 
 
/* エラー個所をわかりやすく表示 */
.screen-reader-response { 
	display:none; 
}
.wpcf7 .wpcf7-not-valid { 
	background: #ffb6c1; 
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 100%;
	display:block;
	padding:5px 0 0 0; 
	color:#ff0000
}
.wpcf7 .wpcf7-response-output {
	margin: 10px 0 0;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
}
.wpcf7 .wpcf7-validation-errors {
	color: #B94A48; 
	background-color: #F2DEDE; 
	border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok {
	color: #3A87AD; 
	background-color: #D9EDF7; 
	border: 1px solid #BCE8F1;
}
 
/* 必須赤色表示 */
.wpcf7 .required { 
	color: #f00;
}
/* 任意緑色表示 */
.wpcf7 .any{ 
	color: #080;
}


@media screen and (max-width:320px) { 
/*iPhone5S・SE*/
/*========================================================= */
html {
	font-size: 62.5%;
}

body {
　width:100%;
	font-size: 14px; 
	font-size: 1.4rem;
	line-height:1.2;
  color:#572b04;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}
.clear{
	clear: both;
	visibility: hidden;
	background-color: #0066FF;
	line-height: 0px;
}
#wrap {
	width: 100%;	
}
.sp_wrap {
	width: 97%;
	margin: 0 auto;
}

.responsive{
	display: block;
	width: 100%;
	height: auto;
}
.clearfix:after {   
  content: ".";    
  display: block;    
  height: 0;    
  clear: both; 
  overflow: hidden;   
  visibility: hidden;   
}


/* ヘッダー・メニュー
========================================================= */

#h1_header {
	font-size:12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #FFF;
	background-color:#096CBD;
	padding:3px 0;
}
#h1_header_inner {
	width: 95%;
	margin: 0 auto;
}
#sp_header {
	position: relative;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 75.52083%;
	background:url(https://lifecall39.pict-design.com/common_img/sp/index/header_bg.png) center top no-repeat;
	background-size:contain;
	margin:0 0 2% 0;
}
#sp_header_tel {
	width:90%;
	position:absolute;
	top:46%;
	left:5%;
}

/*トグルメニュー 共通
========================================================= */
.menu{
	display: none;
	width: 100%;
}
.menu .inmenu{
	display: block;
	padding: 12px 10px;
	background: #457B9D;
	color: #fff;
	text-decoration: none;
}
.menu a:hover{
	background: #ccc;
}
.toggle{
	display: block;
	position: relative;
	width: 100%;
}
.close{
	display: block;
	position: relative;
	width: 100%;
	background: #457B9D;
}
.toggle a{
	display: block;
	padding: 20px 0 20px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background:#1D3557;
}
.toggle:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background:#FFF;
}
.toggle a:before, .toggle a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 6px;
	background:#1D3557;
}
.toggle a:before {
	margin-top:-9px;
}
.toggle a:after {
	margin-top: 3px;
}

.menu {
	width: 100%;
}
.menu li{
	width: 100%;
	margin: 0;
	padding: 0;
}
.menu li a {
	display: block;
	padding: 20px 0 20px;
	background-color:#0B7CD9;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border-bottom:1px solid #FFF;
}
.menu li:last-child a{
	border: none;
}
.menu li a:hover{
	background: #FF8928;
}


/* 共通バナー&コンテンツ
========================================================= */
.sp_common_banner{
	padding: 0 0 2% 0;
}
.water_trouble01 {
	position: relative;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 46.79144%;
	background:url(https://lifecall39.pict-design.com/common_img/sp/index/index_bg01.jpg) center top no-repeat;
	background-size:contain;
	margin: 0 0 2% 0;
}
.index_text01 {
	width:95%;
	position:absolute;
	top:70%;
	left:2%;
}
.index_text01 p {
	font-weight: bold;
	font-size: 10px;
	font-size: 1rem;
}
.index_text02 {
	width:95%;
	position:absolute;
	top:78%;
	left:2%;
}
.index_text02 p {
	font-size: 10px;
	font-size: 1rem;
}

.water_trouble02 {
	position: relative;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 46.79144%;
	background:url(https://lifecall39.pict-design.com/common_img/sp/index/index_bg02.jpg) center top no-repeat;
	background-size:contain;
	margin: 0 0 2% 0;
}
.index_text01 {
	width:95%;
	position:absolute;
	top:70%;
	left:2%;
}
.index_text01 p {
	font-weight: bold;
	font-size: 10px;
	font-size: 1rem;
}
.index_text02 {
	width:95%;
	position:absolute;
	top:78%;
	left:2%;
}
.index_text02 p {
	font-size: 10px;
	font-size: 1rem;
}

.water_trouble03 {
	position: relative;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 46.79144%;
	background:url(https://lifecall39.pict-design.com/common_img/sp/index/index_bg03.jpg) center top no-repeat;
	background-size:contain;
	margin: 0 0 2% 0;
}
.index_text01 {
	width:95%;
	position:absolute;
	top:70%;
	left:2%;
}
.index_text01 p {
	font-weight: bold;
	font-size: 10px;
	font-size: 1rem;
}
.index_text02 {
	width:95%;
	position:absolute;
	top:78%;
	left:2%;
}
.index_text02 p {
	font-size: 10px;
	font-size: 1rem;
}


/* スマホ footer(iPhone5S/SE)
========================================================= */
#foot{
	padding: 5px;
	font-size: 11px;
	font-size: 1.1rem;
	color: #1F72B4;
	text-align: center;
	height:50px;
	border-top: solid 1px #1F72B4;
	background: url(https://lifecall39.pict-design.com/common_img/sp/index/footer_bg.jpg) 1% 75% no-repeat;
	background-size:28% auto;
}
#foot ul{
	display:block;
	margin:0 0 10px 0;
	line-height:1.8;
}
#foot ul li{
	display:inline;
}
#foot ul li:after{
	content:"";
	margin:0 7px;
	border-right:#E70050 dotted 1px;
}
	
#foot ul li:nth-child(4):after{
	margin:0;
	border-right:none;
}
	
#foot ul li:last-child:after{
	margin:0;
	border-right:none;
}
	
#foot ul li:nth-child(5):before{
	content:"\A";
	white-space:pre;
}
#foot ul li a{
	font-size: 10px;
	font-size: 1rem;
	font-weight:bold;
	color:#1F72B4;
}
#copyright {
	padding: 5px 0;
	text-align: center;
	background-color:#1F72B4;
}
#copyright p{
	font-size: 10px;
	font-size: 1rem;
	color: #FFFFFF;
}

/* BLOG (iPhone5S/SE)
========================================================= */
#blog_title {
	width:98%;
	margin:4% auto 2%;
	display:block;
	border-bottom:solid 1px #2275B8;
	font-size: 15px;
	font-size: 1.5rem;
}

#blog_title li {
	float:left;
	padding:0 15px 0 0;
}

#blog_title li:nth-child(1) {
	color:#F07F00;
	font-weight:bold;
}
#blog_title li:nth-child(2)  {
	color:#112C5F;
}
#blog_title li:nth-child(3)  {
	color:#112C5F;
	float:right;
	font-size: 11px;
	font-size: 1.1rem;
}
.blog_content_box {
	width:94%;
	margin:0 auto;
	border:1px solid #CCC;
	padding:2%;
}
.blog_content {
	width:60%;
	float:left;
}
.thumbnail {
	width:40%;
	float:right;
	padding:0 0 0 0;
}
.thumbnail img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}

/* Pagenation
========================================================= */
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

/* ご依頼の流れ(iPhone5S/SE)
========================================================= */
.flow_box {
	position:relative;
	height: 140px;
}
.flow_box_bottom {
	position:relative;
	height: 180px;
}
.flow_text01 {
	position:absolute;
	top:15%;
	left:28%;
	color:#186CD8;
	font-size: 10px;
	font-size: 1rem;
	font-weight:bold;
}
.flow_text012 {
	color:#00467F;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight:bold;
}
#flow_mark01 {
	position:absolute;
	top:30px;
	left:0;
}
.flow_text02 {
	position:absolute;
	top:15%;
	left:28%;
	color:#186CD8;
	font-size: 10px;
	font-size: 1rem;
	font-weight:bold;
}
.flow_text022 {
	color:#00467F;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight:bold;
}
.flow_text03 {
	position:absolute;
	top:15%;
	left:28%;
	color:#186CD8;
	font-size: 10px;
	font-size: 1rem;
	font-weight:bold;
}
.flow_text032 {
	color:#00467F;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight:bold;
}
.flow_text04 {
	position:absolute;
	top:15%;
	left:28%;
	color:#186CD8;
	font-size: 10px;
	font-size: 1rem;
	font-weight:bold;
}
.flow_text042 {
	color:#00467F;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight:bold;
}
.flow_text05 {
	position:absolute;
	top:0;
	left:28%;
	color:#186CD8;
	font-size: 10px;
	font-size: 1rem;
	font-weight:bold;
	letter-spacing:-0.08em;
}
.flow_text052 {
	color:#00467F;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight:bold;
}

.flow_text {
	position:absolute;
	top:33%;
	left:28%;
	font-size: 10px;
	font-size: 1rem;
	line-height:1.4;
}
.flow_text_bottom {
	position:absolute;
	top:15%;
	left:28%;
	font-size: 10px;
	font-size: 1rem;
	line-height:1.4;
}
#flow_mark01 {
	position:absolute;
	top:15%;
	left:0;
}
#flow_mark02 {
	position:absolute;
	top:15%;
	left:0;
}
#flow_mark03 {
	position:absolute;
	top:15%;
	left:0;
}
#flow_mark04 {
	position:absolute;
	top:15%;
	left:0;
}
#flow_mark05 {
	position:absolute;
	top:5%;
	left:0;
}


/* 対応エリア(iPhone5S/SE)
========================================================= */
.headding01 {
	background: #1d8ade; 
  margin:15px 0 20px 0;
  padding:12px 10px;
  color:#FFF;
	font-size:20px;
	font-size:2rem;
  text-shadow:1px 1px 2px #333;
  position:relative;
	border-radius: 6px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;    
}
.headding01:before {
  content: ' ';
  position: absolute;
	z-index: 2;
  width: 0;
  height: 0;
  left: 14px;
  bottom: -27px;
  background: transparent;
  border-color: #1d8ade transparent transparent transparent ;
  border-style:solid;
  border-width:15px;
}

.area_text01 {
	color:#00467F;
	padding:0 0 30px 0;
	font-size: 16px;
	font-size: 1.6rem;
}
.area_text03 {
	color:#00467F;
	padding:0 0 15px 0;
	font-size: 16px;
	font-size: 1.6rem;
}
.area_text02 {
	border: solid 3px #364e96;
	padding:7px;
	border-radius: 6px;
	-webkit-border-radius:6px;
  -moz-border-radius:6px; 
	margin:10px 0 15px 0;
}

/* お問い合わせ(iPhone5S/SE)
========================================================= */
.box
{ 
　　width: 320px;
　　margin: 0 auto;
}

img.box1_1
{
   width: 100%;
    clear: both ;
    float: left;	
　　margin: 0 auto;
}


.box2 h1
{
   margin: 5% 0 0 20%;
　　border-bottom: 10px solid #E5005A;
　　color: #E5005A ;
　　font-size: 25px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  float: left;
}

.box3
{
    width: 96% ;
    margin: 3% ;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/kozin-back_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;
}
.box3 h1
{
   margin: 5% 0 0 25%;
　　color: #644F39;
　　font-size: 15px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    clear: both ;
    float: left;
}

.box3_1
{
   margin: 5% 10% 0 15%;
　　color: #644F39;
　　font-size: 6px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  clear: both ;
  float: left;
}

img.box3_3
{
   margin: 5% 0 5% 15%;
   width: 55%;
   clear: both ;
   float: left;	
}



.box5
{
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
	margin: 0 auto;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* LP個人(iPhone5S/SE)
========================================================= */
.kozin_box
{ 
　　width: 320px;
　　margin: 0 auto;
}


img.kozin_box1_1
{
   width: 100%;
    clear: both ;
    float: left;	
　　 margin: 0 auto;
}


.kozin_box2 h1
{
   margin: 5% 0 0 20%;
　　border-bottom: 10px solid #E5005A;
　　color: #E5005A ;
　　font-size: 25px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  float: left;
}

.kozin_box3
{
    width: 96% ;
    margin: 3% ;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/kozin-back_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;
}

.kozin_box3 h2
{
   margin: 2% 0 0 25%;
	color: #E5005A;
　　font-size: 15px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    clear: both ;
    float: left;
}

.kozin_box3 b
{
   margin: 2% 10% 0 15%;
　　color: #644F39;
　　font-size: 12px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  clear: both ;
  float: left;
}

.kozin_box3_1
{
   margin: 5% 10% 5% 15%;
　　color: #644F39;
　　font-size: 5px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  clear: both ;
  float: left;
}


.kozin_box4
{
    width: 100%;
	height:auto;
    margin: 0 auto;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/banner_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;

}



img.kozin_box4_1-mail
{
   width: 35%;
   padding: 30% 0 0 45% ;
   
}

img.kozin_box4_1-line
{
   width: 35%;
   padding: 0 0 5% 45% ;

}

.box5
{
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
	margin: 0 auto;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* LP業者(iPhone5S/SE)
========================================================= */
.gyousya_box
{ 
　　width: 320px;
　　margin: 0 auto;
}

img.gyousya_box1_1
{
    width: 100%;
　 　margin: 0 auto;
    clear: both ;
    float: left;
}

.gyousya_box2
{
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
    margin: 0 auto;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.gyousya_box3 h1
{
　　margin: 0 auto;
    padding: 15px ;
    color: #644F39;
    font-size: 12px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    clear: both ;
    float: left;
}
.gyousya_box3_1
{
    width: 100%;
　 　margin: 0 auto;
    clear: both ;
    float: left;
}
.gyousya_box3_2
{
    width: 100%;
    height:auto;
    margin: 0 auto;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/banner_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;

}

img.gyousya_box3_3-mail
{
   width: 35%;
   padding: 30% 0 0 45% ;
   
}

img.gyousya_box3_3-line-line
{
   width: 35%;
   padding: 0 0 5% 45% ;

}

.gyousya_box4 
{
    width: 96% ;
    margin: 3% ;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/gyousya-back_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;
}

.gyousya_box4 h1
{
    margin: 10% 0 0 25%;
    color: #644F39;
    font-size: 8px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.gyousya_box4 ol
{
    margin: 10% ;
    padding-bottom: 0;
    color: #644F39;
    font-size: 5px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box5
{
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
    margin: 0 auto;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/* LINEお問い合わせ(iPhone5S/SE)
========================================================= */
.line_box
{ 
　　width: 320px;
　　margin: 0 auto;
}


img.line_box1_1
{
    width: 100%;
　 　margin: 0 auto;
    clear: both ;
    float: left;
}


.line_box2 h1
{
   margin: 5% 5% 0 5%;
　　border-bottom: 10px solid #E5005A;
　　color: #E5005A ;
　　font-size: 20px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  float: left;
}

.line_box3
{
    width: 96% ;
    margin: 3% ;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/line@-back_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;
}
.line_box3 h1
{
   margin: 15% 5% 0 5%;
   width: 90% ;
   border-bottom: 5px solid #644F39;
   color: #644F39;
   font-size: 20px;
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   clear: both ;
   float: left;
}


.line_box3_1
{
   margin: 5% 10% 0 5%;
　　color: #644F39;
　　font-size: 6px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  clear: both ;
  float: left;
}


img.line_box3_3
{
   margin: 5% 0 10% 15%;
   width: 55%;
   float: left;	
}

.box5
{   
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
	margin: 0 auto;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* 会社概要＆料金 ページ(iPhone5S/SE)
========================================================= */
#spec_table {
	width: 100%;
	line-height: 1.5;
	padding:2% 0 2%;
}
.spec_left {
	text-align: left;
	background-color: #F2F2F2;
	width: 40%;
	padding:10px 4px; 
}
.spec_right {
	text-align: left;
	background-color: #FFF;
	width: 60%;
	padding:10px 4px;
}
.price_text01 {
	border: solid 3px #364e96;
	padding:7px;
	border-radius: 6px;
	-webkit-border-radius:6px;
  -moz-border-radius:6px; 
	margin:10px 0 10px 0;
}
.price_text02 {
	color:#FF0033;
}

/* PC版 HTML非表示
========================================================= */
#pc_header {
	display: none;
}
#pc_header_img {
	display: none;
}
#pc_gNav {
	display: none;
}
#pc_index_banner {
	display: none;
}
#index_main01 {
	display: none;	
}
#index_main02 {
	display: none;
}
.index_main03 {
	display: none;
}
#index_erea {
	display: none;
}








/*ページへ戻る ボタン*/
/*========================================================= */
#page-top{
  display: none;
  position: fixed;
  right: 10px;
  bottom: 20px;
  margin: 0;
  padding: 0;
  text-align:center;
}
#move-page-top{
  color:rgba(0,0,0,0.4);
  text-decoration: none;
  display: block;
  cursor: pointer;
}
#move-page-top:hover{
  color:rgba(0,0,0,0.6);
}


}


@media only screen and (min-width: 321px) and (max-width: 639px) {
/*iPhone6以降*/
/*========================================================= */

html {
	font-size: 62.5%;
}

body {
　width:100%;
	font-size: 14px; 
	font-size: 1.4rem;
	line-height:1.2;
  color:#572b04;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}
.clear{
	clear: both;
	visibility: hidden;
	background-color: #0066FF;
	line-height: 0px;
}
#wrap {
	width: 100%;	
}
.sp_wrap {
	width: 97%;
	margin: 0 auto;
}
.responsive{
	display: block;
	width: 100%;
	height: auto;
}
.clearfix:after {   
  content: ".";    
  display: block;    
  height: 0;    
  clear: both; 
  overflow: hidden;   
  visibility: hidden;   
}


/* ヘッダー・メニュー
========================================================= */

#h1_header {
	font-size:12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #FFF;
	background-color:#096CBD;
	padding:3px 0;
}
#h1_header_inner {
	width: 95%;
	margin: 0 auto;
}
#sp_header {
	position: relative;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 75.52083%;
	background:url(https://lifecall39.pict-design.com/common_img/sp/index/header_bg.png) center top no-repeat;
	background-size:contain;
	margin:0 0 2% 0;
}
#sp_header_tel {
	width:90%;
	position:absolute;
	top:46%;
	left:5%;
}

/*トグルメニュー 共通
========================================================= */
.menu{
	display: none;
	width: 100%;
}
.menu .inmenu{
	display: block;
	padding: 12px 10px;
	background: #457B9D;
	color: #fff;
	text-decoration: none;
}
.menu a:hover{
	background: #ccc;
}
.toggle{
	display: block;
	position: relative;
	width: 100%;
}
.close{
	display: block;
	position: relative;
	width: 100%;
	background: #457B9D;
}
.toggle a{
	display: block;
	padding: 20px 0 20px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background:#1D3557;
}
.toggle:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background:#FFF;
}
.toggle a:before, .toggle a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 6px;
	background:#1D3557;
}
.toggle a:before {
	margin-top:-9px;
}
.toggle a:after {
	margin-top: 3px;
}

.menu {
	width: 100%;
}
.menu li{
	width: 100%;
	margin: 0;
	padding: 0;
}
.menu li a {
	display: block;
	padding: 20px 0 20px;
	background-color:#0B7CD9;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border-bottom:1px solid #FFF;
}
.menu li:last-child a{
	border: none;
}
.menu li a:hover{
	background: #FF8928;
}


/* 共通バナー&コンテンツ
========================================================= */
.sp_common_banner{
	padding: 0 0 2% 0;
}
.water_trouble01 {
	position: relative;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 46.79144%;
	background:url(https://lifecall39.pict-design.com/common_img/sp/index/index_bg01.jpg) center top no-repeat;
	background-size:contain;
	margin: 0 0 2% 0;
}
.index_text01 {
	width:95%;
	position:absolute;
	top:70%;
	left:2%;
}
.index_text01 p {
	font-weight: bold;
	font-size: 10px;
	font-size: 1rem;
}
.index_text02 {
	width:95%;
	position:absolute;
	top:78%;
	left:2%;
}
.index_text02 p {
	font-size: 10px;
	font-size: 1rem;
}

.water_trouble02 {
	position: relative;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 46.79144%;
	background:url(https://lifecall39.pict-design.com/common_img/sp/index/index_bg02.jpg) center top no-repeat;
	background-size:contain;
	margin: 0 0 2% 0;
}
.index_text01 {
	width:95%;
	position:absolute;
	top:70%;
	left:2%;
}
.index_text01 p {
	font-weight: bold;
	font-size: 10px;
	font-size: 1rem;
}
.index_text02 {
	width:95%;
	position:absolute;
	top:78%;
	left:2%;
}
.index_text02 p {
	font-size: 10px;
	font-size: 1rem;
}

.water_trouble03 {
	position: relative;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 46.79144%;
	background:url(https://lifecall39.pict-design.com/common_img/sp/index/index_bg03.jpg) center top no-repeat;
	background-size:contain;
	margin: 0 0 2% 0;
}
.index_text01 {
	width:95%;
	position:absolute;
	top:70%;
	left:2%;
}
.index_text01 p {
	font-weight: bold;
	font-size: 10px;
	font-size: 1rem;
}
.index_text02 {
	width:95%;
	position:absolute;
	top:78%;
	left:2%;
}
.index_text02 p {
	font-size: 10px;
	font-size: 1rem;
}


/* スマホ footer
========================================================= */
	#foot{
		padding: 5px;
		font-size: 11px;
		font-size: 1.1rem;
		color: #1F72B4;
		text-align: center;
		height:50px;
		border-top: solid 1px #1F72B4;
		background: url(https://lifecall39.pict-design.com/common_img/sp/index/footer_bg.jpg) 1% 75% no-repeat;
		background-size:28% auto;
	}
	#foot ul{
		display:block;
		margin:0 0 10px 0;
		line-height:1.8;
	}
	#foot ul li{
		display:inline;
	}
	#foot ul li:after{
		content:"";
		margin:0 7px;
		border-right:#E70050 dotted 1px;
	}
	
	#foot ul li:nth-child(4):after{
		margin:0;
		border-right:none;
	}
	
	#foot ul li:last-child:after{
		margin:0;
		border-right:none;
	}
	
	#foot ul li:nth-child(5):before{
		content:"\A";
		white-space:pre;
	}
	#foot ul li a{
		font-size: 12px;
		font-size: 1.2rem;
		font-weight:bold;
		color:#1F72B4;
	}
	#copyright {
		padding: 5px 0;
		text-align: center;
		background-color:#1F72B4;
	}
	#copyright p{
		font-size: 12px;
		font-size: 1.2rem;
		color: #FFFFFF;
	}

/* BLOG (iPhone6以降)
========================================================= */
#blog_title {
	width:98%;
	margin:4% auto 2%;
	display:block;
	border-bottom:solid 1px #2275B8;
	font-size: 16px;
	font-size: 1.6rem;
}

#blog_title li {
	float:left;
	padding:0 15px 0 0;
}

#blog_title li:nth-child(1) {
	color:#F07F00;
	font-weight:bold;
}
#blog_title li:nth-child(2)  {
	color:#112C5F;
}
#blog_title li:nth-child(3)  {
	color:#112C5F;
	float:right;
	font-size: 14px;
	font-size: 1.4rem;
}
.blog_content_box {
	width:94%;
	margin:0 auto;
	border:1px solid #CCC;
	padding:2%;
}
.blog_content {
	width:60%;
	float:left;
}
.thumbnail {
	width:40%;
	float:right;
	padding:0 0 0 0;
}
.thumbnail img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}

/* Pagenation
========================================================= */
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

/* ご依頼の流れ(iPhone6以降)
========================================================= */
.flow_box {
	position:relative;
	height: 140px;
}
.flow_box_bottom {
	position:relative;
	height: 180px;
}
.flow_text01 {
	position:absolute;
	top:15%;
	left:25%;
	color:#186CD8;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
}
.flow_text012 {
	color:#00467F;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
}
#flow_mark01 {
	position:absolute;
	top:30px;
	left:0;
}
.flow_text02 {
	position:absolute;
	top:15%;
	left:25%;
	color:#186CD8;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
}
.flow_text022 {
	color:#00467F;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
}
.flow_text03 {
	position:absolute;
	top:15%;
	left:25%;
	color:#186CD8;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
}
.flow_text032 {
	color:#00467F;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
}
.flow_text04 {
	position:absolute;
	top:15%;
	left:25%;
	color:#186CD8;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
}
.flow_text042 {
	color:#00467F;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
}
.flow_text05 {
	position:absolute;
	top:0;
	left:25%;
	color:#186CD8;
	font-size: 12px;
	letter-spacing:-0.06em;
	font-size: 1.2rem;
	font-weight:bold;
}
.flow_text052 {
	color:#00467F;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
}

.flow_text {
	position:absolute;
	top:40%;
	left:25%;
	font-size: 10px;
	font-size: 1rem;
	line-height:1.4;
}
.flow_text_bottom {
	position:absolute;
	top:19%;
	left:25%;
	font-size: 10px;
	font-size: 1rem;
	line-height:1.4;
}
#flow_mark01 {
	position:absolute;
	top:15%;
	left:0;
}
#flow_mark02 {
	position:absolute;
	top:15%;
	left:0;
}
#flow_mark03 {
	position:absolute;
	top:15%;
	left:0;
}
#flow_mark04 {
	position:absolute;
	top:15%;
	left:0;
}
#flow_mark05 {
	position:absolute;
	top:5%;
	left:0;
}

/* 対応エリア(iPhone6以降)
========================================================= */
.headding01 {
	background: #1d8ade; 
  margin:15px 0 20px 0;
  padding:12px 10px;
  color:#FFF;
	font-size:20px;
	font-size:2rem;
  text-shadow:1px 1px 2px #333;
  position:relative;
	border-radius: 6px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;    
}
.headding01:before {
  content: ' ';
  position: absolute;
	z-index: 2;
  width: 0;
  height: 0;
  left: 14px;
  bottom: -27px;
  background: transparent;
  border-color: #1d8ade transparent transparent transparent ;
  border-style:solid;
  border-width:15px;
}

.area_text01 {
	color:#00467F;
	padding:0 0 30px 0;
	font-size: 16px;
	font-size: 1.6rem;
}
.area_text03 {
	color:#00467F;
	padding:0 0 15px 0;
	font-size: 16px;
	font-size: 1.6rem;
}
.area_text02 {
	border: solid 3px #364e96;
	padding:7px;
	border-radius: 6px;
	-webkit-border-radius:6px;
  -moz-border-radius:6px; 
	margin:10px 0 15px 0;
}
  
  
/* お問い合わせ(iPhone6以降)
========================================================= */
.box
{ 
　　width: 100%;
　　margin: 0 auto;
}

img.box1_1
{
   width: 100%;
    clear: both ;
    float: left;	
　　margin: 0 auto;
}


.box2 h1
{
   margin: 5% 0 0 20%;
　　border-bottom: 10px solid #E5005A;
　　color: #E5005A ;
　　font-size: 25px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  float: left;
}

.box3
{
    width: 96% ;
    margin: 3% ;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/kozin-back_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;
}
.box3 h1
{
   margin: 5% 0 0 25%;
　　color: #644F39;
　　font-size: 15px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    clear: both ;
    float: left;
}

.box3_1
{
   margin: 5% 10% 0 15%;
　　color: #644F39;
　　font-size: 6px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  clear: both ;
  float: left;
}

img.box3_3
{
   margin: 5% 0 5% 15%;
   width: 55%;
   clear: both ;
   float: left;	
}




.box5
{
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
	margin: 0 auto;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* LP個人(iPhone6以降)
========================================================= */
.kozin_box
{ 
　　width: 100%;
　　margin: 0 auto;
}


img.kozin_box1_1
{
   width: 100%;
    clear: both ;
    float: left;	
　　 margin: 0 auto;
}


.kozin_box2 h1
{
   margin: 5% 0 0 20%;
　　border-bottom: 10px solid #E5005A;
　　color: #E5005A ;
　　font-size: 25px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  float: left;
}

.kozin_box3
{
    width: 96% ;
    margin: 3% ;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/kozin-back_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;
}

.kozin_box3 h2
{
   margin: 2% 0 0 25%;
	color: #E5005A;
　　font-size: 15px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    clear: both ;
    float: left;
}

.kozin_box3 b
{
   margin: 2% 10% 0 15%;
　　color: #644F39;
　　font-size: 12px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  clear: both ;
  float: left;
}

.kozin_box3_1
{
   margin: 5% 10% 5% 15%;
　　color: #644F39;
　　font-size: 5px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  clear: both ;
  float: left;
}


.kozin_box4
{
    width: 100%;
	height:auto;
    margin: 0 auto;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/banner_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;

}



img.kozin_box4_1-mail
{
   width: 35%;
   padding: 30% 0 0 45% ;
   
}

img.kozin_box4_1-line
{
   width: 35%;
   padding: 0 0 5% 45% ;

}

.box5
{
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
	margin: 0 auto;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* LP業者(iPhone6以降)
========================================================= */
.gyousya_box
{ 
　　width: 100%;
　　margin: 0 auto;
}

img.gyousya_box1_1
{
    width: 100%;
　 　margin: 0 auto;
    clear: both ;
    float: left;
}

.gyousya_box2
{
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
    margin: 0 auto;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.gyousya_box3 h1
{
　　margin: 0 auto;
    padding: 15px ;
    color: #644F39;
    font-size: 12px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    clear: both ;
    float: left;
}
.gyousya_box3_1
{
    width: 100%;
　 　margin: 0 auto;
    clear: both ;
    float: left;
}
.gyousya_box3_2
{
    width: 100%;
    height:auto;
    margin: 0 auto;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/banner_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;

}

img.gyousya_box3_3-mail
{
   width: 35%;
   padding: 30% 0 0 45% ;
   
}

img.gyousya_box3_3-line-line
{
   width: 35%;
   padding: 0 0 5% 45% ;

}

.gyousya_box4 
{
    width: 96% ;
    margin: 3% ;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/gyousya-back_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;
}

.gyousya_box4 h1
{
    margin: 10% 0 0 25%;
    color: #644F39;
    font-size: 8px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.gyousya_box4 ol
{
    margin: 10% ;
    padding-bottom: 0;
    color: #644F39;
    font-size: 5px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box5
{
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
    margin: 0 auto;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* LINEお問い合わせ(iPhone6以降)
========================================================= */
.line_box
{ 
　　width: 100%;
　　margin: 0 auto;
}


img.line_box1_1
{
    width: 100%;
　 　margin: 0 auto;
    clear: both ;
    float: left;
}


.line_box2 h1
{
   margin: 5% 5% 0 5%;
　　border-bottom: 10px solid #E5005A;
　　color: #E5005A ;
　　font-size: 20px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  float: left;
}

.line_box3
{
    width: 96% ;
    margin: 3% ;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/line@-back_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;
}
.line_box3 h1
{
   margin: 15% 5% 0 5%;
   width: 90% ;
   border-bottom: 5px solid #644F39;
   color: #644F39;
   font-size: 20px;
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   clear: both ;
   float: left;
}


.line_box3_1
{
   margin: 5% 10% 0 5%;
　　color: #644F39;
　　font-size: 6px;
　　font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  clear: both ;
  float: left;
}


img.line_box3_3
{
   margin: 5% 0 10% 15%;
   width: 55%;
   float: left;	
}

.box5
{
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
	margin: 0 auto;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

  

/* 会社概要＆料金 ページ(iPhone6以降)
========================================================= */
#spec_table {
	width: 100%;
	line-height: 1.5;
	padding:2% 0 2%;
}
.spec_left {
	text-align: left;
	background-color: #F2F2F2;
	width: 40%;
	padding:10px 4px; 
}
.spec_right {
	text-align: left;
	background-color: #FFF;
	width: 60%;
	padding:10px 4px;
}
.price_text01 {
	border: solid 3px #364e96;
	padding:7px;
	border-radius: 6px;
	-webkit-border-radius:6px;
  -moz-border-radius:6px; 
	margin:10px 0 10px 0;
}
.price_text02 {
	color:#FF0033;
}

/* PC版 HTML非表示
========================================================= */
#pc_header {
	display: none;
}
#pc_header_img {
	display: none;
}
#pc_gNav {
	display: none;
}
#pc_index_banner {
	display: none;
}
#index_main01 {
	display: none;	
}
#index_main02 {
	display: none;
}
.index_main03 {
	display: none;
}
#index_erea {
	display: none;
}








/*ページへ戻る ボタン*/
/*========================================================= */
#page-top{
  display: none;
  position: fixed;
  right: 10px;
  bottom: 20px;
  margin: 0;
  padding: 0;
  text-align:center;
}
#move-page-top{
  color:rgba(0,0,0,0.4);
  text-decoration: none;
  display: block;
  cursor: pointer;
}
#move-page-top:hover{
  color:rgba(0,0,0,0.6);
}


}




@media only screen and (min-width: 640px) and (max-width: 1023px) {
/*タブレット*/
/*========================================================= */

html {
	font-size: 62.5%;
}

body {
　width:100%;
	font-size: 14px; 
	font-size: 1.4rem;
	line-height:1.2;
  color:#572b04;
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック", "MS P Gothic",sans-serif;
  -webkit-text-size-adjust: 100%;
}
.clear{
	clear: both;
	visibility: hidden;
	background-color: #0066FF;
	line-height: 0px;
}
#wrap {
	width: 100%;	
}
.sp_wrap {
	width: 98%;
	margin: 0 auto;
}
.responsive{
	display: block;
	width: 100%;
	height: auto;
}
.clearfix:after {   
  content: ".";    
  display: block;    
  height: 0;    
  clear: both; 
  overflow: hidden;   
  visibility: hidden;   
}


/* ヘッダー・メニュー
========================================================= */

#h1_header {
	font-size:13px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #FFF;
	background-color:#096CBD;
	padding:3px 0;
}
#h1_header_inner {

	width: 95%;
	margin: 0 auto;
}
#sp_header {
	position: relative;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 75.52083%;
	background:url(https://lifecall39.pict-design.com/common_img/sp/index/header_bg.png) center top no-repeat;
	background-size:contain;
	margin:0 0 2% 0;
}
#sp_header_tel {
	width:90%;
	position:absolute;
	top:46%;
	left:5%;
}

/*トグルメニュー 共通
========================================================= */
.menu{
	display: none;
	width: 100%;
}
.menu .inmenu{
	display: block;
	padding: 12px 10px;
	background: #457B9D;
	color: #fff;
	text-decoration: none;
}
.menu a:hover{
	background: #ccc;
}
.toggle{
	display: block;
	position: relative;
	width: 100%;
}
.close{
	display: block;
	position: relative;
	width: 100%;
	background: #457B9D;
}
.toggle a{
	display: block;
	padding: 20px 0 20px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background:#1D3557;
}
.toggle:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background:#FFF;
}
.toggle a:before, .toggle a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 6px;
	background:#1D3557;
}
.toggle a:before {
	margin-top:-9px;
}
.toggle a:after {
	margin-top: 3px;
}

.menu {
	width: 100%;
}
.menu li{
	width: 100%;
	margin: 0;
	padding: 0;
}
.menu li a {
	display: block;
	padding: 20px 0 20px;
	background-color:#0B7CD9;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border-bottom:1px solid #FFF;
}
.menu li:last-child a{
	border: none;
}
.menu li a:hover{
	background: #FF8928;
}


/* 共通バナー&コンテンツ
========================================================= */
.sp_common_banner{
	padding: 0 0 2% 0;
}
.water_trouble01 {
	position: relative;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 46.79144%;
	background:url(https://lifecall39.pict-design.com/common_img/sp/index/index_bg01.jpg) center top no-repeat;
	background-size:contain;
	margin: 0 0 2% 0;
}
.index_text01 {
	width:95%;
	position:absolute;
	top:70%;
	left:2%;
}
.index_text01 p {
	font-weight: bold;
	font-size: 10px;
	font-size: 1rem;
}
.index_text02 {
	width:95%;
	position:absolute;
	top:78%;
	left:2%;
}
.index_text02 p {
	font-size: 10px;
	font-size: 1rem;
}

.water_trouble02 {
	position: relative;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 46.79144%;
	background:url(https://lifecall39.pict-design.com/common_img/sp/index/index_bg02.jpg) center top no-repeat;
	background-size:contain;
	margin: 0 0 2% 0;
}
.index_text01 {
	width:95%;
	position:absolute;
	top:70%;
	left:2%;
}
.index_text01 p {
	font-weight: bold;
	font-size: 10px;
	font-size: 1rem;
}
.index_text02 {
	width:95%;
	position:absolute;
	top:78%;
	left:2%;
}
.index_text02 p {
	font-size: 10px;
	font-size: 1rem;
}

.water_trouble03 {
	position: relative;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 46.79144%;
	background:url(https://lifecall39.pict-design.com/common_img/sp/index/index_bg03.jpg) center top no-repeat;
	background-size:contain;
	margin: 0 0 2% 0;
}
.index_text01 {
	width:95%;
	position:absolute;
	top:70%;
	left:2%;
}
.index_text01 p {
	font-weight: bold;
	font-size: 10px;
	font-size: 1rem;
}
.index_text02 {
	width:95%;
	position:absolute;
	top:78%;
	left:2%;
}
.index_text02 p {
	font-size: 10px;
	font-size: 1rem;
}


/* タブレット footer
========================================================= */
	#foot{
		padding: 5px;
		font-size: 11px;
		font-size: 1.1rem;
		color: #1F72B4;
		text-align: center;
		height:50px;
		border-top: solid 1px #1F72B4;
		background: url(https://lifecall39.pict-design.com/common_img/sp/index/footer_bg.jpg) 1% 75% no-repeat;
		background-size:28% auto;
	}
	#foot ul{
		display:block;
		margin:0 0 10px 0;
		line-height:1.8;
	}
	#foot ul li{
		display:inline;


	}
	#foot ul li:after{
		content:"";
		margin:0 7px;
		border-right:#E70050 dotted 1px;
	}
	

	#foot ul li:nth-child(4):after{
		margin:0;
		border-right:none;
	}
	
	#foot ul li:last-child:after{
		margin:0;
		border-right:none;
	}
	
	#foot ul li:nth-child(5):before{
		content:"\A";
		white-space:pre;
	}
	#foot ul li a{
		font-size: 12px;
		font-size: 1.2rem;
		font-weight:bold;
		color:#1F72B4;
	}
	#copyright {
		padding: 5px 0;
		text-align: center;
		background-color:#1F72B4;
	}
	#copyright p{
		font-size: 12px;
		font-size: 1.2rem;
		color: #FFFFFF;
	}

/* BLOG (TABLET)
========================================================= */
#blog_title {
	width:98%;
	margin:4% auto 2%;
	display:block;
	border-bottom:solid 1px #2275B8;
	font-size: 20px;
	font-size: 2rem;
}

#blog_title li {
	float:left;
	padding:0 15px 0 0;
}

#blog_title li:nth-child(1) {
	color:#F07F00;
	font-weight:bold;
}
#blog_title li:nth-child(2)  {
	color:#112C5F;
}
#blog_title li:nth-child(3)  {
	color:#112C5F;
	float:right;
	font-size: 14px;
	font-size: 1.4rem;
}
.blog_content_box {
	width:94%;
	margin:0 auto;
	border:1px solid #CCC;
	padding:2%;
}
.blog_content {
	width:60%;
	float:left;
}
.blog_content02 {
	width:100%;
	float:left;
}
.thumbnail {
	width:40%;
	float:right;
	padding:0 0 0 0;
}
.thumbnail img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}


/* Pagenation
========================================================= */
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

/* ご依頼の流れ(TABLET)
========================================================= */
.flow_box {
	position:relative;
	height: 140px;
}
.flow_box_bottom {
	position:relative;
	height: 210px;
}
.flow_text01 {
	position:absolute;
	top:25px;
	left:120px;
	color:#186CD8;
	font-size:20px;
	font-weight:bold;
}
.flow_text012 {
	color:#00467F;
	font-size:24px;
	font-weight:bold;
}
.flow_text02 {
	position:absolute;
	top:25px;
	left:120px;
	color:#186CD8;
	font-size:20px;
	font-weight:bold;
}
.flow_text022 {
	color:#00467F;
	font-size:24px;
	font-weight:bold;
}
.flow_text03 {
	position:absolute;
	top:25px;
	left:120px;
	color:#186CD8;
	font-size:20px;
	font-weight:bold;
}
.flow_text032 {
	color:#00467F;
	font-size:24px;
	font-weight:bold;
}
.flow_text04 {
	position:absolute;
	top:25px;
	left:120px;
	color:#186CD8;
	font-size:20px;
	font-weight:bold;
}
.flow_text042 {
	color:#00467F;
	font-size:24px;
	font-weight:bold;
}
.flow_text05 {
	position:absolute;
	top:25px;
	left:120px;
	color:#186CD8;
	font-size:20px;
	font-weight:bold;
}
.flow_text052 {
	color:#00467F;
	font-size:24px;
	font-weight:bold;
}

.flow_text {
	position:absolute;
	top:80px;
	left:120px;
	line-height:1.4;
	letter-spacing:-0.15em
}
.flow_text_bottom {
	position:absolute;
	top:80px;
	left:120px;
	line-height:1.4;
	letter-spacing:-0.15em
}
#flow_mark01 {
	position:absolute;
	top:30px;
	left:0;
}
#flow_mark02 {
	position:absolute;
	top:30px;
	left:0;
}
#flow_mark03 {
	position:absolute;
	top:30px;
	left:0;
}
#flow_mark04 {
	position:absolute;
	top:30px;
	left:0;
}
#flow_mark05 {
	position:absolute;
	top:30px;
	left:0;
}

/* 対応エリア(TABLET)
========================================================= */

.headding01 {
	background: #1d8ade; 
  margin:15px 0 20px 0;
  padding:12px 10px;
  color:#FFF;
	font-size:20px;
	font-size:2rem;
  text-shadow:1px 1px 2px #333;
  position:relative;
	border-radius: 6px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;    
}
.headding01:before {
  content: ' ';
  position: absolute;
	z-index: 2;
  width: 0;
  height: 0;
  left: 14px;
  bottom: -27px;
  background: transparent;
  border-color: #1d8ade transparent transparent transparent ;
  border-style:solid;
  border-width:15px;
}

.area_text01 {
	color:#00467F;
	padding:0 0 30px 0;
	font-size: 18px;
	font-size: 1.8rem;
}
.area_text03 {
	color:#00467F;
	padding:0 0 15px 0;
	font-size: 18px;
	font-size: 1.8rem;
}
.area_text02 {
	border: solid 3px #364e96;
	padding:7px;
	border-radius: 6px;
	-webkit-border-radius:6px;
  -moz-border-radius:6px; 
	margin:10px 0 15px 0;
}
  
  
/* お問い合わせ(TABLET)
========================================================= */
.box
{ 
　　width: 100%;
　　margin: 0 auto;
}

img.box1_1
{
   width: 100%;
    clear: both ;
    float: left;	
　　margin: 0 auto;
}


.box2 h1
{
    margin: 5% 10% 0 25%;
    color: #644F39;
    font-size: 25px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box3
{
    width: 96% ;
    margin: 3% ;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/kozin-back_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;
}
.box3 h1
{
    margin: 5% 0 0 25%;
    color: #644F39;
    font-size: 25px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box3_1
{
   margin: 5% 10% 0 15%;
    padding-bottom: 0;
    color: #644F39;
    font-size: 20px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


img.box3_3
{
   margin: 5% 0 5% 15%;
   width: 55%;
   clear: both ;
   float: left;	
}





.box5
{
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* LP個人(TABLET)
========================================================= */
.kozin_box
{ 
　　width: 100%px;
　　margin: 0 auto;
}


img.kozin_box1_1
{
   width: 100%;
    clear: both ;
    float: left;	
　　 margin: 0 auto;
}


.kozin_box2 h1
{
    margin: 5% 10% 0 25%;
    color: #644F39;
    font-size: 25px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.kozin_box3
{
    width: 96% ;
    margin: 3% ;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/kozin-back_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;
}

.kozin_box3 h2
{
    margin: 10% 0 0 25%;
	color: #E5005A;
    font-size: 25px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.kozin_box3 b
{
   margin: 2% 10% 0 15%;
    padding-bottom: 0;
    color: #644F39;
    font-size: 20px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.kozin_box3_1
{
   margin: 2% 10% 10% 15%;
    padding-bottom: 0;
    color: #644F39;
    font-size: 20px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.kozin_box4
{
    width: 100%;
	height:auto;
    margin: 0 auto;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/banner_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;

}



img.kozin_box4_1-mail
{
   width: 30%;
   padding: 30% 0 0 45% ;
   
}

img.kozin_box4_1-line
{
   width: 30%;
   padding: 0 0 5% 45% ;

}

.box5
{
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
	margin: 0 auto;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* LP業者(TABLET)
========================================================= */
.gyousya_box
{ 
　　width: 100%;
　　margin: 0 auto;
}

img.gyousya_box1_1
{
    width: 100%;
　 　margin: 0 auto;
    clear: both ;
    float: left;
}

.gyousya_box2
{
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 25px;
    padding: 12px;
    margin: 0 auto;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.gyousya_box3 h1
{
    margin: 10% 3% 0 5%;
    color: #644F39;
    font-size: 22px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.gyousya_box3_1
{
    width: 100%;
　 　margin: 0 auto;
    clear: both ;
    float: left;
}
.gyousya_box3_2
{
    width: 100%;
    height:auto;
    margin: 0 auto;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/banner_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;

}

img.gyousya_box3_3-mail
{
   width: 35%;
   padding: 30% 0 0 45% ;
   
}

img.gyousya_box3_3-line-line
{
   width: 35%;
   padding: 0 0 5% 45% ;

}

.gyousya_box4 
{
    width: 96% ;
    margin: 3% ;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/gyousya-back_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;
}

.gyousya_box4 h1
{
    margin: 10% 0 0 25%;
    color: #644F39;
    font-size: 25px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.gyousya_box4 ol
{
    margin: 10% ;
    padding-bottom: 0;
    color: #644F39;
    font-size: 20px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box5
{
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
    margin: 0 auto;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* LINEお問い合わせ(TABLET)
========================================================= */
.line_box
{ 
　　width: 100%;
　　margin: 0 auto;
}


img.line_box1_1
{
    width: 100%;
　 　margin: 0 auto;
    clear: both ;
    float: left;
}


.line_box2 h1
{
    margin: 5% 10% 0 10%;
    color: #644F39;
    font-size: 25px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.line_box3
{
    width: 96% ;
    margin: 3% ;
    background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/line@-back_1.jpg);
    clear: both ;
    float: left;
    background-size:100% 100%;
}
.line_box3 h1
{
    margin: 10% 5% 0 5%;
	width: 90% ;
    color: #644F39;
    border-bottom: 5px solid #644F39;	
    font-size: 25px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.line_box3_1
{
   margin: 5% 10% 0 5%;
    padding-bottom: 0;
    color: #644F39;
    font-size: 25px;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img.line_box3_3
{
   margin: 5% 0 10% 25%;
   width: 45%;
   float: left;	
}

.box5
{
    width: 96% ;
    background-color: #004492;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
	margin: 0 auto;
    clear: both ;
    float: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/* 会社概要＆料金 ページ(TABLET)
========================================================= */
#spec_table {
	width: 100%;
	line-height: 1.5;
	padding:0 0 20px 0;
}
.spec_left {
	text-align: left;
	background-color: #F2F2F2;
	width: 30%;
	padding:10px 4px; 
}
.spec_right {
	text-align: left;
	background-color: #FFF;
	width: 70%;
	padding:10px 4px;
}
.price_text01 {
	border: solid 3px #364e96;
	padding:7px;
	border-radius: 6px;
	-webkit-border-radius:6px;
  -moz-border-radius:6px; 
	margin:0 0 15px 0;
}
.price_text02 {
	color:#FF0033;
}

/* PC版 HTML非表示
========================================================= */
#pc_header {
	display: none;
}
#pc_header_img {
	display: none;
}
#pc_gNav {
	display: none;
}
#pc_index_banner {
	display: none;
}
#index_main01 {
	display: none;	
}
#index_main02 {
	display: none;
}
.index_main03 {
	display: none;
}
#index_erea {
	display: none;
}








/*ページへ戻る ボタン*/
/*========================================================= */
#page-top{
  display: none;
  position: fixed;
  right: 10px;
  bottom: 20px;
  margin: 0;
  padding: 0;
  text-align:center;
}
#move-page-top{
  color:rgba(0,0,0,0.4);
  text-decoration: none;
  display: block;
  cursor: pointer;
}
#move-page-top:hover{
  color:rgba(0,0,0,0.6);
}


}
	

@media screen and (min-width: 1024px) {
html {
	font-size: 62.5%;
}

body {
　width:100%;
	font-size: 14px; 
	font-size: 1.4rem;
	line-height:1.2;
  color:#572b04;
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック", "MS P Gothic",sans-serif;
  -webkit-text-size-adjust: 100%;
}
.clear{
	clear: both;
	visibility: hidden;
	background-color: #0066FF;
	line-height: 0px;
}
#wrap {
	width: 100%;	
}
.pc_wrap {
	width:1100px;
	margin: 0 auto;
}
#index_erea {
	width: 100%;
	height:480px;
	background:url(https://lifecall39.pict-design.com/common_img/pc/index/index_bg04.jpg) center top repeat-x;
	background-size:contain;
}
.responsive{
	display: block;
	width: 100%;
	height: auto;
}
.clearfix:after {   
  content: ".";    
  display: block;    
  height: 0;    
  clear: both; 
  overflow: hidden;   
  visibility: hidden;   
}


/* ヘッダー・メニュー
========================================================= */
#h1_header {
	font-size:13px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #FFF;
	background-color:#096CBD;
	text-align:center;
	padding:3px 0;
}
#h1_header_inner {
	width: 100%;
	margin: 0 auto;
}

#pc_header {
	height:475px;
	padding:15px 0 0 0;
	background:url(https://lifecall39.pict-design.com/common_img/pc/index/header_bg.jpg) center top no-repeat;
}
#pc_header_img {
	padding:0 0 15px 0;
	text-align:center;
}

/* グローバルメニュー
========================================================= */
#pc_gNav {
	width: auto;
	background-image: url(https://lifecall39.pict-design.com/common_img/pc/index/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height:97px;
}
#inside_Menu {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
#pc_gNav li {
	float: left;
}




/* 共通バナー&コンテンツ
========================================================= */
#pc_index_banner {
	display:block;
	padding: 10px 50px 10px 34px;
}
#index_main01 {
	
}
#index_main02 {
	display:block;
	width:1100px;
	padding:15px 0 0 0;
}
.index_main03 {
	
}
#pc_index_banner li {
	float:left;
	padding: 0 0 0 16px;
}
#index_main02 li {
	float:left;
}
#index_main02 li:last-child {
	float:right;
}

#water_troublebox {
	width:1100px;
	position: relative;
	height: 445px;
}
.water_trouble01 {
	position:absolute;
	width:304px;
	height: 430px;
	padding: 0 10px;
	background:url(https://lifecall39.pict-design.com/common_img/pc/index/index_bg01.jpg) left top no-repeat;
	top: 15px;
	left: 50px;
}
.index_text01 {
	position:absolute;
	width:304px;
	top:250px;
}
.index_text01 p {
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
}
.index_text02 {
	position:absolute;
	width:304px;
	top:290px;
}
.index_text02 p {
	font-size: 13px;
	font-size: 1.3rem;
	line-height:160%;
}




.water_trouble02 {
	position:absolute;
	width:304px;
	height: 430px;
	padding: 0 10px;
	background:url(https://lifecall39.pict-design.com/common_img/pc/index/index_bg02.jpg) center top no-repeat;
	top: 15px;
	left: 388px;
}
.index_text01 {
	position:absolute;
	width:304px;
	top:250px;
}
.index_text01 p {
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
}
.index_text02 {
	position:absolute;
	width:304px;
	top:290px;
}
.index_text02 p {
	font-size: 13px;
	font-size: 1.3rem;
	line-height:160%;
}




.water_trouble03 {
	position:absolute;
	width:304px;
	height: 430px;
	padding: 0 10px;
	background:url(https://lifecall39.pict-design.com/common_img/pc/index/index_bg03.jpg) center top no-repeat;
	top: 15px;
	left: 726px;
}
.index_text01 {
	position:absolute;
	width:304px;
	top:250px;
}
.index_text01 p {
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
}
.index_text02 {
	position:absolute;
	width:304px;
	top:290px;
}
.index_text02 p {
	font-size: 13px;
	font-size: 1.3rem;
	line-height:160%;
}

#index_inerea {
	width:1100px;
	margin: 0 auto;
}

/* PC footer
========================================================= */
#foot{
	padding:10px;
	text-align: center;
	height:127px;
	border-top: solid 1px #1F72B4;
	background: url(https://lifecall39.pict-design.com/common_img/sp/index/footer_bg.jpg) 20% 75% no-repeat;
}
#foot ul{
	display:block;
	margin:0 0 10px 0;
}
#foot ul li{
	display:inline;
	padding:0 0 0 28px;
	line-height:1;
	background: url(https://lifecall39.pict-design.com/common_img/pc/index/footer_mark.gif) 13% 40% no-repeat;
}
	
#foot ul li a{
	font-size: 16px;
	font-size: 1.6rem;
	color:#1F72B4;
}
#copyright {
	padding: 5px 0;
	text-align: center;
	background-color:#1F72B4;
}
#copyright p{
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFFFFF;
}

/* PC BLOG
========================================================= */
#blog_title {
	width:1100px;
	margin:10px 0;
	border-bottom:solid 1px #2275B8;
	font-size: 20px;
	font-size: 2rem;
}

#blog_title li {
	float:left;
	padding:0 15px 0 0;
}

#blog_title li:nth-child(1) {
	color:#F07F00;
	font-weight:bold;
}
#blog_title li:nth-child(2)  {
	color:#112C5F;
}
#blog_title li:nth-child(3)  {
	color:#112C5F;
	float:right;
	font-size: 14px;
	font-size: 1.4rem;
}
.blog_content_box {
	width:1040px;
	border:1px solid #CCC;
	padding:30px;
}
.blog_content {
	float:left;
}
.thumbnail {
	float:right;
	padding:0 0 0 0;
}


/* Pagenation
========================================================= */
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

/* ご依頼の流れ(PC)
========================================================= */
.flow_box {
	position:relative;
	height: 140px;
}
.flow_box_bottom {
	position:relative;
	height: 210px;
}
.flow_text01 {
	position:absolute;
	top:25px;
	left:120px;
	color:#186CD8;
	font-size:22px;
	font-weight:bold;
}
.flow_text012 {
	color:#00467F;
	font-size:32px;
	font-weight:bold;

}
.flow_text02 {
	position:absolute;
	top:25px;
	left:120px;
	color:#186CD8;
	font-size:22px;
	font-weight:bold;
}
.flow_text022 {
	color:#00467F;
	font-size:32px;
	font-weight:bold;
}
.flow_text03 {
	position:absolute;
	top:25px;
	left:120px;
	color:#186CD8;
	font-size:22px;
	font-weight:bold;
}
.flow_text032 {
	color:#00467F;
	font-size:32px;
	font-weight:bold;
}
.flow_text04 {
	position:absolute;
	top:25px;
	left:120px;
	color:#186CD8;
	font-size:22px;
	font-weight:bold;
}
.flow_text042 {
	color:#00467F;
	font-size:32px;
	font-weight:bold;
}
.flow_text05 {
	position:absolute;
	top:25px;
	left:120px;
	color:#186CD8;
	font-size:22px;
	font-weight:bold;
}
.flow_text052 {
	color:#00467F;
	font-size:32px;
	font-weight:bold;
}

.flow_text {
	position:absolute;
	top:90px;
	left:120px;
	line-height:1.6;
}
.flow_text_bottom {
	position:absolute;
	top:90px;
	left:120px;
	line-height:1.6;
}
#flow_mark01 {
	position:absolute;
	top:30px;
	left:0;
}
#flow_mark02 {
	position:absolute;
	top:30px;
	left:0;
}
#flow_mark03 {
	position:absolute;
	top:30px;
	left:0;
}
#flow_mark04 {
	position:absolute;
	top:30px;
	left:0;
}
#flow_mark05 {
	position:absolute;
	top:30px;
	left:0;
}

/* 対応エリア(PC)
========================================================= */

.headding01 {
	background: #1d8ade; 
  margin:15px 0 20px 0;
  padding:12px 10px;
  color:#FFF;
	font-size:20px;
	font-size:2rem;
  text-shadow:1px 1px 2px #333;
  position:relative;
	border-radius: 6px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;    
}
.headding01:before {
  content: ' ';
  position: absolute;
	z-index: 2;
  width: 0;
  height: 0;
  left: 14px;
  bottom: -27px;
  background: transparent;
  border-color: #1d8ade transparent transparent transparent ;
  border-style:solid;
  border-width:15px;
}

.area_text01 {
	color:#00467F;
	padding:0 0 30px 0;
	font-size: 18px;
}
.area_text03 {
	color:#00467F;
	padding:0 0 15px 0;
	font-size: 18px;
}
.area_text02 {
	font-size: 16px;
	border: solid 3px #364e96;
	padding:7px;
	border-radius: 6px;
	-webkit-border-radius:6px;
  -moz-border-radius:6px; 
	margin:10px 0 15px 0;
}

/* お問い合わせ(PC)
========================================================= */
.body{
	margin: 0 auto;
}


.box
{ 
  width: 975px;
  height: auto;  
  padding: 0 0 0 60px;
}

.box2
{
	width: 975px;
	margin: 15px 0 15px 0;
	
	border-bottom: 10px solid #E5005A;
	color: #E5005A;
	font-size: 45px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box3
{
	width: 895px;
	height: 420px;
	margin: 25px 0 25px 45px;
	background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/kozin-back_1.jpg);
	float: left;
}

.box3 h1
{
	width: 670px;
	padding: 50px 0 0 250px;
	color: #644F39;
	font-size: 40px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box3_1
{
	width: 350px;
	padding: 50px 0 0 100px;
	color: #644F39;
	font-size: 25px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box3_2
{
	width: 350px;
	padding: 40px 0 0 20px;
	float: left;
}

.box4
{ width: 800px;
  margin-top: 15px ;
  float: left ;
}

.box5
{
	width: 870px;
	margin: 15px 0 0 0;
	padding: 50px;
	background-color: #004492;
	color: #FFFFFF;
	font-size: 15px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* LP個人(PC)
========================================================= */
.body{
	margin: 0 auto;
}

.kozin_box
{ 
  width: 975px;
  height: auto;  
  padding: 0 0 0 60px;
}

.kozin_box2
{
	width: 975px;
	padding: 15px 0 15px 0;
	border-bottom: 10px solid #E5005A;
	color: #E5005A;
	font-size: 45px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.kozin_box3
{
	width: 895px;
	height: 420px;
	margin: 25px 0 25px 45px;
	background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/kozin-back_1.jpg);
	float: left;
}

.kozin_box3 h2
{
	width: 650px;
	padding-left: 140px;
	color: #E5005A;
	font-size: 50px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 10px;
	margin-top: 60px;
}

.kozin_box3 b
{
	width: 700px;
	padding-left: 140px;
	color: #644F39;
	font-size: 30px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.kozin_box3_1
{
	width: 650px;
	padding-left: 140px;
	color: #644F39;
	font-size: 30px;
	float: left;
	padding-top: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.kozin_box4
{
    width: 975px;
	height: 280px;
    margin-top: 15px ;
	background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/banner_1.jpg);
	float: left;
}
.kozin_box4_1
{ 
  padding: 170px 0 0 230px;
  float: left;
}

.box5
{
	width: 875px;
	margin: 15px 10px 0 10px;
	padding: 50px;
	background-color: #004492;
	color: #FFFFFF;
	font-size: 15px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* LP業者(PC)
========================================================= */
.body{
	margin: 0 auto;
}

.gyousya_box
{ 
  width: 975px;
  height: auto;  
  padding: 0 0 0 60px;
}

.gyousya_box2
{
	width: 850px;
	margin: 25px 10px 0 10px;
	padding: 50px;
	background-color: #004492;
	color: #FFFFFF;
	font-size: 25px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.gyousya_box3 h1
{
	width: 800px;
	padding: 25px 0 0 80px;
	color: #644F39;
	font-size: 50px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.gyousya_box3_2
{
	width: 975px;
	height: 280px;
	margin: 15px 10px 0 15pxpx;
	background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/banner_1.jpg);
	float: left;
}

.gyousya_box3_3
{ 
  padding: 170px 0 0 230px;
}

.gyousya_box4 
{
	width: 895px;
	height: 740px;
	margin: 25px 10px 25px 50px;
	background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/gyousya-back_1.jpg);
	float: left;
}

.gyousya_box4 h1
{
	width: 670px;
	padding: 85px 0 0 180px;
	color: #644F39;
	font-size: 35px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.gyousya_box4 ol
{
	width: 680px;
	padding: 45px 0 0 120px;
	padding-bottom: 0;
	color: #644F39;
	font-size: 30px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box5
{
	width: 875px;
	margin: 45px 10px 0 10px;
	padding: 50px;
	background-color: #004492;
	color: #FFFFFF;
	font-size: 15px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* LINEお問い合わせ(PC)
========================================================= */
.body{
	margin: 0 auto;
}

.line_box
{ 
  width: 975px;
  height: auto;  
  padding: 0 0 0 60px;
}


.line_box2
{
	width: 630px;
	margin: 45px 0 15px 150px;
	color: #644F39;
	float: left;
	font-size: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.line_box3
{
	width: 895px;
	height: 800px;
	margin: 15px 10px 15px 45px;
	background-image: url(https://lifecall39.pict-design.com/common_img/pc/contact_us/line@-back_1.jpg);
	float: left;
}

.line_box3 h1
{
	width: 750px;
	padding: 100px 0 5px 0;
	border-bottom: 5px solid #644F39;
	color: #644F39;
	font-size: 35px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.line_box3_1
{
	width: 350px;
	padding: 35px 0 0 100px;
	color: #644F39;
	font-size: 30px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.line_box3_2
{
	width: 350px;
	padding: 25px 0 0 50px;
	float: left;
}


.box5
{
	width: 875px;
	margin: 0 10px 0 0;
	padding: 50px;
	background-color: #004492;
	color: #FFFFFF;
	font-size: 15px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}





/* 会社概要＆料金 ページ(PC)
========================================================= */
#spec_table {
	width: 100%;
	line-height: 1.5;
	padding:15px 0 15px 0;
}
.spec_left {
	text-align: left;
	background-color: #F2F2F2;
	width: 30%;
	padding:10px 4px; 
}
.spec_right {
	text-align: left;
	background-color: #FFF;
	width: 70%;
	padding:10px 4px;
}
.price_text01 {
	border: solid 3px #364e96;
	padding:7px;
	border-radius: 6px;
	-webkit-border-radius:6px;
  -moz-border-radius:6px; 
	margin:0 0 15px 0;
}
.price_text02 {
	color:#FF0033;
}







/* スマフォ版 HTML非表示
========================================================= */
.navi {
	display: none;
}
#sp_header {
	display: none;	
}
.sp_common_banner {
	display: none;
}
}