@charset "utf-8";
div#contents-detail {
	width: 90%;
	margin: 0 auto;
}
/*-------------------------------------------*/
/* 　詳細MV
/*-------------------------------------------*/
.main-v-detail {
    margin: 50px 0;
}
@media screen and (max-width: 414px) {
	.main-v-detail {
		margin: 10px 0;
	}
}
.main-v-detail img{
    width: 366px;
    height:245px;
    object-fit: contain;
}
@media screen and (max-width: 414px) {
	.main-v-detail img{
        max-width: 70%;
        height: auto;
	}
}

/*-------------------------------------------*/
/* 　テキストボックス
/*-------------------------------------------*/
div#contents-detail .textbox p{
    padding-bottom: 1em;
}

@media screen and (max-width: 768px) {
    div#contents-detail .textbox {
        padding-bottom: 20px;
    }
}
/*-------------------------------------------*/
/* 　画像
/*-------------------------------------------*/
/* ulタイプ：width: 70%;*/
ul.business-img {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
	align-items: center;
    margin: 0 auto 50px auto;
}
@media screen and (max-width: 768px) {
	ul.business-img{
        width: 100%;
		margin: 0 0 10% 0;
	}
}
/* ulタイプb：width: 100%;*/
ul.business-img-typeb {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
	align-items: center;
    margin: 0 auto 50px auto;
}
@media screen and (max-width: 768px) {
	ul.business-img{
        width: 100%;
		margin: 0 0 10% 0;
	}
}

/* ul.business-img li {
    margin: 0 0 5% 0;
}

ul.business-img li img{
    display: block;
    width: 90%;
    object-fit: contain;
} */

/* liタイプa：1枚*/
ul.business-img li.type-a {
    width: 100%;
    margin: 0 0 5% 0;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media screen and (max-width: 768px) {
	ul.business-img li.type-a {
		width: 75%;
	}
}
ul.business-img li.type-a img{
    width: 366px;
    height: 245px;
    display: block;
    object-fit: contain;
}
@media screen and (max-width: 414px) {
    ul.business-img li.type-a img{
        width: 100%;
        height: 170px;
    }
}

ul.business-img-typeb li.type-a {
    width: 100%;
    margin: 0 0 5% 0;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ul.business-img-typeb li.type-a img{
    width: 100%;
    display: block;
    object-fit: contain;
}
/* liタイプb ：2枚*/
ul.business-img li.type-b {
    width: 35%;
    margin: 0 2.5% 5% 2.5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media screen and (max-width: 768px) {
	ul.business-img li.type-b {
		width: 40%;
	}
}
@media screen and (max-width: 414px) {
	ul.business-img li.type-b {
		width: 75%;
	}
}
ul.business-img li.type-b img{
    display: block;
    width: 100%;
    height: 245px;
    object-fit: contain;
}
@media screen and (max-width: 768px) {
    ul.business-img li.type-b img{
        height: 132px;
    }
}
@media screen and (max-width: 414px) {
    ul.business-img li.type-b img{
        height: 170px;
    }
}
/* liタイプc ：3枚*/
ul.business-img li.type-c {
    width: 28%;
    margin: 0 2.5% 5% 2.5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media screen and (max-width: 768px) {
	ul.business-img li.type-c{
		width: 40%;
	}
}
@media screen and (max-width: 414px) {
	ul.business-img li.type-c{
		width: 75%;
	}
}
ul.business-img li.type-c img {
    display: block;
    width: 100%;
    height: 245px;
    object-fit: contain;
}
@media screen and (max-width: 768px) {
    ul.business-img li.type-c img{
        height: 132px;
    }
}
@media screen and (max-width: 414px) {
    ul.business-img li.type-c img{
        height: 170px;
    }
}

/*-------------------------------------------*/
/* 　pタグ
/*-------------------------------------------*/

#contents-detail p {
    font-size: 18px;
    color: #000;
    text-align: center;
    letter-spacing: 3px;
}
@media screen and (max-width: 768px){
	#contents-detail p {
    font-size: 14px;
    }
}
@media screen and (max-width: 414px){
	#contents-detail p {
    font-size: 12px;
    }
}

/*-------------------------------------------*/
/* 　hタグ関連追加
/*-------------------------------------------*/
h3.products {
    color: #333;
    font-size: 30px;
    padding: 11px 0px 49px;
    text-align: center;
    margin: 0 auto;
    letter-spacing: 7px;
}
@media screen and (max-width: 768px){
    h3.products {
        font-size: 22px;
        padding: 11px 0px 30px;
    }
}
@media screen and (max-width: 414px){
    h3.products {
        font-size: 15px;
    }
}
h4.products_name {
    font-size: 20px;
    margin: 0 0 20px 0;
}
@media screen and (max-width: 768px){
	h4.products_name {
        font-size: 15px;
    }
}

/*-------------------------------------------*/
/* 　トップへのリンク
/*-------------------------------------------*/
.link-top {
    width: 80%;
    margin: 0 auto 10% auto;
}

.link-top p{
    text-align: center;
    font-size: 20px;
}
@media screen and (max-width: 414px){
	.link-top p {
        font-size: 15px;
    }
}
.link-top p a:link{
    color: black;
}
.link-top p a:visited {
    color: black;
}
/* 
.pankuzu {
    width: 80%;
    margin: 0 auto 5% auto;
}

ul.pankuzu-inner {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
} */