@charset "utf-8";

body{
}
.home{
    background:url(../images/top/body_bg.jpg) no-repeat center top;
    background-attachment: fixed;
}

.btn {
    -webkit-appearance: none;
}

/******************************************
header
*******************************************/
#header_text{
	background:#fff;
	color:#666;
	min-width:1200px;
	line-height:32px;
    height: 30px;
}
#header_text p{
	text-align:right;
	font-size:12px;
    margin-right:20px;
}
#header_text h1{
	font-size:12px;
	float:left;
	width:70%;
	text-align:left;
}
#header_text a{
	color:#fff;
}
#header{
	padding:10px 0px 0px 0px;
    background: #fff;
}
#logo{
	float:left;
	z-index:100000;
	margin-right:50px;
}
#header p{
	float:left;
	text-align:left;
	font-size:12px;
	line-height:1.8;
	color:#3db8eb;
	margin-top:34px;
}

#header_tel{
	margin-bottom:10px;
    margin-top: 10px;
}
#header_tel a{
	float: right;
}
.globalmenu_bg {
    margin:0px auto 0px;
	background: #fff;
}

#globalmenu{
}
#globalmenu ul{
	list-style:none;
    border-top:1px #999 solid;
    border-bottom:1px #999 solid;
    height: 66px;
}
.home #globalmenu ul{
    border-bottom:none;
}

#globalmenu li{
	float:left;
    padding: 20px 37px;
}
#globalmenu li a{
    font-weight:600;
}
#globalmenu li:first-child a{
	border-left:none !important;
}
#globalmenu li a:hover{
	text-decoration:none;
}
.spnavi_bt{
    width:40%;
}
body .drawer-nav{
    background-color: #025885;
    opacity: 0.9;
}
body .drawer-nav ul li{
    text-align: left;
    padding:10px 20px;
    border-bottom: 1px #ccc dotted;
}
body .drawer-nav ul li a{
    color:#fff;
    font-size:14px;
}





.sidemax .spnavi_bt img{
    width:30%;
    float:left;
    margin-right:3%;
}

.top_baikyakubt{width:100%;}
.top_baikyakubt a{width:100%;}
.top_baikyakubt a img{width:80%;padding:2% 10%;}
#mainmenu {
    background-image: url("../images/top/topmain_bg.jpg");
    background-repeat: no-repeat;
    clear: both;
    height: 475px;
    margin-bottom: 20px;
    position: relative;
    width: 1200px;
}

.kodawari_bt{
    width:1010px;
    height:180px;
    left: 95px;
    position: absolute;
    top: 300px;
}

.kodawari_bt img{
    float:left
}
.search_type{

}
#topimg{
    background-image: url("../images/top/top_img_bg.png");
    background-repeat: no-repeat;
    clear: both;
    height: 440px;
    position: relative;
    width: 1200px;
    margin-top: -20px;
}
.topimg_ic01{
    position: absolute;
    top:30px;
    right:80px;
    width:220px;
    height:220px;
}
.topimg_bt01{
    position: absolute;
top: 260px;
right: 30px;
width: 400px;
height: 120px;
}

#header_text .inquiry_btn{
display: inline-block;
    padding: 0em 1em;
    text-decoration: none;
    background: #eeeb57;
    color: #494949;
    border-radius: 0 0 3px 3px;
    margin-top:-4px;
}
#header_text .inquiry_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
#header_text .company_btn{
display: inline-block;
    padding: 0em 1em;
    text-decoration: none;
    background: #025885;
    color: #fff;
    border-radius: 0 0 3px 3px;
    margin-top:-4px;
}
#header_text .fcompany_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
.top_01{
    background: url("../images/top/top_tokucho_bg.png") repeat-x 50% bottom #fff;
}
.top_01 h2{
    margin:20px auto;
}
.top_01 p{
    margin-top:20px;
    padding:20px auto;
    line-height:2;
    color:#4b4b4b;
}
.top_tokucho img{
    margin:40px 10px 100px;
}
.top_02{
    background-color: #fff;
    padding: 20px 0;
}
.top_02 h2{
    margin-top:20px;
}
.top_02 h3{
    display: block;
    width: 94%;
    text-align: left;
    color: #4b4b4b;
    font-size: 28px;
    padding: 0 2% 2% 0;
}
.point_box01{
    width:1000px;
    margin:20px auto;
}
.point_box01 img{
    float:left;
}
.point_box01 .point_text{
    width:420px;
    float:right;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_box02 .point_text{
    width:420px;
    float:left;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_box03 .point_text{
    width:420px;
    float:right;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_box04 .point_text{
    width:420px;
    float:left;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_box05 .point_text{
    width:420px;
    float:right;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_text img{
    margin-top:20px;
}
.point_box02{
    width:1000px;
    margin:20px auto;
}
.point_box02 img{
    float:right;
}
.point_box03{
    width:1000px;
    margin:20px auto;
}
.point_box03 img{
    float:left;
}
.point_box04{
    width:1000px;
    margin:20px auto;
}
.point_box04 img{
    float:right;
}
.point_box05{
    width:1000px;
    margin:20px auto;
}
.point_box05 img{
    float:left;
}
.top_03{
    padding:30px 0;
    background-color: #fff;
}
.top_03 .top_title_d{
    color: #4b4b4b;
    margin:20px auto;
}
.top_03 ul{
    width:1080px;
    margin:20px auto;
}
.top_03 ul li{
    width:480px;
    margin:20px 30px;
    float:left;
    height:143px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.top_03 ul li img{
    float:left;
    height:143px;
}
.top_03 ul li h3{
    color: #1a6e44;
    text-align: left;
    padding: 14px 10px 0 10px;
    float: right;
    width: 310px;
}
.top_03 ul li p{
    line-height:1.8;
    text-align:left;
    padding: 10px;
    float: right;
    width: 310px;
    font-size:15px;
}
.top_customer01{
    background-color: #fff;
    padding: 20px 0;
}
.top_column01{
    background-color: #fff;
    padding: 20px 0;
}
.top_articles01{
    background-color: #fff;
    padding: 20px 0;
}
.top_blog_title{
    width:400px;
    font-size:34px;
    font-family: "Hiragino Sans W9";
    src: local(HiraginoSans-W9);
    font-weight: 600;
    color:#1e1210;
    text-align: center;
    padding:16px;
    display: block;
    border-bottom:1px solid #1a6e44;
    margin:20px auto 30px;
}
.top_news01{
    background-color: #fff;
    padding: 20px 0;
}
.news_area ul li span{
    margin-right:30px;
    text-align: left;
}
.news_area ul li {
    width: 900px;
    border-bottom: 1px dotted #666;
    text-align: left;
    font-size: 14px;
    line-height: 60px;
    margin:20px auto;
}
.news_area ul li:first-child{
    border-top: 1px dotted #666;
}

/******************************************
sidebar
*******************************************/

#sidebar img{
    margin-bottom:10px;
}

/******************************************
footer
*******************************************/
#pagetop{
	float:right;
	margin:-50px 0 0 0;
}
#footer{
	background:#3db8eb;
	color:#fff;
	padding: 30px 40px 40px;
	font-size:12px;
	min-width:1120px;
}
#footer .pull-left{
    width:21%;
    padding-right:2%;
    float:left;
}
#footer .pull-left ul{
	width:100%;
	color:#fff;
	text-align:left;
	margin:10px auto;
}
#footer .pull-left ul li{
	font-size:12px;
	padding:10px 10px;
    border-bottom:1px dotted #fff;
}
#footer .pull-left ul .tit_c{
    background: url("../images/footer_icon.png") no-repeat 0px 50%;
    padding:10px 0 10px 40px;
    line-height:30px;
}
#footer .pull-left ul .tit_c:hover{
    background: url("../images/footer_icon_on.png") no-repeat 0px 50%;
}
#footer ul li.tit{
	color:#fff;
    font-weight: 500;
    font-size: 15px;
    line-height: 30px;
}
#footer a{
	color:#fff;
}
#footer a:hover{
	color:#fa7306;
}
#footer .pull-right {
    width: 30%;
    text-align: left;
    font-size: 14px;
    max-width:400px;
}
#footer .pull-right img {
    margin: 0 0 15px;
}
#footer .pull-right div {
    border: 1px solid #fff;
    padding: 12px 4%;
}
#footer .pull-right div p {
    line-height: 2;
    margin-bottom: 10px;
}
#footer .pull-right .btn, a.btn {
    padding: 15px 20px;
    color: #fff;
    margin: 0 auto 10px auto;
    display: block;
    width: 80%;
    font-size: 16px;
    text-decoration: none;
    background: #ef8b1e;
    font-weight: bold;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 3px 3px 0px 0px #aa6d30;
    -moz-box-shadow: 3px 3px 0px 0px #aa6d30;
    -webkit-box-shadow: 3px 3px 0px 0px #aa6d30;
    border: none;
    text-align: center;
}
#footer .pull-right .btn:hover{
    background: #cc7d28;
}
.copy {
    padding: 15px 0;
    font-size: 12px;
    background: #1b70be;
    color: #fff;
    text-align: center;
    display: block;
    width:100%;
}
.copy a {
    color: #fff;
}
#page-top {
    position: fixed;
    bottom: 60px;
    right: 20px;
    font-size: 77%;
}
.whole_contain {
    display: inline-block;
    background-color: #FFF;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px;
    width: 75px;
    height: 75px;
    background-size: contain;
}
.whole_contain_main {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin: 0;
    width: 323px;
    height: 242px;
}
.contain {
    display: inline-block;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0;
    width: 75px;
    height: 75px;
    background-size: contain;
}
.select .tab_alink:link,
.select .tab_alink:visited{
	color:#fff;
}
.wholes_box .thumbnail a img{
    width:100px;
    height:100px;
    object-fit: cover;
}
.wholes_box .thumbnail a img:hover{
    transform: scale(1.05);
    transition: 0.3s ease-in-out;
}
.contact_form_img01{
    width:100%;
}

#footer address a{
    line-height:2;
    font-size:20px;
    font-weight:600;
}

/******************************************
smart phone & tablet
*******************************************/
@media screen and (min-width: 769px)  {
/*PC 421以上*/
	.pchide{display:none;}
}

@media screen and (min-width: 0px) and (max-width: 768px) {
/*SP 420未満*/
	.sphide{display:none;}
	/*header*/
	#logo{width:40%;float:left;margin:0px;}
	#header_tel{width:55%;float:right;margin:0px !important;}
	#header {
    padding: 10px 0px 0px;
}
	.recommend ul li{
		border-top:none;
		border-left:none;
		border-right:none;
		height:auto;
		width:100%;
		float:none;
	}
	.recommend img{display:none;width:20%;}
    .topimg_sp{width:100%;}
    .topimg_sp img{width:100%;}
    .recommend2 ul li{width:100%;margin:0 0 5px 0;box-shadow:none;
        border-bottom:dashed 1px #ccc;height:100px;}
	.recommend2 ul li img{width: 100px;height: 100px;float: left;}
    .recommend2 ul li .icon {left:0;}
    .recommend2 ul li div {float:right;width: calc(100% - 100px);}
	.recommend2 ul li strong{float:right;width: calc(100% - 120px);}
    .recommend2 ul li p{float:right;width: calc(100% - 120px);}
	.blog_area li{width:100%;height: auto;margin:0 0 10px 0;}
    .blog_area li h4 {font-size:12px;width: calc(100% - 120px);float: right;}
	.blog_area li p{font-size:12px;width: calc(100% - 120px);float: right;}
	.blog_area li img{width:100px;height:100px;}
	.slider_sp,.slider_sp ul{width:100%;margin-bottom:15px;}
	.slider_sp li{margin:5px 0 !important;width:100% !important;}
	#header_text{line-height:18px;height:20px;margin-bottom:5px;min-width:100%;}
	#header_text p{padding:0;text-align:right; margin:0;}
    .favorite_btn span {margin:1px;padding:1px;}
    .globalmenu_bg {margin: 0px auto 0px;}
	#header_tel{margin:-10px 0px 10px 0px;padding:0;height:32px;}
	#contenter .menulist a{width:90%;padding:3% 0% 3% 10%;}
	.news_list{margin-top:0;}
	.top_newslist .pull-left,.top_newslist .pull-right{width:100%;float:none;}
	.top_newslist .pull-right{margin-top:15px;}
	.top_newslist img{width:100%;}
	.section_title{margin-bottom:10px;}
    /*top*/
    .top_tokucho{width:100%;}
    .sidemax .top_tokucho img{width:97%;margin:30px 1.5%;}
    .point_box01{width:100%;margin: 0px auto;}
    .point_box01 h3{width:90%;padding:5%;font-size:16px;}
    .point_box01 .point_text {width:100%;}
    .point_box02{width:100%;margin: 0px auto;}
    .point_box02 h3{width:90%;padding:5%;font-size:16px;}
    .point_box02 .point_text {width:100%;}
    .point_box03{width:100%;margin: 0px auto;}
    .point_box03 h3{width:90%;padding:5%;font-size:16px;}
    .point_box03 .point_text {width:100%;}
    .point_box04{width:100%;margin: 0px auto;}
    .point_box04 h3{width:90%;padding:5%;font-size:16px;}
    .point_box04 .point_text {width:100%;}
    .point_box05{width:100%;margin: 0px auto;}
    .point_box05 h3{width:90%;padding:5%;font-size:16px;}
    .point_box05 .point_text {width:100%;}
    .top_03 ul {width: 100%;}
    .top_03 ul li {width:100%;margin: 10px 0;height:auto;box-shadow: 0px 0px 0px rgba(0,0,0,0.2);border-top:1px dotted #666;}
    .top_03 .sidemax ul li img{width:100px;height:100px;}
    .top_blog_title {width:90%;padding: 5%;font-size:24px;}
    .news_area ul li {width:100%;}
	/*main*/
	#contenter{float:left;width:100%;overflow:hidden; margin-left:0px;}
	#header{overflow:hidden;}
	#sidebar{width:100%;overflow:hidden;padding-bottom:0px;margin-right:0px;}
	.sidemax{width:95%;}
	.sidemax img{width:100%;overflow:hidden;}
    .recommend2 ul li span {font-size: 14px;padding:0 10px;}
    .top_03 ul li h3 {width: calc(100% - 120px);padding: 5px;font-size:12px;}
    .top_03 ul li p {width: calc(100% - 120px);padding: 5px;font-size:12px;}
    .news_area ul li span {width: 100%;display: block;line-height:34px;}
	/*contact*/
	.section_title img{height:20px;width:auto;}
	.category_list dt{padding:20px 10px 20px 40px;background-position:10px 15px;}
	.category_list dd{min-height:40px;padding:0 10px 10px 10px;}
	.contact_dl{width:100%;margin:0% !important;border-left:none;border-right:none;}
	.contact_dl dt{width:94% !important;padding:3% !important;height:1.5em;
	}
	.contact_dl dd{width:94% !important;padding:3% !important;height:auto;font-size:13px;
	border-left:none;}
	.contact_dl dt.em3,
	.contact_dl dt.em4,
	.contact_dl dt.em5,
	.contact_dl dt.em6,
	.contact_dl dt.em7,
	.contact_dl dt.em8,
	.contact_dl dt.em9,
	.contact_dl dt.em10,
	.contact_dl dt.em11,
	.contact_dl dt.em12,
	.contact_dl dt.em13,
	.contact_dl dt.em14,
	.contact_dl dt.em15,
	.contact_dl dt.em17,
	.contact_dl dt.em20,
	.contact_dl dt.em22{height:1.5em !important;}
	.contact_dl .em14{height:auto !important;}
	
	.basic_table,.siborikomi_title{width:100%;padding:10px !important;text-indent:0px;}
	.basic_table th,.basic_table td{font-size:10px;}
	
	.btn_submit input{font-size:15px;width:80%;height: 60px;}
	.btn-search input{padding-left:60px;}
	.section_text{padding:0 5px;}
	.dls,.dls dt,.dls dd{width:96%;margin:0;float:none;}
	.favorite_box{padding:10px 5px; 30px}
	.favorite_box .pull-left img{height:250px;margin-top:10px;display: inline-block;object-fit: cover;}
	.favorite_box .pull-left{margin-bottom:10px;}
	.favorite_box .pull-right{width:100%;}
	.favorite_table td,.favorite_table th{font-size:12px;border:none;}
	.btn-mail input{font-size:13px;width:90%;background-position:3% 5px;}
	.pagination>li>a, .pagination>li>span{padding:3px 6px;}
	a.btn-more{background:none;color:#1b70be;font-weight:bold;padding:0px;font-size:12px;}
    .favorite_box .favorite_table .blue {font-size: 12px;}
	.alert-message{text-align:left;}
	.login .form-group{width:100%;}
	.login .btn{float:none;width:92%;margin:0 auto;margin:10px;}
	.spp{margin:0 5px !important;}
	.conte_box ul li,.conte2_box ul li{width:40% !important;margin:0 3% 3% 0;}
	.conte_box ul li img{width:100%;}
	.conte_box,.conte2_box{width:100% !important;}
	.conte_box ul li p a {margin-top:10px;}
	.tab li{font-size:12px;}
	.labelblock label{display:inline; width:150px;}
	.wholes_box .pull-left,.wholes_box .pull-right{width:100%;}
	.wholes_box .thumbnail a img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .wholes_box .pull-right ul li{
	width:30%;
	margin:0 1.66% 10px;
	padding:0;
}
    .w520{  width:100%;}
	.article_contain_main{width:100%  !important;}
	#map{height:400px  !important;overflow:hidden;}
    .favorite_box .pull-left { width: 100%;}
	/*footer*/
	#pagetop{clear:both;float:none;display:block;margin:-40px auto 0 auto !important;text-align:center;width:200px !important;}
	#pagetop img{width:100%;}
	#footer ul{width:100%;margin:0 0 10px 0;}
	#footer ul li {font-size:12px;}
	#footer .cf{font-size:12px;}
	#footer{min-width:90%;padding:5%;}
    #footer .pull-right {width: 90%;text-align: left;font-size: 14px;max-width: 90%;padding:5%;}
    #footer .pull-right img{width:100%;}
	/*header*/
	.topmenu_sp ul li img {
    float: left;
    width: 33.3%;
}
.category_list li {
    width: 100%;
}
	/*main*/
.contact_dl .kodawariem20{height:auto !important;}
.contact_dl .syumokuem17{height:auto !important;}
#tub_menu ul li a {
        padding: 12%;
}
	/*footer*/
#footer .pull-left {width: 100%;padding-right: 0%;}	
    #page-top {
    bottom: 20px;
    right: 10px;
}
	/*poupu search*/	
#js_popup_area_tab_box label{
       width:50% !important;}		
#popup_area_rosen_search{
       font-size:12px !important;}
#js_popup_rosen_tab_box label {
    width: 50%;}

.section_title{
  margin:4px 4px 20px 4px;
  font-size:14px;
  line-height:1.6;
  padding: 0.3em 0.8em 0.1em;
}
#contenter > h3{
  margin:4px 4px 20px 4px;
  font-size:14px;
  line-height:1.6;
  padding: 0.3em 0.8em 0.1em;
}
.content > div p label{
        width:45%;
}
#contenter .searchResults{margin:2px;}
.btn_submit {
    padding: 20px;
    height: 100px;
}
.wholes_box .favorite_table th {
    width:100%;
    display: block;
}
.wholes_box .favorite_table td {
    width:100%;
    display: block;
    border-bottom:none;
}
.grayline_table th {width:100%;
    display: block;
}
 .grayline_table td {width:100%;
    display: block;
}
    
    
    
}