@charset "utf-8";





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




#page-head-recruit{
	width: 100%;
	height: 250px;
	background:url(../i/h2_bg_recruit.jpg) no-repeat center center;
	background-size:cover;
	z-index: -1;
}

.recruit-bg{
	background: #fff100;
	z-index: -1;
}

.recruit-head-bg{
	width: 100%;
	height: 90px;
	background: #fff;
	position: absolute;
	z-index:1 ;
}



/*======================================

	h3
	
========================================*/

h3.recruit-h3{
	font-size:36px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	color:#1b5991;
}

h3.recruit-h3 span.h3-en{
	display: block;
	font-size:14px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	color:#dd2326;
}




/*======================================

	submenu
	
========================================*/

.submenu-wrapper{
	width: 100%;
	border-bottom: 1px solid #ccc;
	text-align: center;
	padding: 20px 0 20px 0;
}

.submenu{
	width: 95%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0px auto 0 auto;
}

.submenu-btn-now{
	width: 160px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #dd2326;
	color:#fff;
	margin: 0 8px 8px 8px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}


.submenu-btn{
	width: 160px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #373737;
	color:#fff;
	margin: 0 8px 8px 8px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.submenu-title{
	font-size:14px;
	font-weight: 600;
	margin: 0 0px 0 6px;
}

.submenu-arrow{
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: relative;
}

.submenu-arrow span{
	font-size: 8px;
	line-height: 1;
	font-weight: 600;
	position: absolute;
	top:5.5px;
	left: 5.5px;
}





/*======================================

	company-top
	
========================================*/

section#about-recruit{
	width: 100%;
	margin-bottom:60px;
}

.about-recruit-photo{
	width: 100%;
	margin: 0px 0 21px 0;
}
.about-recruit-photo IMG{
	width: 100%;
}



section#basic-personal-policy{
	width: 100%;
	margin-bottom:75px;
}

h4.policy-h4{
	font-size:20px;
	font-weight: 600;
	line-height: 1.5;
	margin: 21px 0 12px 0;
	padding: 0 0 0 0;
}


section#ideal-candidate-profile{
	width: 100%;
	margin-bottom:60px;
}

.ideal-col{
	width: 100%;
	display: block;
	justify-content: space-between;
}

.ideal-left{
	width: 100%;
	margin-bottom: 21px;
}

.ideal-right{
	width: 100%;
}

.ideal-image{
	width: 100%;
	text-align: center;
}

.ideal-image img{
	width: 75%;
	margin: 0 auto;
}

.ideal-list{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0px 0px 27px 0;
}

.ideal-list-left{
	width: 132px;
	margin: 0 15px 0 0;
}
.ideal-list-right{
	width: 450px;
	margin: 0 0px 0 0;
}

.ideal-list-title{
	width: 132px;
	height: 132px;
	background: #1b5991;
	position: relative;
	text-align: center;
	color:#fff;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	border-radius: 50%;
	padding: 42px 0 0 0
}



/*======================================

	company-topmenu
	
========================================*/

.recruit-topmenu-wrapper{
	width: 100%;
	border-top: 1px solid #ddd;
	padding: 60px 0 60px 0;
	margin: 0 0 0px 0;
	text-align: center;
	background: #fff100;
}


.recruit-topmenu{
	width: 90%;
	display: block;
	justify-content: space-between;
	align-items: center;
	margin: 0px auto 0 auto;
}


.topmenu-btn{
	width: 100%;
	height: 180px;
	display: block;
	z-index: 1;
	position: relative;
	color:#fff;
	overflow: hidden;
	margin-bottom: 12px;
}


.topmenu-eyecatch{
	position:absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 180px;
	z-index: 1;
	object-fit:cover;
}


.topmenu-contents{
	width: 100%;
	position:absolute;
	left: 50%;
	top:55%;
	transform: translate(-50%,-50%);
	text-align: center;
	z-index: 5;
}


.topmenu-arrow{
	width: 42px;
	height: 42px;
	border: 2px solid #fff;
	border-radius: 50%;
	position: relative;
	background: #373737;
	color: #fff;
	margin: 0 auto 0 auto;
}

.topmenu-arrow span{
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	position: absolute;
	top:13px;
	left: 13px;
	color: #fff;
}

.topmenu-title{
	font-size:21px;
	font-weight: 600;
	margin-top:9px;
}
.topmenu-title span{
	display: block;
	font-size:13px;
	font-weight: 600;
	color: #dd2326;
	margin-top:6px;
}






/*======================================

	guideline
	
========================================*/

#coating-boshu{
	border-top:2px solid #1b5991;
	margin-top: 60px;
	margin-bottom: 60px;
}
#blast-boshu{
	border-top:2px solid #1b5991;
	margin-bottom: 60px;
}

h4.guideline-h4{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 0 0 24px;
}

h4.guideline-h4 span.guideline-icon{
	display: inline-block;
	font-size:13px;
	line-height: 1;
	background: #1b5991;
	padding: 6px 12px 6px 12px;
	color:#fff;
	margin-right: 12px;
}

h4.guideline-h4 span.guideline-cat{
	font-size:21px;
	font-weight: 600;
	line-height: 1;
}

table.outline-table{
	width: 100%;
	border-collapse: collapse;
}

table.outline-table tr{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


table.outline-table th{
	width: 100%;
	font-size:13px;
	color:#1b5991;
	padding: 12px 21px 12px 27px;
	border-top:1px solid #1b5991;
}

table.outline-table th.last-th{
	border-bottom:0px solid #1b5991;
}

table.outline-table td{
	width: 100%;
	font-size:13px;
	padding: 12px 21px 12px 27px;
	border-top:1px dotted #333;
}
table.outline-table td.last-td{
	border-bottom:1px solid #333;
}


.boshu-footer{
	width: 100%;
	text-align: center;
	font-size:20px;
	font-weight: 600;
	
}







/*======================================

	infographics
	
========================================*/

.infographics-wrapper{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:60px 0 70px 0;
}

.infographics-box-n{
	width: 48%;
	background: #fff;
	margin: 0 0px 18px 0px;
	padding-bottom: 30px;
}

.infographics-box-w{
	width: 100%;
	background: #fff;
	margin-bottom: 18px;
	padding-bottom: 30px;
}

h4.infographics-h4{
  font-size: 21px;
  height: 42px;
  line-height: 1;
  padding: 0 0 0px 0;
  margin: 30px 0 21px 0;
  font-weight: 600;
  color: #1b5991;
  text-align: center;
  position: relative;
}

h4.infographics-h4::after {
  content: '';
  width: 30px;
  height: 4px;
  display: inline-block;
  background-color: #dd2326;
  position: absolute;
  bottom: 0px;
  left: calc(50% - 15px)
}

.infographics-image{
	width: 100%;
}

.infographics-image img{
	width: 100%;
}

.infographics-note{
	width: 100%;
	padding: 0 24px 0 24px;
	margin: 21px 0 0 0;
	font-size:13px;
	line-height: 1.5;
}

.infographics-note-overtime{
	width: 100%;
	padding: 0 24px 0 24px;
	margin: 9px 0 0 0;
	font-size:13px;
	line-height: 1.5;
}





/*======================================

	volice
	
========================================*/

#voice-top-head{
	margin-bottom: 60px;
}

.voice-top-lead{
	font-size:20px;
	font-weight: 600;
}



/*======================================

	top
	
========================================*/

#voice-top-menu{
	margin-bottom: 60px;
}

.voice-top-menu01{
	width:100%;
	display: block;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
	padding: 25px;
	background: #fff;
	position: relative;
	overflow: hidden;
}



.voice-top-menu01-left{
	width:100%;
	padding: 0 0 0 0px;
	margin-bottom: 18px;
  z-index: 2;
}

.voice-top-menu01-right{
	width:100%;
  z-index: 2;
}

.voice-top-menu01-right img{
	width:100%;
}



.voice-top-menu02{
	width:100%;
	display: block;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
	margin-bottom: 25px;
	padding: 25px;
	background: #fff;
	overflow: hidden;
	position: relative;
}


.voice-top-menu02-left{
	width:100%;
	padding: 0 0 0 0px;
	z-index: 2;
}

.voice-top-menu02-right{
	width:100%;
	padding: 0 0 0 0px;
	margin-bottom: 18px;
	z-index: 2;
}

.voice-top-menu02-left img{
	width:100%;
}

.top-menu-photo{
	width: 100%;
}
.top-menu-photo:hover{
	opacity: 1;
}

.voice-top-num{
	font-size:42px;
	font-weight: 600;
	line-height: 1;
	color:#1b5991;
	margin: 0 0 21px 0;
}

.voice-top-yaku{
	font-size:13px;
	font-weight: 600;
	line-height: 1;
	color:#898989;
	margin: 0 0 12px 0;
}

.voice-top-name-jp{
	font-size:25px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 9px 0;
	color:#333;
}

.voice-top-name-en{
	font-size:13px;
	font-weight: 600;
	line-height: 1;
	color:#dd2326;
	margin: 0 0 12px 0;
}

.voice-top-nyusya{
	font-size:13px;
	font-weight: 500;
	line-height: 1;
	margin: 0 0 0 0;
	color:#333;
}







.voice-head{
	width: 100%;
	display: block;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	margin-bottom: 60px;
}

.voice-head-left{
	width:100%;
	padding:21px 0px;
	background: #fff;
	position: relative;
}
.voice-head-right{
	width:100%;
	padding:0 0px;
}

.voice-head-left-inner{
	width:100%;
}


.voice-head-photo{
	width: 100%;
}
.voice-head-photo:hover{
	opacity: 1;
}

.voice-head-num{
	font-size:36px;
	font-weight: 600;
	line-height: 1;
	color:#1b5991;
	margin: 0 0 24px 0;
	padding: 0 0 18px 12px;
	border-bottom:1px solid #c8c9ca;
}

.voice-head-yaku{
	font-size:13px;
	font-weight: 600;
	line-height: 1;
	color:#898989;
	margin: 0 0 15px 0;
	padding: 0 0 0px 12px;
}

.voice-head-name-jp{
	font-size:25px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 9px 0;
	padding: 0 0 0px 12px;
	color:#333;
}

.voice-head-name-en{
	font-size:13px;
	font-weight: 600;
	line-height: 1;
	color:#dd2326;
	margin: 0 0 15px 0;
	padding: 0 0 0px 12px;
}

.voice-head-nyusya{
	font-size:13px;
	font-weight: 500;
	line-height: 1;
	margin: 15px 0 0 0;
	padding: 0 0 0px 12px;
	color:#333;
}

#voice-contents{
	width: 100%;
	margin: 60px 0 75px 0;
}

.voice-q{
	font-size: 18px;
	line-height: 1.5;
	color:#1b5991;
	margin: 30px 0 15px 0;
}

.voice-a{
	font-size: 15px;
	line-height: 1.5;
	margin: 15px 0 30px 0;
	padding: 0 0 0 0px;
}

.voice-contetns-photo{
	width: 100%;
	margin: 30px 0 45px 0;
}
.voice-contetns-photo img{
	width: 100%;
}




#voice-oneday{
	margin-bottom: 75px;
}


.oneday-col{
	width: 100%;
	display: block;
	justify-content: space-between;
	margin-top: 60px
}

.oneday-col-left{
	width: 100%;
}

.oneday-col-right{
	width: 100%;
}

.oneday-table{
	width: 100%;
	padding: 0 0 0 0;
	border-collapse: collapse;
}

.oneday-table th{
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	width: 120px;
	padding: 0 0 36px 36px;
	margin: 0 0 0 0;
	vertical-align: top;
	text-align: left;
	color:#1b5991;
}

.th-line{
	background: url(../i/oneday_line.png) no-repeat ;
}
.th-dot{
	background: url(../i/oneday_dot.png) no-repeat ;
}


.oneday-table td{
	font-size: 16px;
	line-height: 1;
	padding: 0 0 36px 0px;
	margin: 0px 0 0 0;
	vertical-align: top;
}

.oneday-table td span{
	display: block;
	font-size: 16px;
	margin: 0px 0 9px 0;
	vertical-align: top;
}

.oneday-photo01{
	width: 100%;
	margin: 36px 0 60px 0;
}
.oneday-photo02{
	width: 100%;
	margin: 0 0 0px 0;
}
.oneday-photo01 img, .oneday-photo02 img{
	width: 100%;
}




#voice-foot{
	padding-bottom: 70px;
	background: #fff100;
}

.voice-foot-inner{
	width: 90%;
	margin: 0 auto;
	background: #fff100;
}

h4.voice-foot-h4{
	margin-top: 0;
    padding: 0.5rem 1rem 0.5rem 1.2rem;
    margin-bottom: 30px;
    background-image:
        linear-gradient(#dd2326 40%, #1b5991 30%);
    background-repeat: no-repeat;
    background-size: 0.4rem 100%;
    font-size: 20px;
    text-align: left;
}


.voice-foot-menu{
	width: 100%;
	margin: 0 auto;
	display: block;
}

.voice-foot-menu-box{
	display: block;
	width: 100%;
	background: #fff;
	padding: 9px;
	overflow: hidden;
	margin-bottom: 18px;
}

.voice-foot-menu-box-inner{
	z-index: 2;
	position: relative;
}

.voice-foot-menu-photo{
	width: 100%;
	margin: 0 0 12px 0;
	z-index: 2;
}

.voice-foot-menu-photo img{
	width: 100%;
	z-index: 2;
}

.voice-foot-menu-photo img:hover{
	opacity: 1;
}

.voice-foot-menu-info{
	width: 100%;
	padding: 0 9px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	z-index: 2;
}

.voice-foot-menu-yaku{
	font-size:10px;
	line-height: 1;
	color:#898989;
	margin: 0 0 2px 0;
	text-align: left;
}

.voice-foot-menu-name{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.voice-foot-menu-name-jp{
	display: inline-block;
	font-size:20px;
	font-weight: 600;
	margin-right: 6px;
	color:#333;
}
.voice-foot-menu-name-en{
	display: inline-block;
	font-size:10px;
	font-weight: 600;
	color:#dd2326;
}
.voice-foot-menu-num{
	font-size:25px;
	line-height: 1;
	font-weight: 600;
	color:#1b5991;
	padding: 0 0 6px 12px;
}







}/*//end  max-width: 480px ///////////////////////*/







@media only screen and (min-width: 481px) {




#page-head-recruit{
	width: 100%;
	height: 400px;
	background:url(../i/h2_bg_recruit.jpg) no-repeat center center;
	background-size:cover;
	z-index: -1;
}

.recruit-bg{
	background: #fff100;
	z-index: -1;
}

.recruit-head-bg{
	width: 100%;
	height: 120px;
	background: #fff;
	position: absolute;
	z-index:1 ;
}


/*======================================

	submenu
	
========================================*/

.submenu-wrapper{
	width: 100%;
	height: 96px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	padding: 20px 0 0 0;
}

.submenu{
	width: 960px;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px auto 0 auto;
}

.submenu-btn-now{
	width: 210px;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #dd2326;
	color:#fff;
	margin: 0 8px 0 8px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}


.submenu-btn{
	width: 210px;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #373737;
	color:#fff;
	margin: 0 8px 0 8px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.submenu-btn::after {
  background: #dd2326;
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 55px;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.submenu-btn:hover {
  color: #fff;
}
.submenu-btn:hover::after {
  transform: scale(1, 1);
}

.submenu-title{
	font-size:15px;
	font-weight: 600;
	margin: 0 12px 0 12px;
}

.submenu-arrow{
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: relative;
}

.submenu-arrow span{
	font-size: 8px;
	line-height: 1;
	font-weight: 600;
	position: absolute;
	top:5.5px;
	left: 5.5px;
}








/*======================================

	h3
	
========================================*/

h3.recruit-h3{
	font-size:50px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	color:#1b5991;
}

h3.recruit-h3 span.h3-en{
	display: block;
	font-size:20px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	color:#dd2326;
}




/*======================================

	company-top
	
========================================*/

section#about-recruit{
	width: 100%;
	margin-bottom:75px;
}

.about-recruit-photo{
	width: 100%;
	margin: 0px 0 21px 0;
}


section#basic-personal-policy{
	width: 100%;
	margin-bottom:75px;
}

h4.policy-h4{
	font-size:20px;
	font-weight: 600;
	line-height: 1.5;
	margin: 21px 0 12px 0;
	padding: 0 0 0 0;
}


section#ideal-candidate-profile{
	width: 100%;
	margin-bottom:75px;
}

.ideal-col{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.ideal-left{
	width: 300px;
}

.ideal-right{
	width: 600px;
}

.ideal-image{
	width: 300px;
}

.ideal-image img{
	width: 100%;
}

.ideal-list{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0px 0px 27px 0;
}

.ideal-list-left{
	width: 132px;
	margin: 0 15px 0 0;
}
.ideal-list-right{
	width: 450px;
	margin: 0 0px 0 0;
}

.ideal-list-title{
	width: 132px;
	height: 132px;
	background: #1b5991;
	position: relative;
	text-align: center;
	color:#fff;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	border-radius: 50%;
	padding: 42px 0 0 0
}



/*======================================

	company-topmenu
	
========================================*/

.recruit-topmenu-wrapper{
	width: 100%;
	border-top: 1px solid #333;
	padding: 75px 0 75px 0;
	margin: 0 0 0px 0;
	background: #fff100;
}


.recruit-topmenu{
	width: 960px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0px auto 0 auto;
}


.topmenu-btn{
	width: 300px;
	height: 300px;
	display: block;
	z-index: 1;
	position: relative;
	color:#fff;
}


.topmenu-btn::after {
  background: rgba(0,0,0,0.6);;
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 300px;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: 3;
}
.topmenu-btn:hover {
  color: #fff;
}
.topmenu-btn:hover::after {
  transform: scale(1, 1);
}



.topmenu-eyecatch{
	position:absolute;
	left: 0;
	top:0;
	width: 300px;
	height: 300px;
	z-index: 1;
}
.topmenu-eyecatch:hover{
	opacity: 100;
}

.topmenu-contents{
	width: 100%;
	position:absolute;
	left: 50%;
	top:62%;
	transform: translate(-50%,-50%);
	text-align: center;
	z-index: 5;
}


.topmenu-arrow{
	width: 42px;
	height: 42px;
	border: 2px solid #fff;
	border-radius: 50%;
	position: relative;
	background: #373737;
	color: #fff;
	margin: 0 auto 0 auto;
}

.topmenu-arrow span{
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	position: absolute;
	top:13px;
	left: 13px;
	color: #fff;
}

.topmenu-title{
	font-size:25px;
	font-weight: 600;
	margin-top:18px;
}
.topmenu-title span{
	display: block;
	font-size:13px;
	font-weight: 600;
	color: #dd2326;
	margin-top:9px;
}




/*======================================

	guideline
	
========================================*/

#coating-boshu{
	border-top:2px solid #1b5991;
	margin-top: 60px;
	margin-bottom: 60px;
}
#blast-boshu{
	border-top:2px solid #1b5991;
	margin-bottom: 60px;
}

h4.guideline-h4{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 0 0 24px;
}

h4.guideline-h4 span.guideline-icon{
	display: inline-block;
	font-size:13px;
	line-height: 1;
	background: #1b5991;
	padding: 6px 12px 6px 12px;
	color:#fff;
	margin-right: 12px;
}

h4.guideline-h4 span.guideline-cat{
	font-size:21px;
	font-weight: 600;
	line-height: 1;
}

table.outline-table{
	width: 100%;
	border-collapse: collapse;
}

table.outline-table tr{
	display: flex;
	justify-content: space-between;
}


table.outline-table th{
	width: 246px;
	font-size:13px;
	color:#1b5991;
	padding: 12px 21px 12px 27px;
	border-top:1px solid #1b5991;
}

table.outline-table th.last-th{
	border-bottom:1px solid #1b5991;
}

table.outline-table td{
	width: 700px;
	font-size:13px;
	padding: 12px 21px 12px 27px;
	border-top:1px solid #333;
}
table.outline-table td.last-td{
	border-bottom:1px solid #333;
}


.boshu-footer{
	width: 100%;
	text-align: center;
	font-size:20px;
	font-weight: 600;
	
}





/*======================================

	infographics
	
========================================*/

.infographics-wrapper{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:60px 0 70px 0;
}

.infographics-box-n{
	width: 300px;
	height: 380px;
	background: #fff;
	margin-bottom: 30px;
}

.infographics-box-w{
	width: 630px;
	height: 380px;
	background: #fff;
	margin-bottom: 30px;
}

h4.infographics-h4{
  font-size: 25px;
  height: 42px;
  line-height: 1;
  padding: 0 0 0px 0;
  margin: 30px 0 21px 0;
  font-weight: 600;
  color: #1b5991;
  text-align: center;
  position: relative;
}

h4.infographics-h4::after {
  content: '';
  width: 30px;
  height: 4px;
  display: inline-block;
  background-color: #dd2326;
  position: absolute;
  bottom: 0px;
  left: calc(50% - 15px)
}

.infographics-image{
	width: 100%;
}

.infographics-image img{
	width: 100%;
}

.infographics-note{
	width: 100%;
	padding: 0 24px 0 24px;
	margin: 21px 0 0 0;
	font-size:13px;
	line-height: 1.5;
}

.infographics-note-overtime{
	width: 100%;
	padding: 0 24px 0 24px;
	margin: 9px 0 0 0;
	font-size:13px;
	line-height: 1.5;
}




/*======================================

	volice
	
========================================*/

#voice-top-head{
	margin-bottom: 60px;
}

.voice-top-lead{
	font-size:20px;
	font-weight: 600;
}



/*======================================

	top
	
========================================*/

#voice-top-menu{
	margin-bottom: 70px;
}

.voice-top-menu01{
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
	padding: 25px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.voice-top-menu01::after {
  background: rgba(246,246,243,1);
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 360px;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: 1;
}
.voice-top-menu01:hover {
  color: #fff;
}
.voice-top-menu01:hover::after {
  transform: scale(1, 1);
}



.voice-top-menu01-left{
	width:400px;
	padding: 0 0 0 130px;
  z-index: 2;
}

.voice-top-menu01-right{
	width:500px;
  z-index: 2;
}




.voice-top-menu02{
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
	margin-bottom: 25px;
	padding: 25px;
	background: #fff;
	overflow: hidden;
	position: relative;
}


.voice-top-menu02::after {
  background: rgba(246,246,243,1);
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 360px;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: 1;
}
.voice-top-menu02:hover {
  color: #fff;
}
.voice-top-menu02:hover::after {
  transform: scale(1, 1);
}


.voice-top-menu02-left{
	width:500px;
	padding: 0 0 0 0px;
	z-index: 2;
}

.voice-top-menu02-right{
	width:400px;
	padding: 0 0 0 120px;
	z-index: 2;
}

.top-menu-photo{
	width: 500px;
}
.top-menu-photo:hover{
	opacity: 1;
}

.voice-top-num{
	font-size:60px;
	font-weight: 600;
	line-height: 1;
	color:#1b5991;
	margin: 0 0 36px 0;
}

.voice-top-yaku{
	font-size:13px;
	font-weight: 600;
	line-height: 1;
	color:#898989;
	margin: 0 0 30px 0;
}

.voice-top-name-jp{
	font-size:25px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 9px 0;
	color:#333;
}

.voice-top-name-en{
	font-size:13px;
	font-weight: 600;
	line-height: 1;
	color:#dd2326;
	margin: 0 0 30px 0;
}

.voice-top-nyusya{
	font-size:13px;
	font-weight: 500;
	line-height: 1;
	margin: 0 0 0 0;
	color:#333;
}







.voice-head{
	width: 100%;
	height: 450px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	margin-bottom: 60px;
}

.voice-head-left{
	width:300px;
	height: 450px;
	padding:0 0px;
	background: #fff;
	position: relative;
}
.voice-head-right{
	width:650px;
	height: 450px;
	padding:0 0px;
}

.voice-head-left-inner{
	width:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%,-50%);
	padding:0 24px;
}


.voice-head-photo{
	width: 650px;
}
.voice-head-photo:hover{
	opacity: 1;
}

.voice-head-num{
	font-size:60px;
	font-weight: 600;
	line-height: 1;
	color:#1b5991;
	margin: 0 0 24px 0;
	padding: 0 0 24px 32px;
	border-bottom:1px solid #c8c9ca;
}

.voice-head-yaku{
	font-size:13px;
	font-weight: 600;
	line-height: 1;
	color:#898989;
	margin: 0 0 30px 0;
	padding: 0 0 0px 32px;
}

.voice-head-name-jp{
	font-size:25px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 9px 0;
	padding: 0 0 0px 32px;
	color:#333;
}

.voice-head-name-en{
	font-size:13px;
	font-weight: 600;
	line-height: 1;
	color:#dd2326;
	margin: 0 0 30px 0;
	padding: 0 0 0px 32px;
}

.voice-head-nyusya{
	font-size:13px;
	font-weight: 500;
	line-height: 1;
	margin: 15px 0 0 0;
	padding: 0 0 0px 32px;
	color:#333;
}

#voice-contents{
	width: 100%;
	margin: 60px 0 75px 0;
}

.voice-q{
	font-size: 18px;
	line-height: 1.5;
	color:#1b5991;
	margin: 30px 0 15px 0;
}

.voice-a{
	font-size: 15px;
	line-height: 1.5;
	margin: 15px 0 30px 0;
	padding: 0 0 0 36px;
}

.voice-contetns-photo{
	width: 100%;
	margin: 30px 0 45px 0;
}
.voice-contetns-photo img{
	width: 100%;
}




#voice-oneday{
	margin-bottom: 75px;
}


.oneday-col{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 60px
}

.oneday-col-left{
	width: 580px;

}

.oneday-col-right{
	width: 340px;
}

.oneday-table{
	width: 100%;
	padding: 0 0 0 0;
	border-collapse: collapse;
}

.oneday-table th{
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	width: 120px;
	padding: 0 0 36px 36px;
	margin: 0 0 0 0;
	vertical-align: top;
	text-align: left;
	color:#1b5991;
}

.th-line{
	background: url(../i/oneday_line.png) no-repeat ;
}
.th-dot{
	background: url(../i/oneday_dot.png) no-repeat ;
}


.oneday-table td{
	font-size: 16px;
	line-height: 1.2;
	padding: 0 0 36px 0px;
	margin: 0px 0 0 0;
	vertical-align: top;
}

.oneday-table td span{
	display: block;
	font-size: 16px;
	margin: 0px 0 9px 0;
	vertical-align: top;
}

.oneday-photo01{
	width: 100%;
	margin: 36px 0 60px 0;
}
.oneday-photo02{
	width: 100%;
	margin: 0 0 0px 0;
}
.oneday-photo01 img, .oneday-photo02 img{
	width: 100%;
}




#voice-foot{
	padding-bottom: 70px;
	background: #fff100;
}

.voice-foot-inner{
	width: 960px;
	margin: 0 auto;
	background: #fff100;
}

h4.voice-foot-h4{
	margin-top: 0;
    padding: 0.5rem 1rem 0.5rem 1.2rem;
    margin-bottom: 30px;
    background-image:
        linear-gradient(#dd2326 40%, #1b5991 30%);
    background-repeat: no-repeat;
    background-size: 0.4rem 100%;
    font-size: 20px;
    text-align: left;
}


.voice-foot-menu{
	width: 960px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.voice-foot-menu{
	display: flex;
	justify-content: space-between;
}

.voice-foot-menu-box{
	width: 300px;
	background: #fff;
	padding: 9px;
	position: relative;
	overflow: hidden;
}

.voice-foot-menu-box::after {
  background: rgba(246,246,243,1);
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 360px;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: 1;
}
.voice-foot-menu-box:hover {
  color: #fff;
}
.voice-foot-menu-box:hover::after {
  transform: scale(1, 1);
}


.voice-foot-menu-box-inner{
	z-index: 2;
	position: relative;
}

.voice-foot-menu-photo{
	width: 100%;
	margin: 0 0 12px 0;
	z-index: 2;
}

.voice-foot-menu-photo img{
	width: 100%;
	z-index: 2;
}

.voice-foot-menu-photo img:hover{
	opacity: 1;
}

.voice-foot-menu-info{
	width: 100%;
	padding: 0 9px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	z-index: 2;
}

.voice-foot-menu-yaku{
	font-size:10px;
	line-height: 1;
	color:#898989;
	margin: 0 0 2px 0;
	text-align: left;
}

.voice-foot-menu-name{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.voice-foot-menu-name-jp{
	display: inline-block;
	font-size:20px;
	font-weight: 600;
	margin-right: 6px;
	color:#333;
}
.voice-foot-menu-name-en{
	display: inline-block;
	font-size:10px;
	font-weight: 600;
	color:#dd2326;
}
.voice-foot-menu-num{
	font-size:25px;
	line-height: 1;
	font-weight: 600;
	color:#1b5991;
	padding: 0 0 6px 12px;
}




}/*//end  min-width: 481px ///////////////////////*/