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

.pt0{
	padding-top: 0!important;
}

.pl25{padding-left: 25px;
}


.br_sp{
    display: none !important;
}

.midashi_ttl{
	text-align: center!important;
	font-weight: bold!important;
	font-size: 1.6em!important;
	margin-bottom: 10px;
}


#intro{
    background: url(../img/mv_bg.png) top center no-repeat;
}
#intro .commonparts_box {
    position: relative;
    height: 190px;
    margin-bottom: 85px;
}

#intro .commonparts_box.shinsei40 {
    position: relative;
    height: 190px;
    margin-bottom: 40px;
}




#intro h1 {
    margin: 0 0 0 24px;
    padding-top: 66px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

#attn_box{
	padding-top: 30px;
} 

#attn_box .attn{
    width: 100%;
    background: #efefef;
    padding: 20px 25px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom: 0px!important;
}

#attn_box .commonparts_box{
    width:900px!important;
    background: #efefef;
    padding: 20px!important;
}
   

#attn_box .commonparts_box p{
	text-align: left;
}


.attn h5{
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 15px;
}
.attn p{
    font-size: 1.6rem!important;
    text-align: center;
}
.txt{
	color: #ff306f;
	font-size: 1.8rem;
}
.txt16{
	color: #ff306f;
	font-size: 1.6rem;
}

#bath .tables_spec{
	border-collapse: collapse;
    margin-top: 30px;
    table-layout: fixed;
    width: 50%;
/*    margin-left: 4%!important;*/

}



.tables_spec .tables_spec-head1 {
    background: #e7eaf2!important;
    border: 10px solid #fff;
    color: #fff;
    font-weight: bold;
    width: 25%;
}
.tables_spec .tables_spec-head1{
	color: #183183;
}


.tables_spec90 .tables_spec-head,
.tables_spec .tables_spec-head{
    background: #38a1db!important;
    border: 40px solid #fff;
    color: #fff;
    font-weight: bold;
	width: 20%;
    font-size: 1.3rem;
	text-align: center;
}

.tables_spec .tables_spec-head2 {
    background: #38a1db!important;
    border: 10px solid #fff;
    color: #fff;
    font-weight: bold;
    width: 25%;
    font-size: 1.3rem;
}

.tables_spec .tables_spec-head_REFORM {
    background: #fe8e96!important;
    border: 10px solid #fff;
    color: #fff;
    font-weight: bold;
	width: 48%;
    font-size: 1.3rem;
	padding: 2% 0;
}
.tables_spec90 .tables_spec-head_condo,
.tables_spec .tables_spec-head_condo {
    background-color: #2eb6aa!important;
    border: 10px solid #fff;
    color: #fff;
    font-weight: bold;
	width: 48%;
    font-size: 1.3rem;
	text-align: center;
	padding: 2% 0;
}

.tables_spec90 tbody td,
.tables_spec tbody td{
    border: 1px solid #fff;
	text-align: center;
}

.subttl{
	font-size: 1.6rem;
}

h3.ttl {
    font-size: 3rem;
    font-weight: bold;
    color: #1e4dc6;
    text-align: center;
    margin-bottom: 37px;
}



.ttl_bb {
    font-size: 1.8rem;
    font-weight: normal;
    color: #1e4dc6;
    text-align: center;
    margin-bottom: 22px;
    background: #ebf5fb;
    padding: 5px 0;
}


.ttl_bb2 {
    font-size: 1.8rem;
    font-weight: normal;
    color: #333;
    text-align: center;
    margin-bottom: 22px;
    background: #fff6c4;
    padding: 5px 0;
}

.ttl_bb2 b{
	font-size: 2.0rem;
	margin: 20px 0!important;
	display: block;
	color: #CC0000;
}
.ttl_bb2 p{
		margin-bottom: 20px;
	}
p.ttleC{text-align: left; margin: 0 auto; width:45%;}


p.info_txt {
    font-size: 1.5rem!important;
    line-height: 1.8!important;
    text-align: center;
	font-weight: normal;
    margin-bottom: 22px;
    background: #ebf5fb;
    padding: 10px;
}



@media screen and (max-width: 767px) {
	p.ttleC{text-align: left; margin: 0 auto; width:100%;}
	
	.tables_spec .tables_spec-head{
		background: #38a1db!important;
		border: 10px solid #fff;
		color: #fff;
		font-weight: bold;
		width: 20%;
		font-size: 1.3rem;
		text-align: center;
}

	
}

@media screen and (max-width: 767px) {

	#bath .tables_spec{
		border-collapse: collapse;
		table-layout: fixed;
		width: 100%;

	}


	#bath .tables_spec .tables_spec-head1,
	#bath .tables_spec .tables_spec-head,
	#bath .tables_spec .tables_spec-head_REFORM,
	#bath .tables_spec .tables_spec-head_condo	{
	width: 25%;	
	}
	
.tables_spec tbody td img{
	max-width: 100%;
}
.ttl_bb {
    font-size: 1.6rem;
    font-weight: normal;
    color: #1e4dc6;
    text-align: center;
    margin-bottom: 22px;
    background: #ebf5fb;
    padding: 5px 0;
    margin: 2%;
}
.txt {
    color: #ff306f;
    font-size: 1.6rem;
}
	
.ttl_bb2 {
    font-size: 1.6rem;
    font-weight: normal;
    color: #333;
    text-align: center;
    margin-bottom: 22px;
    background: #fff6c4;
    padding: 5px 0;
	margin: 2%;
}
	.ttl_bb2 p{
		margin-bottom: 20px;
	}

.ttl_bb2 b{
	font-size: 1.8rem;
	margin: 20px 0!important;
	display: block;
  }

.ttl_bb2 .day{
	font-size: 1.4rem;
	margin: 20px 0!important;
	display: block;
  }

p.info_txt {
    font-size: 1.5rem!important;
    line-height: 1.8!important;
    text-align: left!important;
	font-weight: normal;
    margin-bottom: 22px;
    background: #ebf5fb;
    padding: 10px;
}
	
}


/*問い合わせ*/

#sec05 {
    width: 100%;
}
#sec05.commonparts_sec{
}
#sec05 .commonparts_box {
    padding-top: 95px !important;
}
#sec05 h3 {
    font-size: 3rem;
    color: #00479d;
    font-weight: bold;
    text-align: center;
}
#sec05 p {
    text-align: center;
    margin-top: 23px !important;
    margin-bottom: 30px;
}
#sec05 .line_title {
    font-size: 2.6rem;
    color: #fff;
    background: #7fa3ce;
    text-align: center;
    padding: 12.5px 0;
    margin-bottom: 20px;
}
#sec05 .phone_num {
    font-size: 5.2rem;
    color: #00479d;
/*    padding-left: 35px;*/
    text-align: center;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 600;

}
#sec05 .phone_num span{
    font-size: 1.4rem;
    color: #414141;
}

#sec05 .fax_num {
    font-size: 4rem;
    color: #00479d;
    margin-bottom: 10px;
    padding-left: 35px;
}
#sec05 .time_num {
    width: 65%;
    margin: 0 auto 20px;
    font-size: 1.4rem;
    padding-left: 35px;
    margin-bottom: 20px;
}
#sec05 .info_box{
    border: 1px solid #7fa3ce;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	
	#attn_box{
	
	width: 96%;
    margin: 0 auto;
    padding: 2%;
	
	}
	
	
	#attn_box .commonparts_box{
    width:96%!important;
    background: #efefef;
    padding:2%!important;
}

	
    #sec05 {
        width: 92%;
        margin: 0 auto;
    }
    #sec05.commonparts_sec{
    }
    #sec05 .commonparts_box {
        padding-top: 10vw !important;
    }
    #sec05 h3 {
        font-size: 5vw;
        color: #00479d;
        font-weight: bold;
        text-align: center;
    }
    #sec05 p {
        text-align: center;
        margin-top: 2.3vw !important;
        margin-bottom: 3vw;
        font-size: 3vw;
    }
    #sec05 .line_title {
        font-size: 4.5vw;
        color: #fff;
        background: #7fa3ce;
        text-align: center;
        padding: 2vw 0;
        margin-bottom: 3vw;
    }
    #sec05 .phone_num {
        font-size: 7vw;
        color: #00479d;
        line-height: 0.6;
        margin: 4vw 0 3vw;
        text-align: center;
        padding-left: 0;
    }
    #sec05 .phone_num span{
        font-size: 3vw;
        color: #414141;
    }

    #sec05 .fax_num {
        font-size: 6vw;
        color: #00479d;
        margin-bottom: 3vw;
        text-align: center;
        padding-left: 0;
    }
    #sec05 .time_num {
        font-size: 3vw;
        text-align: center;
        margin-bottom: 3vw;
        padding-left: 0;
    }
}

/**リンクボタン*/

.btnBox{
	text-align: center;
}
.btn_link{
    display: inline-block;
    padding: 19px 80px 19px 30px;
    background: -moz-linear-gradient(top, #275eaf 0%, #154c98 50%, #013a81 100%);
    /* background: -webkit-linear-gradient(top, #275eaf 0%,#154c98 50%,#013a81 100%); */
    background: linear-gradient(to bottom, #275eaf 0%,#154c98 50%,#013a81 100%);
    position: relative;
    color: #FFF!important;
    font-weight: bold!important;
    font-size: 20px;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2);
}
.btn_link:after{
	content: "";
	display: block;
	position: absolute;
	right: 30px;
	top: calc(50% - 3px);
	width: 6px;
	height: 6px;
	border-right: solid 2px #FFF;
	border-top: solid 2px #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



#totop{
    width: 100%;
    padding-bottom: 60px;
}

#totop .commonparts_box {
    padding: 45px 0 0 0 !important;
}

#totop .index_btn{
    width: 454px;
    height: 80px;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #38a1db;
    font-size: 1.8rem;
    font-weight: normal;
    text-align: center;
    line-height: 80px;
    color: inherit;
}
#totop .index_btn a{
    display: block;
    width: 100%;
    height: 100%;
    color: #414141;
}
#totop .index_btn a:hover{
    text-decoration: none;
    color: #fff;
    background-color: #38a1db !important;
}



.index_btn:after {
    right: 27px;
}


@media screen and (max-width: 767px) {
	.btn_link,
	#totop .index_btn{
		width: 92%;
        padding: 10px 0px !important;
        text-align: center;
        font-size: 4vw !important;
	}
	.btn_link:after{
		right: 3%;
	}
  .secTtl {
    margin: 0 16px;
  }
  .ttl_black {
    margin: 0 16px;
    padding-top: 10px;
  }
	
    .tables_spec {
		display: block!important;
    }	
	
	#totop .index_btn{
		width: 92%;
        padding: 0px !important;
        text-align: center;
        font-size: 4vw !important;
	}
}

/*工事施工者ページの上部*/

.grayBox{
	background:#f0f0f0;
	padding: 30px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.grayBox p{
	width:48%;
	font-size: 1.6rem;
}
.grayBox .linkBtn{
	width:48%;
	display: inline-block;
	background: #fff;
	border: solid #13449d 1px;
}
.grayBox .linkBtn a {
	display: block;
	font-size: 1.6rem;
	text-decoration: underline;
	line-height: 1.4;
    text-align: center;
	color: #13449d;
	background: url(/products/common/images/btn_arrow.png) no-repeat right center;
    padding: 16px 29px 15px 30px;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.grayBox .linkBtn:hover {
	background: #13449d;
}
.grayBox .linkBtn a:hover {
	color: #fff;
	background: url(/products/common/images/btn_arrow_on.png) no-repeat right center;
	text-decoration: none;
}

.marker_yellow_futo {
text-decoration: underline;
margin:0 80px 10px 80px;
font-weight: bold;
color: #ff306f;
font-size: 1.7rem;
	

}

@media screen and (max-width: 767px) {
	.grayBox{
		width: 95%;
		margin: 0 auto;
		display:block;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding: 15px;
	}
	.grayBox p{
		width:100%;
		margin-bottom: 20px;
	}
	.grayBox .linkBtn{
		width:100%;
	}
	.marker_yellow_futo {
	text-decoration: underline;
	border-height:2%;		
	background: none;
	font-weight: bold;
	margin:10px 0!important;

	}	

}



/*施工ページ　コロナ */
#corona{
    border: 1px solid #ff91b2;
	padding: 15px;
	margin-top: 30px!important;
    color: #ff306f;
}



#corona p,
#nouhin_area p{
	font-size: 1.5rem!important;
    line-height: 1.8!important;
    text-align: left!important;
	font-weight: bold;
	margin: 0 5px;
}

#corona h3{
    font-size: 2rem!important;
    font-weight: bold;
    text-align: center;
    margin: 2%;
}
#corona .subttl{
	font-size: 1.85rem;
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(75%, #fff799));
	 background: linear-gradient(transparent 80%, #fff799 75%);
	font-weight: bold; 
	padding-bottom: 0.2em;
}

@media screen and (max-width: 767px) {
	
    #corona {
        width: 95%;
        margin: 0 auto;
        /* background-color: #fd5355; */
        /* padding: 15px 10px; */
        /* margin: 1% 3%!important; */
        /* color: #fff; */
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
#corona h3{
    font-size: 2rem!important;
    font-weight: bold;
    text-align: center;
    margin: 5% 2%;;
}
#corona p{
	font-size: 1.5rem!important;
    line-height: 1.8!important;
    text-align: left!important;
	font-weight: bold;
	margin: 0 auto;
	width: 98%;
	}

}


/*施工ページ　コロナ */



/*施工ページ　年末年始 */
#Year{
    border: 1px solid #CC0000;
	padding: 15px;
	margin-top: 30px!important;
	margin-bottom: 50px!important;
    color: #CC0000;
}

#Year p{
	font-size: 1.5rem!important;
    line-height: 1.8!important;
    text-align: left!important;
	font-weight: bold;
	margin: 0 5px;
}

#Year h3 {
    font-size: 2rem !important;
    font-weight: bold;
    text-align: center;
    margin: 2%;
    
}

#Year .subttl{
	font-size: 1.85rem;
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(75%, #fff799));
	 background: linear-gradient(transparent 80%, #fff799 75%);
	font-weight: bold; 
	padding-bottom: 0.2em;
}

@media screen and (max-width: 767px) {
	
    #Year {
        width: 95%;
        margin: 0 auto;
        /* background-color: #fd5355; */
        /* padding: 15px 10px; */
        /* margin: 1% 3%!important; */
        /* color: #fff; */
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

#Year p{
	font-size: 1.5rem!important;
    line-height: 1.8!important;
    text-align: left!important;
	font-weight: bold;
	margin: 0 auto;
	width: 98%;
	}

}


/*施工ページ　年末年始 */




/*事業所向け*/

#shinsei .tables_spec {
    border-collapse: collapse;
    margin-top: 30px;
    table-layout: fixed;
     width: auto;
}
#shinsei #bath .tables_spec{
	border-collapse: collapse;
    margin-top: 30px;
    table-layout: fixed;
    /*width: 90%;*/
/*    margin-left: 4%!important;*/

}

#shinsei #bath .tables_spec90{
	border-collapse: collapse;
    margin-top: 30px;
    table-layout: fixed;
    width: 90%;
/*    margin-left: 4%!important;*/

}

#shinsei .reform_box{
	background-color: #cdeae2;
	margin: 20px 30px;
	padding: 10px;
	text-align: center;
	
}
	

#shinsei .txt_reform{
	color: #ff306f!important;
	font-size: 1.5rem;
	text-align: left;
	margin-bottom: 10px;
	font-weight: bold;
	margin: 0 20px 20px;
	
}

#shinsei .notes_reform{
	color: #ff306f;
	text-align: center;
	font-size: 1.4rem;
	margin-top: 10px;
	
}
	
#shinsei .reform_box2{
	background-color: #f0f0f0;
	margin: 20px 10px;
	padding: 10px;
	text-align: center;
	color: #c65c84!important;
}
#shinsei .reform_box2 .txt,
#shinsei .reform_box2 .txt_reform,
#shinsei .reform_box2 .notes_reform{
	color: #c65c84!important;
	
}

#shinsei .reform_box2 .notes_reform,
#shinsei .reform_box .notes_reform{
	text-align: left;
	font-size:1.2rem;
	margin: 10px;
}

#shinsei .reform_box2 .notes_reform li,
#shinsei .reform_box .notes_reform li{
	line-height: 1.5;
	text-indent: -1.2em;
	margin-left: 1.2em;
	
}


@media screen and (max-width: 767px) {


	#shinsei .tables_spec {
		border-collapse: collapse;
		margin-top: 30px;
		table-layout: fixed;
		 width: auto;
	}
	
	
	#shinsei .reform_box {
		background-color: #cdeae2;
		margin: 20px 2%;
		padding: 10px;
		text-align: center;
	}	
	
	#shinsei .notes_reform {
    color: #ff306f;
    text-align: left;
    font-size: 1.4rem;
    margin-top: 10px;
	margin:  0 3%;
}


	#shinsei .txt_reform {
		color: #ff306f!important;
		font-size: 1.5rem;
		text-align: left;
		font-weight: bold;
		margin: 0 2% 5%;
	}	
	
}


#relative{
	position: relative;
	
}


#relative .QR{
	position: absolute;
	bottom: 0px;
	right: 30%;
}
#relative .QR p{
	font-size: 1.4rem;
	text-align: center;
}

@media screen and (max-width: 767px) {
	#relative .QR{
	position: absolute;
	bottom: 5%;
	right: 4%;
}

}



/* 20221123追加*/


#Fininfo_link.commonparts_box{
    width: 960px;
    text-align: left;
    margin: 0 auto;
	padding-top: 10px!important;
	padding-bottom: 20px;
}


#Fininfo_link.commonparts_box p{
    margin-top: 0;
    position: relative;
    top: -16px;
    left: 0;
    padding: 1em 2em;
    background: rgba(255,255,255,.6);
    border: 3px solid #CC0000;
    box-sizing: border-box;
    font-weight: 600;
	font-weight: bold;
	color: #CC0000;
    font-size: 1.8rem;
}


@media screen and (max-width: 767px) {
	#Fininfo_link{
        width: 100%;
    }
	#Fininfo_link.commonparts_box 	{
        /*margin-bottom: 12vw;*/
        margin-bottom: 2vw;
		display: inline-block;
    }
	#Fininfo_link.commonparts_box {
/*        padding-top: 6vw !important;
*/    }

    #Fininfo_link.commonparts_box {
        width: 100%;
    }
    #Fininfo_link.commonparts_box p {
        top: -3vw;
		padding: 1em 1.5em;

	}

}





.commonparts_sec .open {
	cursor:pointer;
}
.commonparts_sec #pop-up {
	display: none;
}
.commonparts_sec .overlay {
	display: none;
}
.commonparts_sec #pop-up:checked + .overlay {
	display: block;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.6);
}
.commonparts_sec #window {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 460px;
	max-width: 460px;
    padding: 20px;
	height: auto;
	background-color: #fcffde;
	border-radius: 4px;
	align-items: center;
	transform: translate(-50%, -50%);
}
.commonparts_sec .close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor:pointer;
	font-size: 12px;
	font-weight:800;
}
	
.commonparts_sec #window h4{
	font-weight:800;
	font-size: 18px;
	margin: 30px 0 15px;
	background: linear-gradient(transparent 50%, #ffff7f 50%);
	color: #000;
}

.commonparts_sec #window p{
	width: 90%;
	line-height: 30px;
	font-size: 16px;
	margin: 20px auto 30px auto;
}

@media screen and (max-width: 767px) {
	
	.commonparts_sec .open {
		cursor:pointer;
	}
	.commonparts_sec #pop-up {
		display: none;
	}
	.commonparts_sec .overlay {
		display: none;
	}
	.commonparts_sec #pop-up:checked + .overlay {
		display: block;
		position: fixed;
		width: 100%;
		height: 100vh;
		top: 0;
		left: 0;
		z-index: 9999;
		background: rgba(0, 0, 0, 0.6);
	}
	.commonparts_sec #window {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 100%;
		max-width: 90%;
		height: auto;
		background-color: #fcffde;
		border-radius: 4px;
		align-items: center;
		transform: translate(-50%, -50%);
		font-size: .8vw;
		padding: 0 0 20px 0;
	}
	.commonparts_sec .close {
		position: absolute;
		top: 10px;
		right: 10px;
		cursor:pointer;
		font-size: 1.2vw;
		font-weight:bold;
	}

	.commonparts_sec #window h4{
		font-weight:800;
		font-size: 4vw;
		margin: 45px 0 15px;
		padding: 4% 1%;
		background: linear-gradient(transparent 0%, #ffff7f 0%);
		color: #000;
		text-align: center;
		max-width: 98%;
	}

	.commonparts_sec #window p{
		width: 94%;
		line-height: .7vh;
		font-size: 4vw;
		
		color: #000;
		padding: 3%;
		margin: 0 auto;
	}

	
}


#nouhin_area{
    border: 1px solid #ff91b2;
	padding: 15px;
	margin-top: 30px!important;
    color: #414141;
}




#nouhin_area p{
	font-size: 1.5rem!important;
    line-height: 1.8!important;
    text-align: left!important;
	font-weight: bold;
	margin: 0 5px;
}


#nouhin_area h3{
    font-size: 1.7rem!important;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1%;
    color: #ff306f;
}







#nouhin_area p{
	font-size: 1.5rem!important;
    line-height: 1.8!important;
    text-align: left!important;
	font-weight: bold;
	margin: 0 5px;
    color: #797979;
}



#nouhin_area{
    padding: 2% 3%;
    font-size: 1.5rem;
    line-height: 2;    
}


#nouhin_area table{
    font-size: 2rem;
    margin: 0 auto 2%;
    color: #797979;
    font-weight: 600;
}

#nouhin_area table span{
    color: #ff306f;
    
}

#nouhin_area #nohin_list{
    padding: 2% 1% 0 1%;
    font-size: 1.5rem;
    line-height: 2;    
}

#nohin_list h2{
    color: #797979;
    font-weight: 900!important;
    margin: 4% 0 2% 0;
    text-align: center;
}




#nouhin_area #nohin_list table{
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    width: 100%;
    vertical-align: middle;
    font-size: 1.3rem;
    color: #333;
}


#nouhin_area #nohin_list th {
    vertical-align: middle;
    background: #e0e0e0;
    text-align: center;
    width: 10%;
    border: 1px solid #cccccc;
    font-weight: 600;
}

#nouhin_area #nohin_list td {
    vertical-align: middle;
    width: 10%;
    border: 1px solid #cccccc;
    text-align: center;
}

#nouhin_area #nohin_list td:last-child {
    width: 22%;
    text-align: left;
    padding: 1%;
    color: #ff306f;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.6;

}

#nouhin_area #nohin_list td.ttsh4 {
    vertical-align: middle;
    width: 10%;
    text-align: center;
    background-color: #fff4f7;
    font-weight: 600;
    color: #ff306f;
        
}

#nouhin_area #nohin_list td.ttsh41 {
    vertical-align: middle;
    width: 10%;
    text-align: center;
    font-weight: 600;
    color: #1e4dc6;
        
}

#nouhin_area #nohin_list .sinsei_OK{
    background-color: #1e4dc6;
    color: #ffffff;
    font-weight: 600;
    padding: 2% 5%;
    display: inline-block;
    margin-top: 2%;
    
}

#nouhin_area #nohin_list .sinsei_NG{
    background-color: #ff306f;
    color: #ffffff;
    font-weight: 600;
    padding: 2% 5%;
    display: inline-block;
    margin-top: 2%;
    
}


#nouhin_area #nohin_list td.no {}


@media screen and (max-width: 767px) {

#nouhin_area{
    width: 90%;
    margin: 0 auto;
    padding: 2% 2% 4%!important;
    font-size: 1.5rem;
    line-height: 2
    }    
    
    
#nouhin_area h3{
    width: 95%;
    padding:5% 0 5%!important;
    margin: 0 auto;
    font-size: 2rem!important;
    line-height: 1.6;
    }    
    
    

    
#nouhin_area table{
    font-size: 2rem;
    margin: 4% auto 5%;
    text-align: center;
}
#nouhin_area #nohin_list th {
    vertical-align: middle;
    background: #e0e0e0;
    text-align: center;
    border: 1px solid #cccccc;
    font-weight: 600;
}
    
#nouhin_area #nohin_list th:first-child {
    width: 15%;
    

    }

#nouhin_area #nohin_list td {
    text-align: center;
    padding: 1%;
    color: #ff306f;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.6;

}
    
#nouhin_area #nohin_list td.no {
    text-align: center;
    padding: 1%;
    color: #414141;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.6;

}
#nouhin_area #nohin_list td.sentaku {
    vertical-align: middle;
    width: 10%;
    text-align: center;
    font-weight: 600;
    color: #141414;
        
}    

#nouhin_area #nohin_list td.ttsh4 {
    vertical-align: middle;
    width: 20%;
    text-align: center;
    background-color: #fff4f7;
    font-weight: 600;
    color: #ff306f;
}    

#nouhin_area .notes {
    text-align: left!important;
    padding: 2%;
    color: #ff306f;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.6;

}
    
#nouhin_area h5 {
  text-align: left!important;
    padding-top: 4%;
    color: #797979;
    font-weight: 600;
    font-size: 1.5rem;
    margin-left: 2%;

}
    
#nouhin_area #nohin_list .sinsei_OK{
    display: block;
    margin: 2%;
    
}

#nouhin_area #nohin_list .sinsei_NG{
    display: block;
    width: 82%;
    margin: 4% auto
    
}
    
    
}