@charset "utf-8";
/* CSS Document */

img {
	max-width:100%;
	width:auto;
	max-height:100%;
	height:auto;
}

.style .toBottomLink{
	margin-right:20px;
	width:auto;
}

.style .inner{
	font-size:14px;
}

.style .sec{
	margin:50px 0;
	text-align: left;
}

.style .sec h3{
	font-size:22px;
	margin-bottom:30px;
}

.style .sec figure{
	margin:30px 0;
}

.style .sec .manager{
	padding:20px;
	margin-top:0;
}

.style .sec .manager figure{
	position: static;
	margin-bottom:20px;
}

.style .sec .manager figure img{
	width:300px;
}

.style .useItem .item{
	margin-bottom:0;
}

.style .useItem .item li{
	text-align: left;
	margin:0 0 20px;
	width:auto;
	display: block;
}

.style .useItem .item li img{
	display: inline-block;
	margin:0 20px 0 0;
	vertical-align: middle;
	width:30%;
}

.style .useItem .item li span{
	display: inline-block;
	vertical-align: middle;
}

.style .useItem .btn li{
	margin-top:10px;
}

.style .relatedItem ul{
	display: block;
	margin:0;
}

.style .relatedItem ul li{
	margin:30px auto 0 auto;
	width:auto;
	max-width:425px;
}

.style .relatedItem ul li .txt{
	width:calc(100% - 130px);
}

.style .relatedItem.col3Item ul li .photo img{
	max-width: 100%;
}

.style #otherPost ul{
	margin:-20px 0 0 0;
}

.style #otherPost ul li{
	width:auto;
	margin:20px 0 0 0;
}

.style #otherPost ul li img{
	float:left;
	width:100px;
	margin-right:10px;
}

.style .imgCol2{
	display: block;
	margin-bottom:0;
}

.style .img2{
	margin-top: 0;
}

.style .imgCol2 figure,
.style .img2 figure{
	width: auto;
	margin:30px 0 !important;
}

.style .imgCol2 figure img,
.style .img2 figure img,
.style .sec .rightCaptionImg img{
	width:auto !important;
	max-width: 100%;
}

.style .sec .rightCaptionImg figcaption{
	margin: 0;
	width: auto;
}

.style .img2,
.style .sec .rightCaptionImg{
	display: block;
}

.style .seriesPan.afterImg{
	max-width: 600px;
	margin: -30px auto 30px;
}

.style .example{
	display: block;
}

.style .example .txt,
.style .example figure{
	width: auto;
}

.style figure.imgCol2{
	display: block;
}

.style figure.imgCol2 img{
	margin: 0;
	width: auto;
}

.style figure.imgCol2 img:nth-child(2){
	margin: 10px 0 0 0;
}


.style h2 p.cap01 { text-align: center;
width:100%;
margin:0 auto;
font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}

.style figure p.cap02 { text-align:center;
width:100%;
margin:0 auto;
font-size:100%;}

.style figure p.cap03 { text-align:center;
width:100%;
margin:0 auto;
font-size:100%;}

.style .imgTxt{
	margin-top: 30px;
}

.style .imgTxt figure{
	width: auto;
	margin: 0;
}

.style .imgTxt p{
	width: auto;
	margin: 0;
}

.style .img2 .bottomTxt{
	margin-top: -30px;
}

.style .series{
	padding: 0;
	margin-bottom: 50px;
	min-height: auto;
}

.style .img4 figure{
	width: 48%;
	margin: 30px 0 0;
}

.style .series figure{
	position: relative;
	text-align: center;
	width: auto;
}

.style .series h4{
	text-align: center;
}

.style .series .btn{
	text-align: center;
}

.style .columnProducts .img{
	width: auto;
	text-align: center;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 20px;
}

.style .columnProducts .img img{
	float: none;
	width: 30%;
	padding: 0;
	margin: 0 10px;
}

.style .columnProducts .text{
	width: auto;
	float: none;
}

.style .columnProducts .text .btn a{
	display: block;
	width: auto;
	text-align: center;
	padding: 10px;
}

.style .imgBtn a{
	display: inline-block;
}

.style .imgBtn a:not(:first-child){
	margin-left: 0;
}