/*
Theme Name:twentytwelve-child
Template:twentytwelve
Version:3.7
*/
/*
Theme Name: Twenty Twelve
Theme URI: https://wordpress.org/themes/twentytwelve/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

*/

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #21759b;
}
.widget-area .widget a:visited {
	color: #9f9f9f;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

html{ margin-top:-20px !important;}

body{
	font:12px/150% font-family:Consolas, Monaco, Lucida Console, monospace;
	text-align:center;
	margin:0;

}

a:link {
	color: #000;
	text-decoration:underline;
}

a:visited {
	color: #000;
	text-decoration:underline;
}

a:hover {
	color: #000;
	text-decoration:none;
}

a:active {
	color: #000;
}

img{
	border:none;
	width: 100%;
	max-width:100%;
	height:auto;}

img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 0;
	box-shadow:none;
}

li {list-style:none;}

/*----------------header--------------------*/

.site-content {
	margin: 0;
}

.header-box{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	max-width:1902px;
	height:auto;
	max-height:808px;
	}

header{
	position:absolute;
	top:0;
	left:0;
	background: linear-gradient(
  	to bottom,
  	rgba(0, 46, 131, 0.8) 0%,
 	rgba(2, 63, 203, 0.8) 50%,
  	rgba(0, 113, 242, 0.8) 100%
	);
	margin: 0 0 2.8125%;
	padding: 1.25% 0 1.0416666%;
	width:100%;
	max-width: 1902px;
	z-index:999;
	}

.header-container{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
 	align-items: flex-end;
	margin: 0 auto;
	width:67.2975814%;
	max-width: 1280px;	
	}

header h1{ 
	margin:0;
	width:100%;
	font-size:10px;
	font-weight:normal;
	line-height:1;
	text-align:left;
	color:#fff;
}



header #logo{
	margin:0;
	padding:0;
	width:24.53125%;
	max-width: 314px;
	height:auto;		
}

header nav{
	margin:0;
	padding:0;
	width:47.5%;
}

header nav ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
 	align-items: center;		
	margin:0;
	padding:0;
}
	
header nav ul li{
	font-family: "リュウミン R-KL";
	margin:0;
	padding:0; 
	list-style:none;
	font-size: 0.6vw;
	color:#fff;
	line-height: 1;
	box-sizing: border-box;
	}
	
header nav ul li a:link,header nav ul li a:visited{ text-decoration:none; color:inherit;}
header nav ul li a:hover{ text-decoration:underline; color:inherit;}

.tel-area{
	margin:0;
	width:14.0%;
	height:auto;
	color:#fff;	
}

.tel-number{
	font-family: "リュウミン R-KL";	
	margin-bottom:4px;
	font-size: 1.2vw;
	text-align:right;
	line-height:1;
	pointer-events: none;
	}

.tel-number a{ text-decoration:none; color:inherit;	}

.open-time{
	font-size: 0.55vw;
	text-align:right;
	line-height:1;
	}


#slider{
	position:relative;
	width:100%;
	height:auto;
	z-index:1;
	}


#topic_path{ display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
    align-items: center;
	margin:0 0 25px 15px; 
	text-align:left; color:#333;}
	
.topic_top{ margin:0; text-align:left; 
	}	
	
#topic_path ol{ display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
    align-items: center;
}	

#topic_path ol{ 
	margin: 0;
	padding:0;
}	

#topic_path ol li{ 
	margin: 0;
}	

#topic_path ol li::after {
  content: " ＞ ";
}

#topic_path ol li:last-child::after  {
  content: "";
}

#container{
	margin: 0 auto;
	padding: 0;
	width:57.9166666%;
	max-width: 1112px;	
	height: auto;
}

#container2{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between ;
    align-items: flex-start;	
	margin: 4.2060988% auto 0;
	padding: 0;
	width:65.6151419%;
	max-width: 1248px;	
	height: auto;
}


.toiawase-area{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between ;
    align-items: center;	
	background:#f8f8fe;
	border: 1px solid #ccc;
	margin:0 auto 4.2060988%;
	padding:0;
	width: 902px;
	height:auto;
	box-sizing:border-box;
	}

.toiawase-left{
	font-family: "リュウミン R-KL";		
	margin: 0 50px 0 30px;
	width: 370px;
	height:auto;
	}

.toiawase-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between ;
    align-items: center;
	margin-bottom: 8px;	
	}

.toiawase-title{
	margin-bottom:10px;
	font-size: 19px;
	font-weight:bold;
	text-align:left;
	line-height:1;
	color:#000;
	}

.toiawase-sub{
	margin-bottom:10px;
	font-size: 11px;
	font-weight:bold;	
	text-align:left;
	line-height:1;
	color:#000;
	}

.toiawase-telmum{ pointer-events:none;}

.toiawase-optime{
	margin-bottom:0;
	font-size: 10px;
	font-weight:bold;
	text-align:left;
	line-height:1;
	color:#777;
	}

.toiawase-right{
	width: 450px;
	height:auto;	
	}

footer{
	background:url(https://kawauchitosou.co.jp/images/common/footer_bg.jpg) repeat top left;
	margin:0;
	padding:16px 0;
	color:#7799d0;
	width:100%;
	height:128px;
	text-align:center;
	box-sizing:border-box;
	}

footer a{
	text-decoration:none;
	color:inherit;
	}

.footer_title{
	margin:0 auto 1.041666%;
	font-size:12px;
	line-height:1;
	}

.footer-contents{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between ;
    align-items: center;
	margin: 0 auto 0.8412197%;
	width: 47.9495268%;
	max-width:912px;
	text-align:left;
	}

.f_logo{
	margin:0 0 1.4%;
	font-size:0;
	width:288px;
	}

footer address{
	font-family:Consolas, Monaco, Lucida Console, monospace;
	margin:0;
	font-size:10px;
	}

footer nav{
	margin:0;
	padding:0;
	width: 560px;
}

footer nav ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
 	align-items: center;		
	margin:0;
}
	
footer nav ul li{
	font-family: "リュウミン R-KL";		
	margin:0;
	padding:0; 
	list-style:none;
	font-size: 12px;
	line-height: 1;
	box-sizing: border-box;
	}
	
footer nav ul li a:link,footer nav ul li a:visited{ text-decoration:none; color:inherit;}
footer nav ul li a:hover{ text-decoration:underline; color:inherit;}

.copyright{
	margin:0; 
	font-size:10px; 
	text-align:center; 
	}

article{ margin:0; padding:0; width:100%;}
.entry-content{text-align:left;}

/*  塗装メニューページここから  */

.menu-title-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
 	align-items: flex-start;
	font-family: "リュウミン R-KL";			
	margin:0 0 1.9230769%;
	width:100%;
	}

.concept-area{
	width:19.8717948%;	
	max-width:248px;
	height:auto;
	color:#525252;
	font-size:1.8vw;
	line-height:1.2;
	text-align:left;
	}

.concept-enlarge{
	font-size:150%;
	}

.concept-smallen{
	margin-top: -8.0%;
	font-size:50%;
	color:#ccc;
	text-align:center;
	line-height:1;
	}


p.concept-text{
	margin-top: 1.2820512%;
	width:58.8141025%;
	max-width:734px;
	height:auto;
	color:#525252;
	font-size:0.7vw;
	line-height:1.8;
	text-align:right;
	}
	
p.concept{
	margin: 0 1.2820512% 3.2051282%;
	width:auto;
	height:auto;
	color:#525252;
	font-size:0.62vw;
	line-height:1.8;
	text-align:left;
	}

.menu-icon-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
 	align-items: center;
	font-family: "リュウミン R-KL";			
	margin:0 auto 7.6923076%;
	width:90.8653846%;
	max-width:1134px;
	}

.menu-icon{ width:9.5238095%; max-width:108px;}

h2.menu{
	font-family: "リュウミン R-KL";
	margin: 0 0 10%;
	font-size:2.0vw;	
	font-weight:normal;
	color: #132e53;
	line-height: 1.4;
	-webkit-box-reflect: below -10px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0, 0, 0, 0.6));
	text-align:left;
	}
	
h3.common{
	position: relative;
	font-family: "リュウミン R-KL";
  	margin: 0 0 0 1.2820512%;
	padding:8px 0 8px 1.6%;
	font-size:1.5vw;
	color:#000;
	text-align:left;
	line-height:1;	
	}

h3.common:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 6px;      /* border幅 */
	height: 100%;
	background: linear-gradient(
	to bottom,
	#0032a1 0%,
	#004bfd 47%,
	#316fff 100%
	); /* border色 */
}


.menu-content-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
 	align-items: center;
	margin:0 6.4102564% 3.2051282% 1.2820512%;
	width:92.3076924%;
	color:#535353;
	}

.explain-text {
	margin: 2.4% 0 0;
	font-size:0.65vw;
	line-height:1.5;
	width:60.3298611%;
	max-width:695px;			
}

.menu-content-image{
	width:35.8974358%;
	max-width:448px;
	}

h4.toso{
  	border-bottom: solid 3px #2868ff;
  	position: relative;
  	margin: 0 0 1.2820512% 1.2820512%;
	padding:8px 0 8px;
	width:35.8974358%;
	max-width:448px;
	font-size:1.2vw;
	font-weight:normal;
	color:#535353;
	text-align:left;
	line-height:1;	
	}

h4.toso:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #0036af;
  bottom: -3px;
  width: 20%;
}

.explain-text2 {
	margin: 0 0 3.525641% 1.2820512% !important;
	font-size:0.65vw;
	line-height:1.5;
	width:auto;			
}

.jiki-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
 	align-items: stretch;
	margin:0 0 2.5641025% 1.2820512%;
	width:98.7179488%;
	color:#535353;
	}

.jiki-box{
	margin:0 1.6025641% 2.5641025% 0;
	width:23.076923%;
	max-width:288px;
	}

h5.roller{
  	position: relative;
  	margin: 0 0 3.2%;
	padding: 0 0 0 9.6%;
	width:auto;
	font-size:0.9vw;
	font-weight:normal;
	color:#525252;
	text-align:left;
	line-height:1;	
	}

h5.roller:after{
  	position: absolute;
	content:url(https://kawauchitosou.co.jp/images/menu/roller.gif);
	top:1.6%;
	left:0;
	width:23px;
	height:24px;
	font-size:0;
	}

.explain-text3 {
	margin: 0 0 3.525641% ;
	font-size:0.65vw;
	line-height:1.5;
	width:auto;			
}

ul.youbou{
	margin:0 0 0  1.2820512%;;
	padding-bottom:8px;
	}

ul.youbou li{
	position:relative;
  	margin: 0 0 1.6%;
	padding: 0 0 0 2.8%;
	list-style:none;
	width:auto;
	font-size:0.9vw;
	font-weight:normal;
	color:#525252;
	text-align:left;
	line-height:1;		
	}

ul.youbou li:after{
  	position: absolute;
	content:url(https://kawauchitosou.co.jp/images/menu/roller.gif);
	top:1.6%;
	left:0;
	width:23px;
	height:24px;
	font-size:0;
	}

.explain-text4 {
	margin: 0 0 0.8% 1.2820512% !important;
	font-size:0.65vw;
	line-height:1.5;
	width:auto;			
}

/*  塗装メニューページここまで  */

/*  2カラム設定ページここから  */

.orange{ color:#ff3f00;}
.red{ color:#ff0000;}

.two-column-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items:stretch;
	margin-bottom: 6.4102564%;
	width:100%;
	}	

.h2-area{
	margin:0;
	padding:0;
	width:20.5128205%;
	max-width:256px;
	text-align:center;	
	}

h2.other{
	margin: 0 0 0.8%;
	font-family: "リュウミン R-KL";	
	color:#525252;
	font-size:1.8vw;
	line-height:1.2;
}

.h2-smallen{
	/*margin-top: -8.0%;*/
	font-size:50%;
	color:#ccc;
	line-height:1;
	}

.contents-area{
	margin:0;
	padding:0;
	width:76.9230769%;
	max-width:960px;	
	}

/*  2カラム設定ページここまで  */

/* わたしちたのことページここから*/

.greeting-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom: 6.4%;
	width:100%;
	}	

.greeting-photo{ width:60%; max-width:576px; }

.greeting-text{ 
	margin: 1.6% 0 0 0.8333333%; 
	font-size:0.78vw;
	color:#525252;	
	line-height:1.5;
	width:38.0208333%; 
	max-width:365px; 
	}

.greeting-icon-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
 	align-items: center;
	margin:0 auto;
	width:93.75%;
	max-width:900px;
	}

.greeting-icon{ width:12.0%; max-width:108px;}


.compamy-outline{ 
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
	padding-top: 1.6%;
	width:63.3333333%;
	max-width:608px;
	}

.ot_left{
	border-bottom: 1px dashed #ccc;
	margin-bottom: 2.4%;
	padding:0 0 1.2% 2.4%;
	width: 24.0%;
	height:auto;
	font-size: 0.7vw;
	color:#525252;
	line-height:1.5;
	text-align:left;
	box-sizing:border-box;
	}

.ot_left:nth-last-child(2){ border-bottom:none; margin-bottom:4.0%;}

.ot_right{
	border-bottom: 1px dashed #ccc;
	margin-bottom: 2.4%;
	padding-bottom:1.2%;
	width: 76.0%;
	height:auto;	
	font-size: 0.7vw;
	color:#525252;
	line-height:1.5;
	text-align:left;
	box-sizing:border-box;	
	}
	
.ot_right:last-child{ border-bottom:none; margin-bottom:4.0%;}

.compamy-photo{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	width:31.6666666%;
	max-width:304px;	
	}

.compamy-photo img{ margin-bottom: 7.8947368%; }
	
/* わたしちたのことページここまで*/

/* 事業所案内ページここから*/

.office-flex{ 
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 6.4% 1.2820512%;
	padding-top: 2.4%;
	width:93.75%;
	max-width:900px;
	}

.office-photo{
	border:1px solid #ccc;
	margin:0;
	padding:2px;
	width:53.09583333%;
	max-width:518px;
	box-sizing:border-box;
	}

.office-content{
	margin:0;
	width:37.0833333%;
	max-width:356px;
	text-align:left;
	}
	
.office-address{
	border-bottom:1px solid #000;
	margin-bottom:3.3707865%;
	padding-bottom:3.3707865%;
	font-size: 0.8vw;
	color:#525252;
	line-height:1.5;	
	}
	
h4.map{
  	border-bottom: none;
  	position: relative;
  	margin: 0 0 3.3707865%;
	padding: 0;
	width:100%;
	font-size:1.0vw;
	font-weight:normal;
	color:#535353;
	line-height:1;	
	}	

.map-area{ width:100%; height:auto;}

/* 事業所案内ページここまで*/

/*　お問い合わせここから　*/

.contact-title{
	font-family: "リュウミン R-KL";		
	margin: 0 0 4.1666666% 2.5%;
	font-size: 1.0vw;
	color:#525252;
	line-height:1;
	text-align:left;		
	}

.contact-text{
	margin: 0 0 5.8333333% 2.5%;
	font-size: 0.7vw;
	color:#525252;
	line-height:1.8;
	text-align:left;		
	}

.h3-contact{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;	
  	border-bottom: solid 3px #2868ff;
  	position: relative;
  	margin: 0 0 3.3333333% 2.5%;
	padding:0 0 0.4%;
	width:97.5%;
	max-width:936px;
	color:#525252;
	text-align:left;
	line-height:1;
	}

.h3-contact:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #0036af;
  bottom: -3px;
  width: 20%;
}

h3.contact{
  	margin: 0;
	padding:0;
	font-size:1.2vw;
	text-align:left;
	line-height:1;	
	}

.hissu-atenntion{
  	margin: 0;
	padding:0;
	font-size:0.7vw;
	text-align:right;
	line-height:1;
	}

.contact-form-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 0 2.5% 8.3333333%;
	width: 95.0%;
	max-width: 912px;
	height:auto;
	font-size:0.8vw;	
	text-align:left;
	}

.contact_left{			
	border-bottom:1px solid #ccc;			
	text-align:left;
	margin:0 0 3.5%;
	padding:0 0 2.0%;
	width: 28.0701754%;
	max-width: 256px;	
	line-height:1.5;					
	}							
	
.contact_right{
	border-bottom:1px solid #ccc;			
	text-align:left;
	margin:0 0 3.5%;
	padding:0 0 2.0%;
	width: 71.9298245%;
	max-width: 656px;	
	line-height:1.5;		
	}

.contact_btn_bg{
		margin:0 auto;
		padding:10px;
		width:auto;
		text-align:center;	
		}			

.contact-smallen{ font-size:70%;}

.wpcf7-submit{ background:#2868ff !important; color:#fff !important;}

/*　お問い合わせここまで　*/

/*  個人情報保護方針ここから  */

h2.privacy{
	margin: 0 0 0.8%;
	font-family: "リュウミン R-KL";	
	color:#525252;
	font-size:1.6vw;
	line-height:1.2;
}

.privacy-content{
	border-bottom:1px solid #ccc;
	margin-bottom:2.5%;
	padding-bottom:2.5%;
	font-size: 0.78vw;
	color:#525252;
	line-height:1.8;
	text-align:left;	
	}
	
h3.policy{
  	margin: 0 0 1.6%;
	padding:0;
	font-size:100%;
	color: #111;
	line-height:1;	
	}	
	
/*  個人情報保護方針ここまで  */	
	
/* サイドメニューここから*/

h3.widget-title{
	background:#000;
	border-bottom:none;
	border-radius:10px;
	padding: 8px;
	color:#fff;
	font-size:16px;
	line-height:1;
	}

.widget-area ul { margin-left: 2.4%;}
.widget-area ul li{ text-align:left;}

/* サイドメニューここまで*/

/* カテゴリーなどの一覧ここから*/

.site-content{margin:0; padding:0;}

#primary ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items:stretch;
	margin:0;
	padding:0;
	list-style:none;	
	}

#primary ul li.thum-img{
	margin:0 0.5% 30px 0;
	text-align:center; 
	display:block;
	padding:0;
	width:32.0%;
	height:auto;
	list-style:none;
	}

#primary ul li.thum-img img{ max-width:100%;}

.thum_img{
	float:left;
	margin:0 10px 30px 0;
	text-align:center; 
	display:block;
	padding:0;
	width:200px;
	height:195px;
	overflow:hidden;
	}
	
.arti-title{ margin:10px 0 0 0; font-size:100%;	width:200px; color:#333; font-weight:normal;}

.post_right{ text-align:center;}

.arti-link{margin:20px;}

.news_box{
	border-bottom:1px solid #ccc;
	margin-bottom:4.8%;
	padding:1.6%;
	width: 100%;
	height:auto;
	box-sizing:border-box;
	text-align:left;
	}
	
.news_flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items:stretch;
	}	

.arti_time{ margin-bottom:1.6%; color:var(--brand-color);}

h3.news{
	border:none;
	margin:0 2.4% 0 0;
	font-size: 18px;
	color:#000;
	line-height:1;	
	}

h3.news a:link,h3.news a:visited{ text-decoration:none; color:inherit; }
h3.news a:hover{ text-decoration:underline; color:inherit; }

p.news-excerpt{
	margin:0;
	font-size: 14px;
	color:#000;
	line-height:1;		
	}

/* カテゴリーなどの一覧ここまで*/

/*公開日更新日*/

.publish_date_flex{ 
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	margin-bottom:4.0%;
	width:100%; 	
		}
	
.publish_date_flex a:before{
	content:url(https://torituketai.jp/img/common/tag_icon.png);
	position:relative;
	top:2px;
		}	
	
.publish_date{ margin-right:20px; font-size:120%; color:#000;}


.smtp{ display:none;}
.desktop{ display:block;}
.tablet{ display:none;}

#humburg { display:none; }

/* Google reCAPTCHA badge hide */
.grecaptcha-badge {
  visibility: hidden !important;
}

.insta-feef-area{ margin: 4.0% auto;}

.sbi_feedtheme_header_text h3{ color:#2d749a; }

@media screen and (max-width:640px) {

.smtp{ display:block;}
.desktop{ display:none;}
.tablet{ display:none;}

/*ハンバーガーメニュー*/

#humburg {
  display:block;
  margin:0;
  padding:10px;
  background:#000;
  position:fixed;
  top:0;
  right:0;  
  z-index: 999;   
}

#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 25px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}

#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
  text-align:right;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 80%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 400px;/*最大幅（調整してください）*/
  height: 100%;
  background: rgba(255,255,255,0.9);/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
  padding-left:8px;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.humbug_area{ margin:10px; text-align:left; font-size:150%; line-height:200%;}

.humbug_area ul{ margin:5px;}

.humbug_area ul li{
	color:#333;
	 }

.humbug_area ul li{
	margin-bottom: 8px;
	font-size:90%;
	color:#333;
	text-align:left;
	 }
	 
.humbug_area ul li a:link,.humbug_area ul li a:visited{
	text-decoration:none;
	color:#333;
	 }
	 
.humbug_area ul li a:hover{
	text-decoration:none;
	color:#333;
	 }	 	 

.button1-2{	width:40.0%; }

.tel-number-smtp{
	position:relative;
	margin-bottom:4px;
	padding: 4px 0 0 0;
	font-size: 120%;
	color: #000;
	text-align:left;
	line-height:1;
	pointer-events: auto;
	}

.tel-number-smtp a{ text-decoration:none; color:inherit;	}

.open-time-smtp{
	font-size: 90%;
	text-align:center;
	}

/*ハンバーガーメニューここまで*/

.header-box{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	max-width:100%;
	height:auto;
	max-height:auto;
	}

header{
	margin: 0 0 2.8125%;
	padding: 2.4%;
	width:95.2%;
	max-width:95.2%;
	z-index:100;
	}

.header-container{
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
 	align-items: flex-start;
	width:100%;
	max-width:100%;
	}

header h1{ 
	margin:0.8% 0 0;
	padding: 0 32px 8px 0;
	line-height:1.2;	
	width:100%;
	box-sizing:border-box;
}



header #logo{
	margin:0 auto 2.4% ;
	width:72.0%;
	max-width: auto;
}

header nav{ display:none; }

.tel-area{ display:none; }


#container{
	width:96%;
	max-width: 96%;	
}

#container2{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center ;
    align-items: flex-start;	
	margin: 4.2060988% auto 0;
	padding: 0;
	width:96.0%;
	max-width: 96.0%;
}


.toiawase-area{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center ;
    align-items: center;	
	margin:0 auto 4.2060988%;
	padding: 3.2% 2.4% 2.4%;
	width: 96.0%;
	height:auto;
	box-sizing:border-box;
	}

.toiawase-left{
	margin: 0 0 3.2%;
	width: 100%;
	}

.toiawase-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between ;
    align-items: center;
	margin-bottom: 8px;	
	}

.toiawase-title{
	margin-bottom:1.6%;
	font-size: 130%;
	text-align:center;
	}

.toiawase-sub{
	margin-bottom:2.4%;
	font-size: 90%;
	text-align:center;
	}

.toiawase-telmum{ pointer-events:auto;}

.toiawase-optime{
	font-size: 90%;
	text-align:left;
	}

.toiawase-right{ display:none; }

footer{
	background:url(https://kawauchitosou.co.jp/images/common/footer_bg_smtp.png) repeat top left;
	margin:0;
	padding:2.4%;
	width:100%;
	height:auto;
	box-sizing: border-box;
	}

.footer_title{
	margin:0 0 2.4%;
	font-size:100%;
	line-height:1.3;
	}

.footer-contents{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
    align-items: center;
	margin: 0 auto 0.8412197%;
	width: 100%;
	max-width:100%;
	}

.f_logo{
	margin:0 auto 3.2%;
	width:72.0%;
	}

footer address{
	margin:0 auto 3.2%;
	font-size:90%;
	}

footer nav{	
	margin:0 auto 2.4%;
	width: 96%;
}

footer nav ul{
	justify-content: center;
}

footer nav ul li{
	margin:0 4px 1.6%;
	font-size: 90%;
	box-sizing: border-box;
	}
	
.copyright{ padding-bottom:1.6%; font-size:80%; }

/*  塗装メニューページここから  */

.menu-title-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
	margin:0 0 2.4%;
	}

.concept-area{
	width:100%;	
	max-width:100%;
	font-size:200%;
	text-align:left;
	}

.concept-enlarge{
	font-size:150%;
	}

.concept-smallen{
	margin-top: -6.4%;
	font-size:50%;
	text-align:left;
	}


p.concept-text{
	margin-top: 2.4%;
	width:100%;
	max-width:100%;
	font-size:100%;
	line-height:1.8;
	text-align:left;
	}
	
p.concept{
	margin: 0 0 3.2%;
	font-size:96%;
	}

.menu-icon-flex{
	margin:0 auto 6.4%;
	width:96%;
	max-width:100%;
	}

.menu-icon{ margin-bottom: 0.8%; width:19%; max-width:19%;}

h2.menu{
	margin: 0 0 10%;
	font-size:200%;	
	line-height: 1.4;
	text-align:left;
	}
	
h3.common{
  	margin: 0 0 2.4% ;
	padding:8px 0 8px 3.2%;
	font-size:160%;
	}

h3.common:before {
	width: 4px;      /* border幅 */
}


.menu-content-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: flex-start;
 	align-items: center;
	margin:0 0 3.2%;
	width:100%;
	}

.explain-text {
	margin: 0 0 2.4%;
	font-size:100%;
	width:100%;
	max-width:100%;			
}

.menu-content-image{
	width:100%;	
	max-width:100%;	
	}

h4.toso{
  	margin: 0 0 2.4%;
	padding:8px 0 8px;
	width:100%;
	max-width:100%;
	font-size:140%;
	}

.explain-text2 {
	margin: 0 0 3.2% 0!important;
	font-size:100%;
}

.jiki-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	margin:0 0 6.4%;
	width:100%;
	}

.jiki-box{
	margin:0 0 2.4%;
	width:100%;
	max-width:100%;
	}

h5.roller{
  	margin: 0 0 1.6%;
	padding: 0 0 0 7.2%;
	width:auto;
	font-size:130%;
	}

h5.roller:after{
	top:0.6%;
	}

.explain-text3 {
	border-bottom: 1px solid #ccc;
	margin: 0 0 3.2% ;
	padding-bottom:1.6%;
	font-size:100%;		
}

ul.youbou{
	margin:0 ;
	padding-bottom:8px;
	}

ul.youbou li{
  	margin: 0 0 4.8%;
	padding: 0 0 0 8.0%;
	list-style:none;
	width:auto;
	font-size:100%;
	}

ul.youbou li:before{
	top:1.2%;
	}

.explain-text4 {
	margin: 0 0 16.0% !important;
	font-size:100%;
}

/*  塗装メニューページここまで  */

/*  2カラム設定ページここから  */

.article{width: 100%; }

.entry-content{width: 100%; }

.two-column-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items:stretch;
	margin-bottom: 6.4%;
	}	

.h2-area{
	margin:0 0 4.8%;
	padding:0;
	width:100%;
	max-width:100%;
	text-align:left;	
	}

h2.other{
	margin: 0 0 0.8%;
	font-size:200%;
	line-height:1.2;
}

.h2-smallen{
	font-size:50%;
	color:#ccc;
	line-height:1;
	}

.contents-area{
	margin:0 0 8.0%;	
	width:100%;
	max-width:100%;	
	}

/*  2カラム設定ページここまで  */

/* わたしちたのことページここから*/

.greeting-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
	align-items: stretch;
	margin-bottom: 4.0%;
	width:100%;
	}	

.greeting-photo{ margin-bottom:3.2%; width:100%; max-width:100%; }

.greeting-text{ 
	margin: 0; 
	font-size:100%;
	width:100%; 
	max-width:100%; 
	}

.greeting-icon-flex{
	margin:0 auto;
	width:96.0%;
	max-width:96.0%;
	}

.greeting-icon{ margin-bottom:1.6%; width:24.0%; max-width:24.0%;}


.compamy-outline{ 
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
	align-items: stretch;
	padding-top: 0;
	width:100%;
	max-width:100%;
	}

.ot_left{
	border-bottom:none;
	margin-bottom: 2.4%;
	padding:0;
	width: 100%;
	font-size: 110%;
	font-weight:bold;
	line-height:1;
	}

.ot_right{
	border-bottom: 1px dashed #ccc;
	margin-bottom: 3.2%;
	padding-bottom:2.4%;
	width: 100%;
	font-size: 100%;
	line-height:1.5;
	}
	
.compamy-photo{
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	width:100%;
	max-width:100%;	
	}

.compamy-photo img{ margin: 0 auto 1.6%; width:96.0%; }
	
/* わたしちたのことページここまで*/

/* 事業所案内ページここから*/

.office-flex{ 
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 6.4% 0;
	padding-top: 0;
	width:100%;
	max-width:100%;
	}

.office-photo{
	order:1;
	margin:0;
	padding:2px;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
	}

.office-content{
	order:2;	
	margin:0;
	width:100%;
	max-width:100%;
	text-align:left;
	}
	
.office-address{
	margin-bottom:3.2%;
	padding-bottom:3.2%;
	font-size: 100%;
	}
	
h4.map{
  	margin: 0 0 3.2%;
	width:100%;
	font-size:120%;
	}	

/* 事業所案内ページここまで*/

/*　お問い合わせここから　*/

.contact-title{
	margin: 0 0 1.6%;
	font-size: 120%;
	line-height:1.3;
	}

.contact-text{
	margin: 0 0 3.2%;
	font-size: 100%;		
	}

.h3-contact{
  	margin: 0 0 2.4%;
	padding:0 0 0.8%;
	width:100%;
	max-width:100%;
	}

.h3-contact:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #0036af;
  bottom: -3px;
  width: 20%;
}

h3.contact{
	font-size:120%;
	}

.hissu-atenntion{
	font-size:100%;
	}

.contact-form-flex{
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
	align-items: stretch;
	margin: 0 2.0% 4.0%;
	width: 96.0%;
	max-width: 96.0%;
	font-size:100%;	
	}

.contact_left{			
	border-bottom:none;			
	text-align:center;
	margin:0 0 2.4%;
	padding:0;
	width: 100%;
	max-width: 100%;	
	line-height:1.5;					
	}							
	
.contact_right{
	border-bottom:1px solid #ccc;			
	text-align:center;
	margin:0 0 3.2%;
	padding:0 01.6%;
	width: 100%;
	max-width: 100%;	
	line-height:1.5;		
	}

.contact_btn_bg{
		margin:0 auto;
		padding:10px;
		width:auto;
		text-align:center;	
		}			

/*　お問い合わせここまで　*/

/*  個人情報保護方針ここから  */

h2.privacy{
	margin: 0 0 0.8%;
	font-size:200%;
	line-height:1.2;
}

.privacy-content{
	margin-bottom:8.0%;
	padding-bottom:1.6%;
	font-size: 100%;
	line-height:1.5;
	}
	
h3.policy{
  	margin: 0 0 1.6%;
	font-size:150%;
	}	
	
/*  個人情報保護方針ここまで  */	

}



/* タブレット */
@media screen and (min-width: 641px) and (max-width: 850px){

.smtp{ display:none;}
.desktop{ display:none;}
.tablet{ display:block;}

/*ハンバーガーメニュー*/

#humburg {
  display:block;
  margin:0;
  padding:10px;
  background:#000;
  position:fixed;
  top:0;
  right:0;  
  z-index: 999;   
}

#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 25px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}

#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
  text-align:right;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 80%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 400px;/*最大幅（調整してください）*/
  height: 100%;
  background: rgba(255,255,255,0.9);/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
  padding-left:8px;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.humbug_area{ margin:10px; text-align:left; font-size:150%; line-height:200%;}

.humbug_area ul{ margin:5px;}

.humbug_area ul li{
	color:#333;
	 }

.humbug_area ul li{
	margin-bottom: 8px;
	font-size:90%;
	color:#333;
	text-align:left;
	 }
	 
.humbug_area ul li a:link,.humbug_area ul li a:visited{
	text-decoration:none;
	color:#333;
	 }
	 
.humbug_area ul li a:hover{
	text-decoration:none;
	color:#333;
	 }	 	 

.button1-2{	width:40.0%; }

.tel-number-smtp{
	position:relative;
	margin-bottom:4px;
	padding: 4px 0 0 0;
	font-size: 120%;
	color: #000;
	text-align:left;
	line-height:1;
	pointer-events: auto;
	}

.tel-number-smtp a{ text-decoration:none; color:inherit;	}

.open-time-smtp{
	font-size: 90%;
	text-align:center;
	}

/*ハンバーガーメニューここまで*/
	

.header-box{
	width:100%;
	max-width:100%;
	height:auto;
	max-height:auto;
	}

header{
	width:100%;
	max-width: 100%;
	}

header h1{ margin:0 0 1.6% 2.4%; width:97.6%; }

.header-container{
	margin: 0;
	width:100%;
	max-width: 100%;
	}

header #logo{
	margin:0 0 0 2.4%;
	padding:0;
	width:24.53125%;
	max-width: 314px;
	height:auto;		
}

header nav{ display:none; }

.tel-area{ display:none; }

#container{
	width:80.0%;
	max-width: 80.0%;	
}

#container2{
	margin: 4.2060988% auto 0;
	width:80.0%;
	max-width: 80.0%;
}


.toiawase-area{
	margin:0 auto 4.2060988%;
	padding:1.6%;
	width: 80%;
	height:auto;
	box-sizing:border-box;
	}

.toiawase-left{
	margin: 0;
	width: 100%;	
	height:auto;
	box-sizing:border-box;	
	}

.toiawase-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between ;
    align-items: center;
	margin-bottom: 8px;	
	}

.toiawase-title{
	margin-bottom:10px;
	font-size: 120%;
	}

.toiawase-sub{
	margin-bottom:10px;
	font-size: 80%;
	}

.toiawase-telmum{ width:60.0%; pointer-events:auto;}

.toiawase-optime{
	margin-bottom:0;
	font-size: 90%;
	}

.toiawase-right{ display:none; }

footer{
	background:url(https://kawauchitosou.co.jp/images/common/footer_bg_smtp.png) repeat top left;
	width:100%;
	height:auto;
	}

.footer_title{
	margin:0 auto 2.4%;
	font-size:100%;
	}

.footer-contents{
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center ;
    align-items: center;
	margin: 0 auto 2.4%;
	width: 100%;
	max-width:100%;
	text-align:center;
	}

.f_logo{
	margin:0 auto 3.2%;
	font-size:0;
	width:64.0%;
	}

footer address{
	margin:0 0 4.0%;
	font-size:90%;
	}

footer nav{
	margin:0 auto 1.6%;
	padding:0;
	width: 72.0%;
}

footer nav ul li{
	font-size: 100%;
	}
	
.copyright{
	margin:0; 
	font-size:80%; 
	text-align:center; 
	}

/*  塗装メニューページここから  */

.concept-area{
	width:30.0%;	
	max-width:30.0%;
	font-size:200%;
	}

.concept-enlarge{
	font-size:150%;
	}

.concept-smallen{
	margin-top: -8.0%;
	font-size:50%;
	color:#ccc;
	text-align:center;
	line-height:1;
	}


p.concept-text{
	margin-top: 1.2820512%;
	width:60.0%;
	max-width:60.0%;
	font-size:90%;
	}
	
p.concept{
	margin: 0 1.6% 3.2%;
	color:#525252;
	font-size:100%;
	}

h2.menu{
	margin: 0 0 7.2%;
	font-size:200%;	
	}
	
h3.common{
  	margin: 0 0 0 1.2820512%;
	padding:8px 0 8px 2.4%;
	font-size:160%;
	}

.explain-text {
	font-size:100%;
}

h4.toso{
  	margin: 0 0 2.4% 1.2820512%;
	padding:8px 0 8px;
	width:64.0%;
	max-width:64.0%;
	font-size:140%;
	}

.explain-text2 {
	margin: 0 0 3.2% 1.2820512% !important;
	font-size:100%;	
}

.jiki-box{
	margin:0 1.6025641% 2.5641025% 0;
	width:48.0%;
	max-width:48.0%;
	}

h5.roller{
	padding: 0 0 0 9.6%;
	font-size:110%;
	}

.explain-text3 {
	margin: 0 0 3.2% ;
	font-size:100%;
}

ul.youbou li{
  	margin: 0 0 4.0%;
	padding: 0 0 0 4.0%;
	font-size:110%;
	}

.explain-text4 {
	margin: 0 0 2.4% 1.2820512% !important;
	font-size:100%;		
}

/*  塗装メニューページここまで  */

/*  2カラム設定ページここから  */

h2.other{
	font-size:190%;
}

/*  2カラム設定ページここまで  */

/* わたしちたのことページここから*/

.greeting-text{ font-size:100%;	}

.ot_left{ font-size:100%; }

.ot_right{ font-size:100%; }
	
/* わたしちたのことページここまで*/

/* 事業所案内ページここから*/

.office-flex{ 
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	}

.office-photo{
	order:1;
	width:100%;
	max-width:100%;
	}

.office-content{
	order:	2;
	width:100%;
	max-width:100%;
	}

.office-address{ font-size: 100%; }
	
h4.map{	font-size: 110%; }	

/* 事業所案内ページここまで*/

/*　お問い合わせここから　*/

.contact-title{	font-size: 120%; }

.contact-text{ font-size: 100%;	}

h3.contact{	font-size:150%;	}

.hissu-atenntion{ font-size:90%; }

.contact-form-flex{
	font-size:100%;	
	}

/*　お問い合わせここまで　*/

/*  個人情報保護方針ここから  */

h2.privacy{ font-size:190%; }

.privacy-content{ font-size:100%; }
	
h3.policy{ font-size:120%; }	
	
/*  個人情報保護方針ここまで  */	

}



/* ノートPC */
@media screen and (min-width: 851px) and (max-width: 1280px){

.header-box{
	width:100%;
	max-width:100%;
	height:auto;
	max-height:auto;
	}

header{
	width:100%;
	max-width: 100%;
	}

header h1{ margin:0 0 0 0; width:100%; }

.header-container{
	margin: 0 auto;
	width:96.0%;
	max-width: 96.0%;
	}

header nav ul li{
	font-size: 1.0vw;
	}
	
.tel-number{
	font-size: 1.7vw;
	}

.open-time{
	font-size: 0.8vw;
	}

#container{
	margin: 0 auto;
	padding: 0;
	width:88.0%;
	max-width: 88.0%;	
	height: auto;
}


#container2{
	margin: 4.2060988% auto 0;
	padding: 0;
	width:88.0%;
	max-width: 88.0%;	
	height: auto;
}


.footer-contents{
	margin: 0 auto 1.6%;
	padding-top:0.8%;
	width: 72.0%;
	width: 72.0%;
	text-align:left;
	box-sizing:border-box;
	}

/*  塗装メニューページここから  */

.concept-area{
	width:30.0%;	
	max-width:30.0%;
	font-size:200%;
	}

.concept-enlarge{
	font-size:150%;
	}

.concept-smallen{
	margin-top: -8.0%;
	font-size:50%;
	color:#ccc;
	text-align:center;
	line-height:1;
	}


p.concept-text{
	margin-top: 1.2820512%;
	width:60.0%;
	max-width:60.0%;
	font-size:90%;
	}
	
p.concept{
	margin: 0 1.6% 3.2%;
	color:#525252;
	font-size:100%;
	}

h2.menu{
	margin: 0 0 7.2%;
	font-size:200%;	
	}
	
h3.common{
  	margin: 0 0 0 1.2820512%;
	padding:8px 0 8px 2.4%;
	font-size:160%;
	}

.explain-text {
	font-size:100%;
}

h4.toso{
  	margin: 0 0 2.4% 1.2820512%;
	padding:8px 0 8px;
	width:64.0%;
	max-width:64.0%;
	font-size:140%;
	}

.explain-text2 {
	margin: 0 0 3.2% 1.2820512% !important;
	font-size:100%;	
}

.jiki-box{
	margin:0 1.6025641% 2.5641025% 0;
	width:48.0%;
	max-width:48.0%;
	}

h5.roller{
	padding: 0 0 0 9.6%;
	font-size:110%;
	}

.explain-text3 {
	margin: 0 0 3.2% ;
	font-size:100%;
}

ul.youbou li{
  	margin: 0 0 4.0%;
	padding: 0 0 0 4.0%;
	font-size:110%;
	}

.explain-text4 {
	margin: 0 0 2.4% 1.2820512% !important;
	font-size:100%;		
}

/*  塗装メニューページここまで  */

/*  2カラム設定ページここから  */

h2.other{
	font-size:190%;
}

/*  2カラム設定ページここまで  */

/* わたしちたのことページここから*/

.greeting-text{ margin-top:-1.6%; font-size:100%;	}

.ot_left{ font-size:100%; }

.ot_right{ font-size:100%; }
	
/* わたしちたのことページここまで*/

/* 事業所案内ページここから*/

.office-address{ font-size: 100%; }
	
h4.map{	font-size: 110%; }	

/* 事業所案内ページここまで*/

/*　お問い合わせここから　*/

.contact-title{	font-size: 120%; }

.contact-text{ font-size: 100%;	}

h3.contact{	font-size:150%;	}

.hissu-atenntion{ font-size:90%; }

.contact-form-flex{
	font-size:100%;	
	}

/*　お問い合わせここまで　*/

/*  個人情報保護方針ここから  */

h2.privacy{ font-size:190%; }

.privacy-content{ font-size:100%; }
	
h3.policy{ font-size:120%; }	
	
/*  個人情報保護方針ここまで  */	

}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #fff;
	}
	body {
		padding: 0;
		margin-top: 0 !important;
		margin-bottom: 0;
		box-shadow:none;
	}
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
}