@charset "utf-8";
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#page {}

#page #page_con { }

.title_l_page {
	font-size:36px;
	font-weight:normal;
	color:#1B8E2F;
	text-align:center;
	}
@media screen and (max-width: 680px) {
	.title_l_page {
		font-size:24px;
	}
}

.title_m_page {
	font-size:18px;
	font-weight:normal;
	padding-bottom:5px;
	color:#1B8E2F;
	text-align:center;
	border-bottom:2.5px solid #1B8E2F;
}
@media screen and (max-width: 680px) {
	.title_m_page {
		font-size:16px;
	}
}
.title_s_page {
	font-size:24px;
	color:#1B8E2F;
	text-align:center;
	margin-bottom:20px;
	}



.section500 {
	width:546px; margin:20px auto 30px auto;
	text-align:center;
	}
.section500 img { width:500px; height:auto;}

@media screen and (max-width: 680px) {
	.section500 {
		width:100%; margin:20px auto 30px auto;
		text-align:center;
		}
	.section500 img { width:100%; height:auto;}
}

#page .title { text-align:center; margin: 10px 0;}


/*�J����4*/
.colum_4 {
	clear:both;
	margin-top:20px;
	}
.colum_4 li  {
	width:24%;
	float:left;
	margin:0 13px 0 0px;
	}
.colum_4 li:last-child  {
	margin:0 0px 0 0px;
	}
.colum_4 li img {
	width:100%; height:auto;
	margin-bottom:10px;
	}

@media screen and (max-width: 680px) {
	.colum_4 li  {
		width:100%; padding:0 0px; 	margin:0 0px 40px 0px;
	}
}



/*�J����3*/
.colum_3 {
	clear:both;
	margin-top:80px;
	font-size:15px;
	line-height:1.6em;
	}
.colum_3 li  {
	width:32%;
	float:left;
	text-align:left;
	}
.colum_3 li:nth-child(2)  {
	margin:0 20px;
	}
.colum_3 li img {
	width:100%; height:auto;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	object-fit: cover;
	margin-bottom:20px;
	}
@media screen and (max-width: 680px) {
	.colum_3 li  {
		width:100%; padding:0 0px; margin:0 0px 40px 0px;
	}
	.colum_3 li:nth-child(2)  {
		margin:0 0px 40px 0px;
		}
}






/*�摜��_�e�L�X�g�E */
.colum_l {
	clear:both;
	margin-top:80px;
	font-size:15px;
	line-height:1.6em;
	}
.colum_l div:first-child  {
	width:50%;
	float:left;
	}
.colum_l div:last-child  {
	width:47%;
	float:right;
	}
.colum_l div:first-child img {
	width:100%; height:auto;
	object-fit: cover;
	}
@media screen and (max-width: 680px) {
	.colum_l div:first-child  {
		width:100%;
		float:none;
		}
	.colum_l div:last-child  {
		width:100%;
		float:none;
		}
	.colum_l div:first-child img {
		margin-bottom:20px;
		}
}


.colum_l .w320_l { width:30% !important; }
.colum_l .w320_r { width:67% !important; }
@media screen and (max-width: 680px) {
	.colum_l .w320_l { width:100% !important; }
	.colum_l .w320_r { width:100% !important; }
}


/* about
============================================================================================================ */
.full_img{
	width: 100%;
	height: auto;
}
.full_img iframe{
	width: 100%;
	height: auto;
	min-height: 560px;
}
.full_img img{
	max-width: 100%;
	height: auto;
}
.section_border{
	border-top: 1px solid #ccc;
	padding-top: 50px;
	margin-top: 45px;
}
.about_contact{
	margin-top: 70px;
}
.col3_box{
	display: table;
	margin-top: 30px;
	width: 100%;
}
.col3_box .col3_item{
	display: table-cell;
	width: 33.3%;
}
.fz_l{
	font-size: 2.8rem;
}
.fz_m{
	font-size: 1.6rem;
}
.btn_more.about_btn a {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 8px 20px;
}
.col_2{
	display: table;
	width: 100%;
}
.col_2_item{
	display: table-cell;
	width: 50%;
	padding-right: 2%;
	box-sizing: border-box;
}
.col_2_item:last-child{
	padding-right: 0;
}
.btn_type1 a{
	display: block;
	background-color: #1B8E2F;
	color: #fff;
	font-size: 2.2rem;
	text-decoration: none;
	text-align: center;
	padding: 30px 20px;
	font-weight: lighter;
	background-image: url(../images/icon03.png);
	background-repeat: no-repeat;
	background-position: 98% center;
	background-size: 15px auto;
	box-sizing: border-box;
}
ul.button.sub_page {
    margin: 40px auto 30px;
}
a.line_none{
	text-decoration: none;
}
@media screen and (max-width: 680px) {
	.full_img iframe{
		min-height: auto;
	}
	.section_border{
		padding-top: 30px;
		margin-top: 25px;
	}
	.about_contact{
		margin-top: 40px;
	}
	.col3_box{
		display: block;
		margin-top: 0;
	}
	.col3_box .col3_item{
		display: block;
		width: auto;
		margin-top: 15px;
		text-align: left;
	}
	.fz_l{
		font-size: 2rem;
	}
	.fz_m{
		font-size: 1.6rem;
	}
	.col_2{
		display: block;
		width: 100%;
	}
	.col_2_item{
		display: block;
		width: auto;
		padding-right: 0;
	}
	.col_2_item:last-child{
		padding-right: 0;
		margin-top: 10px;
	}
	.btn_type1 a{
		font-size: 1.6rem;
		padding: 20px 15px;
	}
	ul.button.sub_page {
	    margin: 30px auto auto;
	}
	.page_about p.tac{
		text-align: left;
	}
}

/* guide
============================================================================================================ */
.guide_g_map iframe{
	width: 100%;
	max-width: 100%;
	height: auto;
}
.guide_box.col3_box .col3_item{
	padding-right: 2%;
}
.guide_box.col3_box .col3_item:last-child{
	padding-right: 0;
}
.guide_address{
	font-size: 1.4rem;
	margin: 25px auto;
}
.guide_title{
	font-size: 1.6rem;
	color: #1B8E2F;
	border: 1px solid #1B8E2F;
	font-weight: normal;
	padding: 15px;
}
@media screen and (max-width: 680px) {
	.guide_address{
		font-size: 1.4rem;
		margin: 15px auto;
	}
	.guide_box.col3_box .col3_item{
		padding-right: 0;
		margin-top: 40px;
	}
}

/* company
============================================================================================================ */
.fwn{
	font-weight: normal;
}
table.basic{
	width: 100%;
	margin: auto;
	box-sizing: border-box;
}
table.basic th,
table.basic td{
	border-bottom: 1px solid #f2f2f2;
	padding: 15px;
	box-sizing: border-box;
}
table.basic tr:last-child th,
table.basic tr:last-child td{
	border-bottom: none;
}
table.basic th{
	width: 30%;
	background-color: #f2f2f2;
	border-bottom: 1px solid #fff;
}
table.basic td{
	width: 100%;
}
.btn_type1.w430{
	max-width: 430px;
	margin: auto;
}

/* Q&A
============================================================================================================ */
/* --�{��-- */
.section700 {
	width:900px;
	margin:20px auto 80px auto;
	text-align:center;
	display: block;
}
.section700 img { width:auto; height:auto; margin:15px; margin-bottom:80px; }

.l48 {
	float: left;
	width: 48%;
	display: block;
}
.r48 {
	float: right;
	width: 48%;
	display: block;
}
@media screen and (max-width: 680px) {
	.section700 {
		width:100%; margin:20px auto 30px auto;
		text-align:center;
	}
	.section700 img { width:100%; height:auto; margin-bottom:30px;}
	.l48 {
		width: 100%;
		margin-bottom: 15px;
	}
	.r48 {
		width: 100%;
		margin-bottom: 15px;
	}
}


.title_m_page_qa {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 5px;
	color: #1B8E2F;
	text-align: left;
	border-bottom: 0.5px solid #82281E;
}

.answer:before {
    content: "A.";
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    color: #1B8E2F;
}
.section700 > p {
  padding-left: 15px;
  text-indent:-20px;
}

/* --�ؑ֗pblock-- */
.col5_box{
	display: table;
	margin-top: 30px;
	width: 100%;
}
.col5_box .col5_item{
	display: table-cell;
	vertical-align: middle;
	width: 20%;
}
.col5_box .col5_item h3{
	background: #74241B;
}
.col5_box .col5_item a{
	color: #FFFFFF;
}
.guide_box.col5_box .col5_item{
	padding-right: 2%;
}
.guide_box.col5_box .col5_item:last-child{
	padding-right: 0;
}
.qa_long{
	padding: 3px;
}

@media screen and (max-width: 680px) {
	.col5_box{
		display: block;
		margin-top: 0;
	}
	.col5_box .col5_item{
		display: block;
		width: auto;
		margin-top: 15px;
		text-align: left;
	}
	.guide_box.col5_box .col5_item{
		padding-right: 0;
		margin-top: 10px;
	}
	.qa_long{
		padding: 15px;
	}
}