@charset 'UTF-8';
/*  Add Custom CSS here.  */

.btn-example {margin-bottom: 80px;}

.example-list {display: flex;max-width: 860px; margin: 0 auto; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 68px;}
.example-list li {width: 23.3%; max-width: 200px;padding-top: 47px;}
.example-list li:not(:nth-child(4n)) {margin-right: 2.26%;}
.example-list figure {position: relative;background-position: center center;background-size: cover;background-repeat: no-repeat;background-color: #ccc;border: 1px solid #F6F6F6;}
.example-list figure:before {display: block;content: " ";width: 100%;padding-top: 72.5%}
.example-list li .ttl {text-align: left;font-size: 20px; padding: 20px 0 10px;}
.example-list li .desc {font-size: 14px; line-height: 1.71;}
.example-list-single {justify-content: center;}
.example-list-single li {width: 50%; max-width: 400px; margin-right: 0;}
.sgProduct .chartNote ul li.none {padding-left: 0;}
.sgProduct .chartNote ul li.none:before {display: none;}

@media only screen and (min-width: 767px){
#example .productSet .proRow h2 {line-height: 1.2;}
.btn-list {display: flex; flex-wrap: wrap; justify-content: center;}
.btn-list .mainBtn {margin: 0 5px;}
}
@media only screen and (max-width: 360px){
	.header__info__boxGnavi__intro--tel a:before {left: 9px;}
	.smartMenu .inMenu .sMenu li a {padding-left: 10px;font-size: 14px;}
	.smartMenu .inMenu .sBtn p a .tel {font-size: 30px;}
}
@media only screen and (max-width: 768px){
	.btn-example {margin-bottom: 60px;}
	.btn-list .mainBtn:not(:last-child) {margin-bottom: 10px;}

	.example-list {margin: 0 20px;justify-content: space-between; margin-bottom: 40px;}
	.example-list li {width: 48.4%;padding-top: 30px; margin-right: 0!important;}
	.example-list li .ttl {font-size: 16px; padding: 17px 0 6px;}
	.example-list li .desc {line-height: 1.57;}
}
/**/
.banner-list {position: fixed;bottom: 0;right: 0;z-index: 9999;font-size: 0;letter-spacing: 0;line-height: 1;}
.banner-list li {display: inline-block; margin-left: 5px;}
.banner-list li a {display: block;}
.banner-list li a img {display: block;}

@media only screen and (min-width: 767px){
.recruitSet .applyGroup .recColumn .col .noPost {
		color: #000;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
}
@media only screen and (max-width: 767px){
.recruitSet .applyGroup .recColumn .col .noPost {letter-spacing: 0; padding: 15px 0 0;}
#company.recruit {padding-bottom: 67px;}
.banner-list li {margin-left: 0; width: 50%;}
.banner-list li a img {max-width: 100%; height: auto;}
}
@media only screen and (max-width: 360px){
	#company.recruit {padding-bottom: 58px;}
}
@media only screen and (max-width: 767px){
.recruitSet .applyGroup .recColumn .col .noPost {font-size: 14px;}
}

#product .applied-product{
	margin: 0 0 85px;
}
@media only screen and (max-width: 767px) {
	#product .applied-product{
		margin: 0 0 45px;
	}
}
#product .applied-product-content p {
	margin: 0 0 20px;
}
#product .applied-product-content p span {
	color: inherit;
}
#product .applied-product-content p a {
	color: #3598C6;
	text-decoration: underline;
}
#product .applied-product-content ul,
#product .applied-product-content ol  {
	padding-left: 20px;
	margin-bottom: 20px;
}

#product .applied-product-content ul li {
	list-style: disc;
}
#product .applied-product-content ul[style*="list-style-type: circle;"] li {
	list-style-type: circle;
}
#product .applied-product-content ul[style*="list-style-type: square;"] li {
	list-style-type: square;
}
#product .applied-product-content ol li {
	list-style-type: decimal;
}
#product .applied-product-content ol[style*="list-style-type: lower-roman;"] li {
	list-style-type: lower-roman;
}
#product .applied-product-content ol[style*="list-style-type: lower-alpha;"] li {
	list-style-type: lower-alpha;
}
#product .applied-product-content ol[style*="list-style-type: lower-greek;"] li {
	list-style-type: lower-greek;
}
#product .applied-product-content ol[style*="list-style-type: upper-alpha;"] li {
	list-style-type: upper-alpha;
}
#product .applied-product-content ol[style*="list-style-type: upper-roman;"] li {
	list-style-type: upper-roman;
}
#product .applied-product-content img {
	max-width:100%;
	height:auto;
	max-height:100%;
	width: auto;
}

/**/
.form-optimize .subpage__tblContact tr td textarea {display: block;}
@media only screen and (min-width: 767px) {
.contact__button .check input[type="checkbox"] {top: 1px;}
.form-optimize .subpage__tblContact tr td .form-control {height: 40px;}
.form-optimize .subpage__tblContact tr th {padding-top: 22px;padding-bottom: 22px;}
.form-optimize .subpage__tblContact tr td {padding: 15px 0;}
.form-optimize .subpage__tblContact tr th em {top: 23px;}
.form-optimize .contact_sl01 .label_sl01 {padding-top: 8px;}
.form-optimize .subpage__tblContact tr td .btnAdd a {line-height: 40px;}
.form-optimize .subpage__tblContact tr td .form-area {height: 120px;}
.recruit-single.form-optimize .subpage__tblContact tr td .form-area {height: 77px;}
}
.contact__block .txt-form {text-align: center; padding: 0 0 81px;}
.contact__block .txt-form h2 {font-weight: 500;font-size: 30px; letter-spacing: 0.06em}
.contact__block .txt-form .txt-color {font-weight: bold;font-size: 18px; margin-top: 36px; color: #3598C6; line-height: 1.9; letter-spacing: 0;}
.contact__block .txt-form .txt-style {font-size: 16px; margin-top: 31px; line-height: 1.9;}
@media only screen and (max-width: 767px) {
.contact__block .txt-form {padding: 0 0 70px;}
.contact__block .txt-form h2 {font-size: 24px; letter-spacing: 0;}
.contact__block .txt-form .txt-color {margin-top: 40px; font-size: 17px;}
.contact__block .txt-form .txt-style {margin-top: 31px; font-size: 15px; text-align: left;}
}
@media only screen and (max-width: 360px) {
.contact__block .txt-form h2 {font-size: 20px;}
.contact__block .txt-form .txt-color {font-size: 14px;}
.contact__block .txt-form .txt-style {font-size: 13px;}
.subpage__contactTitle h2 {font-size: 20px;}
}
/**/