@charset "utf-8";

/* CSS Document */


#main_content .h1_company{
width: 100%;
margin: 0;
padding: 0;
line-height: 1;
height: 80px;
background: url(../company/images/title_company.png) no-repeat left center;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border-bottom: #ccc 1px solid;
}
#main_content .h2_company{width:720px;margin: 2em auto 0 auto;line-height: 1.7;font-size: 120%;padding: 0 !important;font-weight: normal;text-align: left;}

.company_table {
	width:720px;
	margin: 0px auto;
	padding: 30px 0px;
}
.company_table table {
	width:720px;
	font-size:14px;
}
.company_table td {
	border-bottom:#CCC solid 1px;
	padding: 10px 0px;
}
.th{
	float:left;
	margin: 0px 10px;
	width:100px;
	text-align:center;
}
.th2{
	float:left;
	margin-right: 10px;
	text-align:left;
}
.contents_box{
	margin-right: 10px;
	margin-left: 130px;
	text-align:left;
}

/*　インボイス番号表示用に追加　20230906　*/
.contents_box_invoice{
	margin-right: 10px;
	margin-left: 130px;
	text-align:left;
	padding: 20px 0;
}



/*　shop.html　*/

.pannav_link{text-align: left;padding: 1em 0; box-sizing: border-box;font-size: 110%;}
.pannav_link a{display: inline-block;padding: 0 0 0 2em;}
.pannav_link a:link,.pannav_link a:visited{background: url("../images/home/icon_arrow3.png") no-repeat center left;}
.pannav_link a:hover,.pannav_link a:active,.pannav_link a:focus{background: url("../images/home/icon_arrow3_on.png") no-repeat center left;}

p.notes{text-align: center !important;font-size: 100% !important;padding: 0 !important;margin: 0 !important;}

/*ボックス全体*/
.agencybox {
    margin: 2em auto;
    padding: 0;
    max-width: 600px;/*最大幅*/
	border-top: #cccccc 1px dotted;
	text-align: left;
	font-size: 120%;
}

/*ラベル*/
.agencybox label {
    display: block;
    margin:0;
    padding : 0.8em 0.6em 0.6em 0.6em;
    color: #333333;
	font-size: 120%;
	line-height: 1;
    font-weight: bold;
    background: #ffffff;
    cursor :pointer;
	border-bottom: #cccccc 1px dotted;
}

/*ラベルホバー時*/
.agencybox label:hover {
    background :#f2f2f2;
}

/*チェックは隠す*/
.agencybox input {
    display: none;
}

/*中身を非表示にしておく*/
.agencybox .area {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}

/*クリックで中身表示*/
.area_name:checked + label + .area {
    height: auto;
    padding: 0;
    background: #ffffff;
    opacity: 1;
}
.agencybox label{position: relative;font-size: 110%;}
.agencybox label:after {
	content: url("../images/home/icon_arrow2.png");
	display: inline-block;
	height: 24px;
	position: absolute;
	top: 0.5em;
	right: 0.5em;
}

.area_name:checked + label:after {
    content: url("../images/home/icon_arrow4.png");
	display: inline-block;
	height: 24px;
	position: absolute;
	top: 0.5em;
	right: 0.5em;
}
.area_name:checked + label{background-color: #f2f2f2;font-size: 110%;}



.agencybox h2{padding: 0.8em 0 0.5em 0;width: 96%;margin: 0 auto;font-size: 110%;color: #7E0000;}
.agencybox ul{width: 100%; margin: 0; padding: 0;}
.agencybox ul li{margin: 0 0 0 0;padding: 0 0 0.5em 0;list-style: none;border-bottom: #dddddd 1px solid;}
.agencybox ul li h3{padding: 0.8em 0 0.5em 0;width: 96%;margin: 0 auto;font-size: 100%;}
.agencybox ul li p.add{;width: 96%;margin: 0 auto;margin: 0 0 0 0;padding: 0 0 0.3em 1em;}
.agencybox ul li p.tel,.agencybox ul li p.fax,.agencybox ul li p.web{;width: 96%;margin: 0 auto;margin: 0 0 0 2em;padding: 0 0 0.3em 0;}
.agencybox ul li p.web a{display: inline; background: url("../images/home/icon_blank.png") no-repeat center right;padding: 0 1.8em 0 0 !important;box-sizing: border-box;}
.agencybox ul li p.web a:link,.agencybox ul li p.web a:visited{color: #0044CC;text-decoration: underline;}
.agencybox ul li p.web a:hover,.agencybox ul li p.web a:active,.agencybox ul li p.web a:focus{color: #7E0000;}

.sdgs{text-align: left !important;padding: 0.5em !important;}.sdgs p{padding: 0.6em 0;}.sdgs p img{width: 687px;}

.kyotosdgs{text-align: left !important;padding: 0.5em !important;}.kyotosdgs p{padding: 0.6em 0;}.kyotosdgs p img{width: 415px;}