/*
Template:twentysixteen
Theme Name:twentysixteen child
Description:Twenty Sixteenの子テーマ
Author:Kawano
Version:1.0
*/

/**
 * 3.0 - Typography　font familyの変更
 */
body{
font-family: Helvetica , "游ゴシック", sans-serif;
}


/*20180704 ADD*/

.entry-title {
	display:none;
}
.entry-title a {
	display:none;
}

@media screen and (min-width: 44.375em){
.entry-title {
 	display: none; 
}
	.site-content {
    padding: 0 4.5455%;
}		
/*20181022 ADD*/
	.site-branding {
	 width: 100%;
}
.site-branding .custom-logo{
	float:left;
	width:50px;
	margin-left:50px;
}

.site-title img {
	width:225px;
	height:34px;
	margin-left:700px;
	vertical-align:bottom;
	display:content;
}
}	
@media screen and (min-width: 61.5625em) {
	.entry-title {
 	display: none; 
}
	}	
@media print {
		.entry-title {
 	display: none; 
}
}
/*20180705追加*/

.btn_a {
    width: 130px;
    height: 130px;
    line-height: 150px;
    margin: 0 auto;
    font-size: 20px;
    text-decoration: none;
    /*display: block;*/
    text-align: center;
    color: #00913C;
    background: #FFFFFF;
    border: 1px solid #00913C;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: inline-block;
}
.btn_a:hover {
	background: #6EB83F;
	color: #FFF;
	border: 1px solid #FFF;
}

.site-header {
   padding: 50px 0 !important;
   /*padding: 2.625em 7.6923%;*/
}


.custom-logo {
    /*max-width: 180px;
	width:200px;*/
	margin-left:50px;
}

/*20181022 ADD*/
	.site-branding {
	 width: 100%;
}
.site-branding .custom-logo{
	float:left;
	width:50px;
	margin-left:50px;
}

.site-title img {
	width:225px;
	height:34px;
	margin-left:700px;
	vertical-align:bottom;
}
	
.header-image {
    clear: both;
    margin: 0.875em 0;
}

.header-image img {
    height: auto;
    width: 100%;
    /* max-width: 100%; */
    vertical-align: middle;
}



/*20180709　 お問合せフォーム　@kawano ADD*/
.wpcf7 .ct input[type="submit"] ,
.pushbutton-wide{
	background-color: #019040;
}

/*20180709　footer*/
.entry-footer {
    display: none;
}
footer {
    display: block;
    border-top: 2px solid #019040;
    background: #f0f0f0;
    width: 100%;
    height: 100px;
    text-align: center;
}
footer .site-info{
    padding-top: 20px;
    color:#019040;
}
footer .site-info a{
	text-decoration: none;
	    color:#019040;
	}

/*20180711追加*/
.marketing_big,
.business_big,
.management_big,
.markesupport_big
{
	text-align: center;	
}


.mark_1,
.mark_2,
.mark_3,
.busi_1,
.busi_2,
.busi_3,
.manage_1,
.manage_2,
.manage_3,
.msupport_1,
.msupport_2,
.msupport_3,
.msupport_4
{
	display: inline-block;
	margin: 0 20px 20px 20px;
	vertical-align:top;
}

/*20180713追加*/
@media only screen and (max-device-width: 480px) {
	
.site-header {
   padding: 10px 0 !important;	
   /*padding: 2.625em 7.6923%;*/
}

.header-image {
    clear: both;
    margin: 0.875em 0;
}

		

.btn_a {
    width: 25%;
/*    height: auto;*/
    line-height: 150px;
/*    margin: 0 auto;*/
    font-size: 20px;
text-decoration: none;
    /*display: block;*/
    text-align: center;
    color: #00913C;
    background: #FFFFFF;
    border: 1px solid #00913C;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: inline-block;
}
.btn_a:hover {
	background: #6EB83F;
	color: #FFF;
	border: 1px solid #FFF;
}		
	
	
	/*マーケティング*/
.marketing_big {
	position:relative;
	width:100%;
	height: auto;
	text-align: center;	
}

.mark_1 {
	width:100%;
	height: auto;
}
	.mark_1 img {
	width: 40%;	
		position:absolute;
	display: block;
	top:0px;	
}

	.mark_1 p{
		padding-left:90px;
		/*padding-top:10px;*/
}	
	
.mark_2 {
	width:100%;
	height: auto;
}
	.mark_2 img {
	width: 40%;	
		position:absolute;
	display: block;
	top:160px;	
}
	
	.mark_2 p{
		padding-left:90px;
		/*padding-top:10px;*/
}	


.mark_3 {
	width:100%;
	height: auto;
}
	.mark_3 img {
	width: 40%;	
		position:absolute;
	display: block;
	top:320px;	
}

	.mark_3 p{
		padding-left:90px;
		/*padding-top:5px;*/
}
	
	/*下＞*/
	.marke_business img{
		width:50%;
		}	

	/*ビジネスプランニング*/

.business_big {
	position:relative;
	width:100%;
	height: auto;
	text-align: center;	
}

.busi_1 {
	width:100%;
	height: auto;
}
	.busi_1 img {
	width: 40%;	
		position:absolute;
	display: block;
	top:0px;	
}

	.busi_1 p
	{
		padding-left:100px;
		/*padding-top:5px;*/
}	

.busi_2 {
	width:100%;
	height: auto;
}
	.busi_2 img {
	width: 40%;	
		position:absolute;
	display: block;
	top:160px;	
}
	
	.busi_2 p
	{
		padding-left:100px;
		/*padding-top:10px;*/
}	

.busi_3 {
	width:100%;
	height: auto;
}
	.busi_3 img {
	width: 40%;	
	position:absolute;
	display: block;
	top:320px;		
}
	.busi_3 p
	{
		padding-left:100px;
		/*padding-top:15px;*/
}



	/*経営支援*/

.management_big {
	position:relative;
	width:100%;
	height: auto;
	text-align: center;	
}

.manage_1 {
	width:100%;
	height: auto;
}
	.manage_1 img {
	width: 40%;	
	position:absolute;
	display: block;
	top:0px;	
}
	
	.manage_1 p
	{
		padding-left:90px;
}	

.manage_2 {
	width:100%;
	height: auto;
}
	.manage_2 img {
	width: 40%;	
	position:absolute;
	display: block;
	top:160px;	
}

	.manage_2 p{
		padding-left:90px;
}
	
	
.manage_3 {
	width:100%;
	height: auto;
}
	.manage_3 img {
	width: 40%;
	position:absolute;
	display: block;
	top:320px;		
}
	
	.manage_3 p{
		padding-left:90px;
		padding-top:5px;
}	


		/*+*/
	.manage_marketing img{
		width:50%;
		}

	/*マーケティング支援*/

.markesupport_big {
	position:relative;
	width:100%;
	height: auto;
	text-align: center;	
}

.msupport_1 {
	width:100%;
	height: auto;
}
	.msupport_1 img {
	width: 40%;
	position:absolute;
	display: block;
	top:0px;	
}
	
	.msupport_1 p{
		padding-left:90px;
	/*	padding-top:10px;*/
}	

.msupport_2 {
	width:100%;
	height: auto;
}
	.msupport_2 img {
	width: 40%;
	position:absolute;
	display: block;
	top:160px;	
}
	
	.msupport_2 p{
		padding-left:90px;
		padding-top:10px;
}	

.msupport_3 {
	width:100%;
	height: auto;
}
	.msupport_3 img {
	width: 40%;
	position:absolute;
	display: block;
	top:320px;		
}

	.msupport_3 p{
		padding-left:90px;
		/*padding-top:10px;*/
}	
	
.msupport_4 {
	width:100%;
	height: auto;
	padding-bottom: 120px;
}
	.msupport_4 img {
	width: 40%;
	position:absolute;
	display: block;
	top:480px;		
}

	.msupport_4 p{
		padding-left:90px;
		padding-top:10px;
}
}

	.no-sidebar .entry-header,
	.no-sidebar .entry-content,
	.no-sidebar .entry-summary,
	.no-sidebar .entry-footer,
	.no-sidebar .comments-area,
	.no-sidebar .image-navigation,
	.no-sidebar .post-navigation,
	.no-sidebar .pagination,
	.no-sidebar .page-header,
	.no-sidebar .page-content,
	.no-sidebar .content-bottom-widgets {
		max-width:1200px;
		width:100%;
		margin: auto 0;
		/*margin-right: 15%;
		margin-left: 15%;*/
	}


/*----------------------------------------------------------------------
==========ADD @KAWANO (TOPnavi, entry-content h2,.company, div.contactform=============
-------------------------------------------------------------------------------- */

div.entry-content h2#gaiyo{
background-color:#97d700;/*#01994C*/
border-color:#ccebdb;
color:#fff;
text-align: center;
line-height:1.5em;
    border-width: 1px;
    border-style: solid;
	padding: 0.3em;
	letter-spacing: 10px;
	box-shadow: 0 0 0 1px #97d700;
}

div.entry-content h2#jigyou{
background-color:#97d700;
border-color:#ccebdb;
color:#fff;
text-align: center;
line-height:1.5em;
    border-width: 1px;
    border-style: solid;
	padding: 0.3em;
	letter-spacing: 10px;
	box-shadow: 0 0 0 1px #97d700;
		margin-bottom:50px;
}
div.entry-content h2#contact{
	clear:both;
background-color:#97d700;
border-color:#ccebdb;
color:#fff;
text-align: center;
line-height:1.5em;
    border-width: 1px;
    border-style: solid;
	padding: 0.3em;
	letter-spacing: 10px;
	box-shadow: 0 0 0 1px #97d700;
}
dl.form dl,dt,dd {
margin: 0;
padding: 0;
}

div.entry-content div.contactform{
	width:80%;
	margin:0 auto;	
}

dl.form{
background: #cccce6;
border: 1px solid #7777bb;
width: 100%;
}
dl.form dt,dd {
padding: 6px;
}

dl.form dd {
background: #f0f0f0;
}
input{
max-width:99%;
}
textarea{
max-width:99%;
}

/*事業開発*/
div.entry-content div.about{
	width:80%;
	margin:0 auto;	
	display:block;
}

div.entry-content div.about1{
	width:100%;
	display:block;
	border:1px solid #0054A5;
	/*background-color:#f5f6f7;*/
	border-radius: 5px;
  -moz-border-radius: 5px;
	margin-bottom:30px;
	overflow:hidden;
}
div.entry-content div.about1 h3{
	background-color:#0054A5;
	color:#fff;
	text-align:center;
	letter-spacing:8px;
	line-height:2.5em;
	}
div.entry-content div.about1 h4{
	color:#0054A5;
	text-align:center;
	font-size: 1.95rem;
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom:0.5em;
	}

div.entry-content div.about2{
	width:100%;
	display:block;
	border:1px solid #FD8E00;
	/*background-color:#fff5e0;*/
	border-radius:5px;
  -moz-border-radius: 5px;
		margin-bottom:50px;
}
div.entry-content div.about2 h3{
	background-color:#FD8E00;
	color:#fff;
	text-align:center;
	letter-spacing:8px;
	line-height:2.5em;	
}
div.entry-content div.about2 h4{
	color:#FD8E00;
	text-align:center;
	font-size: 1.95rem;
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom: 0.5em;
	}



@media only screen and (min-width:768px){

div#TOPnav{
	width:100%;
	margin:0;
}

div#TOPnavi ul{
	position:relative;
	width: 55%;
	margin: 0 auto;
    text-align: center;
	display: -webkit-flex;
	display: flex;
	flex-flow: row;
	 -webkit-justify-content: space-between;
	justify-content:space-between;
	list-style-type: none;
	text-decoration:none;
}


div#TOPnavi a {
	display:block;
    width: 150px;
    border-radius: 50%;
    border: 1px solid #00913C;
    height: 150px;
    color: #00913c;
    box-sizing: border-box;
    padding: 60px 20px;
    text-decoration: none;
}

div#TOPnavi li a:hover {
	background-color: #97d700;/*#00913C*/
	color:#FFF;
	text-decoration:none;
}







blockquote { width:50%; margin:0 auto; }

dl.company{
background: #fff;
width: 80%;
margin:0 auto;
}
	
dl.company dt {
clear: left;
float: left;
margin-left:5%;
width: 15%;
}

dl.company dd {
margin-left: 16%;
}

dl.company dl,dt,dd {
margin: 0;
padding: 0;
}
 
dl.company dt,dd {
padding: 6px;
}
 
dl.company dd {
background: #fff;
	}
}
 


@media screen and  (max-width: 767px){
div#TOPnavi ul {
	position:relative;
	width:100%;	
	margin: 0 auto;
    text-align: center;
	display: -webkit-flex;
	display: flex;	
	flex-flow: row;	
	-webkit-justify-content: space-between;
	justify-content:space-between;
	list-style-type: none;
}

div#TOPnavi a{
		display:block;
		width:100px;
		 height: 100px;
		border-radius: 50%;
		background:  #00913C;
		color:#fff;
		padding:  20px;
		box-sizing: border-box;
		text-decoration: none;
	
	}

dl.company{
background: #fff;
width: 90%;
margin:0 auto;
}

}



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

div#TOPnavi ul {
	position:relative;
	width:100%;	
	margin: 0 auto;
    text-align: center;
	display: -webkit-flex;
	display: flex;	
	flex-flow: row;	
	-webkit-justify-content: space-between;
	justify-content:space-between;
	list-style-type: none;
}

div#TOPnavi a{
		display:block;
		width:100px;
		 height: 100px;
		border-radius: 50%;
		background:  #00913C;
		color:#fff;
		padding:  20px;
		box-sizing: border-box;
		text-decoration: none;
	
	}
	
	dl.company{
	background: #fff;
	width: 98%;
	margin:0 auto;
		margin-bottom:50px;
}
	dl.company dt {
clear: left;
float: left;
margin-left:1%;
width: 17%;
}

dl.company dd {
margin-left:18%;
}

dl.company dl,dt,dd {
margin: 0;
padding: 0;
}
 
dl.company dt,dd {
padding: 6px;
}
 
dl.company dd {
background: #fff;
	}
	.site-branding {
		position:relative;
		float: left;
		height:70px
	}

	.site-branding .custom-logo {
	float: left;
	width: 50px;
	margin-left: 10px;

}
	.site-branding .site-title img {
		float: left;
		width: 225px;
		height: 34px;
		margin-top:20px;
		margin-left: 40px;		
	}
	
}




/*プライバシーポリシー*/
div.privacy1 h2{
background-color:#97d700;/*#01994C*/
border-color:#ccebdb;
color:#fff;
text-align: center;
line-height:1.5em;
    border-width: 1px;
    border-style: solid;
	padding: 0.3em;
	letter-spacing: 10px;
	box-shadow: 0 0 0 1px #97d700;
}


div.privacy2{
	width:80%;
	margin:0 auto;	
	display:block;
}

div.privacy2 h3{
	color:#114734;
}

div.madoguchi1{
	width:70%;
	margin:0 auto;
	/*display:block;*/
	border:1px solid #999999;
	/*background-color:#f5f6f7;*/
	/*border-radius: 5px;
  -moz-border-radius: 5px;*/
padding:10px;
}

@media screen and  (max-width: 480px){
div.madoguchi1{
	border:1px solid #999999;
  padding:10px;
}
}