@charset "utf-8";
/* all------------------------------------------------- */
body {
	min-width:320px;
}

header {
	padding:15px 10px;
	min-width:320px;
}

header h1 {
	vertical-align:middle;
}

#btn__sp_nemu {
	display:table-cell;
	text-align:right;
}

#btn__sp_nemu img {
	width:30px;
}

header nav {
	display:block;
	width:100%;
	min-width:320px;
	position:absolute;
	top:93px;
	left:0px;
	z-index:100;
	background-color:rgba(255, 255, 255, 0.8);
	display:none;
}

nav > ul > li {
	float:none;
	border-left:1px solid #EDEDED;
	border-right:1px solid #EDEDED;
	border-bottom:1px solid #EDEDED;
	width:100%;
}

nav > ul > li a {
	display:block;
	padding:7px 0 7px 0;
	font-size:16px;
}

nav > ul > li ul {
	position:relative;
	top:0px;
	left:0px;
	padding:0 0;
	display:none;
}

nav > ul > li ul li a {
	display:block;
	padding:7px 10px;
	border-top:1px dotted #EDEDED;
}

#foot_link {
	padding:10px 0 5px 0;
}

#foot_link ul li {
	display:block;
	width:100%;
	padding:0 10px 0 10px;
	border-top:1px dotted #000;
	text-align:left;
}

#foot_link ul li:first-child {
	border-top:none;
}

#foot_link ul li a {
	display:block;
	padding-bottom:7px;
	padding-top:7px;
	background-position:0px 10px;
}



/*　20201124追加 */
#foot_bnr {
	padding: 20px 0;
}

#foot_bnr ul li {
	display: block;
	width: 70%;
	margin: 0 auto;
}

#foot_bnr ul li:last-child {
	margin: 0 auto;
}
/*　//20201124追加 */




footer {
	padding:20px 0 10px 0;
}

footer ul {
	display:none;
}

footer #logo {
	width:280px;
	margin:0 auto;
	padding:0px 0 0 0;
}

#copy {
	font-size:11px;
}

/* all-----------------------END----------------------- */




/* TOP------------------------------------------------- */
#key {
    max-height: 830px;
}

#top__catch {
	padding:40px 0 50px 0;
}

#top__catch h3 {
	font-size:14px;
	padding:15px 0 25px 0;
}

#top__news {
	float:none;
	width:100%;
	padding-right:0%;
}

#top__report {
	float:none;
	width:100%;
	padding-left:0%;
	padding-top:30px;
}

#top__products {
	padding-top:60px;
}

#top__products h3 {
	padding-top:40px;
}

#top__products ul {
	margin-left:0px;
	width:300px;
	margin:0 auto;
}

#top__products ul li {
	float:none;
	width:300px;
	padding:20px 0 0 0;
}

#top__products ul li a {
	width:300px;
	height:300px;
}

#top__products ul li a .box__hover {
	width:300px;
	height:300px;
	padding-top:20px;
	background-position:center 238px;
}

#top__products ul li a .box__hover .title {
	font-size:20px;
}

#top__products ul li a .box__hover .ex {
	padding-top:10px;
	font-size:14px;
}

/* TOP-----------------------END----------------------- */



/* 企業情報------------------------------------------------- */
#info__catch,
#info__idea {
	padding-top:45px;
}

#info__catch h3 {
	font-size:18px;
	padding-top:35px;
}

#info__idea .ex {
	padding-top:35px;
	font-size:14px;
	text-align:left;
}

#info__idea .sign {
	padding-top:35px;
}

#info__guiding {
	margin:90px auto 0 auto;
}

#info__guiding .inner .ex {
	font-size:14px;
	text-align:left;
	width:300px;
}
#info__guiding .inner .ex2 {
	font-size:14px;
	text-align:left;
	width:90%;
}

@media(max-width:370px) {
	#info__guiding .inner .ex,
	#info__guiding .inner .ex2 {
		width:auto;
	}
}

/*#info__guiding .inner .ex {
	font-size:18px;
	text-align:left;
	width:auto;
}*/

#info__outline,
#info__history {
	padding-top:40px;
}

#info__outline dl,
#info__history dl {
	display:block;
}

#info__outline dl.none,
#info__history dl.none {
	margin-top:35px;
}

#info__outline dl dt,
#info__history dl dt {
	display:block;
	width:100%;
	padding-bottom:0px;
}

#info__outline dl dd,
#info__history dl dd {
	display:block;
	width:100%;
	padding-top:0px;
}

#info__outline dl dt {
	background:none;
}

#info__outline dl dd {
	padding-left:0px;
}


/* 企業情報-----------------------END----------------------- */




/* レイアウト------------------------------------------------- */
.layout__type01 {
	padding-top:45px;
}

.layout__type01 .ex {
	padding-top:25px;
	font-size:14px;
}

.layout__type02 {
	margin:90px auto 0 auto;
}

.layout__type02 .inner {
	padding:20px 10px;
}

.layout__type02 .inner h3 {
	font-size:20px;
}

.layout__type02 .inner .ex {
	font-size:14px;
	padding-top:20px;
}

.btn__pdf {
	padding-top:45px;
}




/* レイアウト-----------------------END----------------------- */




/* パプラールについて------------------------------------------------- */
#about__toha .left {
	width:100%;
	float:none;
	padding-right:0px;
}

#about__toha .right {
	width:100%;
	float:none;
	padding-left:0px;
}

#about__toha .layout__type02 .inner {
	padding:20px 30px 20px 30px;
}

#about__hakki .left {
	width:100%;
	max-width:387px;
	float:none;
	padding:25px 0 0 0;
	margin:0 auto;
}

#about__hakki .right {
	width:100%;
	max-width:387px;
	float:none;
	padding:25px 0;
	margin:0 auto;
}

#about__photo {
	padding-top:45px;
}

#about__photo .box__photo ul {
	margin-left:0px;
	width:228px;
	margin:0 auto;
}

#about__photo .box__photo ul li {
	width:228px;
	height:265px;
	padding:37px 0 0 0;
	float:none;
}

.products__item .left {
	width:100%;
	float:none;
}

.products__item .right {
	width:100%;
	float:none;
	padding-top:30px;
}

#products__book .clearfix .left {
	display:block;
	width:100%;
	padding:25px 0 0 0;
	text-align:center;
}

#products__book .clearfix .right {
	display:block;
	padding:25px 0 40px 0;
	text-align:left;
}

#products__book .btn a {
	padding:12px 10px 10px 60px;
	background:url(/lib/img/common/bg__blank__2.png) #009EE5 no-repeat 20px 18px;
	background-size:30px 30px;
}





/* パプラールについて-----------------------END----------------------- */




/* 製品------------------------------------------------- */
#products__tab ul li a {
	font-size:14px;
	padding-top:16px;
	line-height:1.3em;
}

#products__tab ul li:nth-of-type(2) a {
	padding-top:10px;
}



/* 製品-----------------------END----------------------- */




/* その他------------------------------------------------- */
#pp__title,
#news__list,
#news__detail {
	padding-top:45px;
}

#inq__head,
#inq__form {
	padding-top:45px;
}

#inq__head .ex,
#inq__form .ex {
	padding-top:30px;
}

#inq__form .ex dl {
	display:block;
	width:100%;
}

#inq__form .ex dl dt {
	display:block;
	width:100%;
	padding-bottom:10px;
}

#inq__form .ex dl dd {
	display:block;
	width:100%;
	padding-bottom:10px;
}

#box__writer .left {
	float:none;
	width:100%;
}

#box__writer .right {
	float:none;
	width:100%;
	padding:20px 0 0 0px;
}

#news__list .menu ul li {
	float:none;
	width:100%;
	padding:5px 0;
}

#news__list .menu ul li a {
	display:block;
	padding:10px 5px 8px 5px;
	text-align:center;
	color:#FFF;
}

#box__society,
#result {
	padding-top:45px;
}

#result .box__result ul li {
	display:block;
}

#result .box__result ul li .left {
	display:block;
	width:100%;
}

#result .box__result ul li .right {
	display:block;
	width:100%;
	padding:20px 0 0 0;
}

#box__society .layout__type02 ul {
	margin-top:30px;
}

#box__society .layout__type02 ul li {
	width:100%;
	display:block;
	padding:5px;
}
/* その他-----------------------END----------------------- */



/* モーダル------------------------------------------------- */
#modal {
	padding-top:20px;
}

#modal .box__modal {
	overflow-y:scroll;
}

#modal .box__modal .inner__modal {
	padding:20px 10px 45px 10px;
}

#modal .box__modal .inner__modal .layout__type02 {
	font-size:14px;
}

#modal .box__modal .inner__modal h3 {
	font-size:18px;
	padding-top:20px;
}

#modal .box__modal .inner__modal .btn {
	padding:15px 10px 0 10px;
}

#modal .box__modal .inner__modal .btn a {
	font-size:20px;
	padding:20px 0 17px 0;
}



/* モーダル-----------------------END----------------------- */



.brpc {
	display: none;
}
.brsp {
	display: block;
}



#news__detail .contents p img {
	max-width:90% !important;
	width:90% !important;
	height: auto !important;
	overflow: hidden;
}



.title__01 {
	line-height: 175%;
	background: none;
}

#info__catch h3,
.products__item .right h3 {
	line-height: 175%;
}

#info__catch h3,
#info__idea .ex,
.layout__type01 .ex,
.layout__type03 .ex,
#news__list .ex {
	padding-top: 0;
}

#info__outline dl.none,
#info__history dl.none {
	margin-top: 0;
}

.layout__type01,
.layout__type03,
#info__gaku,
#products__head,
.products__item {
	padding-top: 30px;
}

.layout__type02 {
	margin-top: 30px;
}

#news__list .menu {
	padding-bottom: 50px;
}

#info__gaku img {
	width: 90%;
}

#info__idea .sign img {
	width: 50%;
}



.layout__type01 .ex,
.layout__type02 .inner .ex,
.subtext_01 {
	text-align: justify;
}

#about__koka .subtext_01 {
	text-align: center;
}


.products__item .right h3 {
	font-size: 18px !important;
}

#info__catch h3,
#products__book .clearfix .right h3,
.products__item .right .price,
.products__item .right .category,
.products__item .right .btn input[type="submit"] {
	font-size: 16px !important;
}

body {
	font-size: 14px;
}

.top__article ul li,
#top__news .btn__list a,
#top__report .btn__list a,
#info__idea .ex,
#info__guiding .inner .ex,
#info__outline dl,
#info__history dl,
#info__gaku,
.layout__type01 .ex,
.layout__type02 .inner .ex,
.layout__type03 .ex,
.highlight,
.subtext_01,
#products__book,
#products__book .clearfix .right,
#products__book .clearfix .right h3 span,
#products__book .btn a,
#products__head,
#inq__head .ex,
#inq__form .ex,
#inq__head .ex .note,
#box__pp {
	font-size: 14px !important;
}

.note,
#about__hakki .left,
#about__hakki .right {
    font-size: 12px !important;
}



.sst_h3:first-child {margin-top:0;}
.sst_boxL {float:none;text-align:left;}
.sst_boxR {float:none;text-align:left;}
.sst_boxPht {max-width:100%;width:100%;}
.sst_boxTxt {max-width:100%;width:100%;margin-top:20px;}
.sst_kf {margin:50px auto;}
.sst_C a {width:90%;height:60px;font-size:14px;margin:auto;padding-top:0;line-height:60px;text-align:center;}