@charset "utf-8";

/*    iso_area
-------------------------------------------------------------- */
.iso_area{
	padding: 80px 0;
	background: url("../img/slash-bg9.png") repeat left top / 28px auto;
}
#dll .iso_area{
	margin: 0 0 0;
}

.iso_area .inner{
	display: flex;
	justify-content: space-between;
    align-items: self-start;
}
.iso_area .logo_area{
	display: flex;
	justify-content: space-around;
	align-items: center;
	/*width: 300px;*/
	text-align: center;
	border: solid 1px #ddd;
  	padding: 20px 30px;
}
.iso_area .logo_area img{
	width: 200px;
}

.iso_area .logo_area p{
	padding: 5px 0 0;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
}

.iso_area .txt_area{
	margin: 0 0 0 0;
    width: 790px;
}
.iso_area .sub-catch{
	background: #49af34;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	line-height: 1;
}
.iso_area .catch{
	text-align: left;
	font-size: 2rem;
}
.iso_area .txt{
	padding: 20px 0 0;
    line-height: 1.8;
    font-size: 1.5rem;
}
.iso_area .txt span{
    color: #00A95F;
	font-weight: bold;
}

.iso_area .btn_more a{
    position: relative;
	transition: 0.5s;
	margin: 20px 0 0;
	display: inline-block;
    font-size: 1.5rem;
    width: 200px;
    padding: 11px 0 13px;
    background-color: transparent;
    border: 1px #888 solid;
    color: #666;
}
.iso_area .btn_more a:hover {
    color: #fff;
    background: #00A95F;
    border: 1px #00A95F solid;
}

@media screen and (max-width: 667px){
	.iso_area{
		margin: 40px 0 0;
		padding: 50px 20px 50px;
		background-size: 20px auto;
	}
	#dll .iso_area{
		margin: 0 0 0;
	}
	
	.iso_area .inner{
		display: block;
		padding: 0;
	}
	.iso_area .logo_area{
		width: fit-content;
		justify-content: center;
		padding: 15px 20px;
		margin: 0 auto;
	}
	.iso_area .logo_area > div{
		width: 65px;
		height: auto;
	}
	.iso_area .logo_area .jqa{
		margin: 0 20px 0 0;
	}
	.iso_area .logo_area img{
		width: 150px;
	}
	.iso_area .logo_area p{
		font-size: .9rem;
		padding: 7px 0 0;
	}

	.iso_area .txt_area{
		width: 100%;
		margin: 0;
	}
	.iso_area .sub-catch{
		display: block;
		text-align: center;
		font-size: 1.4rem;
		margin: 10px 0 0;
	}
	.iso_area .catch{
		padding: 25px 0 0;
		font-size: 4.53vw;
        line-height: 1.6;
        text-align: center;
	}
	.iso_area .txt{
		padding: 10px 0 0;
		font-size: 4vw;
	}

    .iso_area .btn_more a{
        display: inline-block;
        width: auto;
        font-size: 4.26vw;
        padding: 13px 30px 15px;
    }
}

/* iso modal */

#modal-iso1.modal-box {
	padding: 60px 2vw 80px;
    height: 90vh;
    top: 30px!important;
    width: 80%;
    max-width: 840px;
}
#modal-iso1.modal-box .modal-main-title{
    padding: 30px 90px 0;
}

#modal-iso1 .modal-catch{
	font-weight: 500;
}

#modal-iso1 .modal_table_area{
	background: #f8f8f8;
	padding: 10px 30px;
	margin: 20px auto 0;
	width: 80%;
}
#modal-iso1 .modal_table {
	border-top: none;
    text-align: left;
}
#modal-iso1 .modal_table tr{
	border-bottom: none;
}
#modal-iso1 .modal_table th{
	padding: 5px 0;
	width: 23%;
    font-weight: 500;
}
#modal-iso1 .modal_table th span{
	width: 100px;
	display: inline-block;
	white-space: nowrap;
}

#modal-iso1 .modal_table td{
	padding: 5px 0 5px 5px;	
	width: 77%;
}
#modal-iso1 .modal_table td a{
    text-decoration: underline;
}

#modal-iso1 .modal_logo{
	display: flex;
	justify-content: center;
}
#modal-iso1 .modal_logo > div{
	display: flex;
	border: solid 1px #ddd;
	padding: 20px 30px;
}
#modal-iso1 .modal_logo > div:first-of-type{
	margin: 0 30px 0 0;
}
#modal-iso1 .modal_logo img{
	width: 85px;
	padding: 0 8px;
}
#modal-iso1 .modal_logo .isms img{
	height: 90px;
	width: 100%;
}
#modal-iso1 .modal_logo p{
	font-size: 1.15rem;
	font-weight: bold;
	padding: 3px 0 0;
}

@media screen and (max-width: 667px){
	/* iso modal */
        
    #modal-iso1.modal-box {
        padding: 30px 20px 30px;
		top: 30px!important;
		height:  90vh;
        width: 90%;
        max-width: inherit;
    }
    #modal-iso1.modal-box .modal-main-title{
        padding: 20px 0;
    }
    #modal-iso1 .modal-catch{
        font-size: 4.0vw;
        font-weight: 500;
    }
	#modal-iso1 .modal_table_area{
	    padding: 10px 15px;
		width: 100%;
	}
	#modal-iso1 .modal_table {
		width: 100%;
        border-collapse: collapse;
        font-size: 3.73vw;
        line-height: 1.8;
	}
	#modal-iso1 .modal_table tr{
	}
	#modal-iso1 .modal_table th{
		width: 100%;
		padding: 0;
        display: block;
        text-align: left;
        vertical-align: top;
	}
	#modal-iso1 .modal_table th span{
		width: auto;
	}

	#modal-iso1 .modal_table td{
		width: 100%;
		padding: 0;
        display: block;
        text-align: left;
        vertical-align: top;
	}
	/*#modal-iso1 .modal_logo{
		display: block;
		margin: 15px 0 0;
	}
	#modal-iso1 .modal_logo > div{
		justify-content: center;
		padding: 15px 30px;
	}
	#modal-iso1 .modal_logo > div:first-of-type{
		margin: 0 0 10px;
	}
	#modal-iso1 .modal_logo img{
	}
	#modal-iso1 .modal_logo .isms img{
		width: 100px;
	}*/
    #modal-iso1 .modal_logo{
		margin: 15px 0 0;
	}
	#modal-iso1 .modal_logo > div{
		justify-content: center;
		padding: 10px;
	}
	#modal-iso1 .modal_logo > div:first-of-type{
		margin: 0 5px 0 0;
	}
	#modal-iso1 .modal_logo img{
	}
	#modal-iso1 .modal_logo .isms img{
		width: 68px;
        height: 68px;
	}
    #modal-iso1 .modal_logo p {
      font-size: .8rem;
      padding: 0;
      font-weight: 500;
    }

    #modal-iso1 .modal_logo img{
        width: 68px;
    }
}