@charset "utf-8";
li {
	list-style: none;
}
.good-detail-side-link-list__type:after{
    display:inline-block;
    position:relative;
    overflow:hidden;
    background:url(/app-files/img/sprite/icon.svg#arrow-usage) no-repeat 50%;
    background-size:contain;
    text-indent:100%;
    vertical-align:middle;
    white-space:nowrap;
    content:"";
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    top: 38%;
	width: 14px;
	height: 14px;
}	
.good-detail-side-accordion {
    overflow:hidden;
    background:#f5f5f5
}
.good-detail-side-accordion__head {
    display:block;
    background:#f5f5f5
}
.good-detail-side-accordion__title {
    display:block;
    position:relative;
    color:#333;
    line-height:1.4
}
.good-detail-side-accordion__title:before {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.good-detail-side-accordion__head.is-active {
    background-color:#f5f6ff
}
.good-detail-side-accordion__head.is-active .good-detail-side-accordion__title:before {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
}
.good-detail-side-accordion__body {
    position:relative;
    background:#fff
}
.good-detail-side-accordion__body>:first-child,.good-detail-side-accordion__body>[class^=list-wrap]>:first-child,.good-detail-side-accordion__body>section:first-child>:first-child{
    margin-top:0!important
}
.good-detail-side-accordion+.good-detail-side-accordion {
    padding-top:1px
}
.good-detail-side-link-list {
    margin:0;
    padding:0;
    list-style:none
}
.good-detail-side-link-list>li[class=is-current] .good-detail-side-link-list__text {
    color:#1d2088
}
.good-detail-side-link-list__type {
    display:flex;
    align-items:center;
    border-bottom:1px solid #ddd
}
.good-detail-side-link-list__text {
    flex:1 1
}
.good-detail-side-link-list [class*=__number] {
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    color:#fff
}
.good-detail-side-accordion__body {
    position:relative;
    background:#fff
}
.good-detail-side-accordion__body>:first-child,.good-detail-side-accordion__body>[class^=list-wrap]>:first-child,.good-detail-side-accordion__body>section:first-child>:first-child {
    margin-top:0!important
}
.good-detail-side-link-list [class*=__number] {
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    color:#fff;
	font-weight:700
}
.good-detail-heading1__colmn {
	display: flex;
	padding:0;
}
.good-detail-heading1__titlebox {
	display: flex; 
}
.good-detail-heading1__subtitle {
    color: #1d2088;
    line-height: 1.4;
}
.good-detail-heading1 {
    background-color: #f5f6ff;
}
/*--PConly--*/
@media print,screen and (min-width:768px) {
body {
	min-width:1260px;
	max-width:1920px;
	margin:0 auto;
	font-family:Yu Gothic,Hiragino Kaku Gothic Pro,Hiragino Sans,Meiryo,Osaka,Arial,MS PGothic,sans-serif;
	font-size:1.6rem;
	font-weight:500;
	line-height:1.6
}
.sdgs-icon {
	width: 60px;
}
.earthbox .sdgs-icon {
	width: 60px;
}
.good-detail-heading1__colmn li+li {
	margin-left: 20px;	
}	
.good-detail-side-link-list__text {
	margin-left: 12px;
	font-size: 1.4rem;
	font-weight: 700;
	flex: 1 1;
}
.good-detail-side-link-list__type {
	padding: 10px 0 9px;
	letter-spacing: 1px;
}
.good-detail-side-link-list>li .good-detail-side-link-list__type {
	padding: 16px 12px 12px;
}
.good-detail-side {
	width: 240px;
	margin: 2em 0 0 48px;

	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
 .good-detail-side-accordion {
	margin-top:4px
}
.good-detail-side-accordion__head { 
	display:flex;
	justify-content:center;
	padding:25px 16px 19px;
	cursor:pointer;
	pointer-events:none
}
.good-detail-side-accordion__head:hover {
	cursor:default
}
.good-detail-side-accordion__title {
	padding-right: 2.1em;
	font-size: 1.5rem;
	font-weight: 700
}
.good-detail-side-accordion+.good-detail-side-accordion {
	margin-top: -1px
}
.good-detail-heading1-box {
	display: flex;
	align-items: end;
}
	/*人アイコン*/
.good-detail-heading1__image {
	width: 70px;
}
.good-detail-heading1__titlebox {
	align-items: center
}
.good-detail-heading1__title {
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing: 3px;
}
.good-detail-heading1__colmn .sdgs-box-colmn-nest1 {
	margin-bottom: 0;
}
.good-detail-heading1__text {
	margin: .4em 0 0 0;
}
.good-detail-heading1__subtitle {
	margin-top: .2em;
	font-size: 1.6rem;
	font-weight: 700;
}
.good-detail-heading1 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	padding: 2.85em 0 2.6em;
}
.good-detail-heading1__inner {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 30px;
}
.good-detail-heading1__colmn {
	padding: 0 0 0 40px;
}
}

/*--SPonly--*/
@media only screen and (max-width: 767.98px)  {
.good-detail-side, .good-detail-heading1-box {
	font-family:Yu Gothic,Hiragino Kaku Gothic Pro,Hiragino Sans,Meiryo,Osaka,Arial,MS PGothic,sans-serif;
	width: 100%;
}
.sdgs-icon {
	width: calc((100% - 10px * 7)/8);
}
.good-detail-heading1__colmn {
	flex-wrap: wrap;
	margin: 0;
}
.good-detail-heading1__colmn li+li {
	margin-left: 10px;
}
.good-detail-heading1__inner {
	display: flex;
	align-items: center;
	padding: 0 15px;
}
.good-detail-heading1__image {
	margin: 1.2em 1em 0 0
}
h1 {
	font-size: 2.1rem;
	margin-top: 0.4em;
}
.good-detail-side-link-list__text {
	margin-left: 11px;
	font-weight: 700;
}
.good-detail-side-link-list__type {
	padding: 12px 8px 12px 10px
}
.good-detail-side-accordion__title {
	font-weight: 700;
	padding: 15px 15px 12px;
}
.good-detail-side-accordion__title:after,.good-detail-side-accordion__title:before{
	-webkit-backface-visibility:hidden;
	position:absolute;
	top:50%;
	right:0;
	width:18px;
	height:2px;
	margin:-2px 0 0;
	border-radius:10px;
	background:#1d2088;
	content:"";
	transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1) 0s;
	transition:transform .25s cubic-bezier(.4,0,.2,1) 0s;
	transition:transform .25s cubic-bezier(.4,0,.2,1) 0s,-webkit-transform .25s cubic-bezier(.4,0,.2,1) 0s
}
.good-detail-side-accordion__head {
	padding-right: 15px;
}
.good-detail-heading1__text {
	margin: .4em 0 0 0;
}
.good-detail-heading1__subtitle {
	margin-top: -4px;
	font-size: 1.4rem;
	font-weight: 700;
}
.good-detail-heading1 {
	margin-right: -15px;
	margin-left: -15px;
	padding: 1.6em 15px;
}
}