@charset "UTF-8";

/* reset */
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,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}article,aside,figure,footer,header,hgroup,nav,section{display:block;}img,object,embed{vertical-align: bottom;}html{overflow-y:scroll;}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;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}th{font-weight:bold;vertical-align:bottom;}td{font-weight:normal;vertical-align:top;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}input[type="radio"]{vertical-align:text-bottom;}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}select,input,textarea{font:99% sans-serif;}table{font-size:inherit;font:100%;}a:hover,a:active{outline:none;}strong,th{font-weight:bold;}td,td img{vertical-align:top;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}pre,code,kbd,samp{font-family:monospace,sans-serif;}label,input[type=button],input[type=submit],button{cursor:pointer;}button,input,select,textarea{margin:0;}button{width:auto;overflow:visible;}.clear:before,.clear:after{content:"\0020";display:block;height:0;overflow:hidden;}.clear:after{clear:both;}.clear{zoom:1;}

/* base */
html {
    font-family: 'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
	font-size: 62.5%; /* 10px */
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	position:relative;
	width:100%;
	height:100%;
    background-color: #fff;
    letter-spacing: normal;
    color: #3E3E3E;
}
@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	body {
        min-width: 960px;
		font-size: 1.4rem;
        line-height: 1.857em; /*14px-26px相当*/
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	body {
		min-width: 375px;
        padding-bottom: 18.4vw;
		font-size: 3.7334vw; /* 14px */
        line-height: 1.75;
	}

}

/* 明朝体 */
.gnav_label_copy,
.tnav_label_copy,
.serif{
	font-family: '游明朝',YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ＭＳ Ｐ明朝',serif;
	font-weight: 600;
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
}

/* ゴシック見出し */
.article_header_label,
.article_lead h2,
article section h2{
	font-family: 'Sawarabi Gothic','Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
}

/*
*,
*::before,
*::after {
	box-sizing: border-box;
}
*/
p,li,dd,td {
  text-align: justify;
  text-justify: inter-ideograph;
}
h1,h2,h3,h4,h5{
	font-weight: 400;
}

img {
	max-width:100%;
	height:auto;
	image-rendering: -webkit-optimize-contrast; /* Chromeぼやけ対策 */
}

button, input, select, textarea {
    font-family : inherit;
    font-size   : 100%;
}

a {
	color: #444;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: underline;
}

a.current,
a.parentsLink{
	cursor:default;
	color: #444;
	text-decoration: none;
}

a.alpha:hover img{
  filter:alpha(opacity=60);
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
}
a.trans:hover img{
  filter:alpha(opacity=0);
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  -moz-opacity:0;
  -khtml-opacity: 0;
}


a.btn_shadow{
	filter: drop-shadow(2px 3px 4px rgba(0,0,0,0));
	transition: all 0.3s;
}
a.btn_shadow:hover{
	filter: drop-shadow(2px 3px 4px rgba(0,0,0,0.4));
}

 @media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	.br_sp,
	.br_1150,
	.text_sp,
	.block_sp{
		display:none;
	}
	.br_pc,
	.text_pc{
		display:inline;
	}
	.block_pc{
		display:block;
	}
	
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.br_1150{
		display:none;
	}
	.br_sp,
	.text_sp{
		display:inline;
	}
	.block_sp{
		display:block;
	}
	.br_pc,
	.text_pc,
	.block_pc{
		display:none;
	}

}


/****************************************************************************
header
****************************************************************************/

/* #header_info */

.yasudapaint_gaina{
    display: block;
    font-size: 0%;
    line-height: 0%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: 0 0 no-repeat;
    background-size: contain;
}

.sub_nav{
    height: 100%;
}
.snav{
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    height: 100%;
}
.snav_li{
    height: 100%;
}
.snav_li a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    #header_info {
        position: fixed;
        left: 0px;
        top: 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        min-width: 1024px;
        height: 46px;
        z-index: 9999;
        background-color: #F4F9E2;
        border-bottom:solid 1px #fff;
        line-height:1em;
    }

    .yasudapaint_gaina{
        width: 129px;
        height: 35px;
        margin: 0 20px 0 14px;
        background-image: url("../img/yasudapaint_x_gaina.png");
    }
    .hihfo_copy{
        flex-grow: 1;
        font-size:11px;
    }

    .contact_nav_label,
    #btn_menu{
        display: none;
    }

    .snav_li a{
        padding:0 20px;
        font-size:12px;
    }
    .snav_li.snav_li_contact a{
        color:#fff;
        font-size: 1.5rem;
        font-weight:bold;
        letter-spacing: 0.1em;
        background-color:#A2CA0F;
    	border:solid 3px #A2CA0F;
        box-sizing: border-box;
        transition: all 0.3s ease-out;
    }
    .snav_li a:hover{
        text-decoration: none;
    }
    .snav_li.snav_li_contact a:hover{
        color:#A2CA0F;
        background-color:#fff;
    }
    .tel_num{
        font-size: 1.8rem;
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    #header_info {
        width: 100%;
        height: 16vw;
        background-color: #fff;
        border-bottom: solid 1px #A79B8F;
        /*box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);*/
    }
    #b-index #header_info {
        height: 0;
        border-bottom: none;
        overflow: hidden;
    }

    .yasudapaint_gaina{
        width: 50.6667vw;
        height: 16vw;
        background-image: url("../img/logo_kokoro_sp.png");
    }
    #b-index .yasudapaint_gaina{
        height: 0;
    }
    .hihfo_copy{
        font-size: 0%;
        line-height: 0%;
        text-indent: 100%;
    }

    .sub_nav{
		position:fixed;
		bottom:0;
		right:0;
		width:100%;
		height:auto;
		z-index:300;
		transition: all 0.3s ease-in-out;
		visibility:hidden;
		opacity: 0;
    }
	.sub_nav.fix_btn_fix{
		visibility:visible;
		opacity: 1;
	}
	#b-contact .sub_nav{
        display: none;
	}

	.contact_nav_label{
		height: 6.4vw;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 3.2vw;
		font-weight: 700;
		color: #fff;
		letter-spacing: 0.1em;
		background-color: #898068;
	}
	
	.snav_li{
		width: 50%;
	}
    .snav_li_company{
        display: none;
    }
	.snav_li.snav_li_contact{
		border-left: solid 1px #fff;
	}
    
    .snav_li a{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
		height: 12vw;
        border:solid 3px #F4A400;
        box-sizing: border-box;
        font-size: 4vw;
        font-weight: 700;
        line-height: 1;
    }
    .snav_li a::before{
        display: block;
        width: 5.6vw;
        height: 5.6vw;
        margin-right: 1.6vw;
        content: "";
        background: 50% 50% no-repeat;
        background-size: contain;
    }
    .snav_li.snav_li_tel a{
    	color:#F4A400;
    	background-color: #fff;
    }
    .snav_li.snav_li_contact a{
    	color:#fff;
        letter-spacing: 0.05em;
    	background-color: #F4A400;
    }
    .snav_li.snav_li_tel a::before{
    	background-image: url(../../../img/common/icn_tel_ora@3x.png);
    }
    .snav_li.snav_li_contact a::before{
	    background-image: url(../../../img/common/icn_mail_wht@3x.png);
    }
    
    #btn_menu{
        position: fixed;
        right: 0px;
        top: 0px;
        width: 16vw;
        height: 16vw;
        z-index: 9999;
    }
    #btn_menu a{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding-top: 8.8vw;
        font-size: 0.9rem;
        color: #fff;
        letter-spacing: 0.1em;
        background: 50% 40% no-repeat;
        background-size: 45% auto;
		background-color: #898068;
		background-image: url(../../../img/common/icn_menu.png);
        box-sizing: border-box;
    }
    #btn_menu.active a{
		background-image: url(../../../img/common/icn_close.png);
    }

}




/* #header */

.global_nav dl{
    border-left:solid 3px #eee;
}

.global_nav dt{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left:-3px;
    margin-bottom:12px;
    padding: 0.3em 0 0.3em 1em;
    border-left:solid 3px #eee;
    font-weight:bold;
}
.global_nav dl.gnav_about dt{
    border-left-color:#A8D310;
    color:#98C00E;
}
.global_nav dl.gnav_choice dt{
    border-left-color:#EAAB8C;
    color:#E3936C;
}
.global_nav dl.gnav_ask dt{
    border-left-color:#94C8E2;
    color:#67B1D6;
}
.gnav_label_copy{
    line-height: 1.3;
}



@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    #header {
        margin: 0 auto;
        width: 1000px;
        height: 174px;
        padding-top:46px;
    }

    #header h1 {
      float: left;
      width: 245px;
      height: 174px;
    }
    #header h1 a {
      display: block;
      width: 245px;
      height: 174px;
      font-size: 0%;
      line-height: 0%;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      background: url(../img/gainanokokoro.png) 0 100% no-repeat;
    }

    .global_nav{
        line-height:1.2em;
    }
    #header .global_nav{
        float:right;
        width:618px;
        height:150px;
        padding-top:24px;
    }

    .global_nav dl{
        float:left;
        min-height:132px;
        padding-right:10px;
    }
    .global_nav dl.gnav_about{
        width:165px;
    }
    .global_nav dl.gnav_choice{
        width:197px;
    }
    .global_nav dl.gnav_ask{
        width:217px;
    }

    .global_nav dt{
        font-size:1.2rem;
        letter-spacing: 0.06em;
    }
    .gnav_label_copy{
        font-size: 2.1rem;
    }

    .global_nav dd{
        padding-left:1em;
    }
    .global_nav dd a{
        display:block;
        padding:3px 0 2px 15px;
        text-indent:-15px;
        font-size:13px;
        letter-spacing: 0.06em;
    }

    #b-index .gnav_top a,
    #b-story .gnav_story a,
    #b-recommend .gnav_recommend a,
    #b-kokoro .gnav_kokoro a,
    #b-works .gnav_works a,
    #b-socialaction .gnav_socialaction a,
    #b-blog .gnav_blog a{
        cursor:default;
        color: #999;
        text-decoration: none;
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#header{
		position:fixed;
		top: 0;
		right:-110vw;
		width: 80vw;
		height: 100%;
		background:#fff;
		box-shadow: 0 6px 6px 0 rgba(0,0,0,.12);
		overflow: hidden;
		z-index: 450;
		transition: all 0.3s;
	}
	#header.active{
		right:0;
	}
	#header h1{
        font-size: 0%;
        line-height: 0%;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        margin: 0;
        padding: 0;
	}
    
	#header .global_nav{
		position: relative;
		overflow-y: auto;
		width: 100%;
		height: 100%;
		padding: 8vw 6.4vw 6.4vw;
        box-sizing: border-box;
		border-top: none;
		border-bottom: none;
	}

    #header .global_nav dl{
        margin-bottom: 6.4vw;
        border-left:solid 5px #eee;
    }
    
    #header .global_nav dt{
        margin-left: -5px;
        margin-bottom: 0;
        font-size: 3.4667vw;
        border-left-width: 5px;
    }

    #header .gnav_label_copy{
        font-size: 6.4vw;
    }

    #header .global_nav dd{
        margin-left: 1em;
    }
    #header .global_nav dl dd:last-child{
        border-bottom: dotted 1px #bbb;
    }
    
    .global_nav dd a{
        display:block;
        text-indent: -1em;
    }
    #header .global_nav dd a{
        padding:0.5em 0 0.5em 1em;
        font-size: 4vw;
        border-top: dotted 1px #bbb;
    }

}




/* .header_visual .mainimage */

.breadcrumb{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 auto;
	line-height: 1.5;
}
.breadcrumb_item + .breadcrumb_item::before{
	display: inline-block;
    padding-left: 5px;
    content: "\003e";
}

.breadcrumb_item a,
.breadcrumb_item span{
	display: inline-block;
	padding: 5px;
}


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    .header_visual{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

	.breadcrumb{
		width: 95%;
		max-width: 1000px;
		padding-top: 1em;
		font-size: 1.2rem;
	}

    .mainimage {
        width: 100%;
        height: 260px;
        text-align:center;
        background: url(../img/bg_grid_green.png) 0 100% repeat-x;
    }
    #b-index .mainimage {
        height: 400px;
        overflow:hidden;
    }
    #slidr{
        margin: 0 auto;
        width: 1000px;
        background:#fff;
    }


}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    #b-index .header_visual{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    
	.breadcrumb{
		width: 92vw;
		padding: 1.6vw 0 0.8vw;
		font-size: 2.67vw;
	}

}


/****************************************************************************
#content
****************************************************************************/

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    #content{
      width: 960px;
      padding: 0 20px;
      margin: 40px auto 0;
    }

    #column_main{
      float: right;
      width: 690px;
    }

    #column_sub{
      float: left;
      width: 200px;
    }


}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    #content{
      width: 100%;
      margin: 0;
    }
    #b-index #content{
      width: 90.4vw;
      margin: 8vw auto;
    }

    #column_sub{
        display: none;
    }

}

/* #column_main **********************************/

.article_header {
    background-color:#F2F8DB;
}
.article_header h1{
    background-color:#E7F2BD;
}
.article_lead{
    line-height:1.846em;
}
.article_lead h2{
    color:#98C00E;
}

.h_img{
    float:right;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    article {
      padding-bottom: 70px;
    }
    
    /* .article_header */

    .article_header {
        border:solid 1px #ddd;
    }
    .article_header h1{
        padding:32px 40px 28px;
        font-size:26px;
    }
    .article_lead{
        padding:35px 40px;
        font-size:13px;
    }
    .article_lead h2{
        padding-bottom:15px;
        font-size:20px;
    }

    .h_img{
        margin:-75px 30px 10px 10px;
    }


}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    article {
      padding-bottom: 8vw;
    }
    
    /* .article_header */

    .article_header {
    }
    .article_header h1{
        padding: 0.9em;
        font-size: 6.4vw;
        line-height: 1.4;
        border-top: solid 8px #A8D310;
    }
    .article_lead{
        padding: 1.5em 4vw;
        font-size: 3.4667vw;
    }
    .article_lead h2{
        padding-bottom: 1em;
        font-size: 5.3334vw;
    }

    .h_img{
        margin:-5em 1.5em 0.8em 0.8em;
    }

}


/* section */

article section h2{
	background-color:#F2F8DB;
	line-height:1.3em;
	color:#98C00E;
}

.section_lead{
	background-color:#F6F6F6;
	line-height:1.5em;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    article section{
        margin-top:40px;
        border:solid 1px #ddd;
    }
    article section h2{
        padding:32px 40px 28px;
        font-size:24px;
    }

    .section_lead{
        padding:4px 40px 3px;
        font-size:12px;
    }

    .section_body{
        padding:35px 40px;
    }
    .section_body + .section_body{
        padding-top:0;
    }
    .section_body p + p{
        margin-top:20px;
    }

    article section.no-line{
        border:none;
    }
    article section.no-line h2{
        padding: 1em 0;
        background:none;
    }
    .no-line .section_body{
        padding:0;
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    article section{
        margin-top: 8vw;
    }
    article section h2{
        padding: 0.9em 4vw;
        font-size: 5.3334vw;
    }

    .section_lead{
        padding: 0.2em 4vw;
        font-size: 3.4667vw;
    }

    .section_body{
        padding: 1.5em 4vw;
    }
    .section_body + .section_body{
        padding-top:0;
    }
    .section_body p + p{
        margin-top: 1em;
    }

}


.img_center{
	padding: 1.25em 0;
	text-align:center;
}

.img_right{
	padding:0 0 1.25em 2.5em;
	float:right;
}
.img_left{
	padding:0 2.5em 1.25em 0;
	float:left;
}
.section_body p.img_right + p,
.section_body p.img_left + p{
	margin-top:0;
}


article section section{
	margin-top:0;
	border:none;
}
article section section + section{
	margin-top: 2em;
}
article section section h3{
	padding-bottom: 1em;
	font-size: 17px;
	font-weight:bold;
	color:#98C00E;
}
.section_body section p + p{
	margin-top: 0.8em;
}

.note{ /* article section section.note */
	margin-top:0;
	border:none;
	background-color:#F3F3F3;
}
.note + .note{
	padding-top:0;
}

.note h3{
	float:left;
	text-align:center;
	font-weight:bold;
	line-height:1.428em;
	color:#fff;
	background-color:#98C00E;
}

.note_body,
.note h4{
	float:right;
	padding-top:2px;
}

.no-line .note{ /* article section.no-line section.note */
	padding:0;
}

.no-line .note h3{
	float:none;
	text-align:left;
}
.no-line .note_body{
	float:none;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    .note{ /* article section section.note */
        padding:30px 40px 30px 0;
    }

    .note h3{
        padding:4px 10px 3px;
        font-size:14px;
    }
    .note h3.label_s{
        width:80px;
    }
    .note h3.label_m{
        width:120px;
    }

    h3.label_s + .note_body,
    h3.label_s + h4{
        width:520px;
    }
    h3.label_m + .note_body,
    h3.label_m + h4{
        width:480px;
    }

    .note_body p + p{
        margin-top:20px;
    }

    .no-line .note + .note{
        margin-top:20px;
    }

    .no-line .note h3{
        padding:3px 40px 1px;
        font-size:16px;
    }
    .no-line .note_body{
        padding:30px 40px;
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    .img_right{
        max-width: 45vw;
    	padding:0 0 1.25em 1.5em;
    }
    .img_left{
        max-width: 45vw;
    	padding:0 1.5em 1.25em 0;
    }

    .note{ /* article section section.note */
        padding: 1.5em 1.25em 1.5em 0;
    }

    .note h3{
        padding: 0.3em 0.5em 0.2em;
        font-size: 3.7334vw;
    }
    .note h3.label_s{
        width: 3.5em;
    }
    .note h3.label_m{
        width: auto;
        min-width: 8.5em;
        padding: 0.3em 1em 0.2em;
        text-align: center;
    }

    h3.label_s + .note_body,
    h3.label_s + h4{
        width: calc(100% - 5.5em);
    }
    h3.label_m + .note_body,
    h3.label_m + h4{
        padding-top: 0.5em;
        padding-left: 1.25em
    }

    .note_body p + p{
        margin-top: 1.25em;
    }

    .no-line .note{ /* article section.no-line section.note */
        margin-left: 4vw;
        margin-right: 4vw;
    }
    .no-line .note + .note{
        margin-top: 1.25em;
    }

    .no-line .note h3{
        font-size:4vw;
    }
    .no-line .note_body{
        padding: 1.5em 1.25em;
    }

}



ul.dot li{
	padding-left:12px;
	background:url(../img/dot_green.png) 0 9px no-repeat;
}
.content_choice ul.dot li{
	background-image:url(../img/dot_pink.png);
}
.content_ask ul.dot li{
	background-image:url(../img/dot_blue.png);
}
.content_blog ul.dot li{
	background-image:url(../img/dot_orange.png);
}
.section_body ul.dot{
	margin:20px 0;
}



dl.clear{
}
dl.clear dt,
dl.clear dd{
	padding-top:12px;
	padding-bottom:12px;
}
dl.clear dt{
	width:125px;
	float:left;
	font-weight:bold;
	color:#999;
}
dl.clear.underline dd{
	margin-left:130px;
}


dl.clear.underline{
	padding-bottom:0;
	margin-bottom:15px;
	border-bottom:dotted 1px #ccc;
}
dl.clear.underline dt,
dl.clear.underline dd{
	border-top:dotted 1px #ccc;
}
dl.clear.underline dt{
	padding-left:5px;
}
dl.clear.underline dd{
}
dl.clear.underline dt.firstChild,
dl.clear.underline dd.firstChild{
	border-top:none;
}




/* カラーバリエーション */

.content_choice .article_header,
.content_choice article section h2{
	background-color:#FCF2EE;
}
.content_choice .article_header h1{
	background-color:#F9E7DF;
}
.content_choice .article_lead h2,
.content_choice article section h2,
.content_choice article section section h3{
	color:#E3936C;
}
.content_choice .note h3{
	color:#fff;
	background-color:#E3936C;
}


.content_ask .article_header,
.content_ask article section h2{
	background-color:#EAF4F9;
}
.content_ask .article_header h1{
	background-color:#D9EBF4;
}
.content_ask .article_lead h2,
.content_ask article section h2,
.content_ask article section section h3{
	color:#2891C3;
}
.content_ask .note h3{
	color:#fff;
	background-color:#5BACD2;
}


.content_blog .article_header h1{
	background-color:#FEF0DF;
	color:#F59927;
	padding:26px 40px 22px;
}


article section.no-line h2{ /*もう一度*/
	background:none;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/



}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    .content_choice .article_header h1{
        border-top-color: #EAAB8C;
    }
    .content_ask .article_header h1{
        border-top-color: #94C8E2;
    }

    article section.no-line h2{ /*もう一度*/
        padding-bottom: 1em;
    }

}



/* ガイナの機能 **********************************/


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    #img_function00{
        padding: 0 0 1.25em 10px;
        margin-top:-75px;
        margin-right:-20px;
        float: right;
    }


}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    .article_lead_function{
        display: flex;
        flex-direction: column;
    }
    #img_function00{
        order: 3;
        padding-top: 1em;
    }
    .article_lead_function h2{
        order: 1;
    }
    .article_lead_function p{
        order: 2;
    }

}


/* ガイナ ストーリー **********************************/

#gaina_story { /* .article_header */
	background:none;
}
#gaina_story h1{
	padding:0;
}

#story_lead{
	background:url(../../img/story/img/bg_lead_story.png) 50% 0 repeat-y;
}

#logo_cosmode{
	float:left;
	padding-right:30px;
}

.content_movie{
    position: relative;
    margin: 20px 0;
 }
.content_movie:before {
    content: "";
    display: block;
    padding-top: 56.25%;
    /* 16:9 */ 
}
.content_movie iframe,.content_movie video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    #gaina_story h1{
        background:none;
    }

    #gaina_story .article_lead{
        padding: 0 30px 30px;
    }
    #story_lead{
        padding:20px 30px;
        margin-bottom:30px;
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    #gaina_story h1 img{
        margin-bottom: -3.2vw;
    }

    #story_lead{
        padding:1.5em;
        margin-bottom:1.5em;
        background: #FCF3E9;
    }

    #logo_cosmode{
        width: 28vw;
        padding-right:1.0em;
    }

}

/******** 関連ブログ記事で詳しく見る ********/
.related_articles{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.related_articles_item{
	/*width: calc(50% - 21px);*/
	width: calc(100% - 20px);
	border:solid 1px #ccc;
	background-color: #fff;
	margin:10px;
}
@media screen and (max-width: 767px) { /**** tablet未満 ***
	.related_articles_item{
		width: calc(100% - 20px);
	}
*/}

.related_articles_item a{
	display:flex;
	width:100%;
	height:100%;
	transition: all 0.3s ease-in-out;
}
.c5 .related_articles_item a,
.c5 .related_articles_item a:hover{
	color: #221714;
	text-decoration: none;
}

.related_articles_item .entry_img{
	width:35%;
	overflow:hidden;
}
.related_articles_item .entry_img img{
	width:100%;
	height:160px;
	object-fit: cover;
}

.related_articles_item .entry_text{
	width:65%;
}
.related_articles_item .entry_text p + p{
	margin-top: 0;
}
.related_articles_item a:hover{
	text-decoration: none !important;
}
.related_articles_item .entry_date{
	padding:0 14px;
	font-size:12px;
	line-height:20px;
	color:#fff;
	font-weight:bold;
	letter-spacing: 0.1em;
	background-color:#898068;
}
.related_articles_item .entry_title{
	padding:8px 14px;
	line-height:1.3;
	background-color:#ece7d7;
}
.related_articles_item .entry_excerpt{
	padding:8px 14px 4px;
	font-size:13px;
	line-height:1.5;
}
.related_articles_item .entry_more{
	padding:0 14px 6px;
	font-size:1.2rem;
	text-align:right;
}
@media screen and (max-width: 767px) { /**** tablet未満 ****/
	.related_articles_item .entry_date{
		padding:0 12px;
		font-size:2.6666vw;
	}
	.related_articles_item .entry_title{
		padding:8px 12px;
		font-size:3.2vw;
	}
	.related_articles_item .entry_excerpt{
		padding:6px 12px 4px;
		font-size:2.9333vw;
	}
	.related_articles_item .entry_more{
		padding:0 12px 4px;
		font-size:2.9333vw;
	}
}



/* こんな場合にお薦めです **********************************/

#b-recommend .article_header h1{
}
.content_choice .article_menu a{
	font-weight:bold;
	color:#E3936C;
}

#b-recommend article section h2{
	background:#FCF2EE url(../../img/recommend/img/icn_can.png) 6px 50% no-repeat;
}
#b-recommend article#cannot section h2{
	background-image:url(../../img/recommend/img/icn_cannot.png);
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    #b-recommend .article_lead{
        padding:30px 40px;
    }
    .content_choice .article_menu a{
        font-size:14px;
    }

    #b-recommend article section h2{
        padding:34px 40px 30px 105px;
        font-size:20px;
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    #b-recommend .article_header h1{
        padding: 0.6em 0.9em 0.4em;
    }
    #b-recommend .article_lead{
        padding: 1.5em;
    }
    .content_choice .article_menu a{
        display: block;
        padding-left: 1.0em;
        font-size: 3.7334vw;
        text-indent: -1.0em;
    }

    #b-recommend article section h2{
        padding: 1em 1em 0.9em 24vw;
        background-position: 3.2vw 50%;
        background-size: 17.6vw auto;
    }

    .content_choice .section_body .img_right{
        max-width: 41.6vw;
    }
    .content_choice #a02s03 .section_body .img_right{
        max-width: 45vw;
    }

}


/* ガイナの心を知っています **********************************/

#b-kokoro .article_header{
	position:relative;
}
#img_kokoro00{
	position:absolute;
	bottom:0;
	right:0;
}
#b-kokoro .article_lead p + p{
	margin-top:20px;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    #b-kokoro #s01 .img_right{
        width:260px;
    }
    #img_kokoro02_01{
        padding-bottom:0;
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    #img_kokoro00{
        bottom: auto;
        top: 16vw;
        width: 45.0667vw;
    }

    #img_kokoro02_01{
        width: 32vw;
    }

}


/* 施工事例 **********************************/

.works_outline{
	background-color:#EAF4F9;
}

.works_outline .img_left{
	padding-bottom:0;
}
.works_outline h2{
	padding-bottom:6px;
	font-weight:bold;
	color:#2891C3;
	background:url(../img/dotline_gray.png) 0 100% repeat-x;
}
.works_cat{
	display:inline-block;
	padding:1px 8px 0;
	margin-right:10px;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	background-color:#5BACD2;
}
.works_outline .article_menu{
	font-size:13px;
	line-height:1.846em;
}
#b-works .article_lead{
	background-color:#fff;
}


.number{
	display:inline-block;
	vertical-align:middle;
	filter:alpha(opacity=30);
	opacity: 0.3;
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
}

#b-works #s03 .note_body{
	clear:both;
}
#b-works #s04 .note_body{
	clear:left;
}


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    #b-works .h_img{
        margin:-95px 25px 0 0;
        float:right;
    }
    #b-works #s05 .h_img{
        margin-top:-110px;
        margin-bottom:0;
    }

    .works_outline{
        padding-right:40px;
    }
    .works_outline h2{
        margin:24px 0 12px;
    }

    .number{
        margin:0 15px 0 -22px;
        font-size:74px;
    }

    #b-works #s04 .note_body{
        width:598px;
    }

    #b-works #s05 .section_body{
        padding:10px 0 0 0 ;
    }
    .ph_after img{
        display:inline-block;
        margin:0 0 10px 10px;
        float:left;
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    #b-works .h_img{
        margin: -24vw 1.6vw 0 0;
        float:right;
    }
    #b-works .article_header .h_img{
        margin: -26.4vw 3.2vw 0 0;
        width: 45.8667vw;
    }
    #b-works #s05 .h_img{
        margin-top: -26.4vw;
        margin-bottom:0;
    }

    .works_outline{
        padding: 1em 1.25em;
    }
    .works_outline h2{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .works_cat{
        margin-bottom: 0.5em;
    }
    .works_outline .article_menu{
        clear: both;
        padding-top: 1em;
        font-size: 1em;
    }

    .section_label_num{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .number{
        margin: 0 0.2em 0 0;
        font-size: 16vw;
        line-height: 1;
    }

    #b-works #s03 .note_body{
        padding-left: 1.25em;
    }
    #b-works #s04 .note_body{
        padding-left: 1.25em;
        width: 100%;
        box-sizing: border-box;
    }

    #b-works #s03 h3.label_s + h4{
        margin-right: -1em;
        width: calc(100% - 4.5em);
    }

    .ph_after{
        text-align: center;
    }
    .ph_after img + img{
        padding-top: 1.6vw;
    }

}

/* #b-archives_house */

#b-archives_house .works_outline{
	font-size:13px;
	line-height:1.8em;
}
#b-archives_house .works_outline h2{
	margin-bottom: 12px;
	padding:0;
	padding-bottom:0;
	background:none;
	font-size:15px;
    font-weight: normal;
}
#b-archives_house .section_body h3{
	padding-bottom:5px;
	font-weight:bold;
	color:#F59927;
}

.works-btmmenu{
	margin-bottom:40px;
	padding:26px 40px 22px;
	background-color:#D9EBF4;
	border:solid 1px #ddd;
	text-align:center;
}
.works-btmmenu li{
	display:inline-block;
	padding:0 15px;
}
.works-btmmenu li a{
	display:block;
	padding:2px;
	color: #3399EE;
}
.works-btmmenu li a:hover{
	color: #55BBEE;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/



}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    #b-archives_house .works_outline{
        font-size: 3.4667vw;
        line-height: 1.5;
    }
    #b-archives_house .works_outline .img_left{
        float: none;
        max-width: initial;
        padding: 0.25em 0 1em;
    }
    #b-archives_house .works_outline h2{
        margin-bottom: 3.2vw;
        font-size: 4vw;
    }

}

/* 社会貢献 **********************************/

#b-socialaction .article_header{
	position:relative;
}
#b-socialaction .article_header .h_img{
	position:absolute;
	top:50px;
	right:0;
}

#img_action00{
	float:right;
	background-color:#fff;
}
.img_caption{
	display:block;
	line-height:1.6em;
}


#b-socialaction .article_lead p + p {
	margin-top:10px;
}


#b-socialaction_entry .act{
	margin-top:0;
}


.act_index li a{
	display:block;
	overflow:hidden;
	border:solid 1px #ddd;
	background:#88C2DF url(../img/arrow_b_white.png) 13px 50% no-repeat;
	font-weight:bold;
	line-height:1.5em;
}
.act_index .act_thumb{
	float:right;
	margin-left:10px;
}
.act_index .act_place{
	display:block;
	padding:18px 0 3px 40px;
	font-size:13px;
	color:#666;
}
.act_index .act_name{
	display:block;
	padding:0 0 0 40px;
	font-size:15px;
	color:#fff;
}

.act_index li a:hover{
	background-color:#BCDDED;
	text-decoration:none;
}
.act_index li a:hover .act_thumb{
  filter:alpha(opacity=60);
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    #img_action00{
        width:280px;
    }
    .img_caption{
        padding:10px 10px 50px;
        font-size:12px;
    }

    #b-socialaction .article_lead{
        width:328px;
        float:left;
        font-size: 14px;
        line-height: 1.857em; /*14px-26px相当*/
    }

    .act_index nav{
        margin-top:15px;
    }
    .act_index ul{
        width:700px;
        margin-left:-10px;
    }
    .act_index li{
        display:inline;
        float:left;
    }

    .act_index li a{
        width:338px;
        height:78px;
    	margin:0 0 10px 10px;
    }


}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    #img_action00{
        width: 52vw;
        margin-left: 5.6vw;
    }
    .img_caption{
        padding: 0.75em;
        font-size: 3.2vw;
    }

    .act_index li a{
    	margin-top: 2.4vw;
    }

}

/* .act 活動実績entry */

.act_header{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0;
}
.act_header .act_label{
    display: inline-block;
    padding: 1.2em 0.8em;
    background-color:#62AFD5;
    font-weight:bold;
    color:#fff;
    text-align:center;
    vertical-align:top;
}
.act_header .act_title{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 1.0em;
}
.act_header .act_place{
	display:inline-block;
	padding-right: 0.5em;
    color: #666;
}
.act_header .act_name{
	display:inline-block;
	color:#2891C3;
}

.act .h_img{
	margin:-110px 25px 10px 10px;
}

.act h3.label_m + .note_body{
	clear:left;
	float:none;
}
.act_media{
	padding:10px 0;
	background-color:#fff;
	text-align:center;
}
.act_media + .act_media{
	margin-top:0;
	padding-top:0;
}

.act_blog a{
	display:block;
	overflow:hidden;
    background: 0 0 no-repeat;
    background-size: contain;
}
.act_blogtitle{
	color:#666;
}

.act_photo{
}
.act_photo li{
	display:inline-block;
	float:left;
	overflow:hidden;
}
.act_photo li.act_photo01{
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    .act_header .act_label{
        font-size:13px;
    }
    .act_header .act_num{
        font-size:30px;
    }
    .act_header .act_place{
        font-size:16px;
    }
    .act_header .act_name{
        font-size:20px;
    }

    .act_blog{
        padding-left:19px;
    }
    .act_blog a{
        width:650px;
        height:60px;
        background-image: url("../../img/socialaction/img/btn_action_blog.png");
    }
    .act_blogtitle{
        display: inline-block;
        padding-top: 33px;
        padding-left: 110px;
        font-size:12px;
    }
    .act_blog a:hover .act_blogtitle{
        color:#999;
    }

    .act_photo li{
        width:172px;
        height:114px;
    }
    .act_photo li.act_photo01{
        width:344px;
        height:228px;
    }

    article section.no-line h2.act_index_btm{
        font-size:16px;
        padding:20px 0 0;
    }

    .act h3.label_m + .note_body{
        padding:20px 20px 0;
        width:100%;
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    .act_header .act_label{
        font-size: 3.2vw;
    }
    .act_header .act_num{
        font-size: 6.4vw;
    }
    .act_header .act_title{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .act_header .act_place{
        font-size: 4vw;
    }
    .act_header .act_name{
        font-size: 5.6vw;
    }

    .act_header + .h_img{
        display: none;
    }

    .act .note{
        padding: 0;
        background-color: transparent;
    }
    .act_blog{
        padding-bottom: 1.5em;
    }
    .act_blog a{
        width: 100%;
        height: 24vw;
        background-image: url("../../img/socialaction/img/btn_action_blog_sp.png");
    }
    .act_blogtitle{
        display: inline-block;
        padding-top: 10.4vw;
        padding-left: 19.2vw;
        line-height: 1.5;
    }
    .act_photo li{
        width:33.3333vw;
        height: 21.6vw
    }
    .act_photo li.act_photo01{
        width:66.6666vw;
        height: 43.2vw
    }

    article section.no-line h2.act_index_btm{
        padding-bottom: 0;
    }

    .act h3.label_m + .note_body{
        padding:1em 0.5em;
    }

}

/* GAINAブログ **********************************/

/* .entry */
.entry {
    padding-bottom: 0;
    border:solid 1px #ddd;
}

/* .entry_header */

.entry_header {
	color:#F59927;
	font-weight:bold;
	background-color:#FEF0DF;
}

.entry_header .entry_date{
	display: inline-block;
	float:left;
	background-color:#F7A33C;
	color:#fff;
	line-height:1.1em;
}
.entry_header .entry_year{
	display:block;
}

.entry_header h1{
	line-height:1.4em;
}

.entry_header a {
	color:#F59927;
}
.entry_header a:hover {
	color:#FFCC00;
}

.entry_body h2{
	font-weight:bold;
	color:#F59927;
}
.entry_body p + p{
	margin-top: 1.5em;
}
.caption{
	text-align:center;
}


.entry_footer{
	margin-top:30px;
	padding:20px 40px 15px;
	background-color:#F3F3F3;
	text-align:right;
}

.entry_footer .twitter-share-button{
	display: inline-block;
	width:100px !important;
	float:none;
}
.entry-likebtn{
	display: inline-block;
}

#b-blog .main_footer,
.b-blog .main_footer{
	margin-top:70px;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    .entry + .entry{
        margin-top:40px;
    }

    .entry_header .entry_date{
        padding:23px;
        margin-right:20px;
        font-size:22px;
    }
    .entry_header .entry_year{
        font-size:14px;
    }

    .entry_header .entry_cat{
        padding-top:20px;
        font-size:12px;
    }
    .entry_header h1{
        font-size:18px;
    }

    .entry_body{
        padding:35px 40px;
    }
    .entry_body h2{
        padding-bottom:15px;
        font-size:17px;
    }
    .entry_body .img_right{
        width:260px;
        overflow:hidden;
    }
    .caption{
        padding:5px 0 8px;
        font-size:12px;
        line-height:1.3em;
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    .content_blog #column_main {
      padding: 0 4vw;
    }
    
    /* .entry */
    .entry {
        margin-top: 8vw;
    }

	.entry_header .entry_date{
		padding:18px 3vw;
		margin-right:4vw;
		font-size:3.7vw;
	}
	.entry_header .entry_year{
		font-size:3vw;
	}

    .entry_header .entry_cat{
		padding-top: 1.3em;
        font-size: 2.6667vw;
		min-height:12px;
    }
    .entry_header h1{
		font-size:4vw;
    }

	.entry_body{
		padding:20px 4vw;
		font-size:3.7vw;
	}
    .entry_body h2{
        padding-bottom:1em;
        font-size:4.2667vw;
    }

	.entry_body .img_right{
		display: block;
		width:80%;
        max-width: initial;
		margin:0 auto;
		padding-left:0;
		float:none;
		text-align:center;
	}
	.entry_body p img.mt-image-none{
		width:80%;
		margin:0 auto;
	}

    .caption{
        padding:0.2em 0 0.5em;
        font-size: 3.2vw;
    }

	.entry_body iframe,
	.entry_body p iframe{
		width:100% !important;
		margin:0;
	}

	.entry_footer{
		margin-top:20px;
		padding:20px 5vw 15px;
		text-align:center;
	}
}

/* ブログnavi */

.wp-pagenavi{
	margin-top:40px;
	padding:20px 0;
	border-top:dotted 1px #999;
	border-bottom:dotted 1px #999;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.wp-pagenavi a,
.wp-pagenavi .current{
	display:inline-block;
	padding:0.2em 0.7em;
	margin:0 2px;
	color: #999;
	background-color: #fff;
	border: solid 1px #ccc;
	transition: all 0.3s;
	text-decoration:none;
}
.wp-pagenavi .current{
	color: #fff;
	background-color:#999;
}
.wp-pagenavi a:hover{
	color: #fff;
	background-color:#999;
}
.wp-pagenavi .pages{
	display:none;
}

.blogtop-index{
    display: flex;
    justify-content: center;
    align-items: center;
	margin-top:40px;
	padding:26px 20px 22px;
	background-color:#FEF0DF;
	border:solid 1px #ddd;
}
.blogtop-index li{
	padding:0 15px;
}
.blogtop-index li a{
	display:block;
	padding:2px;
	color: #FF7700;
}
.blogtop-index li a:hover{
	color: #FF9900;
}

@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.wp-pagenavi{
		margin-top:25px;
	}
	.wp-pagenavi a,
	.wp-pagenavi .current{
		padding:0.2em 0.3em;
		margin:0 1px;
	}

    .blogtop-index{
        flex-direction: column;
        align-items: flex-start;
    }

}




/* #archive_list */

#archive_list{
	padding-bottom: 0;
}

#archive_list dl{
	margin-top:40px;
}
#archive_list dt{
	padding:6px 10px;
	width:70px;
	color:#F59927;
}
#archive_list dd{
	padding:0;
	margin-left:90px;
	border-bottom:dotted 1px #ccc;
}
#archive_list dd a{
	display:block;
	padding:6px 5px;
}

#archive_list .entry_date{
	display:inline-block;
	margin-right:10px;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	color:#666;
	letter-spacing:0.1em;
}
#archive_list .entry_cat{
	font-size:12px;
	color: #FF7700;
}

#archive_list dd a:hover{
	text-decoration:none;
	color:#FFcc00;
}
#archive_list dd a:hover .entry_date{
	color:#FFcc00;
}
#archive_list dd a:hover .entry_cat{
	color:#FFcc00;
}


#archive_list dl#arc2009,
#archive_list dl#arc2010,
#archive_list dl#arc2011{
	display:none;
}


/* #column_sub **********************************/

#column_sub .tnav_label{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
	height:71px;
	padding: 0 0 0 16px;
	border-left:solid 4px #eee;
	font-size:14px;
	font-weight:bold;
}
.content_about #column_sub .tnav_label{
	border-left-color:#A8D310;
	color:#98C00E;
}
.content_choice #column_sub .tnav_label{
	border-left-color:#EAAB8C;
	color:#E3936C;
}
.content_ask #column_sub .tnav_label{
	border-left-color:#94C8E2;
	color:#67B1D6;
}
#column_sub #yasudapaint_nav .tnav_label{
	border-left-color:#A79B8F;
	color:#958779;
    line-height: 1.7;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    #column_sub .tnav_label_copy{
        font-size: 2.6rem;
    }
    #column_sub #yasudapaint_nav .tnav_label_copy{
        font-size: 1.8rem;
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

}


#content_nav ul{
	border-left:solid 4px #eee;
}
#content_nav li{
	padding:2px 0 1px;
	background:url(../img/dotline_gray.png) 0 0 repeat-x;
}
#content_nav li a{
	display:block;
	padding:17px 10px 13px 36px;
	font-size:16px;
	line-height:1.437em;
	background:url(../img/arrow_b_green.png) 14px 50% no-repeat;
}
.content_about #content_nav li a{
	padding:26px 10px 23px 36px;
}
.content_choice #content_nav li a{
	background-image:url(../img/arrow_b_pink.png);
}
.content_ask #content_nav li a{
	background-image:url(../img/arrow_b_blue.png);
}

#content_nav li a:hover{
	text-decoration:none;
	background-color:#F2F8DB;
}
.content_choice #content_nav li a:hover{
	background-color:#FCF2EE;
}
.content_ask #content_nav li a:hover{
	background-color:#EAF4F9;
}
.content_blog #content_nav li a:hover{
	background-color:#FEF3E7;
}

#content_nav li a.current{
	background-color:#EBF5C8;
}
.content_choice #content_nav li a.current{
	background-color:#F9E7DF;
}
.content_ask #content_nav li a.current{
	background-color:#D9EBF4;
}
.content_blog #content_nav li a.current{
	background-color:#FEF0DF;
}

#content_nav ul ul{
	border-left:none;
	padding-left:25px;
	padding-top:1px;
}
#content_nav li li{
}
#content_nav li li a{
	display:block;
	padding:8px 10px 7px 20px;
	font-size:14px;
	background:url(../img/dot_green.png) 8px 50% no-repeat;
}
.content_about #content_nav li li a{
	padding:8px 10px 7px 20px;
}
.content_choice #content_nav li li a{
	background-image:url(../img/dot_pink.png);
}
.content_ask #content_nav li li a{
	background-image:url(../img/dot_blue.png);
}
.content_blog #content_nav li li a{
	background-image:url(../img/dot_orange.png);
}


/* blog */
.content_blog #content_nav ul{
}
.content_blog #content_nav li{
	padding:0;
	background:none;
}
.content_blog #content_nav li li{
	padding:2px 0 1px;
	background:url(../img/dotline_gray.png) 0 0 repeat-x;
}
.content_blog #content_nav h1,
.content_blog #content_nav h2{
	padding:16px 0 16px 19px;
	height:auto;
	width:auto;
	margin-left:-4px;
	border-left:solid 4px #F59927;
	font-weight:bold;
	line-height:1.5em;
	color:#F59927;
}
.content_blog #content_nav h2{
	background:url(../img/dotline_orange.png) 0 0 repeat-x;
}

.cnav_scroll{
	height:180px;
	overflow:auto;
}



#blog_nav{
	margin-top:50px;
}

#yasudapaint_nav{
	margin:15px 0;
	line-height:1.2em;
}
#ynav{
	border-left:solid 4px #eee;
	padding:10px 0;
	margin-bottom:10px;
}
#ynav li{
	padding-left:13px;
}
#ynav li a{
	display:block;
	padding:5px 0 4px 15px;
	text-indent:-15px;
}


#sns .fb-page{
    width:198px;
    height:400px;
    overflow:hidden;
    border:solid 1px #ddd;
}

.twitter-share-button{
	display: inline-block;
	width: 100px !important;
}
.fb-like.fb_iframe_widget{
	padding:0;
	height:20px;
}
.fb-like.fb_iframe_widget span{
	vertical-align:top !important;
}


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/


}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/


}

/* HOME **********************************/


#top_nav .tnav_label{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
	height:71px;
	padding: 0 0 0 16px;
	margin-bottom:15px;
	border-left:solid 4px #eee;
	font-size:14px;
	font-weight:bold;
	background:url(../img/dotline_gray.png) 0 100% repeat-x;

}
#top_nav #tnav_about .tnav_label{
	border-left-color:#A8D310;
	color:#98C00E;
	background-image:url(../img/dotline_green.png);
}
#top_nav #tnav_choice .tnav_label{
	border-left-color:#EAAB8C;
	color:#E3936C;
	background-image:url(../img/dotline_pink.png);
}
#top_nav #tnav_ask .tnav_label{
	border-left-color:#94C8E2;
	color:#67B1D6;
	background-image:url(../img/dotline_blue.png);
}
.tnav_label_copy{
    display: block;
    margin-left: -2px;
    line-height: 1.3;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    #top_nav nav{
        width:215px;
        padding-right:45px;
        float:left;
    }

    .tnav_label_copy{
        font-size: 2.6rem;
    }

    #top_nav li{
        margin-bottom:15px;
        width:213px;
        border:solid 1px #ddd;
    }
    #top_nav li a:hover img{
      filter:alpha(opacity=60);
      opacity: 0.6;
      -ms-filter: "alpha(opacity=60)";
      -moz-opacity:0.6;
      -khtml-opacity: 0.6;
    }

    #top_nav nav#tnav_ask{
        width:450px;
        padding-right:0;
        margin-left:-10px;
    }
    #tnav_ask li{
        float:left;
        margin-left:10px;
    }
    #tnav_ask li#tnav_works{
        width:438px;
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    .tnav_label_copy{
        font-size: 5.8667vw;
    }

    #top_nav nav + nav{
        padding-top: 6.4vw;
    }

    #top_nav ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #top_nav li{
        width: calc(50% - 5px);
    }
    #top_nav li#tnav_works{
        width: 100%;
        margin-top: 10px;
    }

}

/* #top_blog */

#top_blog .tnav_label{
    padding-bottom:5px;
}

#top_blog li{
    margin-top:11px;
    border:solid 1px #ddd;
}
#top_blog li a{
    display:block;
    line-height:1.5;
}

#top_blog li a img{
    float:left;
    margin-right:25px;
}
#top_blog .entry_date{
    display:block;
    padding:15px 20px 0 0;
    font-size:12px;
    font-family:"Times New Roman", Times, serif;
    color:#666;
    letter-spacing:0.1em;
}
.new{
    color:#BF0000;
}
.entry_blogname{
    display:block;
    padding:5px 20px 0 0;
    font-size:12px;
}
.entry_title{
    display:block;
    padding:5px 20px 0 0;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/


    #top_updated{
        margin-top:55px;
    }

    #top_blog{
        width:475px;
        float:left;
    }
    #top_blog li a{
        width:473px;
        height:140px;
        overflow:hidden;
    }
    #top_blog li a:hover{
      filter:alpha(opacity=60);
      opacity: 0.6;
      -ms-filter: "alpha(opacity=60)";
      -moz-opacity:0.6;
      -khtml-opacity: 0.6;
    }


    #top_sns{
        width:440px;
        float:right;
    }
    #top_sns .fb-page{
        width:438px;
        height:533px;
        overflow:hidden;
        border:solid 1px #ddd;
    }
    #top_sns .twitter-share-button{
        float:right;
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    #top_blog{
        margin-top: 10.4vw;
    }

    #top_blog li a{
        height: 28.8vw;
        overflow:hidden;
    }
    #top_blog li a img{
        width: 40vw;
        margin-right:4vw;
    }

    #top_blog .entry_date{
        padding: 2.4vw 4vw 0 0;
    }
    .entry_blogname{
        padding: 0.8vw 4vw 0 0;
    }
    .entry_title{
        padding: 1.6vw 4vw 0 0;
    }

    #top_sns{
        margin-top: 8vw;
    }

    #top_sns .fb-page{
        width:100%;
        height:120vw;
        overflow:hidden;
        border:solid 1px #ddd;
        box-sizing: border-box;
    }

}






/****************************************************************************
footer
****************************************************************************/

/* .main_footer */

.br_sp{
	display:none;
}
@media screen and (max-width: 767px) {
	.br_sp{
		display:inline;
	}
}


.main_footer .syokunin h2{
	font-weight:normal;
	line-height:1.4;
	color:#fff;
	background-color:#AB9B8B;
	text-align:center;
}
.main_footer .syokunin h2 em{
	font-weight:bold;
	font-style:normal;
}
.main_footer .syokunin p{
	text-align:center;
	border-left:solid 1px #D5CDC6;
	border-right:solid 1px #D5CDC6;
}
.main_footer_copy01{
	line-height:1.4;
	color:#222;
	letter-spacing:0.05em;
}
.main_footer_copy02{
	color:#F49926;
	font-weight:bold;
	border-top:solid 1px #F9BB71;
	border-bottom:solid 1px #D5CDC6;
}

.bnr_shokunin_list{
	display: flex;
}
.bnr_shokunin_listitem{
}
.bnr_shokunin_listitem img {
    max-width: 100%;
    height: auto;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    .main_footer .syokunin{
		width: 960px;
		margin: 0 auto;
        padding-bottom: 70px;
        letter-spacing: 0.05em;
    }
    .main_footer .syokunin h2{
        padding:18px 0 15px;
        font-size:22px;
    }

    .main_footer_copy01{
        padding:14px 0 12px;
        font-size:22px;
    }
    .main_footer_copy02{
        display: flex;
        justify-content: center;
        align-items: center;
        padding:10px 0 3px;
        font-size: 1.6rem;
    }
    .main_footer_copy02 img{
        max-width: 300px;
        padding-right: 1.0em;
        padding-bottom: 0.6em;
        
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.main_footer .syokunin{
		width: 92vw;
		margin: 0 auto;
        padding-bottom: 12vw;
	}

	.main_footer .syokunin h2{
		padding:1em 0 0.8em;
		font-size:4.3vw;
	}
	.main_footer_copy01{
		padding:1em 0 0.8em 0.5em;
		font-size:3.2vw;
	}
	.main_footer_copy02{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
		padding:0.75em 0 0.5em;
		font-size:4vw;
	}
    .main_footer_copy02 img{
        width: 69.8667vw;
        padding-bottom: 0.3em;
        
    }

    .bnr_shokunin_listitem img{
		width: 100%;
		height: 16vw;
		object-fit: cover;
	}
	
}


.pagetop{
	width: 100%;
	height: 70px;
	padding-top:30px;
	background: url(../img/bg_grid_green.png) 0 0 repeat;
	/*min-width: 1024px;*/
}
.pagetop a{
	display:block;
	width:40px;
	height:40px;
	margin-right:20px;
	background:#fff url(../img/btn_pagetop.png) 50% 50% no-repeat;
	float:right;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.pagetop a:hover{
	background-color:#F2F8DB;
}

#footer .global_nav dl.gnav_home dt{
    border-left:none;
}
#footer .global_nav dl.gnav_yasudapaint dt{
    border-left-color:#A79B8F;
    color:#958779;
}

#copyright {
	width: 100%;
	padding:8px 0;
	background-color:#F4F9E2;
	font-size:10px;
	font-family:"Times New Roman", Times, serif;
	color:#999;
	letter-spacing:0.1em;
	text-align:right;
}
#copyright small {
	padding-right:20px;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    #footer{
        margin:40px auto 0;
        width: 1000px;
    }

    #footer .global_nav{
        padding-left:20px;
        width:980px;
    }

    #footer .global_nav dl{
        min-height:150px;
    }
    #footer .global_nav dl.gnav_home{
        border-left:none;
        width:199px;
    }
    #footer .global_nav dl.gnav_about{
        width:155px;
    }
    #footer .global_nav dl.gnav_choice{
        width:187px;
    }
    #footer .global_nav dl.gnav_ask{
        width:204px;
    }
    #footer .global_nav dl.gnav_yasudapaint{
        width:173px;
    }

    #footer .global_nav dt{
        height:45px;
        margin-bottom:10px;
    }
    #footer .global_nav dl.gnav_home dt{
        height:60px;
        padding:0;
        margin-left:0;
    }

    #footer .gnav_label_copy{
        font-size: 1.9rem;
    }

    #footer_info{
        margin:35px 0;
        padding-top:40px;
        background:url(../img/dotline_gray.png) 0 0 repeat-x;
    }

    #campany_info{
        margin-left:20px;
        width:290px;
        float:left;
        color:#888;
    }
    #campany_info a{
        color: #888;
    }
    .cinfo_address{
        font-size:12px;
        line-height:1.6em;
    }


    #footer_bnr{
        margin-right:20px;
        width:660px;
        float:right;
    }
    #footer_bnr ul{
        width:660px;
        text-align:right;
    }
    #footer_bnr li{
        display:inline-block;
        padding-left:10px;
        float:left;
    }

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    .pagetop{
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 0;
    }
    .pagetop a{
        margin-right:0;
        float:none;
    }
    
    .footer_contact{
        padding: 8vw 4vw;
        background-color: rgba(162,202,15,0.16);
    }
    .footer_contact_label{
        padding-bottom: 4vw;
        text-align: center;
    }
    .footer_contact .snav{
        flex-direction: column;
        align-items: center;
    }
    .footer_contact .snav_li{
        width: 64vw;        
    }
    .footer_contact .snav_li + .snav_li{
        margin-top: 3.2vw;
    }
	.footer_contact .snav_li.snav_li_contact{
		border-left: none;
	}

    #footer .global_nav{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 95.2vw;
        margin: 0 auto;
        padding: 9.6vw 0 1.6vw;
        border-bottom: dotted 1px #bbb;
    }
    #footer .global_nav::after{
        display: none;
    }
    
    #footer .global_nav dl{
        width: calc(50% - 1.6vw);
        margin-bottom: 7.2vw;
    }
    #footer .global_nav dl.gnav_home{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        height: 4em;
        border-left: none;
    }
    #footer .global_nav dl.gnav_home dt{
        width: 50%;
    }
    #footer .global_nav dl.gnav_home dd{
        width: 48%;
    }

    #footer .global_nav dt{
        font-size: 3.2vw;
    }
    #footer .gnav_label_copy{
        font-size: 4.8vw;
    }
    #footer .global_nav dd{
        padding-left: 0.5em;
    }
    
    #footer .global_nav dd a{
        padding:0.2em 0 0.2em 1em;
        font-size: 3.2vw;
    }

    
    #footer_info{
        width: 90.4vw;
        margin: 0 auto;
        padding-top: 6.4vw;
        font-size: 3.4667vw;
    }

    #footer_bnr{
        padding: 4vw 0;
    }
    #footer_bnr ul{
        display: flex;
        flex-wrap: wrap;
    }
    #footer_bnr li{
        padding: 3px;
    }
    #footer_bnr li img{
        width: auto;
        height: auto;
        max-width: 50vw;
        max-height: 19.2vw;
    }

    #copyright {
        text-align:center;
    }
    #copyright small {
        padding-right:0;
    }

}

/* お問い合わせ ************************************/


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    .content_contact #column_main {
        float: none;
        width: 100%;
    }

    article section#contact_tel{
		margin-top: 20px;
	}
	article section#contact_mail{
		margin-top: 60px;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	article section#contact_tel{
		margin-top: 20px;
	}
	article section#contact_mail{
		margin-top: 40px;
	}

}

.label_contact{
	display: flex;
	justify-content: center;
	align-items: flex-end;
    background-image: -webkit-linear-gradient(bottom left, rgba(244,164,0,0.6), rgba(244,164,0,0.6) 45%, rgba(255,201,93,1.00) 46%, rgba(255,201,93,1.00) 50%, rgba(244,164,0,0.6) 51%, rgba(244,164,0,0.6) 95%, rgba(255,201,93,1.00) 96%, rgba(255,201,93,1.00) 100%);
    background-image: -o-linear-gradient(bottom left, rgba(244,164,0,0.6), rgba(244,164,0,0.6) 45%, rgba(255,201,93,1.00) 46%, rgba(255,201,93,1.00) 50%, rgba(244,164,0,0.6) 51%, rgba(244,164,0,0.6) 95%, rgba(255,201,93,1.00) 96%, rgba(255,201,93,1.00) 100%);
    background-image: linear-gradient(to top right, rgba(244,164,0,0.6), rgba(244,164,0,0.6) 45%, rgba(255,201,93,1.00) 46%, rgba(255,201,93,1.00) 50%, rgba(244,164,0,0.6) 51%, rgba(244,164,0,0.6) 95%, rgba(255,201,93,1.00) 96%, rgba(255,201,93,1.00) 100%);
    background-size: 6px 6px;
}
article section h2.label_contact {
  padding: 0;
}

.label_contact_ill{
	height: 148px;
	width: auto;
	margin-top: -48px;
}
.label_contact_text{
	display: inline-block;
	margin: 0.5em 1em 0.7em;
	font-size: 2.4rem;
	letter-spacing: 0.08em;
    color: #3e3e3e !important;
}
.label_contact_text .en{
	display: block;
	padding-left:1.2em;
	margin-bottom: 0.1em;
	font-size: 2.2rem;
	line-height: 1;
    color: #fff;
	background: url("/img/common/icn_tel_wht@3x.png") 0 50% no-repeat;
	background-size: auto 20px;
}
.label_contact_mail .label_contact_text .en{
	padding-left:1.5em;
	background-image: url("/img/common/icn_mail_wht@3x.png");
}

.section_contact{
	/*padding: 40px 60px 20px;*/
	border: solid 2px rgba(244,164,0,0.60);
}

.section_contact .section_body_lead{
	padding-bottom: 2em;
}
.section_contact .section_body_lead p{
	text-align: center;
	color: #F4A400;
    font-weight: 700;
}
.section_contact_tel .tel_num{
	display: inline-block;
	padding-left:1.0em;
	background: url(/img/common/icn_tel_ora@3x.png) 0 50% no-repeat;
	background-size: auto 36px;
	font-size: 4.0rem;
	font-weight: bold;
	line-height: 1;
    letter-spacing: 0.05em;
    color: #F4A400;
	text-decoration: none;
}

#contact_tel a:hover,
#contact_tel a:active{
    text-decoration: none;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    article section#contact_tel,
    article section#contact_mail {
        border: none;
    }

	.section_contact_tel .section_body_lead p,
	.section_contact_mail .section_body_lead p{
		font-size: 1.7rem;
        letter-spacing: 0.05em;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.label_contact_ill{
		height: 100px;
		margin-top: -20px;
	}
	.label_contact_text{
		margin: 0.7em 0.5em 0.5em;
		font-size: 1.8rem;
		letter-spacing: 0;
	}

	/*.section_contact{
		padding: 20px 15px 10px;
		border: solid 2px rgba(244,164,0,0.60);
	}*/
	.section_contact .section_body_lead{
		padding-bottom: 1em;
	}
	.section_contact_mail .section_body_lead p{
		text-align: left;
	}
	.section_contact_tel .tel_num{
		background-size: auto 28px;
		font-size: 3rem;
	}

}

/* フォーム */

#contact_form table{
	width: 100%;
	max-width: 740px;
	margin: 0 auto;

}
#contact_form th{
	width:12em;
	vertical-align: text-top;
	text-align: left;
}
#contact_form td,
#contact_form th{
	padding: 10px;
}

#contact_form .mw_wp_form_input th label{
	display: block;
	padding-top: 10px;
}
.must{
	display:inline-block;
	margin-left: 12px;
	padding: 1px 4px;
	font-size: 1.1rem;
	font-weight: bold;
	background-color: #FB9700;
	color:#fff;
	border-radius: 3px;
}

#contact_form input[type="text"],
#contact_form textarea{
	width: 100%;
	box-sizing: border-box;
	padding:8px;
	background-color:#fff;
	border:solid 1px #dbccbf;
	border-radius:0;
	-webkit-appearance: none;
}
#contact_form select {
	padding:8px;
	background-color:#fff;
	border:solid 1px #dbccbf;
	border-radius:0;
/*	-webkit-appearance: none;*/
}
#contact_form input[type="file"]{
	width: 100%;
}
#contact_form input[type="checkbox"],
#contact_form input[type="radio"]{
	vertical-align: middle;
}

#contact_form input[type="text"]#zip{
	width: 4em;
}
#contact_form input[type="text"]#zip2{
	width: 5em;
}
#contact_form input[type="text"]#zip3{
	width: 8em;
}
#contact_form input[type="text"].input-tel{
	width: 5em;
}
.form_notice,
#mail2,
#spref,
#address,
#strt,
#address1,
#address2
{
	margin-top: 10px;
}
#contact_form input[type="text"].tel{
	width: 5em;
}

.form_zip,
.form_notice{
	display: inline-block;
}
.form_mail2{
	display: block;
}


.form_meiwaku,
.form_meiwaku strong,
.form_meiwaku a{
    font-size: 1.4rem;
	color: #FB0000;
}
p.form_meiwaku a{
    text-decoration-color: #FB0000;
}

.form_btn{
	padding: 2em 0;
}

.submitbtn{
	text-align: center;
	padding-bottom: 20px;
}
.submitbtn input[type="submit"],
.submitbtn input[type="button"] {
	-webkit-appearance: none;
	display:inline-block;
	width:auto;
	height:auto;
	padding:18px 40px;
	margin-left: 5px;
	margin-right: 5px;
	cursor:pointer;
	text-align:center;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1;
	color:#fff;
	border:solid 3px #F4A400;
	background-color:#F4A400;
	border-radius:0;
/*	box-shadow: 0 3px 4px 0 rgba(0,0,0,.2);*/
	transition: all 0.3s ease-in-out;
}
.submitbtn input[type="submit"]:hover{
/*	box-shadow: 0 3px 6px 2px rgba(0,0,0,.3);*/
	color:#F4A400;
	background-color:#fff;
}
.submitbtn input[type="button"] {
	border:solid 3px #A2CA0F;
	background-color:#A2CA0F;
}
.submitbtn input[type="button"]:hover{
	color:#A2CA0F;
	background-color:#fff;
}

/* 入力画面 */
.mw_wp_form .contact_lead_confirm{
	display:none;
}
.mw_wp_form .js_que{
    padding-bottom: 0.5em;
    cursor: pointer;
}

/* エラーメッセージ */
.errmsg,
 .mw_wp_form #contact_form .error{
	display:inline-block !important;
	margin-top:3px;
	margin-left: 5px;
	padding:4px 8px;
	background-color:#E84231;
	border-radius:0;
	font-size:1.2rem;
	line-height: 1;
	font-weight:bold;
	color:#fff !important;
}

/* 確認画面 */
.mw_wp_form_confirm #contact_tel,
.mw_wp_form_confirm .contact_lead_input,
.mw_wp_form_confirm .notice,
.mw_wp_form_confirm .form_notice,
.mw_wp_form_confirm .form_mail2,
.mw_wp_form_confirm .addbtn,
.mw_wp_form_confirm .js_que{
	display:none;
}
.mw_wp_form_confirm .contact_lead_confirm{
	display:block;
}
.mw_wp_form_confirm .js_ans{
	display:block !important;
}

.confirm_text {
    display: block;
    padding: 8px 10px;
    min-height: 2.75em;
    background-color: rgba(219,204,191,0.20);
}

/* 完了画面 */
#thx,
.mw_wp_form_complete{
}
.thx_label{
	padding:20px 0 30px;
	font-size:2.6rem;
	font-weight: bold;
	line-height: 1.6;
	color:#FB9700;
	text-align: center;
}
#thx .section_body p + ul,
#thx .section_body p + p,
.mw_wp_form_complete p + p{
	margin-top:20px;
}



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

	#contact_form th,
	#contact_form td{
		display: block;
		padding:7px 0;
		width: 100%;
		box-sizing: border-box;
	}
	#contact_form td{
		padding-top:0;
	}

	#contact_form input[type="text"],
	#contact_form textarea{
		padding:5px;
	}
	#contact_form select {
		padding:5px;
	}
	.addbtn{
		margin-top: 5px;
	}
	.form_btn input[type="submit"],
	.form_btn input[type="button"] {
		padding-left:1.3em;
		padding-right:1.3em;
		font-size: 1.6rem;
		letter-spacing: 0;
	}

}





/****************************************************************************
汎用クラス
****************************************************************************/

.hidden{
  height: 0px;
  font-size: 0%;
  line-height: 0%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.small{
	font-size:13px;
	line-height:1.846em;
}
.x-small{
	font-size:12px;
  line-height: 1.8em;
}

article strong{
	font-weight:bold;
	color:#FF6600;
}
article em{
	font-weight:bold;
	font-style:normal;
	color:#98C00E;
}
.content_choice article em{
	color:#E3936C;
}
.content_ask article em{
	color:#2891C3;
}