@charset "utf-8";
/*------------------------------------------------
   Global
------------------------------------------------*/


/* top */

#mv {
	background: #22a43f url(../images/bg_main_pc.png) no-repeat scroll center center / cover;
	position: relative;
}
#mv_inner p {
	padding-bottom: 2em;
}
#mv_inner .detail {
	padding: 10px 0;
	position: absolute;
	left: 10%;
	bottom: 20%;
}
#mv_inner .detail2 {
	padding: 10px 0;
	position: absolute;
	left: 10%;
	bottom: 3%;
}
#mv_inner .detail img, #mv_inner .detail2 img {
	max-width: 360px;
	height: auto;
}

#mv_sp {
	display: none;
}
 @media (max-width: 768px) {
#mv {
	display: none;
}
#mv_sp {
	display: block;
}
#mv_sp img.main {
	width: 100%;
	height: auto;
}
#mv_sp ul li img {
	width: 80%;
	height: auto;
	padding-bottom: .5em;
	text-align: center;
	margin: 0 auto;
}
}
.index_inner {
	width: 1180px;
	margin: 0 auto;
}
 @media (max-width: 768px) {
 .index_inner {
 width: 100%;
}
}
#newsBox {
	margin: 0 auto;
	padding: 2em 0;
}

#newsBox a{
	color:#22A43F;
	text-decoration: underline;
}

#newsBox a:hover{
	color:#22A43F;
	text-decoration: none;
}

@media (max-width: 768px) {
#nabetake_prof img {
    max-width: 100%;
    height: auto;

}
}

h3.newstitle {
	color: #1fa43f;
	font-weight: bold;
	border-left: 6px solid #1fa43f;
	margin-top: 1em;
	padding-left: .5em;
}

section h2 {
	text-align: center;
	margin-bottom: 2em;
}
 @media (max-width: 768px) {
section h2 img {
	width: 100%;
}
}
dl#news dt {
	float: left;
	clear: left;
	width: 20%;
}
dl#news dd {
	float: left;
	width: 80%;
	margin-bottom: 2em;
}
 @media (max-width: 768px) {
dl#news {
	padding: 0 2em;
}
dl#news dt {
	float: none;
	width: 100%;
}
dl#news dd {
	float: none;
	width: 100%;
}
}
#seisakuBox {
	background: url(../images/ind_bg_seisaku.png) repeat;
	width: 100%;
	overflow: hidden;
	padding: 2em 0;
}
#seisakuBox ul li {
	float: left;
	margin-bottom: 4em;
}
#seisakuBox ul li:nth-child(even) {
	margin-left: 4em;
}

#seisakuBox ul li:hover {
 filter:alpha(opacity=70); /* IE 6,7*/
   -moz-opacity:0.7; /* IE 8,9 */
   opacity:0.7;
}

 @media (max-width: 768px) {
#seisakuBox ul li {
	float: none;
	text-align: center;
	margin-bottom: 1em;
}
#seisakuBox ul li:nth-child(even) {
	margin-left: 0;
}
#seisakuBox ul li img {
	width: 90%;
}
 }

.seisaku_box .proposal {
    border: 2px solid #22a43f;
    border-radius: 10px;
    background: #dff0d8;
    margin-bottom: 2em;
    padding: 10px;
}

.seisaku_nakano_inbox p {
    margin-bottom: .25em!important;
}

.seisaku_nakano_inbox a  {
    color: #22a43f!important;
    text-decoration: underline;
}

.seisaku_nakano_inbox img {
    max-width: 100%;
    height: auto;
}

.seisaku_box .proposal span {
    display: inline-block;
    background: #22a43f;
    color: #fff;
    padding: .25em;
    font-size: 66%;
    border-radius: 5px;
}


#nabetake_prof {
	clear: both;
	margin: 0 auto;
	padding: 2em 0;
}
#nabetake_prof_l {
	width: 20%;
	float: left;
}
#nabetake_prof_r {
	width: 80%;
	float: right;
	padding-bottom: 4em;
	padding-left: 4em;
}
#seikaBox {
	clear: both;
	background-color: #F1FCF3;
	padding: 2em 0;
}
 @media (max-width: 768px) {
 #nabetake_prof_l {
 float: none;
 text-align: center;
 width: 100%;
}
 #nabetake_prof_l img {
 width: 30%;
}
 #nabetake_prof_r {
 float: none;
 width: 100%;
 padding: 0 2em;
}
}
.talk-wrap {
	display: block;
	clear: both;
	margin: 0 auto 2em;
	width: 90%;
}
.talk-wrap p {
	margin: 0;
}
.left-icon {
	width: 20%;
	height: auto;
	/*background: no-repeat;*/
	/*background-size: 180%;*/
	/*background-position: center;*/
	float: left;
	display: inline-block;
	margin-bottom: 10px;
}
.talk-left {
	color: #fff;
	float: right;
	position: relative;
	background: #22A43F; /*左の会話の背景色*/
	border: 2px solid #22A43F;
	padding: 3%;
	border-radius: 10px;
	width: 80%;
	margin-top: 10px;
	margin-bottom: 10px;
}

	
.talk-left:before {
	content: "";
	display: inline-block;
	border: 10px solid transparent;
	border-right-color: #22A43F;
	position: absolute;
	left: -20px;
	top: 25%;
	margin-top: -9px;
}
.talk-left:after {
	content: "";
	display: inline-block;
	border: 9px solid transparent;
	border-right-color: #22A43F;
	position: absolute;
	left: -16px;
	top: 25%;
	margin-top: -8px;
}
.right-icon {
	width: 20%;
	height: auto;
	/*background: no-repeat;*/
	/*background-size: 180%;*/
	/*background-position: center;*/
	float: right;
	display: inline-block;
	margin-bottom: 10px;
}
.talk-right {
	color: #fff;
	float: left;
	position: relative;
	background: #22A43F; /*右の会話の背景色*/
	border: 2px solid #22A43F;
	padding: 3%;
	border-radius: 10px;
	width: 70%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.talk-right:before {
	content: "";
	display: inline-block;
	border: 10px solid transparent;
	border-left-color: #22A43F;
	position: absolute;
	right: -20px;
	top: 25%;
	margin-top: -9px;
}
.talk-right:after {
	content: "";
	display: inline-block;
	border: 9px solid transparent;
	border-left-color: #22A43F;
	position: absolute;
	right: -16px;
	top: 25%;
	margin-top: -8px;
}

/*これから実現*/

.talk-left2 {
	color: #fff;
	float: right;
	position: relative;
	background: #18723d; /*左の会話の背景色*/
	border: 2px solid #18723d;
	padding: 3%;
	border-radius: 10px;
	width: 80%;
	margin-top: 10px;
	margin-bottom: 10px;
}

	
.talk-left2:before {
	content: "";
	display: inline-block;
	border: 10px solid transparent;
	border-right-color: #18723d;
	position: absolute;
	left: -20px;
	top: 25%;
	margin-top: -9px;
}
.talk-left2:after {
	content: "";
	display: inline-block;
	border: 9px solid transparent;
	border-right-color: #18723d;
	position: absolute;
	left: -16px;
	top: 25%;
	margin-top: -8px;
}

.talk-right2 {
	color: #fff;
	float: left;
	position: relative;
	background: #18723d; /*右の会話の背景色*/
	border: 2px solid #18723d;
	padding: 3%;
	border-radius: 10px;
	width: 70%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.talk-right2:before {
	content: "";
	display: inline-block;
	border: 10px solid transparent;
	border-left-color: #18723d;
	position: absolute;
	right: -20px;
	top: 25%;
	margin-top: -9px;
}
.talk-right2:after {
	content: "";
	display: inline-block;
	border: 9px solid transparent;
	border-left-color: #18723d;
	position: absolute;
	right: -16px;
	top: 25%;
	margin-top: -8px;
}

@media (max-width: 768px) {
.left-icon {
	width: 35%;
	height: auto;
}
.talk-left,
.talk-left2 {
	width: 65%;
}
.right-icon {
	width: 35%;
	height: auto;
}
.talk-right,
.talk-right2 {
	width: 65%;
}
}


#news {
	clear: both;
	margin: 0 auto;
	padding: 2em 0;
}



/*中ページ*/

#page {
	width: 100%;
	background-color: #f1fcf3;
	padding: 2em 0 4em;
}

.page_inner {
	width: 1180px;
	margin: 0 auto;
	padding: 1em;
	background-color: #fff!important;
}

/* seisaku*/

.seisaku .page_inner {
	background: url(../images/seisaku_bg01.png) no-repeat center top;
}

@media (max-width: 768px) {
	.seisaku .page_inner {
	background: none;
}
}

.seisaku h3{
	font-weight: bold;
	font-size: 139%;
	margin-bottom: 1em;
	line-height: 1.6;
}

.seisaku h3 span {
	background-color: #22A43F;
	color: #FFF;
	margin-right: .5em;
	padding: 0 .5em;
	width: 2.5em;
	font-size:66%;
}

.seisaku h4 {
	color:#22A43F;
	font-weight: bold;
	margin-bottom: .2em;
}

.seisaku p {
	margin-bottom: 2em;
}

.seisaku_box_l {
	float: left;
	width: 50%;
	padding: 2em;
}

.seisaku_box_r {
	float:right;
	width: 50%;
	padding: 2em;
}

@media (max-width: 768px) {
	.page_inner {
	width: 90%;
	margin: 0 auto;
}

.seisaku_box_l,
.seisaku_box_r {
	float:  none;
	width: 100%;
	padding: 1em;
}

}



/* seika */


.seika h3 {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 1em;
	color: #fff;
	font-size: 139%;
	font-weight: bold;
	background: #22A43F;
	width: 100%;
	text-align: center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;  
	border-radius:10px;
	line-height: 1.8;
}

.seika h3:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #22A43F;
}

.seika h3 p {
	margin: 0;
	padding: 0;
} 

.contact_box {
	background-color:#FFDB01;
	width: 80%;
	margin: 0 auto 2em;
	padding: 1em 0;
}

.contact_box p {
	margin-left: 8em;
	font-weight: bold;
}

.stop_txt {
	color:#22A43F;
	font-weight: bold;
	text-align: center;
	font-size: 139%;
	margin: 1em 0;
}

.tell:before{
    content: url(../images/seika_icn_tell.png);
    margin: 10px;
    position: relative;
    top: 5px;
}

.mail:before{
    content: url(../images/seika_icn_mail.png);
    margin: 10px;
    position: relative;
    top: 5px;
}

.fax:before{
    content: url(../images/seika_icn_fax.png);
    margin: 10px;
    position: relative;
    top: 5px;
}

.seika ul li {
	list-style-type: disc;
	margin-left: 2em;
}


/* メッセージ */

.msgBox {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 1em;
    color: #fff;
    font-weight: bold;
    background: #22A43F;
    width: 100%;
    text-align: left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 1.8;
}

.msgBox p:first-letter{
	color: #FF0;
	font-size: 200%;
 }

.msgBox .msg_from {
	text-align: right;
	margin-top: 1em;
}

.msgBox p.msg_from:first-letter{
	color: #fff;
	font-size: 100%;
 }
 
 
 
 @media (max-width: 768px) {
.msgBox p {
    line-height: 1.4;
}	 
	 
	 
 }

@media (max-width: 768px) {
	
.contact_box {
	background-color:#FFDB01;
	width: 100%;
	margin: 0 auto 1em;
	padding: 2em 0;
}	
	.contact_box p {
	margin-left: 0;
	text-align: center;
	font-size: 92%;
}



}

@media (max-width: 480px) {
	
.contact_box {
	background-color:#FFDB01;
	width: 100%;
	margin: 0 auto 1em;
	padding: 2em 0;
}	
	.contact_box p {
	margin-left: 0;
	text-align: center;
	font-size: 92%;
}

.tell:before,
.fax:before{
  width:100%;
  height:50px;
  left:30%;
  top:-25px;
  margin-bottom: 2em;
}

.mail{ 
padding: 0 0 2em;
}

.contact_box p.tell {
    color: #22a43f!important;
	margin-left: -1.5em!important;
}

.fax {
	margin-left: -2em!important;
}


}


.contact_box p.tell {
    color: firebrick!important;
}