@charset "UTF-8";

/*********************************************************
本サイト 基本設定
**********************************************************/
body
{
	overflow-x: hidden;
	font-family:  'メイリオ','Meiryo',apple-system, BlinkMacSystemFont, 'Helvetica', '游ゴシック体', 'YuGothic', '游ゴシック Medium', 'Yu Gothic Medium', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
p
{
	font-size: 1rem;
}
ul li
{
	list-style-type: none;
}
img
{
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
a
{
	color: #4696ff;

	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover
{
	opacity: 0.6;
	text-decoration: none;
}

body > header,
body > footer,
body > footer > div,
body > section,
body > #wrap > section,
body > div
{
	width: 100%;
}
body > section
{
	overflow: hidden;
}

body > section > div,
body > #wrap > section > div,
body > #wrap > section > a > div,
body > div > div
{
	width: 96%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}
body > footer > div > div,
body > header > div {
	width: 98%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0;
}

#wrap
{
	overflow: hidden;
}
a.tel_a
{
	color: #4c4948;
}

.br_780 {
    display: none;
}

@media (max-width: 780px) {
    .br_780 {
    display: block;
}
}


/*********************************************************
header
**********************************************************/
header{
	background-color: #eceeee;
	padding: 1rem 0 0;
	z-index: 1000;
	width: 100%;
	position: fixed;
	top: 0;
}
@media print{
	header{
		position: static;
	}
}

header > .clearfix{
	margin: 0 auto;
	margin-bottom: 0.5rem;
}
header h1{
	padding-left: 0.5rem;
}
header h1 a{
	max-width: 220px;
}
#head_nav{
	/* padding-right: 1.5rem; 2024.6.27インターンページ追加のため */
	padding-right: 1.0rem;
}
#head_nav li{
	margin-right: 1rem;
}
#head_nav li#mail_icon{
	margin-left: 0.5rem;
	margin-right: 0.2rem;
}
#sm_telno{
	display: none;
}
#head_nav img{
	height: 24px;
	width: auto;
	vertical-align: bottom;
}
#head_nav li:hover,
#head_nav li:hover a,
#head_nav li.click_nav{
	opacity: 0.6;
	text-decoration: none;
	cursor: pointer;
}

#sub_nav{
	font-size: 0.8rem;
	width: 100%;
	max-width: 100%;
	max-height: 3rem;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	background-color: #bcbebe;
	color: #ffffff;
}
#sub_nav a
{
	color: #ffffff;
	vertical-align: middle;

	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#sub_nav a:hover
{
	opacity: 0.7;
	text-decoration: none;
}
.scr_button
{
	width: 2rem;
	height: 2.5rem;
	text-align: center;
	background-color: #bcbebe;
	font-size: 2rem;
	line-height: 2rem;
	box-sizing: border-box;

	position: absolute;
	display: none;
	cursor: pointer;
}
#scroll_left
{
	left: 0;
	top: 0.5rem;
	border-right: 1px solid #ffffff;
}
#scroll_right
{
	right: 0;
	top: 0.5rem;
	border-left: 1px solid #ffffff;
}
#sub_nav ul
{
	display: none;
	padding: 0.3rem 0 50px;
	text-align: center;
	overflow-y: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
}

#sub_nav ul li
{
	display: inline-block;
}
#sub_nav ul li:after
{
	content: "||";
	margin-left: 0.5em;
}
#sub_nav ul li:last-child:after
{
	content: "";
	margin-left: 0;
}
#sub_nav ul li.left_arrow:after
{
	content: "＞";
	margin-left: 0.5em;
}
#sub_nav ul li.click_li
{
	margin-right: 2em;
}
#sub_nav ul li.click_li a
{
	font-size: 1.3rem;
}
#sub_nav ul li.now_page span
{
	color: #004097;
	border-bottom: 3px solid #004097;
}
/* smナビ */
#sm_menu li a
{
	display: inline-block;
}
#sm_menu > li > span
{
	display: inline-block;
	float: right;
	margin-right: 1rem;
	cursor: pointer;
	color: #4c4948;

	-webkit-transform: scale(1.5);
	transform: scale(1.5);

	-webkit-transition: transform 0.3s;
	transition: transform 0.3s;

}
#sm_menu > li > span:after
{
	content: "";
	display: block;
	clear: both;
}
#sm_menu > li > span.open_child
{
	-webkit-transform: rotate(45deg) scale(1.5);
	transform: rotate(45deg) scale(1.5);
}
.sm_child_nav
{
	display: none;
}
#sm_menu .sm_child_nav li
{
	border: none;
	margin: 0 5%;
}


/*********************************************************
footer
**********************************************************/
footer
{
	background-color: #f7f7f7;
	margin-top: 3rem;
}
#banners_bg
{
	background-color: #cdcfcf;
	padding: 5rem 0;
}
#buttons_bg
{
	background-color: #eceeee;
	padding: 2rem 0;
}

#main #banners
{
	padding: 0;
}
#banners img
{
	vertical-align: bottom;
}
footer #copyright
{
	text-align: left;
}
footer #copyright:before
{
	width: 100%;
}

#banners li
{
	display: inline-block;
	box-sizing: border-box;
	width: 50%;
	width: calc(100% / 2);

	padding: 0 0.5em;
}
#banners li a
{
	padding: 1em 0;
	color: #000000;

	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#banners li a:hover
{
	text-decoration: none;
	color: #cdcfcf;
}

/*********************************************************
OPアニメーション
**********************************************************/
/* 各要素位置設定 */
#op_slide
{
	text-align: center;
}
#op_slide > img
{
	vertical-align: bottom;
	width: 100%;
}
#op_slide > #op_txt_01,
#op_slide > #op_txt_02,
#op_slide > #op_txt_03
{
	position: fixed;
	top: 40vh;
	opacity: 0;

	width: 100%;
}
#op_slide > #op_txt_01 img,
#op_slide > #op_txt_02 img,
#op_slide > #op_txt_03 img
{
	width: 50vw;
}
#op_slide > #op_skip
{
	position: fixed;
	bottom: 10vh;

	width: 100%;
}
#op_slide > #op_skip img
{
	width: 7vw;
	cursor: pointer;
}

/*********************************************************
TOPページ　スライダー
**********************************************************/
#top_slider
{
	position: relative;
}
#top_slider > #slider_window
{
	width: 90%;
	max-width: 90%;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
#slider
{
	width: 500%;
}
#slider:after
{
	content: "";
	display: block;
	clear: both;
}
#slider li
{
	float: left;
	width: 20%;
}
#slider li img
{
	width: 100%;
}
#slider li img.small_slide_img
{
	display: none;
}
#paging
{
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 3em;
}
#paging li
{
	display: inline-block;
	width: 3rem;
	height: 0.5rem;
	margin-right: 0.8rem;
	background: url(../ipec_images/paging.png) center center no-repeat;
	background-size: contain;
	cursor: pointer;
}
#paging li:last-child
{
	margin-right: 0;
}
#paging li.act
{
	background: url(../ipec_images/paging_active.png) center center no-repeat;
	background-size: contain;
}
#pickup_menu
{
	background-color: rgba(0, 0, 0, .5);
	padding: 0 10%;
	box-sizing: border-box;
	width: 100%;

	position: absolute;
	left: 0;
	bottom: 0;
}
#pickup_menu li
{
	display: inline-block;
	width: 25%;
	height: 3rem;
	line-height: 3;
	text-align: center;
	background-color: rgba(255, 255, 255, 0);

	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#pickup_menu li:hover
{
	background-color: rgba(255, 255, 255, .6);
}
#pickup_menu li a
{
	color: #ffffff;
	display: inline-block;
	width: 100%;
	height: 100%;
}
#slide_nav .prev,
#slide_nav .next
{
	position: absolute;
	top: 47%;
	width: 3%;
	cursor: pointer;
	opacity: .4;

	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#slide_nav .prev
{
	left: 1%;
}
#slide_nav .next
{
	right: 1%;
}
#slide_nav .prev:hover,
#slide_nav .next:hover
{
	opacity: 1;
}

/* スクロール誘導マーク */
#top_slider .scroll_img
{
	position: absolute;
	bottom: 25px;
	left: 13%;

	width: 3vw;
	min-width: 30px;

	-webkit-animation-name: scrollFloat_top;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;

	animation-name: scrollFloat_top;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}

@-webkit-keyframes scrollFloat_top
{
	0% { bottom: 35px }
	100% { bottom: 20px }
}
@keyframes scrollFloat_top
{
	0% { bottom: 35px }
	100% { bottom: 20px }
}

/*********************************************************
TOPページ What's new
**********************************************************/

#news
{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;

	font-size: 0.8rem;
}
#news > div
{
	padding: 1rem 0;
	/* display: flex;
	display: -webkit-flex; */
	/* flex-wrap: wrap; */
	position: relative;
}
#news h2
{
	flex: 2 2 auto;
	-webkit-align-items: center;
	align-items: center;
}
#news p
{
	flex: 3 3 auto;
}
#news ul
{
	flex: 13 13 auto;
}
#news h2
{
	margin: auto 0;
	font-weight: normal;
	font-size: 1.2rem;
}
#news ul:after
{
	content: "";
	display: block;
	clear: both;
}
#news ul li > span.date
{
	float: left;
	margin-right: 1em;
}
#news ul li > span.news_text
{
	overflow: hidden;
	display: block;
}
.news_page_text
{
	text-align: right;
	
	font-size: 0.7rem;
}

/*********************************************************
TOPページ section
**********************************************************/
section
{
	margin: 0;
	padding: 2.25rem 0;
}


#sec_anzen
{
	padding-bottom: 0;
}
section ul
{
	display: inline-block;
}
#sec_ipec,
#sec_02,
#sec_03,
#sec_04,
#sec_05
{
	color: #ffffff;
}
#sec_anzen p,
#sec_anshin p
{
	font-size: 0.75rem;
}
#sec_01 > a
{
	color: #4c4948;
}
#sec_01 > a:hover img
{
	opacity: 1;
}
strong
{
	font-size: 1.3rem;
}
#sec_ipec strong
{
	font-weight: normal;
}
h3
{
	font-size: 4rem;
	font-weight: 100;
	line-height: 1;
	margin-bottom: 1.5rem;
}
h3 .small-size
{
	font-size: 1.8rem;
}
#sec_01 h3
{
	font-size: 3.5rem;
	line-height: 1.2;
}
#sec_05 h3
{
	font-size: 3.25rem;
}
#sec_06 h3
{
	font-size: 3.25rem;
}
section ul li
{
	font-size: 1.3rem;
}
section ul li a
{
	font-size: 1.1rem;
}
#sec_01 .column3 > .center p
{
	font-size: 1.3rem;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 3rem;
}
#sec_01 > div,
#sec_02 > div,
#sec_05 > div
{
	text-align: right;
}
#sec_03 > div,
#sec_04 > div,
#sec_06 > div
{
	text-align: left;
}

a #sec_01
{
	color: #4c4948;
}
a #sec_01 .sec_01_bg_gray,
a #sec_01 .doctor_back .sec_01_text
{
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a #sec_01:hover .sec_01_bg_gray,
a #sec_01:hover .doctor_back .sec_01_text
{
	opacity: 0.6;
}
#sec_01
{
	position: relative;
	padding: 4rem 0;
	height: 350px;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;

	background: linear-gradient(45deg, #cdcfcf 0%, #ffffff 45%);
}
#sec_01 .doctor_back
{
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	max-width: 100%;
	height: 350px;
	box-sizing: border-box;
	background: url(../ipec_images/sec_01_back.png) 50% 0 no-repeat;
	background-size: cover;

	padding: 7rem 0 0;
}
#sec_01 .sec_01_bg_gray,
#sec_saiyo .sec_01_bg_gray
{
	background-color: #4c4948;
	color: #ffffff;
	width: 100%;
	max-width: 100%;
}
#sec_01 .sec_01_bg_gray div,
#sec_01 .sec_01_text
{
	display: inline-block;
	width: 60%;
	text-align: left;
}
#sec_01 .sec_01_text p
{
	font-size: 2rem;
}

#sec_saiyo
{
	height: 350px;
	box-sizing: border-box;
	background: url(../ipec_images/sec_saiyo_back.jpg) 0 50% no-repeat;
	background-size: cover;

	position: relative;
}
#sec_saiyo .saiyo_back
{
	height: 350px;
	width: 100%;
	overflow: hidden;

	position: absolute;
	top: 0;
	left: 0;
}
#sec_saiyo .saiyo_back .sec_saiyo_text
{
	height: 350px;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;

	position: relative;
}
#sec_saiyo .sec_01_bg_gray div
{
	text-align: left;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 1rem 0 2.5rem;
	box-sizing: border-box;
}
#sec_saiyo .sec_01_bg_gray div p span
{
	display: inline-block;
	vertical-align: middle;
}
#sec_saiyo h3
{
	text-align: left;
	padding: 6.2rem 0 0 2rem;
	font-size: 5rem;
	color: #4c4948;
}
#sec_saiyo .fukidashi
{
	display: inline-block;
	color: #ffffff;
	font-size: 2.8rem;
	line-height: 1;
	height: 12rem;
	width: 12rem;
	box-sizing: border-box;
	padding-top: 2rem;
	padding-left: 0.5rem;

	border: 8px solid #ffffff;
	border-radius: 12rem;

	position: absolute;
	bottom: 1rem;
	right: 22.5rem;
}
#sec_saiyo .fukidashi:after
{
	content: "";
	height: 0;
	border-width: 1.5rem 0 1.5rem 4rem;
	border-color: transparent transparent transparent #ffffff;
	border-style: solid;

	position: absolute;
	bottom: 4.5rem;
	left: 11rem;
}
#sec_saiyo .fukidashi .font_big
{
	font-size: 5rem;
	margin-left: -0.3rem;
}
#sec_saiyo .fukidashi .rotate_a
{
	display: inline-block;
	margin-left: -1rem;

	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}
#sec_saiyo .sec_saiyo_ipen
{
	position: absolute;
	bottom: -1.5rem;
	right: 3.5rem;
}
#sec_saiyo:hover .sec_saiyo_ipen .sec_saiyo_anime01
{
	opacity: 1;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
#sec_saiyo .sec_saiyo_ipen .sec_saiyo_anime02
{
	position: absolute;
	top: 0;
	left: 0;

	opacity: 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
#sec_saiyo:hover .sec_saiyo_ipen .sec_saiyo_anime02
{
	opacity: 1;
}
#sec_saiyo:hover .sec_saiyo_ipen .sec_saiyo_anime01
{
	opacity: 0;
}

#sec_ipec
{
	background: url(../ipec_images/sec_ipec_back.jpg) 50% 3% no-repeat;
	background-size: cover;
}
#sec_02
{
	background: url(../ipec_images/sec_02_back.jpg) 50% 0 no-repeat;
	background-size: cover;
}
#sec_03
{
	background: url(../ipec_images/sec_04_back.jpg) 50% 100% no-repeat;
	background-size: cover;
}
#sec_04
{
	background: url(../ipec_images/sec_03_back.jpg) 50% 100% no-repeat;
	background-size: cover;
}
#sec_05
{
	background: url(../ipec_images/sec_05_back.jpg) 25% 0 no-repeat;
	background-size: cover;
}
#sec_06
{
	background: url(../ipec_images/sec_06_back.jpg) 50% 0 no-repeat;
	background-size: cover;
}

.after_dash:after
{
	content: "";
	display: inline-block;
	width: 10rem;
	height: 0;
	margin-left: 0.5rem;
	margin-top: -0.3rem;
	vertical-align: middle;
	border-top: 1px solid #4c4948;
	border-bottom: 1px solid #4c4948;
}

/* 「みる」アニメーション */
li.miru_li
{
	width: 95px;
	height: 95px;
	display: inline-block;
}
.miru_link
{
	display: inline-block;
	width: 95px;
	height: 95px;
	position: relative;
	-webkit-transition: none;
	transition: none;
}
.miru_open,
.miru_close
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#sec_02 .miru_open,
#sec_02 .miru_close,
#sec_05 .miru_open,
#sec_05 .miru_close
{
	right: 0;
}
#sec_03 .miru_open,
#sec_03 .miru_close,
#sec_04 .miru_open,
#sec_04 .miru_close
{
	left: 0;
}
.miru_close
{
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
a.miru_link:hover,
a.miru_link:hover img
{
	opacity: 1;
}
li.miru_li:hover .miru_link .miru_open
{
	-webkit-animation-name: Miru;
	-webkit-animation-duration: .7s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;

	animation-name: Miru;
	animation-duration: .7s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
}

@-webkit-keyframes Miru
{
	0% { -webkit-transform: scale(1) rotateX(0deg); }
	30% { -webkit-transform: scale(1.1) rotateX(0deg); }
	50% { -webkit-transform: scale(1.1,1) rotateX(-180deg); }
	100% { -webkit-transform: scale(1) rotateX(-180deg); }
}
@keyframes Miru
{
	0% { transform: scale(1) rotateX(0deg); }
	30% { transform: scale(1.1) rotateX(0deg); }
	50% { transform: scale(1.1,1) rotateX(-180deg); }
	100% { transform: scale(1) rotateX(-180deg); }
}
li.miru_li:hover .miru_link .miru_close
{
	-webkit-animation-name: Miru_ura;
	-webkit-animation-duration: .7s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;

	animation-name: Miru_ura;
	animation-duration: .7s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
}

@-webkit-keyframes Miru_ura
{
	0% { -webkit-transform: scale(1) rotateX(180deg); }
	30% { -webkit-transform: scale(1.1) rotateX(180deg); }
	50% { -webkit-transform: scale(1.1,1) rotateX(0deg); }
	100% { -webkit-transform: scale(1) rotateX(0deg); }
}
@keyframes Miru_ura
{
	0% { transform: scale(1) rotateX(180deg); }
	30% { transform: scale(1.1) rotateX(180deg); }
	50% { transform: scale(1.1,1) rotateX(0deg); }
	100% { transform: scale(1) rotateX(0deg); }
}


/* トップへの動画掲載が2つある場合 */

#sec_tv_cm, #sec_tv_cm2 {
width: 100%;
height: 100%;
}

#sec_tv_cm h2, #sec_tv_cm2 h2 {
	text-align: center;
	font-size:1.25rem;
	line-height: 1.25;
	margin-bottom: 1rem;
}

#sec_tv_cm div .tv_title,
#sec_tv_cm2 div .tv_title {
	line-height: 1.9;
	color: #4696ff;
	}


#sec_tv_cm, #sec_tv_cm2 {
	display: flex;
	max-width: 80%!important;
	height: 100%;
	margin: 30px auto;
}

@media(min-width: 1200px) {
	#sec_tv_cm2 {
		max-width: 55%!important;
	}
}

/* ----------------------20240704追加 */


/* --------------------------------- */

#sec_tv_cm > div >div {
	margin: 0 2rem;
	max-width: 100% !important;
	height: 100%;
	align-items: center;
}
#sec_tv_cm2 > div >div {
	margin: 0 2rem;
	max-width: 100% !important;
	height: 100%;
	align-items: center;
}
.video img , .video video {
	width: 90%;
	box-shadow: 5px 5px 10px #333;
}

.video img:hover {
	transform: scale(1.1, 1.1);
	transition: .5s;
	}

.video video:hover {
transform: scale(1.1, 1.1);
transition: .5s;
}

.br_sp {
	display: none;
}

@media(max-width: 1200px) {
	#sec_tv_cm, #sec_tv_cm2 {
		flex-wrap: wrap;
	}
	
	#sec_tv_cm div .tv_title,
	#sec_tv_cm2 div .tv_title {
	line-height: 1.25;
	}
	#sec_tv_cm > div,
	#sec_tv_cm2 > div {
		margin-bottom: 3rem;
	}
}

@media(max-width: 800px) {
	#sec_tv_cm, #sec_tv_cm2 {
	width: 100%;
	height: auto;
	}
	
	
	.br_sp {
	display: block;
	}
	.br_pc {
	display: none;
	}
}

/* トップへの動画掲載がCMのみの場合 */

/* 
#sec_tv_cm h2 {
	text-align: center;
}
@media(min-width: 500px) {
	#sec_tv_cm .video
	{
		width: 480px;
		height: auto;
	}
}
 */

/*********************************************************
第2階層共通部分
**********************************************************/
section > div
{
	text-align: center;
}
section
{
	padding: 2rem 0;
}
.page_top
{
	min-height: 240px;
}
.page_top h1
{
	color: #ffffff;
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 0;
}
section h1
{
	font-size: 2rem;
	font-weight: normal;
	line-height: 1.4;
}
section h1 a
{
	color: inherit;

}
section h1 a:hover
{
	text-decoration: underline;
}
.bottom_space1
{
	margin-bottom: 1rem;
}
.bottom_space3
{
	margin-bottom: 3rem;
}
.bottom_zero
{
	margin-bottom: 0;
}
.page_top
{
	position: relative;
}

.menu ul, .menu li
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li a
{
	display: block;
	border: 0px;
	color: #ffffff;
}

.menu li a:hover
{
	text-decoration: underline;
}
.menu li:last-child
{
	margin-bottom: 3rem;
}
.border
{
	width: 12rem;
	height: 0;
	border-bottom: 1px solid #4696ff;
	margin: 0 auto 2.5rem;
	position: relative;
	box-sizing: border-box;
}
.border:after
{
	content: "";
	position: absolute;
	bottom: -1.5rem;
	left: 4.5rem;
	width: 0;
	height: 0;
	border: 1.5rem solid transparent;
	border-top-color: #4696ff;
	border-bottom-width: 0;
}
.border2
{
	margin: 0 auto 6rem;
}
@media screen and (max-width:480px) {
	.border2 {
		margin: 0 auto 3rem;
	}
}
.scroll_button
{
	position: relative;
}
.scroll_button .scroll_img
{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 3vw;

	-webkit-animation-name: scrollFloat;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;

	animation-name: scrollFloat;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}
@-webkit-keyframes scrollFloat
{
	0% { bottom: 20px }
	100% { bottom: 35px }
}
@keyframes scrollFloat
{
	0% { bottom: 20px }
	100% { bottom: 35px }
}
.float_right
{
	float: right;
}
.float_left
{
	float: left;
}
ul.txt_hidden:after
{
	clear: both;
	content: "";
	display: block;
}
.ul_num
{
	float: left;
}
.ul_txt
{
	overflow: hidden;
	display: block;
}
/*********************************************************
業務案内ページ共通
**********************************************************/
section.gyoumu
{
	text-align: center;
}
.gyoumu > h2
{
	background-color: #00503c;
	color: #ffffff;
	font-family: "A-OTF UD 新ゴ Pro", "A-OTF UD Shin Go Pro";
	font-weight: normal;
	font-size: 5.7rem;
	line-height: 1.8;

	width: 10rem;
	height: 10rem;
	white-space: nowrap;
	border-radius: 5rem;
	margin: 0 auto 2rem;

}
.gyoumu > h1
{
	margin-bottom: 4vw;
}
.gyoumu .guide
{
	width: 100%;
	max-width: 100%;
	text-align: left;

	position: relative;
	display: flex;
	display: -webkit-flex;

	background-repeat: no-repeat;
	background-position: left top;
	background-size: 65% auto;
}
.guide .main_text
{
	width: 54.5%;
	max-width: 960px;
	margin: 45vw auto 0;
	padding-bottom: 5rem;

	box-sizing: border-box;
	border-bottom: 1px solid #4c4948;
	position: relative;
}
.guide .main_text ul li
{
	font-size: 1rem;
}
.guide .detail_button
{
	display: inline-block;
	border: 1px solid;
	background-color: #ffffff;
	color: #4696ff;
	border-color: #4c4948 #4c4948 #ffffff #4c4948;
	font-size: 0.9rem;
	box-sizing: border-box;
	width: 11rem;
	height: 3rem;
	text-align: center;
	padding: 0.5rem 0;
	cursor: pointer;

	position: absolute;
	bottom: 0;
	left: 27.25%;
	margin-left: -5.5rem;

	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.guide .detail_button span
{
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	vertical-align: middle;
	color: #4696ff;

	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.guide .detail_button:hover
{
	background-color: #4696ff;
	color: #ffffff;
}
.guide .detail_button:hover span
{
	color: #ffffff;
}
.guide .detail_button .open
{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.guide .sub_text
{
	width: 38%;
	box-sizing: border-box;
	color: white;
	padding: 25vw 2rem 4rem;
	margin: 18vw 3.5% 0 0;
	color: #ffffff;
}
.gyoumu .circle
{
	width: 45vw;
	height: 45vw;
	overflow: hidden;
	border-radius: 22.5vw;

	position: absolute;
	top: -4vw;
	right: 0;
}
.gyoumu .circle img
{
	width: 100%;
}
.detail_guide
{
	text-align: left;
	border-bottom: 1px solid #4c4948;

	display: none;
}
.detail_guide h2
{
	margin-top: 3rem;
	font-weight: normal;
}
.detail_guide h2:before
{
	content: url(../ipec_images/gyoumu_h2_ipen.png);
	display: inline;
	vertical-align: text-top;
}
.detail_guide video
{
	margin-top: 4rem;
}
.detail_guide video:first-of-type
{
	margin-top: 0;
}
.detail_example_1photo
{
	margin-bottom: 3rem;
}
.detail_example_1photo > img
{
	float: left;
	margin-right: 2rem;
}
.detail_example_1photo:after
{
	content: "";
	display: block;
	clear: both;
}
#hihakai_05 .detail_example_1photo > img
{
	vertical-align: bottom;
}
.detail_example
{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.detail_example .scope_photo
{
	position: relative;
	-webkit-box-flex: 0 0 auto;
	flex: 0 0 auto;
}
.detail_example > div img
{
	width: 100%;
}
.detail_example .scope_photo .scope
{
	position: absolute;

	width: 25%;
	height: auto;
}
.photo_arrow
{
	position: relative;
	width: 1.5rem;
	display: inline-block;
	margin: 0 0.5rem;
}
.photo_arrow:after
{
	content: "";
	position: absolute;
	top: -2rem;
	left: 0;

	border-style: solid;
	border-width: 2rem 0 2rem 1.5rem;
	border-color: transparent transparent transparent #e69f16;
}
.detail_text
{
	margin-bottom: 2rem;
	padding: 0 1rem;
}
.detail_text h3,
.detail_example_1photo h3
{
	font-size: 1.5rem;
	line-height: 1.5;
	color: #ff0000;
	text-align: center;
	margin-top: 2rem;
}
.detail_example_1photo .detail_text h3
{
	margin-top: 0;
}
.detail_close
{
	text-align: center;
}
.detail_close span
{
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1;
	background-color: #4c4948;
	color: #ffffff;
	padding: 0.2rem 0.2rem 0.5rem;
	cursor: pointer;
}
.contents:nth-of-type(odd),
.contents:nth-of-type(even)
{
	background-color: #ffffff;
}
.contents .cat .right
{
	text-align: left;
}
.contents p
{
	font-size: 1.25rem;
	margin-bottom: 2rem;
}
/*********************************************************
非破壊検査
**********************************************************/
#hihakai_top
{
	background: url(../ipec_images/hihakai_top_back.jpg) 50% 49% no-repeat;
	background-size: cover;
}
.hihakai .gyoumu > h1
{
	margin-bottom: 0.67em;
}
.hihakai .guide .sub_text
{
	background-color: #062d47;
}
#hihakai_01.gyoumu .guide
{
	background-image: url(../ipec_images/hihakai_01-01.jpg);
}
#hihakai_01 .detail_example .scope
{
	top: 41%;
	left: 39%;
}
#hihakai_02.gyoumu .guide
{
	background-image: url(../ipec_images/hihakai_02-01.jpg);
}
#hihakai_02 .detail_example .scope
{
	top: 17%;
	left: 34%;
}
#hihakai_03.gyoumu .guide
{
	background-image: url(../ipec_images/hihakai_03-01.jpg);
}
#hihakai_03 .detail_example .scope
{
	top: 29%;
	left: 16%;
}
#hihakai_04.gyoumu .guide
{
	background-image: url(../ipec_images/hihakai_04-01.jpg);
}
#hihakai_04 .detail_example .scope
{
	top: 26%;
	left: 52%;
}
#hihakai_05.gyoumu .guide
{
	background-image: url(../ipec_images/hihakai_05-01.jpg);
}
#hihakai_05 .detail_example .scope
{
	top: 56%;
	left: 71%;
}
#hihakai_06.gyoumu .guide
{
	background-image: url(../ipec_images/hihakai_06-01.jpg);
}
#hihakai_06 .detail_example .scope
{
	top: 12%;
	left: 17%;
}
#hihakai_07.gyoumu .guide
{
	background-image: url(../ipec_images/hihakai_07-01.jpg);
}
#hihakai_07 .detail_example .scope
{
	top: 24%;
	left: 30%;
}
#hihakai_07 .detail_example
{
	margin-bottom: 2rem;
}
/*********************************************************
計測・解析
**********************************************************/
#keisoku_top
{
	background: url(../ipec_images/keisoku_top_back.jpg) 50% 49% no-repeat;
	background-size: cover;
}
.keisoku .guide .sub_text
{
	background-color: #063a47;
}
#keisoku_01.gyoumu .guide
{
	background-image: url(../ipec_images/keisoku_01-01.jpg);
}
#keisoku_01 .detail_example .scope
{
	top:8%;
	left: 37.5%;
}
#keisoku_02.gyoumu .guide
{
	background-image: url(../ipec_images/keisoku_02-01.jpg);
}
#keisoku_02 .detail_example .scope
{
	top:8%;
	left: 37.5%;
}
#keisoku_03.gyoumu .guide
{
	background-image: url(../ipec_images/keisoku_03-01.jpg);
}
#keisoku_03 .detail_example .scope
{
	top:8%;
	left: 37.5%;
}
#keisoku_04.gyoumu .guide
{
	background-image: url(../ipec_images/keisoku_04-01.jpg);
}
#keisoku_04 .detail_example .scope
{
	top:8%;
	left: 37.5%;
}
#keisoku_05.gyoumu .guide
{
	background-image: url(../ipec_images/keisoku_05-01.jpg);
}
#keisoku_05 .detail_example .scope
{
	top:8%;
	left: 37.5%;
}
#keisoku_06.gyoumu .guide
{
	background-image: url(../ipec_images/keisoku_06-01.jpg);
}
#keisoku_06 .detail_example .scope
{
	top:8%;
	left: 37.5%;
}

/*********************************************************
IOTサービス・ソリューション
**********************************************************/
#iot_top
{
	background: url(../ipec_images/iot_top_back.jpg) 73% 1% no-repeat;
	background-size: cover;
}
.iot .guide
{
	width: 96%;
	max-width: 960px;
	display: block;
	padding-bottom: 5rem;
	border-bottom: 1px solid #4c4948;
}
.iot .guide .detail_button
{
	bottom: -1px;
	left: 50%;
}
.iot .guide .main_text
{
	width: 100%;
	margin: 0;
	padding: 2rem 0;
	border: none;
}
.iot .guide .additional_text
{
	width: 90%;
	margin: auto;
	padding: 1rem;
	border: none;
	background-color: #cef;
	color: #000;

	border-radius: 1rem;
}

.iot .guide ul.features_list {
	margin: 1em 1em;
}

@media(min-width: 600px)
{
	.iot .guide ul.features_list {
		margin: 1em 5em;
	}
}

.iot .guide ul.features_list li {
	list-style: disc;
}

.iot .guide .note {
	text-align: center;
}
@media(min-width: 800px)
{
	#iot_wireless_sensor .guide .photo
	{
		text-align: center;
		font-size: 0.9rem;
		position: relative;
		margin: 1rem;
	}
	#iot_wireless_sensor .guide .photo #cone_overview
	{
		margin-right: 20%;
	}
	#iot_wireless_sensor .guide .photo #cone_relay
	{
		position: absolute;
		top: 0;
		right: 0;
		width: 20%;
		text-align: center;
	}
	#iot_wireless_sensor .guide .photo #cone_description
	{
		width: 24rem;
		position: absolute;
		bottom: 0;
		right: 0;
		text-align: left;
		border: solid #000 1px;
		padding: 0.2rem;
		background: #fff;
	}
	#iot_wireless_sensor .guide .photo #cone_sensor_insert
	{
		width: 30%;
		float: left;
		position: relative;
		margin: 0.5rem;
	}
	#iot_wireless_sensor .guide .photo #cone_sensor_insert_main
	{
		width: 65%;
		margin-right: auto;
	}
	#iot_wireless_sensor .guide .photo #cone_sensor_insert_detail
	{
		width: 45%;
		position: absolute;
		right: 0;
		top: 0;
	}
	#iot_wireless_sensor .guide .photo #cone_sensor_cover
	{
		width: 30%;
		float: left;
		position: relative;
		margin: 0.5rem;
	}
	#iot_wireless_sensor .guide .photo #cone_sensor_cover_main
	{
		width: 65%;
		margin-right: auto;
	}
	#iot_wireless_sensor .guide .photo #cone_sensor_cover_detail
	{
		width: 45%;
		position: absolute;
		right: 0;
		top: 0;
	}

	#iot_wireless_sensor .guide .photo #cone_sensor_compare
	{
		width: 30%;
		float: left;
		margin: 0.5rem;
	}
	#iot_wireless_sensor .guide .photo:after
	{
		content: "";
		display: block;
		clear: both;
	}
}
@media(max-width: 799px)
{
	#iot_wireless_sensor .guide .photo
	{
		text-align: center;
		font-size: 0.9rem;
		position: relative;
		margin: 1rem;
	}
	#iot_wireless_sensor .guide .photo .photo_sub
	{
		position: relative;
	}
	#iot_wireless_sensor .guide .photo #cone_overview
	{
	}
	#iot_wireless_sensor .guide .photo #cone_relay
	{
		position: absolute;
		bottom: 0;
		right: 0;
		width: 20%;
		text-align: center;
	}
	#iot_wireless_sensor .guide .photo #cone_description
	{
		text-align: left;
		border: solid #000 1px;
		padding: 0.2rem;
		margin: 1rem;
		background: #fff;
	}
	#iot_wireless_sensor .guide .photo #cone_sensor_insert
	{
		width: 45%;
		float: left;
		position: relative;
		margin: 0.5rem;
	}
	#iot_wireless_sensor .guide .photo #cone_sensor_insert_main
	{
		width: 65%;
		margin-right: auto;
	}
	#iot_wireless_sensor .guide .photo #cone_sensor_insert_detail
	{
		width: 45%;
		position: absolute;
		right: 0;
		top: 0;
	}
	#iot_wireless_sensor .guide .photo #cone_sensor_cover
	{
		width: 45%;
		float: left;
		position: relative;
		margin: 0.5rem;
	}
	#iot_wireless_sensor .guide .photo #cone_sensor_cover_main
	{
		width: 65%;
		margin-right: auto;
	}
	#iot_wireless_sensor .guide .photo #cone_sensor_cover_detail
	{
		width: 45%;
		position: absolute;
		right: 0;
		top: 0;
	}

	#iot_wireless_sensor .guide .photo #cone_sensor_compare
	{
		width: 45%;
		float: left;
		margin: 0.5rem;
	}
	#iot_wireless_sensor .guide .photo:after
	{
		content: "";
		display: block;
		clear: both;
	}
}

#iot_01 .guide .photo
{
	text-align: center;
	position: relative;
	margin-bottom: 7rem;
}
#iot_01 .guide .photo:before
{
	content: "";
	position: absolute;
	top: 39%;
	left: 26%;
	-webkit-transform: rotate(-52deg);
	transform: rotate(-52deg);

	border-style: solid;
	border-width: 1.5rem 0 1.5rem 3rem;
	border-color: transparent transparent transparent #ffffff;
}
#iot_01 .guide .photo:after
{
	content: "";
	position: absolute;
	top: 65%;
	left: 43%;
	-webkit-transform: rotate(-29deg);
	transform: rotate(-29deg);

	border-style: solid;
	border-width: 1.5rem 13.2rem 1.5rem 0;
	border-color: transparent #ffffff transparent transparent;

	z-index: 1;
}
#iot_01 .guide .photo .circle_01
{
	width: 23rem;
	height: 23rem;
	border-radius: 11.5rem;
	overflow: hidden;

	position: absolute;
	top: -5%;
	right: 0%;

	z-index: 10;
}
#iot_01 .guide .photo .circle_02
{
	width: 20rem;
	height: 20rem;
	border-radius: 10rem;
	overflow: hidden;

	position: absolute;
	bottom: -15%;
	left: 0%;
}
#iot_01 .guide .photo .circle_01,
#iot_01 .guide .photo .circle_02
{
	border: 5px solid #ffffff;
}
#iot_01 .guide .photo .circle_01 img,
#iot_01 .guide .photo .circle_02 img
{
	width: 100%;
}
#iot_01 .guide .photo .photo_text01,
#iot_01 .guide .photo .photo_text02,
#iot_01 .guide .photo .photo_text03,
#iot_01 .guide .photo .photo_text05
{
	color: #ffffff;
	line-height: 1.5;
}
#iot_01 .guide .photo .photo_text06,
#iot_01 .guide .photo .photo_text07
{
	display: none;
}
#iot_01 .guide .photo .photo_text01
{
	position: absolute;
	top: 40%;
	right: 51.5%;
}
#iot_01 .guide .photo .photo_text02
{
	position: absolute;
	top: 18%;
	left: 19%;
}
#iot_01 .guide .photo .photo_text03
{
	position: absolute;
	top: 11.5%;
	left: 55%;
}
#iot_01 .guide .photo .photo_text04
{
	position: absolute;
	top: 70%;
	left: 26%;

	font-size: 1.2rem;
}
#iot_01 .guide .photo .photo_text05
{
	position: absolute;
	top: 74%;
	left: 29%;
}
#iot_01 .guide .photo .circle_caption
{
	display: none;
}
.iot .guide .sub_text
{
	width: 100%;
	margin: 0;
	padding: 1rem 3rem;
	color: #4c4948;

	border: 5px dashed #4c4948;
	border-radius: 10.5px;

	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	align-items: center;
}
.iot .guide .sub_text img
{
	margin-right: 2rem;
}
.iot p span
{
	font-size: 1.25rem;
	font-weight: bold;
}
.iot p .red_text
{
	color: #ff0000;
	font-size: 1.4rem;
}
.iot h3
{
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	margin-top: 2rem;
}
.iot .detail_guide img
{
	margin-bottom: 2rem;
}

#iot_02 .guide,
#iot_03 .guide
{
	padding-bottom: 0;
}
/*********************************************************
IoT入口（新規）
**********************************************************/

/* トップページリンク用 */
.iot_index {
	margin: 2rem auto;
}
.iot_index .iot_enter{
	width: 100%;
	max-width: 500px;
}
/* ↑トップページリンク用end↑ */

#iot_top.page_top .menu p {
	margin-bottom: 1rem;
}

#iot_top p {
	color: #FFF;
	font-size: 1.3rem;
	font-weight: 600;
}

.iot_title {
	text-align: center;
	display: block;
	margin-bottom: 4rem;
	margin-top: 5rem;
}

.iot_title02 {
	margin-top: 13rem;
}
.iot_flex {
	display: flex;

}
.iot_service {
	-webkit-justify-content: center;
	justify-content: center;
	width: 85%;
	margin: 0 auto;
	text-align: center;
}

.iot_flex >div　{
	display: block;
}

.iot_flex a {
	display: block;
}

.iot_enter {
	display: block;
	height: 21rem;
}
.iot_enter > div {
	color: #FFF;
	display: inline-block;		
}

.iot_enter h1 {
	line-height: 2rem;
}

.iot_title_font p:nth-of-type(1) {
	font-size: 26px;
	margin-bottom: 20px;
}

.iot_orange {
	color: #ff8c00;
}

.iot_green {
	color: #00ff7f;
}

.iot_enter p {
	line-height: 1.5rem;
}

.iot_enter:hover {
	background-color:rgba(255,255,255,0.5);
	transform: scale(1.05, 1.05);
	transition: .4s;
}
.iot_enter > div {
	margin: 1rem;
	padding: 1rem;
}

.iot_iims_img {
	background: url(../ipec_images/iims_enter.jpg) center center no-repeat;
	background-size: cover;
	margin-right: 20px;
	
}
.iot_koutsu_img {
	background: url(../ipec_images/koutsu_enter.jpg) center center no-repeat;
	background-size: cover;
	margin-left: 20px;
	
}

.iot_solution h2 {
	display: block;
	margin: 1rem 3rem 2rem;
	padding: 0.5rem 0.4rem;
	border-left: solid .6rem #45b5a9;
	border-bottom: solid 0.2rem #45b5a9;
    line-height: 1.3;
}



@media(max-width: 1100px) {
	.iot_flex {
		flex-wrap: wrap;
	}

	.iot_iims_img {
		margin-right: 0;
		margin-bottom: 3rem;
	}

	.iot_koutsu_img {
		margin-left: 0;
	}

	.iot_service {
		width: auto;
	}

	.iot_serbice_box {
		width: 600px;
	}
    
    .iot_solution h2 {
        font-size: 21px;
	}
}

@media(max-width: 780px) {
	
	
	.iot_enter {
		height: 18rem;
        width: 80%;
        margin: 0 auto 20px;
	}
	
	.iot_enter .iot_title_font {
		padding: 0;
	}

    .iot_title {
	margin-bottom: 2rem;
	margin-top: 3rem;
}
    
    .iot_title_font p:nth-of-type(1) {
	font-size: 23px;
}
    
    .iot_solution h2 {
		margin: 1rem 2.5rem 2rem;
        padding: .2rem .4rem;
        font-size: 18px;
        line-height: 1.3;
	}
	
}

.iot_solution {
	display: block;
	margin-bottom: 4rem;
}



.iot_enter h1{
	font-size: 1.4rem;
	line-height: 1.2;
}

.iot_itcs_sub {
	font-size: 1.1rem;
}

.iot_enter p{
	font-size: 0.9rem;
}

.iot_title_font h1 {
	font-size: 1.8rem;
}

.iot_title_font p {
	font-size: 1.2rem;
} 

.iot_title_font p:nth-of-type(2) {
	font-size: 1.1rem;
	letter-spacing: -.05em;
} 

.iot_solution_flex {
	-webkit-justify-content: center;
	justify-content: center;
	text-align: left;
}

.iot_solution_flex div {
	max-width: 320px;
	width: 95%;
}


.iot_solution_flex div a{
	-webkit-justify-content: left;
	justify-content: left;
	max-width: 320px;
	width: 100%;
}

.iot_solution_flex .iot_enter {
	display: flex;
	text-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: left;
	justify-content: left;
	height: 13rem;
	margin-bottom: 1rem;
}

.iot_solution_flex2 {
	-webkit-justify-content: center;
	justify-content: center;
	text-align: left;
	margin-bottom: 20px;
}

.iot_solution_flex2 div {
	max-width: 320px;
	width: 95%;
}


.iot_solution_flex2 div a{
	-webkit-justify-content: left;
	justify-content: left;
	max-width: 320px;
	width: 100%;
}

.iot_solution_flex2 .iot_enter {
	display: flex;
	text-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: left;
	justify-content: left;
	height: 13rem;
}

@media(max-width: 745px) {
    
    .iot_title_font h1 {
	font-size: 1.58rem;
}
    
	
	.iot_solution_flex {
		-webkit-justify-content: center;
		justify-content: center;
		text-align: left;
		margin: 0 auto;
		gap: 10px;
	}
	.iot_solution_flex div {
		max-width: 304px;
		width: 100%;
		margin-bottom: 5px;
	}
	.iot_solution_flex div a {
		-webkit-justify-content: center;
		justify-content: center;
		max-width: 304px;
		width: 100%;
	}
    
    .iot_title_font p {
	font-size: 1.1rem;
} 

	.iot_solution_flex2 {
		-webkit-justify-content: center;
		justify-content: center;
		text-align: left;
		margin: 0 auto;
		gap: 0 10px;
	}
	.iot_solution_flex2 div {
		max-width: 304px;
		width: 100%;
		margin-bottom: 1rem;
	}
	.iot_solution_flex2 div a {
		-webkit-justify-content: center;
		justify-content: center;
		max-width: 304px;
		width: 100%;
	}
    
    
}

@media(max-width: 475px) {
    
    .iot_enter {
        width: 90%;
	}
    
    .iot_solution h2 {
	padding: 0.2rem 0.4rem;
	border-left: solid .4rem #45b5a9;
    line-height: 1.2;
        font-size: 15px;
        margin: 1rem 1rem;
}
    
    .iot_title_font h1 {
	font-size: 20px;
}
    
    .iot_title_font p:nth-of-type(1) {
	font-size: 20px;
}
}

@media(max-width: 375px) { 
.iot_solution_flex .iot_enter {
	width: 90%;
}

.iot_title_font p:nth-of-type(1) {
	font-size: 18px;
}
    
    .iot_solution_flex2 .iot_enter {
		width: 90%;
	}
}

.iot_iims_infra_img {
	background: url(../ipec_images/iot_iims_infra_enter.jpg) center center no-repeat;
	background-size: cover;
	
}
.iot_iims_submerge_img {
	background: url(../ipec_images/iot_iims_submerge_enter.jpg) center center no-repeat;
	background-size: cover;
}
.iot_iims_wind_img {
	background: url(../ipec_images/iot_iims_wind_enter.jpg) center center no-repeat;
	background-size: cover;
}
.iot_iims_materials_img {
	background: url(../ipec_images/iot_iims_materials_enter.jpg) center center no-repeat;
	background-size: cover;
}
.iot_iims_water_img {
	background: url(../ipec_images/iot_iims_water_enter.jpg) center center no-repeat;
	background-size: cover;
}
.iot_iims_fallingrocks_img {
	background: url(../ipec_images/iot_iims_fallingrocks_enter.jpg) center center no-repeat;
	background-size: cover;
}

.iot_iims_tunnel_img {
	background: url(../ipec_images/iims_tunnel_menu.jpg) center center no-repeat;
	background-size: cover;
}

.iot_itcs1_img {
	background: url(../ipec_images/iot_itcs1.jpg) center center no-repeat;
	background-size: cover;
}

.iot_itcs2_img {
	background: url(../ipec_images/iot_itcs2.jpg) center center no-repeat;
	background-size: cover;
}

.iot_itcs3_img {
	background: url(../ipec_images/iot_itcs3.jpg) center center no-repeat;
	background-size: cover;
}

.iot_itcs4_img {
	background: url(../ipec_images/iot_itcs4.jpg) center center no-repeat;
	background-size: cover;
}

.iot_itcs5_img {
	background: url(../ipec_images/iot_itcs5.jpg) center center no-repeat;
	background-size: cover;
}

.iot_sojution_space {
	margin-right: 10px;
}

/*********************************************************
iIMSページ
**********************************************************/

#iims_top {
	background: url(../ipec_images/iims_enter.jpg) 73% 1% no-repeat;
	background-size: cover;
}
#iims_01 h3 {
	display: inline;
	font-size: 1.2rem;
	font-weight: 500;
	border-bottom: solid 1px;
	line-height: 2.5;
}
#iims_01 p:nth-of-type(2) {
	margin-top: -2rem;
}

.iims_01 {
	margin-bottom: 3rem;
	font-size: 1.3rem;
}

#iims_03 h2:nth-of-type(2) {
	margin-top: 2rem;
}

.iims_check ul {
	list-style-type: none;
}
.iims_check li{
	position: relative;
	display: block;
	text-align: left;
}
 
.iims_check li:before {
	content: "";
	position: absolute;
	top: .5em;
	left: -1.5em;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 10px;
	height: 5px;
	border-left: 2px solid #79bbe8;
	border-bottom: 2px solid #79bbe8;
}

.iims_021_menu {
	display: flex;
	justify-content: center; 
	width: 100%;
}

.iims_021_menu li {
	/* width: 80%; */
	width: 40%;
    padding: 10px;
}

.iims_021_menu li a {
	font-size: 1.3rem;
}


.iims_021_menu li img {
    display: inline-block;
        vertical-align: middle;
    margin-right: 10px;
    width: 15%;
    }

.iims_021_menu li:nth-of-type(1) {
	background: #f4f4f4;
  	border-left: solid 5px #7db4e6;
  	border-bottom: solid 3px #d7d7d7;
}

.iims_021_menu li:nth-of-type(2) {
	background: #f4f4f4;
	border-left: solid 5px #7db4e6;
	border-bottom: solid 3px #d7d7d7;
	margin-left: 10px;
}
.iims_021_menu li:nth-of-type(3) {
	background: #f4f4f4;
	border-left: solid 5px #7db4e6;
	border-bottom: solid 3px #d7d7d7;
	margin-left: 10px;
}

@media (max-width: 745px) {

	.iims_021_menu {
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		width: 80%;
	}
	
	.iims_021_menu li:nth-of-type(1) {
	width: 70%;
        margin: 0 auto 20px;
	}

	.iims_021_menu li:nth-of-type(2) {
	width: 70%;
        margin: 0 auto;
	}
	.iims_021_menu li:nth-of-type(3) {
	margin-left: 0;
	}
}

.iims_space {
	margin-top: 1rem;
	}
	
.iims_titl_space {
	margin-bottom: 5rem;
	}


@media(max-width: 800px) {
	.iims_check {
		margin: 0 1rem;
	}
}

#iims_01,#iims_02,#iims_03 {
	border-bottom: solid 1px #b7b7b7;
	margin-bottom: 1rem;
}

#iims_01 h1,#iims_02 h1,#iims_03 h1,#iims_04 h1 {
	margin-top: 0;
	margin-bottom: 1rem;
}

#iims_02 h2, #iims_02 h3 ,#iims_02 p,#iims_04 h2 {
	text-align: left;
}
#iims_02 h2, #iims_02 h3  {
	margin-top: 3rem;
}
#iims_02 h2:first-child  {
	margin-top: 0;
}

	
#iims_02 h2:before {
	content:  "■";
	color: #aa9dd3;
	font-size: 2rem;
	position:  relative;
	top: 0.1rem;
}
#iims_02 h3 {
	display: block;
	font-size: 1.2rem;
	padding-left: 2.5rem;
}
#iims_02 h3:before {
	content:  "◆";
	color: #b6c5ec;
	font-size: 1.3rem;
	position:  relative;
	top: 0.1rem;
}
#iims_02 p {
	margin-left: 2rem;
	margin-right: 2rem;
	font-size: 1.3rem;
}

#iims_02 img {
	margin-bottom:0;
}

div.iims_feature {
	display: block;
	text-align: left;
	width: 100%;
}

.iims_feature ul {
	display: block;
}

.iims_feature ul li {
	display: block;
	position: relative;
	padding-left: 2.5rem;
}

.iims_feature ul li:before {
	content: "";
	position: absolute;
	top: 0.6rem;
	left: 1.5rem;
	border-width: 0.5rem;
	border-style: solid;
	border-color: transparent transparent transparent #0db2e7;
}

.iims_feature ul li {
	margin: 0 0rem 0rem 1rem;
	padding-bottom: 0rem;
	background-repeat: no-repeat;
	background-position: right;
	background-repeat: no-repeat;
	max-width: 100%;
}


.iims_feature ul li.fe_01 {
	background-image: url(../ipec_images/iims_feature01.png);
	margin-bottom: 3rem;	
}

.iims_feature ul li.fe_02 {
	background-image: url(../ipec_images/iims_feature02.png);
	padding-bottom: 1.5rem;
	margin-top: 2.5rem;
}
.iims_feature ul li.fe_03 {
	background-image: url(../ipec_images/iims_feature03.png);
	padding-bottom: 1.5rem;
	margin-top: 2.5rem;
}
.iims_feature ul li.fe_04 {
	background-image: url(../ipec_images/iims_feature04.png);
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
}
.iims_feature ul li.fe_05 {
	background-image: url(../ipec_images/iims_feature05.png);
	padding-bottom: 3.5rem;
	margin-top: 2.5rem;
}
.iims_feature ul li.fe_06 {
	background-image: url(../ipec_images/iims_feature06.png);
	padding-bottom: 3.5rem;
	margin-bottom: 1.5rem;
}
.iims_feature ul li.fe_07 {
	background-image: url(../ipec_images/iims_feature07.png);
	padding-bottom: 5rem;
}

.iims_feature h2:before {
	content:  "■";
	color: #78cce7;
	font-size: 2rem;
	position:  relative;
	top: 0.1rem;
}


#iims_04 .iot_title {
	margin:0 auto;
}

#iims_04 .iot_solution_flex div {
	max-width: 270px;
	width: 95%;
}


#iims_04 .iot_solution_flex div a{
	-webkit-justify-content: left;
	justify-content: left;
	max-width: 270px;
	width: 100%;
}

#iot_solution .iot_title h1 {
	font-weight: bold;
}

@media(max-width: 1100px) {
    #iot_service h1 {
        font-size: 28px;
    }
    
    #iot_solution .iot_title h1 {
	font-size: 28px;
}
}

@media(max-width: 780px) {
    #iot_service h1 {
        font-size: 24px;
    }
    
#iot_solution .iot_title h1 {
	font-size: 24px;
}
}

@media(max-width: 745px) {
	#iims_02 p {
		margin-left: auto;
		margin-right: auto;
	}
	.iims_feature ul li {
		background-position: right;

	}
	
	.iims_feature ul li.fe_01 {
	background: transparent;
	}

	.iims_feature ul li.fe_02 {
		padding-bottom: 3rem;
		background: transparent;
		margin-top: 0;
	}
	
	.iims_feature ul li.fe_03 {
		margin-top: 0;
		background: transparent;
		padding-bottom: 3.5rem;
	}
	
	.iims_feature ul li.fe_04 {
		background: transparent;
	}
	
	.iims_feature ul li.fe_05 {
		margin-top: 0;
		background: transparent;
	}
	
	.iims_feature ul li.fe_06 {
		background: transparent;
		padding-bottom: 3rem;
		margin-bottom: 0;
	}
	
	.iims_feature ul li.fe_07 {
		background: transparent;
	}
	
	#iims_04 .iot_solution_flex div {
		max-width: 304px;
		width: 100%;
	}
	
	#iims_04 .iot_solution_flex div a {
		-webkit-justify-content: left;
		justify-content: left;
		max-width: 600px;
		width: 100%;
	}
}


@media(max-width: 475px)  {
    
    #iot_service h1 {
        font-size: 20px;
    }
#iot_solution .iot_title h1 {
	font-size: 20px;
}
    
    .iims_021_menu li:nth-of-type(1) {
	width: 80%;
        margin: 0 auto 20px;
	}

	.iims_021_menu li:nth-of-type(2) {
	width: 80%;
        margin: 0 auto;
	}
    
    .iims_021_menu li a {
	font-size: 1.1rem;
}
    }





/*********************************************************
iIMSソリューションページ共通
**********************************************************/

/* 各ページトップメニュー */

#iims_infra_top	{
	background: url(../ipec_images/iot_iims_infra_enter.jpg) 73% 1% no-repeat;
	background-size: cover;
}

#iims_submerge_top {
	background: url(../ipec_images/iims2_032.jpg) 73% 1% no-repeat;
	background-size: cover;
}
#iims_wind_top {
	background: url(../ipec_images/iot_iims_wind_enter.jpg) 73% 1% no-repeat;
	background-size: cover;
}
#iims_materials_top {
	background: url(../ipec_images/iims2_035.jpg) 73% 1% no-repeat;
	background-size: cover;
}
#iims_water_top {
	background: url(../ipec_images/iims2_039.jpg) 73% 1% no-repeat;
	background-size: cover;
}
#iims_fallingrocks_top {
	background: url(../ipec_images/iot_iims_fallingrocks_enter.jpg) 73% 1% no-repeat;
	background-size: cover;
}

#iims_tunnel_top	{
	background: url(../ipec_images/iims_tunnel_top.jpg) 73% 1% no-repeat;
	background-size: cover;
}
.iims_top p {
	color: #FFF;
	font-size: 1.3rem;
	font-weight: 600;
}
.iims_top >div >div >p {
	margin-bottom: 2rem;
}


/* iIMS各ページ設定 */
.iims_page {
	margin-bottom: 1rem;
}

.iims_page h1 {
	display: block;
	padding-bottom: 1rem;
	}

.iims_page p {
	text-align: left;
	margin: 0 1rem 0 1rem;
	}
@media(max-width: 600px) {
	.iims_page p {
		margin: 0 1rem;
	}
}
.iims_box_text p {
	font-size: 1.2rem;
}
.iims_box_text2 p {
	font-size: 1.1rem;
}


/* 背景色 */
.iims_box {
	margin-top: 4rem;
	padding: 2rem 0 4.5rem 0;
	position: relative;
}
.iims_box.infra_box {
	background-color: #d3e5e7;
}
.iims_box.submerge_box {
	background-color: #e0deeb;
}


.iims_box.wind_box {
	background-color: #dce9de;
}
.iims_box.materials_box {
	background-color: #f6eed6;
}
.iims_box.water_box {
	background-color: #d7e2f1;
}
.iims_box.fallingrocks_box {
	background-color: #f2e8e0;
}

/* イメージ図 */
.iims_page.iims_box .iims_box_text {
	width: 50%;
}
.iims_page.iims_box .iims_box_img {
	width: 50%;
}
@media(max-width: 600px) {
	.iims_page.iims_box .iot_flex div {
		margin: 1rem 0;
	}
	.iims_page.iims_box .iot_flex {
		-webkit-justify-content: center;
		justify-content: center;
		}
	.iims_page.iims_box .iims_box_img {
		width: 100%;
		max-width: 450px;
	}
}
/* 使用機材イメージ */
.iims_flex {
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
}
.iims_item >div >div p:last-child {
	text-align: center;
	margin-top: 0.8rem;
	font-size: 1.2rem;
}

@media(max-width: 600px) {
	.iims_flex {
		flex-wrap: wrap;

	}
	.iims_item >div >div {
		width: 50%;
	}
	.iims_item >div >div:nth-child(3) {
		margin-top: 1.5rem;
	}
	
	.iims_item >div >div:nth-child(4) {
		margin-top: 1.5rem;
	}
}
/*********************************************************
iTCSサービス
**********************************************************/
#itcs_top {
	background: url(../ipec_images/koutsu_enter.jpg) 73% 1% no-repeat;
	background-size: cover;
}

.itcs_top_text {
	position: absolute;
	bottom: 2%;
	right: 1%;
	color: #fff;
	font-size: 14px !important;
	font-weight: 200 !important;
	line-height: 1.3;
	text-align: right;
	}

#itcs_01 h2 , #itcs_03 h2 , #itcs_04 h2 , #itcs_05 h2 {
	position: relative;
	font-weight: 300;
	font-size: 1.6rem;
	padding: 5px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

#itcs_02 h2 {
	position: relative;
	font-weight: 300;
	font-size: 1.3rem;
	padding: 5px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

#itcs_01 h3 , #itcs_02 h3 , #itcs_03 h3 , #itcs_04 h3 , #itcs_05 h3 {
	font-weight: 400;
	font-size: 1.1rem;
	margin-bottom: .8rem;
}

.features_box {
	width: 100%;
	margin-top: 80px;
}

.features_flex {
	display: flex;
	justify-content: space-around;
}

.features_content {
	width: 40%;
	font-size: 22px;
	margin-bottom: 40px;
}

.h2_heart {
	display: inline-block;
	background: #79bbe8;
	width: 17px;
	height: 17px;
	margin-right: 10px;
	transform: rotate(-45deg);
}

.features_img {
	margin: 5px auto 15px;
	width: 40%;
}

.itcs_check {
	text-align: center;
}

.itcs_check  p {
	display: inline-block;
	text-align: left;
	line-height: 1.2;
	font-size: 16px;
	color: #5383c3;
}

.itcs_menu_content1 h2 {
	width: 600px;
	margin: 80px auto 40px;
}

.itcs_menu_text {
	position: relative;
	background: #6495ed;
	text-align: left;
	width: 80%;
	margin: 0 auto;
	padding: 50px;
	outline: 2px solid #fff;
	outline-offset: -8px;
}

.itcs_menu_kome {
	width: 80%;
	text-align: left;
	margin: 0 auto;
}

.itcs_menu_text p {
	font-size: 20px;
	line-height: 1.5;
    margin-bottom: 20px;
	color: #fff;
}

.itcs_menu_text p:last-of-type {
    margin-bottom: 0;
}

.itcs_red {
	color: red;
}

.itcs_menu_text .itcs_point {
	position: absolute;
	top: -3%;
	left: -2%;
	transform: rotate(-25deg);
	font-size: 28px;
	font-weight: 600;
	color: #000;
	text-shadow: 1px 1px 0 #fff;
}
	

.menu_img {
	margin-top: 50px;
}

.itcs_menu_flex {
	display: flex;
	margin: 80px auto 120px;
    gap: 10px;
}

.itcs_menu_flex p:nth-of-type(1) {
	width: 70%;
}

.itcs_menu_flex p {
	width: 30%;
    margin: auto;
    text-align: left;
}

.itcs_menu_sp {
    display: none;
}

.itcs_vertical {
	position: relative;
	display: inline-block;
	writing-mode: vertical-rl;
	font-size: 22px;
	text-align: left;
	margin-top: 100px;
}

.itcs_vertical_box {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.itcs_arrow {
	display: inline-block;
	position: relative;
	content: "";
	width: 25px;
	height: 25px;
	border-radius: 50vh;
	border: 1px solid #666;
	margin-bottom: 5px;
}

.itcs_arrow:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 24%;
	transform: translate(-29% , -50%) rotate(45deg);
	width: 8px;
	height: 8px;
	border-top: 3px solid #333;
	border-right: 3px solid #333;
}

.itcs_scene_box {
    margin-bottom: 50px;
}
.itcs_scene {
    background-image: url(../ipec_images/itcs_scene_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}


.itcs_scene_flex {
    display: flex;
    justify-content: space-around;
}
.itcs_scene_flex2 {
    display: flex;
    justify-content: center;
}

.itcs_scene_flex2 p {
    width: 33%;
}



#itcs_05 h1 {
	font-weight: 800;
}

.itcs_caution {
	border: 2px solid #000;
	line-height: 1.2;
	width: 80%;
	margin: 0 auto;
	padding: 30px 50px;
}

.itcs_caution p {
	font-size: 20px;
	margin-bottom: 20px;
    text-align: left;
}

.itcs_caution p:last-of-type {
	margin-bottom: 0;
}

@media(max-width: 1100px) {
    #itcs_01 h2 , #itcs_03 h2 , #itcs_04 h2 , #itcs_05 h2 {
	   font-size: 22px;
    }
}

@media(max-width: 745px) {
	#itcs_02 h2  {
	   font-size: 22px;
    }
	
    
    #itcs_01 h3 , #itcs_02 h3 , #itcs_03 h3 , #itcs_04 h3 , #itcs_05 h3 {
	font-size: 22px;
}

.itcs_top_text {
	font-size: 13px !important;
}
    
    .iims_01 {
        margin-bottom: 3rem;
    }
    
    .iims_titl_space {
        margin-bottom: 0;
    }
    
    .features_box {
        margin-top: 50px;
    }
    
    .features_flex {
	   flex-direction: column;
        align-items: center;
    }
    
    .features_content {
        width: 75%;
    }
    
    .itcs_menu_content1 h2 {
	width: 75%;
	margin: 80px auto 40px;
}
    
    .itcs_menu_text {
	width: 90%;
	padding: 45px 20px;
}

.itcs_menu_kome {
	width: 90%;
}

.itcs_menu_text p:nth-of-type(2) {
    font-size: 16px;
}
    
    .itcs_menu_text .itcs_point {
	font-size: 24px;
}
    
    .itcs_menu_text p {
	font-size: 18px;
}
    
    .itcs_menu_flex {
    flex-direction: column;
	margin: 50px auto 100px;
    gap: 30px 0;
}
    
    .itcs_menu_sp {
    display: block;
}
    
    .itcs_menu_pc {
    display: none;
}
    
    .itcs_menu_flex p:nth-of-type(1) {
        width: 80%;
        font-size: 20px;
        line-height: 1.5;
    }
    
    .itcs_menu_flex p {
        width: 60%;
    }

    .itcs_vertical {
	position: relative;
	display: inline-block;
	writing-mode: horizontal-tb;
	font-size: 22px;
	text-align: center;
}
    
    .itcs_arrow {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.itcs_arrow:before {
	top: 40%;
	right: 20%;
	transform: translate(-20% , -40%) rotate(135deg);
}
    
    .itcs_scene_flex {
    flex-direction: column;
}
.itcs_scene_flex2 {
    flex-direction: column;
}
    
    .itcs_scene_flex p {
        width: 65%;
        margin: 0 auto;
    }
    
    .itcs_scene_flex2 p {
        width: 65%;
        margin: 0 auto;
    }
    
    .itcs_scene_flex_sp {
        overflow-x: auto;
        white-space: nowrap;
    }
    
    .itcs_scene_flex_sp p {
        display: inline-block;
        width: 80%;
        margin: 20px;
    }
    
    .itcs_caution {
	width: 90%;
	padding: 45px 20px;
}
    
    .itcs_caution p {
	font-size: 18px;
}
}

@media(max-width: 475px) {
    #itcs_01 h1 , #itcs_02 h1 , #itcs_03 h1 , #itcs_04 h1 , #itcs_05 h1 {
	   font-size: 24px;
    }
    
    #itcs_01 h2 , #itcs_02 h2 , #itcs_03 h2 , #itcs_04 h2 , #itcs_05 h2 {
	   font-size: 18px;
    }
    
    #itcs_01 h3 , #itcs_02 h3 , #itcs_03 h3 , #itcs_04 h3 , #itcs_05 h3 {
	font-size: 20px;
}

.itcs_top_text {
	font-size: 13px !important;
}
    
    .h2_heart {
	width: 14px;
	height: 14px;
}
    
    .iims_01 {
        font-size: 16px;
        line-height: 1.5;
    }
    
    .itcs_menu_text {
	width: 95%;
	padding: 45px 10px;
}

.itcs_menu_kome {
	width: 95%;
}

.itcs_menu_text p:nth-of-type(2) {
    font-size: 15px;
}
    
    .itcs_menu_text .itcs_point {
	font-size: 20px;
}
    
    .itcs_menu_text p {
	font-size: 16px;
}
    
    .features_box {
        margin-top: 35px;
    }
    
    .features_content {
        width: 95%;
    }
    
    .itcs_check p {
        font-size: 18px;
    }
    
    .itcs_vertical {
	font-size: 20px;
}
    .itcs_menu_flex p:nth-of-type(1) {
        width: 90%;
        font-size: 16px;
        line-height: 1.5;
    }
    .itcs_menu_flex p {
        width: 85%;
    }
    
    .itcs_menu_content1 h2 {
	width: 95%;
	margin: 80px auto 40px;
}
    
    .itcs_caution {
	padding: 45px 10px;
}
    
    .itcs_caution p {
	font-size: 16px;
}
    
    .itcs_scene_flex p {
        width: 90%;
    }
    
    .itcs_scene_flex2 p {
        width: 90%;
    }
}

@media(max-width: 375px) {
    #itcs_01 h3 , #itcs_02 h3 , #itcs_03 h3 , #itcs_04 h3 , #itcs_05 h3 {
	font-size: 18px;
}
    .itcs_check p {
        font-size: 16px;
    }
    
    .itcs_vertical {
	font-size: 18px;
}
}



/*********************************************************
各適用例
**********************************************************/

.tekiyo_infra_text {
	
	display: inline-block;
	text-shadow:1px 1px 3px #0074bf;
}

.tekiyo_submerge_text {
	
	display: inline-block;
	text-shadow:1px 1px 3px #9460a0;
}

.tekiyo_wind_text {
	
	display: inline-block;
	text-shadow:1px 1px 3px #56a764;
}

.tekiyo_materials_text {
	
	display: inline-block;
	text-shadow:1px 1px 3px #d16b16;
}


/* ----iIMS橋梁モニタリング---- */

.infra_box ul {
	margin: 0 auto;
	padding: 0.3rem 0;
	list-style-type: none;
	border: none;
	width: 100%;
}

.infra_box ul li {
  display: inline;
  line-height: 1.5;
  font-size: 1.5rem;
  background-image: linear-gradient(to right, #a1c4fd, #d3e5e7);
	background-repeat: no-repeat;
	background-size: 100% 30%;
	background-position: bottom;
}

.infra_box ul p {
 margin-bottom: 3rem;
 }

/* .infra_box ul li:before{
content: '';
  margin: 0 auto;
  background-color: #566274;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  left: 10px;
  top: 13px;
} */

.iims_tekiyo_img3 {
	width: 100%;
	display: flex;
	justify-content: space-around;
	margin-bottom: 8rem;
	margin-top: 3rem;
	}
	
.iims_tekiyo_img3 img {
	width: 27%;
	box-shadow: 10px 10px 8px gray;
}





/* ---- 水没監視 ---- */

.submerge_box ul {
	margin: 0 auto;
	padding: 0.3rem 0;
	list-style-type: none;
	border: none;
	width: 100%;
}

.submerge_box ul li {
 display: inline;
  line-height: 1.5;
  font-size: 1.5rem;
  background-image: linear-gradient(to right, #fbc2eb, #e0deeb);
	background-repeat: no-repeat;
	background-size: 100% 30%;
	background-position: bottom;
}

.submerge_box ul p {
 margin-bottom: 0;
 }

/* .infra_box ul li:before{
content: '';
  margin: 0 auto;
  background-color: #566274;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  left: 10px;
  top: 13px;
} */

.submerge_box p img{
	display: block;
	margin: 0 auto;
	max-width: 800px;
}

.iims_tekiyo_img4 {
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin-top: 3rem;
	margin-bottom: 5rem;
}

.iims_tekiyo_img4 img {	
	width: 30%;
	box-shadow: 10px 10px 8px gray;
}

.iims_tekiyo_img4 img:nth-of-type(1) {
	margin-right: -100px;
	}
	
	
/* ----突風監視----*/

.wind_box ul {
	margin-bottom: -2.5rem;
}

.wind_box ul li {
	display: inline;
	font-size: 1.5rem;
  	line-height: 1.5;
	background-image: linear-gradient(to right, #96e6a1, #dce9de);
	background-repeat: no-repeat;
	background-size: 100% 30%;
	background-position: bottom;
}


/* ----資材監視----*/

.materials_box ul {
	margin-bottom: -2.5rem;
	display: block;
}

.materials_box ul li {
	display: inline;
	font-size: 1.5rem;
	background-image: linear-gradient(to right, #fcb69f, #f6eed6);
	background-repeat: no-repeat;
	background-size: 100% 30%;
	background-position: bottom;
}


/* ---- 水位監視 ---- */

.water_box ul {
	margin: 0 auto 2.5rem auto;
	padding: 0.3rem 0;
	list-style-type: none;
	border: none;
}

.water_box ul li {
  	display: inline;
 	line-height: 1.5;
 	font-size: 1.5rem;
	 background-image: linear-gradient(to right, #a1c4fd, #d7e2f1);
	background-repeat: no-repeat;
	background-size: 100% 30%;
	background-position: bottom;
}

.water_box ul p {
 margin-bottom: 2.2rem;
 }

/* .water_box ul li:before{
content: '';
  position: absolute;
  background-color: #566274;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  left: 10px;
  top: 13px;
} */

.water_box p img{
	display: block;
	margin: 0 auto;
	max-width: 800px;
}

.iims_tekiyo_img2 {
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.iims_tekiyo_img2 img {	
	width: 40%;
	box-shadow: 10px 10px 8px gray;
}

.iims_tekiyo_img2 img:nth-of-type(1) {
	margin-right: 120px;
	}


/* ----落石監視----*/
.fallingrocks_box ul {
	margin: 0 auto -2.5rem auto;
	padding: 0.3rem 0;
	list-style-type: none;
	border: none;
	display: block;
}

.fallingrocks_box ul li {
 	display: inline;
  	font-size: 1.5rem;
	   background-image: linear-gradient(to right, #feada6, #f5efef);
	background-repeat: no-repeat;
	background-size: 100% 30%;
	background-position: bottom;
}

.fallingrocks_box ul p {
 margin-bottom: 2.2rem;
 }

/* .fallingrocks_box ul li:before{
content: '';
  position: absolute;
  background-color: #566274;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  left: 10px;
  top: 13px;
} */

.fallingrocks_box p img{
	display: block;
	margin: 0 auto;
	max-width: 800px;
}


@media (max-width: 745px) {
.infra_box ul li {
	font-size: 1.2rem;
	}
	
.iims_tekiyo_img3 img {
	width: 30%;
	box-shadow: 5px 5px 10px gray;
}

.iims_tekiyo_img2 img , .iims_tekiyo_img4 img {
	width: 40%;
	box-shadow: 5px 5px 10px gray;
}

.iims_tekiyo_img2 img:nth-of-type(1) {
	margin-right: 0;
	}

.iims_tekiyo_img4 img:nth-of-type(1) {
	margin-right: 0;
	}

.water_box p img{
	width: 800px;
}

 .fallingrocks_box p img , .water_box p img , .windo_box p img , .submerge_box p img , .iims_page.iims_box .iims_box_text {
	width: 80%;
}

}	



/*********************************************************
iIMS橋梁モニタリング
**********************************************************/

.infra_flex {
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 3rem;
}
.infra_flex >p{
	max-width: 220px;
}

.iims_infra_system {
	margin-top: 2rem;
}

.infra_table {
	width: 100%;
	text-align: center;
	border: 2px solid #8b8b8b;
}
.infra_table td{
	text-align: left;
}
.infra_table th{
	border-right: 2px solid #8b8b8b;
}
.infra_tr01 {
	border: 2px solid #8b8b8b;
}
.infra_tr01 th {
	font-weight: 700;
}
.infra_table tr:nth-child(odd) {
	background-color: #e5f0f8;
}
.infra_table tr:nth-child(even) {
	background-color: #FFF;
}

@media(max-width: 845px) {

	.infra_flex {
		flex-wrap: wrap;
		margin-top: 1rem;
}
	.iims_infra_system {
	margin-left: 0rem;
}
}

/*--- トンネルのモニタリング ---*/

@media(max-width: 845px) {
	#tunnel_titl {
	font-size: 2.3rem;
	}
	
	.tunnel_flex {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	}
}


/*********************************************************
利用規約
**********************************************************/

.use {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  box-sizing: border-box;
  width: 100%;
}

.use a {
  color: #006DD9;
  text-decoration: underline;
}
.use a:hover {
  color: #006DD9;
 }

.use p{
  margin: 0;
  padding: 0;
  line-height: 1.8;
  font-size: 1.1rem;
  margin: 0 auto;
}

.use-Headline {
  font-weight: bold;
  font-size: 35px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .use-Headline {
    font-size: 24px;
  }
}
.use-Text {
  letter-spacing: 0.05em;
  line-height: 1.8;
 
}
.use-Text.first {
  margin-top: 10px;
  text-align: center;
}

.name_time_box {
  text-align: right;
  margin-top: 50px;
  margin-bottom: 70px;
  }
  
.name_time_box h3 {
  font-size: 23px;
} 

.use-Box {
  margin-top: 5rem;
  width: 100%;
}

.use-menu {
  width: 100%;
 }
 
 .use-text-space {
 margin-left: auto;
 margin-right: auto;
   width: 100%;
   padding-left: 30px;
   box-sizing: border-box;
 }
 .use-text-space  p{
  width: 100%;
  box-sizing: border-box;
 }

.use-Box-Headline {
  font-weight: bold;
  font-size: 33px;
}

.use-Box-Headline2 {
  font-weight: bold;
  font-size: 23px;
  margin-top: 4rem;
 }


.use-Box h4 {
  font-size: 23px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
 }
 
.use_page_border {
    display: flex;
    align-items: center;
    text-align: center; /* for no-flexbox browsers */
    margin-top: 5rem;
}

.use_page_border:before,
.use_page_border:after {
    border-top: 1px solid;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}

.use_page_border:before {
    margin-right: 0.5em;
}

.use_page_border:after {
    margin-left: 0.5em;
}

.use_page_border:last-of-type {
  margin-top: 2rem;
 }

@media screen and (max-width: 480px) {
  .use-Box-Headline {
    font-size: 20px;
  }
  .use-Box-Headline h4 {
    font-size: 17px;
 }
}
.use-Box-List {
  margin: 20px 0 0 40px;
}

.use-Box-List-Item {
  font-size: 1.3rem;
  margin-top: 2rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
  list-style-type: disc;
}

.use-Box-List-Item2 {
  margin-top: -20px;
  margin-bottom: 15px;
  margin-left: 40px;
  letter-spacing: 0.05em;
  line-height: 1.8; 
  font-size: 1.1rem;
 }
 
.use-list-cnt li{
  list-style-type: none;
  counter-increment: cnt;
  margin-left: 80px;
  line-height: 1.8;
 }
 
.use-list-cnt li::before {
	content: "(" counter(cnt) ") ";
}
 
.use-Box-List-Item-Ol-Item {
  margin-top: 10px;
  letter-spacing: 0.05em;
  line-height: 1.8;
  list-style-type: decimal;
}
.use-Box-List-Item-Link {
  text-decoration: underline;
  display: inline-block;
  color: red;
}
.use-Box-Contact {
  margin-top: 36px;
}
.use-Box-Contact-Text {
  letter-spacing: 0.05em;
  line-height: 1.8;
  font-size: 15px;
}
.use-Box-Contact-Text:nth-child(2) {
  margin-top: 16px;
}
.use-Box-Item {
  letter-spacing: 0.05em;
  line-height: 1.8;
  font-size: 15px;
}
@media screen and (max-width: 480px) {
  .use-Box-Item {
    letter-spacing: inherit;
    font-size: 14px;
  }
}

.use_page_end {
  padding-top: 5rem;
  text-align: right;
 }
 
 @media (max-width: 765px) {
 	.use_dis {
	 display: none;
	 }
	 
	 .use-Box-List li , .use-list-cnt li , .use_page_end {
	 margin-right: 1rem;
	 }
	 .use-Box-Headline , .use-Box-Headline2 , .use_box h3 , .use_box h4, .use_box h5 , .use_box　p　{
	 margin-left: 1rem;
	 }
}


/*********************************************************
調査・診断（補修コンサル）
**********************************************************/
body > .consulting > div
{
	width: 96%;
	max-width: 960px;
}
body > .consulting  ul
{
	display: block;
}

#consul_top
{
	background: url(../ipec_images/consulting_top_back.jpg) 50% 100% no-repeat;
	background-size: cover;
}
.consulting
{
	margin-bottom: 3rem;
}
#main.consulting
{
	margin-bottom: 0;
}
.consulting p
{
	text-align: left;
}
.consulting .back_emerald
{
	background-color: #b8ddc8;
	margin-top: 4rem;
	padding: 2rem 2.5rem;

	position: relative;
}
.consulting .back_emerald .border_dashed_white
{
	border: 3px dashed #ffffff;
	text-align: left;
	margin: 0 auto;
	padding: 4rem 2rem;
	box-sizing: border-box;
}
.consulting .border_dashed_white ul li:before
{
	content: "○";
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	float: left;
	margin-right: 0.3rem;
}
.consulting .border_dashed_white ul li:after
{
	content: "";
	display: block;
	clear: both;
}
.consulting .back_emerald .ipen
{
	position: absolute;
	bottom: 0;
	right: 1rem;
}
.consulting .border_dashed_white ul li > div
{
	margin: 1rem 1.5rem 2rem;
}
.consulting .border_dashed_white ul li:last-child > div
{
	margin-bottom: 0;
}
.consulting .border_dashed_white ul .detail_button
{
	cursor: pointer;

	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.consulting .border_dashed_white ul li .detail_button:hover,
.consulting .border_dashed_white ul li .detail_button:hover > span
{
	color: #ffffff;
}
.consulting .border_dashed_white ul .detail_button > span
{
	margin-left: 0.5rem;
	display: inline-block;
}
.consulting .border_dashed_white ul .detail_button > .open
{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.consulting .border_dashed_white .detail_guide
{
	border: none;
}
.consulting .border_dashed_white .detail_guide .sub_text:after,
.consulting .border_dashed_white .detail_guide .sub_text_not_circle:after,
.consulting .border_dashed_white .detail_guide .sub_text .text:after
{
	content: "";
	display: block;
	clear: both;
}
.consulting .border_dashed_white .detail_guide .sub_text .text
{
	background-color: #ffffff;

	margin: 3rem 0 5rem 6rem;
	padding: 1rem;
}
.consulting .border_dashed_white .detail_guide .sub_text_not_circle
{
	padding: 2rem 2rem 1rem 0.5rem;
}
.consulting .border_dashed_white .detail_guide .sub_text_not_circle > img
{
	float: left;
	width: 50%;
	margin-right: 2rem;
	margin-top: 0.5rem;
}
.consulting .border_dashed_white .detail_guide .sub_text .circle
{
	width: 45%;
	overflow: hidden;
	border-radius: 50%;

	float: left;
	margin: -1.5rem 1rem -2.5rem 0;
}
.consulting .border_dashed_white .detail_guide .sub_text .circle img
{
	vertical-align: middle;
}
.consulting .border_dashed_white .detail_guide > img
{
	float: left;
	width: 50%;
	margin-right: 2rem;
	margin-top: 0.5rem;
}
.consulting .border_dashed_white .detail_guide > p:after
{
	content: "";
	display: block;
	clear: both;
}
#consul_03-06 .sub_text .text
{
	margin-bottom: 2rem;
}

/*********************************************************
社内制度
**********************************************************/
#system_top
{
	background: url(../ipec_images/system_top_back.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#certification_system .clearfix > h2
{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	line-height: 1.2;
	font-size: 1rem;
	font-weight: normal;
	border: 1px solid #4c4948;
	box-sizing: border-box;
	height: 5rem;
	width: 5rem;
	float: left;
	margin-right: 2rem;
}
#certification_system h2 span
{
	margin: auto;
}
#certification_system .clearfix > div
{
	overflow: hidden;
	text-align: left;
	margin-bottom: 2rem;
}
#certification_system .clearfix > .triangle
{
	padding-bottom: 0.5rem;
}
#certification_system .triangle .pyramid,
#certification_system .triangle .rank_name
{
	display: inline-block;
}
#certification_system .triangle .pyramid
{
	width: 50%;
	text-align: center;
	position: relative;
}
#certification_system .triangle .pyramid img
{
	vertical-align: middle;
	width: 100%;
	margin-bottom: 3px;
}
.triangle .rank_name
{
	position: absolute;
	bottom: 0;

	line-height: 1.3;
	border-bottom: 3px solid #009db6;
	padding-bottom: 0.3rem;
	box-sizing: border-box;

	width: 20rem;
	text-align: right;
}
.triangle .rank_name span
{
	display: inline-block;
	text-align: left;
}
.triangle .meister .rank_name
{
	left: 62.3%;
}
.triangle .stage3 .rank_name
{
	left: 74.7%;
}
.triangle .stage2 .rank_name
{
	left: 87.2%;
}
.triangle .stage1 .rank_name
{
	left: 99.7%;
}
/* レスポンシブ用 社内評価基準 */
.sm_triangle
{
	display: none;
}
.sm_triangle .pyramid_img
{
	text-align: center;
	margin-bottom: 2rem;
}
.sm_triangle .meister,
.sm_triangle .stage3,
.sm_triangle .stage2,
.sm_triangle .stage1
{
	width: 96%;
	max-width: 560px;
	margin: 0 auto 2rem;
}
.sm_triangle .meister:after,
.sm_triangle .stage3:after,
.sm_triangle .stage2:after,
.sm_triangle .stage1:after
{
	content: "";
	display: block;
	clear: both;
}
.sm_triangle .meister img,
.sm_triangle .stage3 img,
.sm_triangle .stage2 img,
.sm_triangle .stage1 img
{
	float: left;
}
.sm_triangle > div .rank
{
	display: block;
	overflow: hidden;
	border-bottom: 2px solid #009db6;
	padding-left: 1.5rem;
	line-height: 1.2;
}
.sm_triangle > div .rank .rank_name
{
	color: #009db6;
	font-size: 1.3rem;
	line-height: 1.2;
	font-weight: bold;
	display: block;
	margin-left: -1.5rem;
}
.sm_triangle > div .rank .sm_block
{
	margin-left: -1rem;
	display: block;
}
#certification_system .clearfix > .column2_ul
{
	margin-bottom: 0;
}
#certification_system ul,
#work_ability ul
{
	text-align: left;
}
#certification_system ul li,
#work_ability ul li
{
	font-size: 1rem;
}
.column2_ul ul li
{
	display: inline-block;
	width: 48%;
}
/* 職能制度 */
#work_ability
{
	background-color: #009db6;
	color: #ffffff;
}
#work_ability .rank_up
{
	line-height: 1.2;
	font-size: 2rem;
	color: #009db6;
	margin: 2rem auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 90%;
	max-width: 720px;
}
#work_ability .rank_up > div
{
	height: 6rem;
	width: 12rem;
	position: relative;
	box-sizing: border-box;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#work_ability .rank_up > div span
{
	margin: auto;
}
#work_ability .rank_up > div:before
{
	content: "";
	position: absolute;
	top: 0;
	left: -3rem;

	box-sizing: border-box;
	height: 6rem;
	width: 0;

	border-width: 3rem 1px 3rem 3rem;
	border-style: solid;
}
#work_ability .rank_up > div:after
{
	content: "";
	position: absolute;
	top: 0;
	right: -3rem;

	box-sizing: border-box;
	height: 6rem;
	width: 0;

	border-width: 3rem 1px 3rem 3rem;
	border-style: solid;
}
#work_ability .rank_up .ability
{
	background-color: #fff0c8;
}
#work_ability .rank_up .ability:before
{
	border-color: #fff0c8 #fff0c8 #fff0c8 transparent;
}
#work_ability .rank_up .ability:after
{
	border-color: transparent transparent transparent #fff0c8;
}
#work_ability .rank_up .quality
{
	background-color: #fff096;
}
#work_ability .rank_up .quality:before
{
	border-color: #fff096 #fff096 #fff096 transparent;
}
#work_ability .rank_up .quality:after
{
	border-color: transparent transparent transparent #fff096;
}
#work_ability .rank_up .salary
{
	background-color: #fffa5a;
}
#work_ability .rank_up .salary:before
{
	border-color: #fffa5a #fffa5a #fffa5a transparent;
}
#work_ability .rank_up .salary:after
{
	border-color: transparent transparent transparent #fffa5a;
}

/*********************************************************
認定・技術者
**********************************************************/
#engineer_top
{
	background: url(../ipec_images/engineer_top_back.jpg) 50% 0 no-repeat;
	background-size: cover;
}
#vendor_certification
{
	text-align: center;
}
#vendor_certification ul
{
	display: block;
}
#vendor_certification ul li
{
	font-size: 1rem;
	padding: 0.5rem 0;
	border-bottom: 1px solid #009db6;
	text-align: left;
}
#vendor_certification ul li span
{
	width: 92%;
	max-width: 660px;
	margin: 0 auto;
	display: block;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.6;
}
#vendor_certification ul li span:before
{
	content: url(../ipec_images/result_list_img.png);
	vertical-align: middle;
}
#license h1
{
	text-align: center;
}
#license > div
{
	width: 100%;
	max-width: 100%;
	background: url(../ipec_images/engineer_license_back.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	padding: 2rem 0;
}
#license > div:before
{
	display: none;
}
#license > div > div
{
	width: 96%;
	max-width: 960px;
	margin: 0 auto;
}
#license p
{
	width: 96%;
	text-align: right;
}
#license table
{
	width: 96%;
}
#license table td
{
	border-color: #009db6;
	text-align: left;
	padding: 0.5rem 1rem;
}
#license table td:nth-last-of-type(1),
#license table td:nth-last-of-type(2)
{
	text-align: center;
}

/*********************************************************
実績
**********************************************************/
#result_top
{
	background: url(../ipec_images/engineer_top_back.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#result_main
{
	background: url(../ipec_images/result_main_back.jpg) 50% -20% no-repeat fixed;
	background-size: cover;

	text-align: center;
}
#result_main dl
{
	display: block;
	margin-bottom: 3rem;
}
#result_main dl dt,
#result_main dl dd
{
	font-size: 1rem;
	padding: 0.5rem 0;
	border-bottom: 1px solid #009db6;
}
#result_main dl dt span,
#result_main dl dd span
{
	width: 92%;
	max-width: 660px;
	margin: 0 auto;
	display: block;
}
#result_main dl dd span
{
	padding-left: 1.5rem;
	box-sizing: border-box;
}
#result_main dl dt span:before
{
	content: url(../ipec_images/result_list_img.png);
	vertical-align: middle;
}
#result_main dl dt span:after
{
	content: url(../ipec_images/result_list_img.png);
	vertical-align: middle;
}

/*********************************************************
メディア掲載情報
**********************************************************/
#media_top
{
	background: url(../ipec_images/media_top_back.jpg) 50% 0 no-repeat;
	background-size: cover;
}
#news-paper ul
{
	background: url(../ipec_images/media_news-paper_back.jpg) 50% 112px no-repeat fixed;
	background-size: cover;
}
#magazine ul
{
	background: url(../ipec_images/media_magazine_back.jpg) 50% 112px no-repeat fixed;
	background-size: cover;
}

.media_title_indent {
	text-indent: -1em;
}

.media_indent1 {
	display: block;
	font-size: 13px;
	text-indent: -1em;
	padding-left: 16rem;
}

.media_book {
	display: block;
	font-size: 13px;
}

#news-paper,
#magazine,
#others,
#youtube,
#tvcm
{
	text-align: center;
}
.media_list
{
	display: block;
}
.media_list li
{
	font-size: 1.25rem;
	padding: 0;
	border-bottom: 1px solid #009db6;
	text-align: left;
}
.media_list li a
{
	font-size: 1.25rem;
}
.media_list li:first-child
{
	border-top: 1px solid #009db6;
}
.media_list li > span
{
	width: 96%;
	max-width: 965px;
	margin: 0 auto;
	display: block;
	line-height: 1.9;
}
.media_list li > span:before
{
	content: url(../ipec_images/result_list_img.png);
	vertical-align: middle;
}
ul li .data
{
	font-size: 1rem;
	margin-right: 0.5rem;
	display: inline-block !important;
	width: 5.5rem;
}
ul li .media
{
	font-size: 1rem;
	margin-right: 1rem;
}
#news-paper ul li .media
{
	display: inline-block;
	width: 6rem;
}
.media.youtube_ch {
	margin-left: 8rem;
}
ul li .media a
{
	font-size: 1rem !important;
}
.media_list li a
{
	font-size: 1.25rem;
}
.media_list li .pdf
{
	font-size: 1rem;
	margin-left: 0.5rem;
}
.line_2
{
	line-height: 1.2;
	vertical-align: middle;
	display: inline-block !important;
}
.mp3 {
	position: relative;
	bottom: 1em;
}
.mr {
	margin-right: 30px;
}

@media screen and (max-width: 640px) {
	.media_list li
{
	font-size: 15px;
}

	.media_indent1 {
		text-indent: -1em;
		padding-left: 1em;
	}
	
	.media_indent2 {
		padding-left: 1em;
	}

	.media_indent3 {
		padding-left: 1em;
	}

}


/*********************************************************
プレスリリース
**********************************************************/

#press_top {
	background: url(../ipec_images/press_top_back.jpg)50% 50% no-repeat;
    background-size: cover;
}
#press_release h1
{
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;

}

#press_release p
{
	text-align: left;
	margin-top: 1em;
	margin-bottom: 10px;
}



#press_release .press_release_text
{
	text-align: left;
}
#press_release .press_release_date
{
	text-align: right;
}

#press_release img {
	margin: 0 auto;
}

.press_list {
	margin-top: 50px;
	margin-bottom: 100px;
}

.press_list_flex {
	display: flex;
}



.press_list_flex p {
	text-align: left;
}

.press_list .press_list_flex a {
	font-size: 1.35rem;
}

.press_list .press_list_flex {
	width: 90%;
	margin: 0 auto;
	padding: 30px;
}

.press_list .press_list_flex:hover {
	background: #f5f5f5;
	transition: .5s;
}

.press_list .press_list_flex:nth-of-type(odd) {
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

.press_list .press_list_flex:last-of-type {
	border-bottom: 1px solid #808080;
}

.press_list .press_list_flex .data {
	margin-right: 6rem;
	color: #808080;
}

#press_20210301 .press_margin {
	margin-bottom: 0;
}

#press_20210301 .sdgs_link {
	margin: 0;
	text-align: right;
}



/***** プレスリリース(SDGs) *****/
#press_release0301 h1
{ 
	text-align: center;
	margin-top: 1em;
	margin-bottom: -1em;
}

#press_release0301 h2 {
    text-align: center;
	margin-top: 60px;
	margin-bottom: 1em;
}

#press_release0301 h2:nth-of-type(1) {
	margin-bottom: -1em;
}

#press_release0301 h2:nth-of-type(2) {
	margin-top: 35px;
}

#press_release0301 h2:nth-of-type(3) {
	line-height: 1.3;
}

#press_release0301 p
{
	text-align: left;
	margin-top: 1em;
	margin-bottom: 10px;
}

#press_release0301 .press_release_text
{
	text-align: left;
}
#press_release0301 .press_release_date
{
	text-align: right;
}

#press_release0301 img {
	margin: 0 auto;
}
#press_release0301 .press_sub_title {
	text-align: center;
	margin-bottom: 2.5em;
	font-size: 1.5rem;
	line-height: 1.5;
}

#press_release0301 .press_sdgs_img {
	text-align: center;
}


.press_sdgs_box {
	margin: 45px auto;
}



.press_sdgs_content p {
	margin-top: 5px;
	margin-bottom: 5px;
}

.press_sdgs_box h3 {
	margin-top: 50px;
	font-size: 3.5rem;
	color: #999;
}

.press_sdgs_name {
	font-weight: bold;
	font-size: 1.2rem;
}



@media(max-width: 900px){
	.press_list_flex {
		flex-direction: column;
	}
}

@media (max-width:745px){
	.press_list .press_list_flex .data {
	margin-right: 3rem;
}
}




@media(min-width: 600px)
{
	#press_release0301 .images
	{
		text-align: left;
	}
	#press_release0301 .images .main_image
	{
		float: left;
		max-width: 500px;
	}

	#press_release0301 .images .sub_image
	{
		max-width: 370px;
	}

	#press_release0301 .images .sub_image::after
	{
		clear: both;
	}
}
@media(max-width: 599px)
{
	#press_release0301 .images .main_image
	{
		width: 90%;
	}

	#press_release0301 .images .sub_image
	{
		width: 90%;
	}

}

@media(max-width: 475px)
{
	.press_list .press_list_flex a {
		font-size: 1rem;
	}
	
	.press_list .press_list_flex .data {
		margin-right: 1.5rem;
	}


}





/*********************************************************
SDGsページ
**********************************************************/

.sdgs h1 {
	margin-top: 3rem;
}

.sdgs h2 {
	display: inline-block;
	font-size: 1.6rem;	
}

.sdgs h3 {
	display: inline;
	font-size: 1.2rem;
	font-weight: 500;
	border-bottom: solid 1px;
	line-height: 2.5;
}
.sdgs p.p_subtitle {
	text-align: right !important;
}
.sdgs p.p_subtitle span {
	display: inline-block;
	margin-top: 1rem;
}
.sdgs p{
	text-align: left;
	margin: 0.5em;
}
.sdgs p img {
	max-width: 100% !important;
}
#sdgs_top
{
	background: url(../ipec_images/sdgs_main.jpg) 50% 50% no-repeat;
	background-size: cover;
}


.sdgs_h2box {
	display: block;
	margin-right: 1rem;
	margin-left: 1rem;
	margin-bottom: 80px;
	padding-top: 4rem;
}

.sdgs_h2box:last-child {
	margin-bottom: 0;
}


.sdgs_h3box {
	display: block;
	text-align: left;
}



.sdgs_h3box p {
	padding-left: 0;
}
.sdgs_h3box:last-child {
	margin-bottom: 0;
}


.sdgs mark {
	display: inline;
	padding: 0 2rem;
	font-weight: 500;
	background: linear-gradient(transparent 60%, #c1e0ff 50%);
}

.sdgs_title1 {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	padding: 15px 0;
	margin-bottom: 100px;
}

.sdgs_title {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	padding: 15px 0;
	margin-bottom: 60px;
}


/* 記事：20210301 */

.sdgs_20210301_1 {
	margin-bottom: 3rem;
}

/* 使用なし
.sdgs_20210301_1 h1 {
	display:block;
	padding-top: 30%;
	background-image: url(../ipec_images/20210301_sdgs1.png); 
	background-repeat:  no-repeat;
	background-position: center top;
	background-size: 30% auto;
}
*/
/* 記事：20210301_1　行間の調整 */
.sdgs_20210301_1 p.p_text {
	display: inline-block;	
}

.sdgs_20210301_1 .sdgs_h3box {
	margin-top: 4rem;
	margin-bottom: 4rem;
}
.sdgs_20210301_1 .sdgs_h2box {
	margin-bottom: 6rem;
}

.sdgs_bg {
	widht: 100%;
	background: #d4e3fc;
	padding-bottom: 2rem;
	padding-top: 3rem;
	margin-bottom: 4rem;
}

.sdgs_inner {
	    width: 96%;
    max-width: 960px;
    margin: 0 auto 6rem auto;
    padding: 0;
}



/* 記事：20210301_2　行間の調整 */
.sdgs_20210301_2 .sdgs_h2box:first-of-type {
	padding-top: 2rem;
}
.sdgs_20210301_2 .sdgs_h2box:last-of-type {
	border-bottom: none;
}

.sdgs_date {
	padding-bottom: 5px;
}


/* 記事：20210301_2内sdgsアイコンの配置一連、h2の横にアイコンを置く場合等 */
.sdgs_icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	align-items: left;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content: space-between;
	margin-bottom: 2rem;
}
.sdgs_icon h2 {
	display: inline-block;
	-webkit-box-flex: 2 2;
	-webkit-flex: 2 2;
	-ms-flex: 2 2;
	flex: 2 2;
	max-width: 470px;
	flex-basis: 470px;
	margin: auto 0;
}
.sdgs_icon p {
	display: inline-block;
	-webkit-flex-grow:　2;
	-ms-flex-positive:　2;
	flex-grow: 2;
	max-width: 350px;
	flex-basis: 350px;
	margin: auto 0;
}
.sdgs_icon h2 span {
	display: table;
	padding: 0;
	text-align: left;
}


/* 横並び内の画像配置 */
.sdgs .sdgs_image_half {
		-webkit-box-align:center;
		-webkit-align-items:center;
		-ms-flex-align:center;
	align-items: center;
		-webkit-box-pack:justify;
		-webkit-justify-content:space-between;
		-ms-flex-pack:justify;
	justify-content: space-between;
	margin-bottom: 2rem;
}

.sdgs_media_text {
	margin-bottom: 6rem;
}

.sdgs_media_text  .sdgs_date {
	margin-top: 2rem;
}


.sdgs_media_text .sdgs_link {
	
	text-align: right;
	
}

.sdgs_media_text .sdgs_link p {
	display: inline-block;
	text-align: left;
	line-height: 1.5;
}

.sdgs_br {
	display: none;
}


/*
 ↓ テキストボックスと画像（imgはpで囲むこと）を横並びにする
 */
.sdgs_image_half,.sdgs_image_onethird,.sdgs_image_full {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 2 2;
	-webkit-flex: 2 2;
	-ms-flex: 2 2;
	flex: 2 2 auto;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items: center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content: space-between;
}
.sdgs_image_full {
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap: wrap;
}
.sdgs_reverse {
	-webkit-box-direction:reverse;
	-webkit-flex-direction:row-reverse;
	-ms-flex-direction:row-reverse;
	flex-direction: row-reverse;
}
.sdgs_image_half p, .sdgs_image_half h3 {
	max-width: 410px;
	flex-basis: 410px;
}
.sdgs_image_onethird p, .sdgs_image_onethird h3 {
	max-width: 560px;
	flex-basis: 560px;
}
.sdgs_image_onethird p.img {
	max-width: 280px;
	flex-basis: 280px;
}
.sdgs_image_full p, .sdgs_image_full h3 {
	max-width: 960px;
	flex-basis: 960px;
}
@media(max-width: 599px) {
	.sdgs_h2box {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	.sdgs_h2box  .sdgs_h3box {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	.sdgs_image_half,.sdgs_image_onethird,.sdgs_image_full {
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap: wrap;
		-webkit-box-align:center;
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items: center;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content: center;
	}
	.sdgs_image_half p, .press_image_half h3, .sdgs_image_onethird p, .sdgs_image_onethird p.img, .sdgs_image_onethird h3{
		max-width: 599px;
		flex-basis: 599px;
	}
	.sdgs_image_onethird p{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content: center;
	}
	.sdgs_image_onethird p.img {
		margin: 0;
	}
}

@media(max-width: 745px) {
	.sdgs h2 {
		font-size: 1.4rem;	
		line-height: 1.4;
		margin-bottom: 10px;
	}
	
	.sdgs_h2box {
		padding-top: 0;
	}
	.sdgs_icon {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap: wrap;
		margin: 0;
	}
	.sdgs_icon p{
		margin: 0 0 15px auto;
		padding-left: 30%;		
	}
}

@media(max-width: 475px) {

	.sdgs_br {
		display: block;
	}
	
	.sdgs_title1 {
	margin-bottom: 60px;
	font-size: 1.5rem;
}

	.sdgs_title {
		margin-bottom: 40px;
		font-size: 1.5rem;
	}


	.sdgs h2 {
		font-size: 1.3rem;	
		line-height: 1.3;
	}
	
	.sdgs_h3box h3 {
		font-size: 1.1rem;	
		line-height: 1.1;
	}	
	
	.sdgs_media_text {
		margin-bottom: 3rem;
	}
}




/*********************************************************
イベント報告
**********************************************************/

/* 共通 */
.movie_wrap {
	width: 60%;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}

.movie_wrap iframe {
	width: 100%;
	height: 100%;
}


.report_page {
	width: 96%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
}

.report_page h1 {
	font-size: 1.8rem;
}

.report_page p {
	margin: 1.5rem;
	line-height: 1.7;
}

.report_page .subtitle {
	text-align: right;
}

.report_text {
	text-align: left;
	padding-bottom: 10px;
}

.Performer_text p {
	margin: 0 auto 15px;
}


#report_top
{
	background: url(../ipec_images/report_top_back.jpg) 50% 0 no-repeat;
	background-size: cover;
}

.menu_scroll {
width: 100%;
	overflow: auto;
	height: 150px;
	margin-bottom: 30px !important;
	text-shadow: 1px 1px 1px #000;
}

.menu_scroll li{
	margin-bottom: 10px;
	line-height: 1.5;
}



.menu_scroll::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.menu_scroll::-webkit-scrollbar-track {
	background: rgba(150,150,150,1);
	border-radius: 5px;
}

.menu_scroll::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 5px;
}

#report_jimotech2019 p img
{
	width: 17em;
}
#report_jimotech2019 .image_table p
{
	width: 17em;
	margin: 1em;
	padding: 0;
}

#report_jimotech2019 .image_table
{
	display: flex;
	flex-flow: row wrap;
}


#report_20191218 p img
{
	width: 27em;
}
#report_20191218 .image_table p
{
	width: 27em;
	margin: 1em;
	padding: 0;
}

#report_20191218 .image_table
{
	display: flex;
	flex-flow: row wrap;
}


#report_20200111 .image_table p
{
	text-align: left;
	margin: 1em;
}


/* 富山流ビジネス戦略 */

.event_flex2 {
	display: flex;
	width: 90%;
	margin: 0 auto 16px auto;
}

.event_flex3 {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

.event_flex4 {
	display: flex;
	width: 60%;
	gap: 1em;
	margin: 0 auto 16px auto;
}

.event_flex2 p , .event_flex3 p, .event_flex4 p {
	margin: 0 8px 0 8px;
}



/* 煌めく女性リーダー */

.event_210426box {
	width: 70%;
	margin: 0 auto;
}

.event_flex210426 {
	display: flex;
	margin: 50px auto 30px auto;
}

.event_flex210426 p {
	margin: 0 10px 0 10px;
}



/* 木下アナウンサー */

.event_210415box {
	width: 75%;
	margin: 50px auto 30px auto;
}

.event_flex210415 {
	display: flex;
	margin: 25px auto 16px;
}

.event_210415box .event_flex210415:nth-of-type(1) {
	margin-top: 16px;
}

.event_flex210415 p {
	margin: auto 8px;
}



/* 入社式　*/

.event_210401box {
	width: 90%;
	margin: 0 auto 40px auto;
}

.event_flex210401 {
	display: flex;
	margin-bottom: 20px;
}

.event_flex211203 {
	display: flex;
	width: 90%;
	margin: 0 auto;
	gap: 15px;
}

/* iTECS技術協会　*/

.event_flex220516 {
	display: flex;
	width: 90%;
	margin: 0 auto;
	gap: 15px;
}

.event_flex220516 p {
	margin: 0;
}

/* いっちゃんリレーマラソン　*/
.event_220605 {
	position: relative;
	width: 55%;
	min-width: 270px;
	margin: 0 auto 20px;
}

.event_ipen {
	position: absolute;
	top: 50%;
	right: -25%;
	transform: translate(25% , -50%);
	display: flex;
	align-items:center;
	
}

.event_ipen p {
	margin: 10px 10px;
	font-size: 18px;
}

.event_ipen img:nth-of-type(1) {
	width: 140px;
}

/* 無災害記録達成受賞 */
.event_220620 {
	text-align: center;
}

/* 消防訓練 */
.event_220701 {
	width: 55%;
	margin: 0 auto;
}

/* 地域清掃 */
.event_flex220706 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}
.event_flex220706 img {
	width: calc(100% / 4 - 15px);
}

/* 2022夏のインターンシップ */
.flex_20220905_1 {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin: 0 auto 16px auto;
	width: 95%;
}
.flex_20220905_2 {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin: 0 auto 16px auto;
	width: 95%;
}
.flex_20220905_l {
	width: 30%;
}
.flex_20220905_1 p {
	margin: 0;
}
.flex_20220905_2 p {
	margin: 0;
}

/* 女性活躍プロジェクト220901 */
.event_flex220901 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60%;
	margin: 0 auto;
}


.br_475 {
	display: none;
}

/* 地域清掃 #4 */
.event_221005_box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}
.event_221005_box img {
	width: calc(100% / 3 - 15px);
}
.event_221005_inbox {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
	width: calc(100% / 3);
}
.event_221005_inbox img {
	width: 100%;
}

/* 221018パネルディスカッション */
.event_flex221018 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px
}
.event_flex221018 img {
	width: 50%;
}

/* 221019フィールドスタディー */
.event_small {
	font-size: 14px;
}
.txt-left {
	text-align: left;
	display: inline-block;
	margin: 0 auto;
}
/* .txt-left span {
	display: block;
	padding-left: 1em;
    text-indent: -1em;
	padding-bottom: .5em;
} */
#report_20221019 .event_small {
	max-width: 575px;
}

/* 221028ゼミ埼玉 */
.event_221028 {
	display: flex;
	flex-direction: row;
	gap: 15px;
	justify-content: center;
	align-items: flex-end;
	margin: 30px auto 0;
}
.r_221028 {
	width: 48%;
}

/* 221101とやま健康企業宣言 */
.event_flex221101 {
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.r_221101 {
	width: 40%;
}
#report_20221101 .event_small {
	padding-left: 1em;
	text-indent: -1em;
}

/* 2023新年研修会 */
.flex_20230104 {
	display: flex;
	justify-content: center;
	margin: 0 auto 16px 50px;
	width: 95%;
	gap: 15px;

}
.flex_20230104_col {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.flex_20230104_col img {
	width: 78%;
}

/* ITコーディネータ富山 創設２０周年記念 */
.flex_20230210 {
	display: flex;
	gap: 15px;
	margin: 0 70px 0 auto;
}
.flex_20230210_col {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 15px;
}
.flex_20230210_col img {
	width: 78%;
}

/* アイコン */
.ttl_flex {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	text-align: left;
}
.ttl_flex_icon {
	display: flex;
	gap: 10px;
}
.ttl_flex img {
	max-width: 135px;
}
/* 20241217追加 */
.sdgs_flex {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	text-align: left;
	flex-wrap: wrap;
}
.sdgs_flex img {
	max-width: 135px;
	width: 100%;
}

/*  */
@media(max-width: 1100px) {

	.report_page h1 {
		font-size: 1.6rem;
	}

	.event_ipen p {
		font-size: 16px;
	}
	.ttl_flex img {
		max-width: 120px;
	}
	.sdgs_flex img {
		max-width: 120px;
	}
}

@media(max-width: 900px) {

}

@media(max-width: 745px) {
	.br_475 {
		display: block;
	}

	.movie_wrap {
		min-width: 300px;
	}

	.report_page h1 {
		font-size: 1.4rem;
	}

	.event_flex211203 {
		width: 90%;
	}
	
	.event_flex211203_content2 img:nth-of-type(2) {
		margin-top: 20px;
	}

	.event_210415box {
		min-width: 355px;
		margin: 30px auto 30px auto;
	}

	.event_ipen {
		display: none;
	}

	.r_221101 {
		width: 55%;
	}
	.ttl_flex img {
		max-width: 100px;
	}
	.sdgs_flex img {
		max-width: 100px;
	}
	
	.ttl_flex {
		flex-direction: column;
		gap: 10px;
		text-align: center;
		gap: 10px;
	}
}


.br_600 {
	display: none;
}

@media(max-width: 600px) {
	.br_600 {
		display: block;
	}
	.br_600_pc {
		display: none;
	}
	.flex_20230104 {
		margin: 0 auto 16px 25px;
	}
	.flex_20230210 {
	margin: 0 25px 0 auto;
}
}

@media(min-width: 600px) {
	#report_20200111 .image_table
	{
		display: grid;
		grid-template-columns: 1fr 27em;
	}
	#report_20200111 .image_table .article
	{
		grid-column: 1;
	}
	#report_20200111 .image_table .img
	{
		grid-column: 2;
		width: auto;
	}
	
}

@media(max-width: 475px) {

	.report_page h1 {
		font-size: 1.2rem;
	}
	
	.event_flex210426 {
		flex-direction: column;
	}

	.event_flex220706 {
		justify-content: center;
	}

	.event_flex220706 img {
		width: calc(100% / 2 - 15px);
	}
	
	.event_flex221018 {
		flex-direction: column;
	}
	.event_flex221018 img {
		width: 80%;
	}

	.event_221028 {
		flex-direction: column;
		width: 90%;
		align-items: center;
	}
	.r_221028 {
		width: 90%;
	}

	.r_221101 {
		width: 100%;
	}
	.ttl_flex img {
		max-width: 60px;
	}
	.br_475_pc {
		display: none;
	}
}

@media(max-width: 375px) {
.movie_wrap {
	min-width: 260px;
}

.event_210415box {
	min-width: 300px;
}
}


#report_20200901 .subtitle
{
	text-align: right;
}

#report_20200901 p img
{
	width: 100%;
}
#report_20200901 .image_table
{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
#report_20200901 .image_table2
{
	display: grid;
	grid-template-columns: 59% 1fr;
}
#report_20200901 .image_table2 p
{
	margin-bottom: 0;
}
#report_20200901 .image_table2 p.note
{
	grid-column: 1 / 3;
	margin-top: 0;
}


#report_20200911 p img
{
	width: 100%;
}
#report_20200911 .image_table
{
	display: grid;
	grid-template-columns: 74% 1fr;
}
#report_20200911 .image_table2
{
	display: grid;
	grid-template-columns: 39.7% 1fr;
}

#report_20200918 .subtitle
{
	text-align: right;
}

#report_20200918 p img
{
	width: 100%;
}
#report_20200918 .image_table
{
	display: grid;
	grid-template-columns: 29.5% 1fr;
}

#report_20220113 .image_table
{
	display: grid;
	grid-template-columns: 30.5% 1fr;
}

/*********************************************************
お客さまの声
**********************************************************/
#feedback_top
{
	background: url(../ipec_images/feedback_top_back.jpg) 50% 0 no-repeat;
	background-size: cover;
}
#feedback_hihakai,
#feedback_chousa
{
	background-color: #d4e3fc;
}
#feedback_keisoku
{
	background-color: #f7f7f7;
}
.questionnaire
{
	text-align: center;
	padding: 0 0 2rem;
}
.questionnaire h1
{
	margin: 0;
	height: 6.25rem;
	line-height: 1;

	position: relative;
}
.questionnaire h1:before
{
	content: "";
	width: 25rem;
	height: 6.25rem;
	display: inline-block;
	border-radius: 12.5rem 12.5rem 0 0 / 6.25rem 6.25rem 0 0;

	position: absolute;
	bottom: 0;
	margin-left: -12.5rem;
	left: 50%;
}
.questionnaire h1 span
{
	display: inline-block;
	width: 12.5rem;
	margin-left: -6.25rem;

	position: absolute;
	bottom: 0;
	left: 50%;
}
#feedback_hihakai h1
{
	background-color: #ffffff;
}
#feedback_chousa h1
{
	background-color: #f7f7f7;
}
#feedback_keisoku h1
{
	background-color: #d4e3fc;
}
#feedback_hihakai h1:before,
#feedback_chousa h1:before
{
	background-color: #d4e3fc;
}
#feedback_keisoku h1:before
{
	background-color: #f7f7f7;
}

.questionnaire .questionnaire_div
{
	width: 96%;
	max-width: 960px;
	box-sizing: border-box;
	margin: 4rem auto;
	padding: 2rem 3rem;
	text-align: left;
	background-color: #ffffff;
	box-shadow: 7px 7px 10px 5px rgba(205, 207, 207, .5);
}
.questionnaire .questionnaire_div:after
{
	content: "";
	display: block;
	clear: both;
}
.questionnaire_div h2
{
	text-align: center;
	font-size: 1.5rem;
	font-weight: normal;
	margin-bottom: 1rem;
	line-height: 1.5;
}
.questionnaire_div h2:before
{
	content: "●";
	font-size: 2rem;
	vertical-align: middle;
}
.questionnaire_div h2:after
{
	content: "●";
	font-size: 2rem;
	vertical-align: middle;
}
.questionnaire_div h2 br
{
	display: none;
}
.questionnaire_div h3
{
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	color: #e30000;
	line-height: 1.5;
}
.questionnaire_div h3 span
{
	display: inline-block;
}
.questionnaire_div p span
{
	font-size: 1.35rem;
	font-weight: bold;
}
#feedback_hihakai .questionnaire_div:nth-of-type(odd) > img,
#feedback_keisoku .questionnaire_div:nth-of-type(even) > img,
#feedback_chousa .questionnaire_div:nth-of-type(odd) > img
{
	float: right;
	margin-left: 2rem;
}
#feedback_hihakai .questionnaire_div:nth-of-type(even) > img,
#feedback_keisoku .questionnaire_div:nth-of-type(odd) > img,
#feedback_chousa .questionnaire_div:nth-of-type(even) > img
{
	float: left;
	margin-right: 2rem;
}
.questionnaire .questionnaire_div > img
{
	margin-top: 0.5rem;
	margin-bottom: 1.5rem;
	display: inline-block;
}

.feedback .contents .tel_link
{
	margin: 0 auto;
}
#feedback_ipen01 > div
{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
#feedback_ipen01 > div img
{
	margin-right: 1rem;
}
#feedback_ipen01 > div p
{
	text-align: left;
}
#feedback_ipen03
{
	margin-top: 4rem;
}

/*********************************************************
最新機器
**********************************************************/
#partner_top
{
	background: url(../ipec_images/partner_top_back.jpg) 50% 2% no-repeat;
	background-size: cover;
}
.h1_caption
{
	color: #ffffff;
	font-size: 1.5rem;
}
.h1_caption .chara
{
	position: relative;
}
.h1_caption .ruby
{
	font-size: 0.7rem;
	position: absolute;
	top: -1.2rem;
	left: 0.45rem;
}
#pundit .clearfix
{
	margin-bottom: 3rem;
}
#pundit .float_right
{
	margin-left: 3rem;
}
#pundit .float_left
{
	margin-right: 3rem;
}
#pundit .pundit_PL-200 .text
{
	margin-bottom: 3rem;
}
#pundit .text
{
	text-align: left;
	padding-top: 3rem;
}
#pundit .img_area
{
	position: relative;
}
#pundit .img_area .ipen_img
{
	position: absolute;
	bottom: 0;
	right: 4%;
}
#pundit dl
{
	width: 70%;
	margin: 3rem auto 0;
}
#pundit dl dt
{
	text-align: left;
}
#pundit dl dt:before
{
	content: "■";
	font-size: 2.5rem;
	line-height: 0.4;
	vertical-align: middle;
	margin-right: 0.5rem;
}
#pundit dl dd
{
	text-align: right;
	font-size: 0.85rem;
	color: #7d9dac;
	padding: 2rem 0;
}
#pundit dl dd .comme
{
	border: 1px solid #7d9dac;
	border-radius: 2rem;
	padding: 1rem;
	position: relative;
}
#pundit dl dd .comme:before
{
	content: "";
	background: url(../ipec_images/partner_dd_img.png) 0 0 no-repeat;
	background-size: cover;
	height: 2rem;
	width: 2rem;
	position: absolute;
	top: 12%;
	left: -1.9rem;
}

/*********************************************************
社長挨拶・経営理念
**********************************************************/
#company_top
{
	background: url(../ipec_images/company01_back.jpg) 60% 0 no-repeat;
	background-size: cover;
}
#company_top > div h1
{
	margin-top: 0;
}
#company_top .president_name
{
	position: absolute;
	right: 8%;
	bottom: 0%;

	color: #ffffff;
	text-shadow: rgba(0, 0, 0, .7) 0 0 5px;
}

#message
{
	background: url(../ipec_images/company02_back.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	min-height: 600px;
}

#philosophy
{
	background-color: #009DB6;
	color: #ffffff;
	margin-top: 1.5rem;
}
#philosophy h2,
#action h2
{
	font-size: 2rem;
	font-weight: normal;
}
#action h2
{
	color: #009fe8;
}
#message p,
#philosophy p,
#action p
{
	margin: 2rem 0;
}
.gray_space
{
	height: 2rem;
	background-color:#ECEEEE;
}
#ipen
{
	background-color: #EBE8E8;
	padding-top: 0;
}
#ipen > div.ipen_bg_white
{
	width: 100%;
	max-width: 100%;
	padding: 2rem 0;

	background-color: #ffffff;
}
#ipen > div
{
	width: 80%;
	max-width: 840px;
}
#ipen > div.ipen_bg_white h1
{
	margin: 0;
}
.ipen_prof
{
	padding: 2rem 0;
	box-sizing: border-box;
}
.float_left_ipen
{
	display: inline-block;
	cursor: pointer;
	margin-right: -16px;
}
.ipen_prof_r
{
	display: inline-block;
	vertical-align: top;
	padding-top: 1.5rem;
}
.ipen_prof_r ul
{
	text-align: left;
	display: block;
}
.ipen_prof_r ul li
{
	font-size: 1rem;
}
.ipen_prof_bg_b
{
	background-color: #396FB0;
	color: #ffffff;
	padding: 2rem 4rem;
	box-sizing: border-box;
	text-align: left;
	border-radius: 50px;
}

/*********************************************************
会社概要
**********************************************************/


#prof_top
{
	background: url(../ipec_images/prof_top_back.jpg) 40% 0 no-repeat;
	background-size: cover;
	color: #4c4948;
}
#prof_top h1
{
	color: #4c4948;
}

#prof_top .menu li a
{
	display: block;
	border: 0px;
	color: #4c4948;
}

#basic_info
{
	padding-bottom: 1.5rem;
}

.basic_info_table
{
	border: 0;
}


.basic_info_table td
{
	text-align: left;
	vertical-align: middle;
	padding: 0.5rem;

	border: 0;
}

.prof_space
{
	padding: 49.5px;
}


.prof_space_en
{
	padding: 25px;
}

.com_photo
{
	background: url(../ipec_images/prof02_back.jpg) 50% 0 no-repeat;
	background-size: cover;

	padding: 210px 0;
    margin-top: -3px;
}

.contents_pro
{
	background-color: #ffffff !important;
}
.right_pro
{
    text-align: left;
}

.mb_2
{
	padding-bottom: 2rem;
}

.sm_s
{
	font-size: 50%;
	vertical-align: middle;
}

.pb0
{
	padding-bottom: 0 !important;
}

.mb0
{
	margin-bottom: 0;
}

.mb-2
{
    margin-bottom: -2rem;
}

.pt_2
{
	padding-top: 2rem;
}

.ti_3
{
    text-indent: 16rem;
}

.lh_2
{
	line-height: 2.5rem;
}

.office {
	display: grid;

	border: 1px solid #666;

	margin-top: 1em;
	margin-bottom: 1em;
}
.office ul li {
	font-size: 1em;
	line-height: 1.4;
	margin: 0.5em 0;
}
@media (min-width: 800px) {
	.office {
		grid-template-columns: repeat(2, 1fr);
	}
}
.office .office_body {
	padding: 1em;
	text-align: left;
	font-size: 14px;
}
.office .office_body p {
	margin: 1em 0;
}

#map
{
	width: 96%;
	height: 0;
	padding: 0 0 300px;
	overflow: hidden;
	position: relative;
}
#map iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


#basic_info ul li:first-child, #basic_info ul li:nth-child(odd),
#basic_info ul li:last-child {
    background-color: #EBEBEB;
}

#history ul li:first-child, #history ul li:nth-child(odd),
#history ul li:last-child {
    background-color: #EBEBEB;
}


#basic_info ul,#history ul
{
	display: block;
}



#basic_info ul li,#history ul li
{
	font-size: 1rem;
}

.prof_li_sp1
{
	display: inline-block;
	float: left;
	width: 12rem;
	text-align: left;
}
#basic_info .prof_li_sp1 {
	margin-right: 1rem;
}
.prof_li_sp2
{
	max-width: 700px;
    width: 80%;
    display: block;
    margin: 0 auto;
}
.prof_li_sp3
{
	overflow: hidden;
}
#basic_info ul li:after,
#history ul li:after
{
	content: "";
	display: block;
	clear: both;
}
/*********************************************************
採用情報共通
**********************************************************/
/* リクルート系バナー */
.recruit_banner
{
	padding: 0;
	margin: 6rem 0 5rem;
	height: 26px;
	width: 100%;
	background-color: #bbe1f8;

	position: relative;
	overflow: visible;
}
.recruit_banner.animation .recruit_ipen
{
	position: absolute;
	top: 0;
	left: 145px;
	margin: -38px 0 0 -205px;
	display: inline-block;
	cursor: pointer;

	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
}
.recruit_banner.animation.active .recruit_ipen
{

	-webkit-animation-name: recruit_ipen;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	animation-name: recruit_ipen;
	animation-duration: 4s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
.recruit_banner.animation .entry_comme
{
	position: absolute;
	top: 0;
	left: 50%;
	margin: -40.5px 0 0 -302px;
	display: inline-block;

	font-size: 13.5px;
	font-weight: bold;
	line-height: 1.5;
	color: #ffffff;
	background-color: #00abeb;
	height: 81px;
	width: 81px;
	padding: 23.625px 0;
	box-sizing: border-box;
	text-align: center;
	border-radius: 40.5px;

	opacity: 0;
}
.recruit_banner.animation.active .entry_comme
{
	opacity: 1;
	-webkit-transform-origin: right center;
	-webkit-transform: scale(0);
	transform-origin: right center;
	transform: scale(0);

	-webkit-animation-name: recruit_ipen_comme;
	-webkit-animation-delay: 3s;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	animation-name: recruit_ipen_comme;
	animation-delay: 3s;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
.recruit_banner .entry_comme > span
{
	vertical-align: middle;
	position: relative;
}
.recruit_banner .entry_comme > span:after
{
	content: "";
	border-color: transparent transparent transparent #00abeb;
	border-style: solid;
	border-width: 9.45px 0 9.45px 24.3px;

	position: absolute;
	top: 13.5px;
	left: 67.5px;
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}
.recruit_banner .mynavi_link
{
	position: absolute;
	top: 0;
	left: 50%;
	margin: -17px 0 0 -97.5px;
	display: inline-block;
}
.recruit_banner .ibac_link
{
	position: absolute;
	top: 0;
	left: 50%;
	margin: -17px 0 0 117.5px;
	display: inline-block;
}
.recruit_banner a
{
	background-color: #ffffff;
}
.recruit_banner a:hover
{
	opacity: 1;
}
.recruit_banner a img
{
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.recruit_banner a img:hover
{
	opacity: 0.5;
}

/*********************************************************
採用ページ Message
**********************************************************/
#emp_messe_top
{
	background: url(../ipec_images/emp_messe_top_back.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#top_message,
#jinzai,
#motto,
#guidelines,
#feature
{
	padding: 1rem 0 3rem;
}
#top_message h2
{
	font-weight: normal;
	font-size: 1.8rem;
}
#top_message p,
#jinzai ul li,
#feature p
{
	text-align: left;
}
#top_message p
{
	line-height: 2.3;
}
#top_message .sign
{
	text-align: right;
	line-height: 1;
	margin-bottom: 2rem;
}
#top_message .sign img
{
	vertical-align: bottom;
	margin-left: 1rem;
}
#jinzai
{
	background-color: #30c081;
	color: #ffffff;
}
#jinzai ul
{
	width: 100%;
}
#jinzai ul li
{
	font-size: 1rem;
	border-bottom: 1px solid #ffffff;
	padding: 2rem 1rem 1rem;
}
#jinzai ul li:first-child
{
	padding: 1rem;
}
#jinzai ul li:last-child
{
	border-bottom: none;
}
#jinzai ul li > span:nth-child(1)
{
	font-size: 1.5rem;
	font-weight: bold;
	display: inline-block;
	width: 40%;
	vertical-align: top;
}
#jinzai ul li > span:nth-child(2)
{
	display: inline-block;
	width: 60%;
}
#jinzai ul li > span span,
#motto p span
{
	display: inline-block;
}
section.image_photo
{
	width: 100%;
	height: 390px;
	padding: 0;
	background: url(../ipec_images/emp_image_photo.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#motto h2
{
	font-weight: normal;
	font-size: 2.6rem;
}
#motto p,
#feature p
{
	font-size: 1.4rem;
}
#guidelines
{
	background-color: #30b6b8;
	color: #ffffff;
}
#feature > div
{
	max-width: 840px;
}

/*********************************************************
アイペックのお仕事
**********************************************************/
#about_top
{
	background: url(../ipec_images/about_top_back.jpg) 50% 0% no-repeat;
	background-size: cover;
}
#about_top > div h1
{
	margin-top: 5rem;
}
#about_top > div h1 br
{
	display: none;
}
#about_message1 p,
#about_message2 p
{
	font-size: 1.5rem;
}
#about_message1 p span,
#about_message2 p span
{
	display: inline-block;
}
#about_message2 p .red_big
{
	color: #ff0000;
	font-size: 2.25rem;
	font-weight: bold;
}

#about_youtube
{
	text-align: center;
	padding-bottom: 0;
}
#about_youtube > img
{
	margin-bottom: -5px;
}
#about_youtube .about_youtube_back
{
	width: 100%;
	max-width: 100%;
	background-color: #4c4948;
	padding: 4rem 0;
}
#about_youtube .about_youtube_back > div
{
	width: 96%;
	max-width: 960px;
	margin: 0 auto;
}
#about_youtube .about_youtube_back .movie_youtube
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
#about_youtube .about_youtube_back .movie_youtube iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
#banner_area > a .banner_area_div
{
	width: 100%;
	max-width: 100%;
	height: 350px;
	margin-bottom: 2rem;

	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#banner_area > a:hover .banner_area_div
{
	opacity: 0.6;
}
#banner_area > a:last-child .banner_area_div
{
	margin-bottom: 0;
}
#banner_area #system_link
{
	background: url(../ipec_images/system_top_back.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#banner_area #work_link
{
	background: url(../ipec_images/hihakai_top_back.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#banner_area > a .banner_area_div h2
{
	font-size: 40px;
	color: #ffffff;
	font-weight: normal;
	padding-top: 155px;
	line-height: 1;
	text-align: center;
}
/*********************************************************
さくらノートバナー
**********************************************************/
.sakura_note
{
	text-align: center;
	position: relative;
	overflow: visible;
}
.sakura_note a
{
	position: relative;
	display: inline-block;
	z-index: 2;
}
.sakura_note a .sakura_note_link_back
{
	position: absolute;
	top: 0;
	left: 0;

	z-index: -1;
	opacity: 1;
}
.sakura_note a img
{
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.sakura_note a:hover img
{
	opacity: 0.6;
}
.sakura_note a:hover,
.sakura_note a:hover .sakura_note_link_back
{
	opacity: 1;
}
.sakura_note.animation > .sakura_note_ipen
{
	position: absolute;
	top: 0;
	left: 50%;

	cursor: pointer;
	z-index: 1;
	margin: 41px 0 0 -65px;

	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
}
.sakura_note.animation.active > .sakura_note_ipen
{

	-webkit-animation-name: sakura_note_anime;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	animation-name: sakura_note_anime;
	animation-duration: 5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
.sakura_note.animation .entry_comme
{
	position: absolute;
	top: 0;
	left: 50%;
	margin: 91px 0 0 277px;
	display: inline-block;

	font-size: 17.5px;
	font-weight: normal;
	line-height: 1.3;
	color: #ffffff;
	background-color: #eb71a2;
	height: 81px;
	width: 81px;
	padding: 23.625px 0;
	box-sizing: border-box;
	text-align: center;
	border-radius: 40.5px;

	opacity: 0;
}
.sakura_note.animation.active .entry_comme
{
	opacity: 1;
	-webkit-transform-origin: left center;
	-webkit-transform: scale(0);
	transform-origin: left center;
	transform: scale(0);

	-webkit-animation-name: sakura_note_comme;
	-webkit-animation-delay: 4s;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	animation-name: sakura_note_comme;
	animation-delay: 4s;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
.sakura_note .entry_comme > span
{
	vertical-align: middle;
	position: relative;
}
.sakura_note .entry_comme > span:after
{
	content: "";
	border-color: transparent #eb71a2 transparent transparent;
	border-style: solid;
	border-width: 9.45px 24.3px 9.45px 0;

	position: absolute;
	top: 21.5px;
	right: 50.5px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

/*********************************************************
社員インタビュー
**********************************************************/
#interview_top
{
	padding: 0;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;

	height: auto;
	max-height: 350px;

	position: relative;
}
#interview_top:after
{
	content: "";
	display: block;
	padding-top: 32.5%;
}
#interview_top h1
{
	width: 100%;
	text-align: center;
	font-size: 2rem;
	line-height: 1;
	color: #ffffff;
	font-weight: bold;
	margin: 0;
	padding: 0.8rem 0 0.65rem;
	z-index: 2;

	background-color: rgba(0,0,0,0.25);

	position: absolute;
	top: 0;
	left: 0;
}
#interview_top > div
{
	width: 100%;
	max-width: 100%;
	height: 100%;
	z-index: 0;

	position: absolute;
	top: 0;
	left: 0;
}
#interview_top .top_photo
{
	display: inline-block;
	width: 16.66%;
	width: calc(100% / 6);
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;

	position: relative;
}
#interview_top .top_photo:last-child
{
	border-right: none;
}
#interview_top .top_photo > div
{
	width: 100%;
	height: 100%;

	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#interview_top .top_photo p
{
	position: absolute;
	bottom: 0;
	left: 0;

	width: 100%;
	font-size: 2.25rem;
	color: #ffffff;
	font-weight: bold;
	line-height: 2.8rem;
}
#interview_top .top_photo p span
{
	font-size: 70%;
	font-weight: normal;
}
#interview_top .top_photo.emp_ipen p
{
	font-size: 1.7rem;
}
#interview_top .top_photo.emp_01 > div
{
	background: url(../ipec_images/emp_top_photo_01.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#interview_top .top_photo.emp_02 > div
{
	background: url(../ipec_images/emp_top_photo_02.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#interview_top .top_photo.emp_03 > div
{
	background: url(../ipec_images/emp_top_photo_03.jpg) 50% 30% no-repeat;
	background-size: cover;
}
#interview_top .top_photo.emp_04 > div
{
	background: url(../ipec_images/emp_top_photo_04.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#interview_top .top_photo.emp_05 > div
{
	background: url(../ipec_images/emp_top_photo_05.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#interview_top .top_photo.emp_ipen > div
{
	background: url(../ipec_images/emp_top_photo_ipen.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#interview_top .top_photo:hover > div
{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.employee_data,
.blue_back,
.message_for
{
	text-align: left;
}
.employee
{
	display: -webkit-flex;
	display: flex;
	width: 100%;
	max-width: 960px;
}
#employee_01 .employee .employee_photo
{
	background: url(../ipec_images/emp_photo_01.jpg) 0% 50% no-repeat;
	background-size: cover;
}
#employee_02 .employee .employee_photo
{
	background: url(../ipec_images/emp_photo_02.jpg) 81% 50% no-repeat;
	background-size: cover;
}
#employee_03 .employee .employee_photo
{
	background: url(../ipec_images/emp_photo_03.jpg) 30% 50% no-repeat;
	background-size: cover;
}
#employee_04 .employee .employee_photo
{
	background: url(../ipec_images/emp_photo_04.jpg) 83% 22% no-repeat;
	background-size: cover;
}
#employee_05 .employee .employee_photo
{
	background: url(../ipec_images/emp_photo_05.jpg) 82% 50% no-repeat;
	background-size: cover;
}
#employee_ipen .employee .employee_photo
{
	background: url(../ipec_images/emp_photo_ipen.jpg) 0% 50% no-repeat;
	background-size: cover;
}
.employee .employee_photo,
.employee .employee_data
{
	display: inline-block;
}
.employee .employee_photo
{
	width: 48%;
	margin-right: 2%;
}
.employee .employee_data
{
	width: 50%;
	min-height: 15rem;
	padding-bottom: 5rem;
}
.employee_data h1
{
	font-weight: bold;
	font-size: 2.5rem;
	line-height: 1.1;
	border-bottom: 1px solid #4c4948;
	margin: 0.5rem 0;
}
.employee_data h1 .cate
{
	font-size: 1.6rem;
	margin-right: 0.8rem;
}
.employee_data h1 .cate > span
{
	font-size: 1.1rem;
}
.employee_data h1 span
{
	display: inline-block;
}
#employee_ipen .employee_data h1
{
	text-align: right;
}
.employee_data ul li
{
	font-size: 1rem;
	line-height: 1.5;
}
.employee_data ul li:after
{
	content: "";
	display: block;
	clear: both;
}
.employee_data ul li .year
{
	display: inline-block;
	vertical-align: top;
	margin-right: 0.5rem;
	float: left;
}
.employee_data ul li .detail
{
	overflow: hidden;
	display: block;
	float: left;
}
.employee_data ul li .detail span
{
	display: inline-block;
}
section > .blue_back
{
	background-color: #4362b1;
	padding: 3rem 0.8rem 2rem;
	box-sizing: border-box;
	width: 100%;
	max-width: 960px;

	position: relative;
	z-index: -1;
	margin-top: -3rem;
}
.blue_back h2
{
	color: #ffffff;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 0.8;
	padding: 1rem 1.2rem 0;
}
.blue_back h2 span
{
	font-size: 3.5rem;
	vertical-align: bottom;
}
.blue_back .question
{
	background-color: #ffffff;
	padding: 1.2rem 1.2rem 0;
}
.blue_back .question:after
{
	content: "";
	display: block;
	clear: both;
}
.question .image_photo
{
	float: right;
	padding: 0 0 1.2rem 1.2rem;
	background-color: #ffffff;
	width: 30%;
	height: auto;
}
.question .image_photo_sm
{
	display: none;
}
.question dl dt
{
	font-size: 1.2rem;
	font-weight: bold;
	color: #4362b1;
	line-height: 1.5;
	margin: 1rem 0 0.2rem;
}
.question dl dt:first-child
{
	margin-top: 0;
}
.question dl dt br
{
	display: none;
}
.question dl dd
{
	line-height: 1.9rem;
	border-bottom: 2px dotted #b1bedf;
	padding-bottom: 0.8rem;
}
.question dl dd:last-child
{
	border-bottom: none;
	padding-bottom: 1rem;
}
.question dl dd .bold
{
	font-size: 1.25rem;
	font-weight: bold;
}
.question dl dd .dream
{
	font-size: 1.1rem;
	font-weight: bold;
	color: #fd4447;
}
.question dl dd .inblo
{
	display: inline-block;
}
.message_for
{
	padding: 2rem 1.2rem 0;
	color: #ffffff;
}
.message_for h3
{
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
.message_for p
{
	line-height: 1.9rem;
}
.message_for .advice
{
	margin-top: 2rem;
}
.message_for p span
{
	font-size: 1.25rem;
	font-weight: bold;
	color: #fe9b9e;
}

/*********************************************************
数字で見るアイペック
**********************************************************/
#statistics_top
{
	background: url(../ipec_images/statistics_top_back.jpg) 50% 25% no-repeat;
	background-size: cover;
}
#statistics_top > div h1
{
	margin-top: 5rem;
}
#statistics_top > div h1 > br
{
	display: none;
}
#statistics_content p
{
	font-size: 1.2rem;
}
#statistics_content .red_big
{
	font-size: 7.5rem;
	font-weight: bold;
	color: #dc3d56;
	line-height: 1;
}
#statistics_content .red_big > span
{
	font-size: 6rem;
}
#statistics_content .big_bold
{
	font-size: 2rem;
	font-weight: bold;
	margin: 1.5rem 0 0;
}
#statistics_content .big_bold > br
{
	display: none;
}
#statistics_content .ib
{
	display: inline-block;
}
#statistics_content .kaitou_ipen
{
	margin-bottom: 2rem;
}
#statistics_content .kaitou_ipen .kaitou_img01
{
	margin-left: -190px;
}
#statistics_content .kaitou_ipen .kaitou_img02
{
	display: none;
}
#statistics_content .kaitou_ipen p
{
	display: inline-block;
	vertical-align: middle;
}
#statistics_content ul
{
	width: 100%;
	border-top: 10px solid #44ae83;
	border-bottom: 10px solid #44ae83;
	padding: 2.5rem 0 1rem;
	margin: 1rem 0 2rem;
}
#statistics_content ul li
{
	text-align: left;
	margin-bottom: 1rem;
	background: url(../ipec_images/statistics_li_back_dot.png) repeat-x;
	background-size: 1.3rem auto;
	background-position: left 20% bottom 1.1rem;
}
#statistics_content ul li .normal_font
{
	background-color: #ffffff;
	padding-right: 0.3em;
	vertical-align: top;
}
#statistics_content ul li .normal_font .li_br
{
	display: none;
}
#statistics_content ul li .red_big
{
	font-size: 3rem;
	float: right;
	background-color: #ffffff;
	padding-left: 0.2em;
	margin: -0.2rem 0 0.2rem;
}
#statistics_content ul li .red_big > span
{
	font-size: 1.5rem;
	font-weight: normal;
	display: inline;
}
#statistics_content .kaisetsu_ipen
{
	text-align: left;
	padding: 0 2rem;
	position: relative;
}
#statistics_content .kaisetsu_ipen p
{
	display: inline-block;
	width: 68%;
	box-sizing: border-box;
	float: left;
	text-align: right;
}
#statistics_content .kaisetsu_ipen p.border_green_dot
{
	text-align: left;
	border: 3px dashed #44ae83;
	border-radius: 20px;
	padding: 1rem 2rem;
	margin-top: 1rem;
}
.kaisetsu_ipen p.border_green_dot .ten_1br,
.kaisetsu_ipen p.border_green_dot .ten_2br,
.kaisetsu_ipen p.border_green_dot .ten_3br
{
	display: none;
}
#statistics_content .kaisetsu_ipen img
{
	width: 28%;
	box-sizing: border-box;

	position: absolute;
	bottom: 0;
	right: 2rem;
}
#statistics_content .statistics_ipen_comme
{
	font-size: 2.3rem;
	font-weight: bold;
	color: #ffffff;
	background-color: #44ae83;
	margin: 3rem 0;
	padding: 1.5rem;
	border-radius: 25px;

	position: relative;
}
#statistics_content .statistics_ipen_comme:after
{
	content: "";
	border-color: transparent transparent #44ae83 transparent;
	border-width: 1.5rem;
	border-style: solid;

	position: absolute;
	top: -3rem;
	right: 11.25%;
}
#statistics_content ul li:after,
#statistics_content .kaisetsu_ipen:after
{
	content: "";
	display: block;
	clear: both;
}

/*********************************************************
イベント紹介
**********************************************************/
#welfare_top
{
	background: url(../ipec_images/welfare_top_back.jpg) 50% 0% no-repeat;
	background-size: cover;
}
.photo_space
{
	position: relative;
	width: 100%;
	height: auto;
}
.photo_space > div
{
	display: inline-block;
	width: 39.25%;
	text-align: left;
	line-height: 1.5;

	position: absolute;
}
.photo_space > div p
{
	font-size: 1.2rem;
}
.photo_space .main_photo
{
	width: 59.5%;
}

#travel2020 .photo_space1 .box1
{
	text-align: left;

}
#travel2020 .photo_space1 .box1 p
{
	margin: 0 0 1em 0;
}
@media(min-width: 600px) {
	#travel2020 .photo_space1
	{
		display: grid;
		grid-template-columns: 62% 1fr;
	}
	#travel2020 .photo_space1 .box1,
	#travel2020 .photo_space1 .box2,
	#travel2020 .photo_space1 .box3,
	#travel2020 .photo_space1 .box4
	{
		padding: 0.5em;
	}
	#travel2020 .photo_space1 .box1
	{
		grid-row: 1 / 3;
		grid-column: 1;
	}
	#travel2020 .photo_space1 .box2
	{
		grid-row: 1;
		grid-column: 2;

	}
	#travel2020 .photo_space1 .box3
	{
		grid-row: 3;
		grid-column: 1;

	}
	#travel2020 .photo_space1 .box4
	{
		grid-row: 2 / 4;
		grid-column: 2;

	}
}
@media(max-width: 599px){
	#travel2020 .photo_space1
	{
		display: grid;
		grid-template-columns: 1fr;
	}
	#travel2020 .photo_space1 .box1,
	#travel2020 .photo_space1 .box2,
	#travel2020 .photo_space1 .box3,
	#travel2020 .photo_space1 .box4
	{
		padding: 0.5em;
	}
}

@media(min-width: 600px) {
	#newyear_training2020 .photo_space1
	{
		display: grid;
		grid-template-columns: 32% 1fr;
	}

	#newyear_training2020 .photo_space1 .box1
	{
		grid-row: 1;
		grid-column: 2;
		padding: 0.5em;
		text-align: left;
	}
	#newyear_training2020 .photo_space1 .box2
	{
		grid-row: 1;
		grid-column: 1;
		padding: 0.5em;
	}
	#newyear_training2020 .photo_space2
	{
		display: grid;
		grid-template-columns: 67.5% 1fr;
	}

	#newyear_training2020 .photo_space2 .box3
	{
		grid-row: 1;
		grid-column: 1;
		padding: 0.5em;
	}
	#newyear_training2020 .photo_space2 .box4
	{
		grid-row: 1;
		grid-column: 2;
		padding: 0.5em;
	}
	#newyear_training2020 .photo_space3
	{
		display: grid;
		grid-template-columns: 68% 1fr;
		margin-top: 2rem;
	}

	#newyear_training2020 .photo_space3 .box5
	{
		grid-row: 1;
		grid-column: 1;
		padding: 0.5em;
		text-align: left;
	}
	#newyear_training2020 .photo_space3 .box6
	{
		grid-row: 1;
		grid-column: 2;
		padding: 0.5em;
	}
	#newyear_training2020 .photo_space4
	{
		display: grid;
		grid-template-columns: 50% 1fr;
		margin-top: 2rem;
	}

	#newyear_training2020 .photo_space4 .box7
	{
		grid-row: 1;
		grid-column: 2;
		padding: 0.5em;
		text-align: left;
	}
	#newyear_training2020 .photo_space4 .box8
	{
		grid-row: 1;
		grid-column: 1;
		padding: 0.5em;
	}
	#newyear_training2020 .photo_space5
	{
		display: grid;
		grid-template-columns: 35% 1fr;
		margin-top: 2rem;
	}

	#newyear_training2020 .photo_space5 .box9
	{
		grid-row: 1;
		grid-column: 1;
		padding: 0.5em;
		text-align: left;
	}
	#newyear_training2020 .photo_space5 .box9 ol
	{
		margin-left: 2em;
	}
	#newyear_training2020 .photo_space5 .box10
	{
		grid-row: 1;
		grid-column: 2;
		padding: 0.5em;
	}
	#newyear_training2020 .photo_space6
	{
		display: grid;
		grid-template-columns: 60% 1fr;
	}
	#newyear_training2020 .photo_space6 .box11
	{
		grid-row: 1;
		grid-column: 1;
		padding: 0.5em;
	}
	#newyear_training2020 .photo_space6 .box12
	{
		grid-row: 1;
		grid-column: 2;
		padding: 0.5em;
	}
	#newyear_training2020 .photo_space7
	{
		margin-top: 2rem;
		display: grid;
		grid-template-columns: 1fr 1fr 15% 15%;
	}
	#newyear_training2020 .photo_space7 .box13
	{
		grid-row: 1;
		grid-column: 1/3;
		padding: 0.5em;
	}
	#newyear_training2020 .photo_space7 .box14,
	#newyear_training2020 .photo_space7 .box15
	{
		padding: 0.5em;
	}
	#newyear_training2020 .photo_space7 .box14 img,
	#newyear_training2020 .photo_space7 .box15 img
	{
		-webkit-transform: rotate(16deg);
		transform: rotate(16deg);

		box-shadow: 5px 5px 15px 2px rgba(0,0,0,0.6);
	}
}
@media(max-width: 599px){
	#newyear_training2020 .photo_space1,
	#newyear_training2020 .photo_space2,
	#newyear_training2020 .photo_space3,
	#newyear_training2020 .photo_space4,
	#newyear_training2020 .photo_space5,
	#newyear_training2020 .photo_space6
	{
		display: grid;
		grid-template-columns: 1fr;
	}
	#newyear_training2020 .photo_space7
	{
		display: grid;
		grid-template-columns: 50% 50%;
	}
	#newyear_training2020 .box1,
	#newyear_training2020 .box2,
	#newyear_training2020 .box3,
	#newyear_training2020 .box4,
	#newyear_training2020 .box5,
	#newyear_training2020 .box6,
	#newyear_training2020 .box7,
	#newyear_training2020 .box8,
	#newyear_training2020 .box9,
	#newyear_training2020 .box10,
	#newyear_training2020 .box11,
	#newyear_training2020 .box12 {
		padding: 0.5em;
		text-align: left;
	}
	#newyear_training2020 .photo_space5 .box9 ol
	{
		margin-left: 2em;
	}
	#newyear_training2020 .box13 {
		padding: 0.5em;
		text-align: left;
		grid-row: 1;
		grid-column: 1/3;
	}
	#newyear_training2020 .box14 {
		padding: 3em;
		grid-row: 2;
		grid-column: 1;
	}
	#newyear_training2020 .box15 {
		padding: 3em;
		grid-row: 2;
		grid-column: 2;
	}
	#newyear_training2020 .box14 img,
	#newyear_training2020 .box15 img
	{
		-webkit-transform: rotate(16deg);
		transform: rotate(16deg);

		box-shadow: 5px 5px 15px 2px rgba(0,0,0,0.6);
	}
}

#anniversary_40th .photo_space:after
{
	content: "";
	display: block;
	padding-top: 70%;
}
#anniversary_40th .photo_space .box1
{
	top: 0;
	left: 0;
}
#anniversary_40th .photo_space .box1 p
{
	font-size: 1.5rem;
}
#anniversary_40th .photo_space .box2
{
	top: 18.825%;
	left: 0;
}
#anniversary_40th .photo_space .box3
{
	top: 0;
	left: 40.5%;
}
#anniversary_40th .photo_space .box4,
#anniversary_40th .photo_space .box5,
#anniversary_40th .photo_space .box6
{
	top: 57%;
}
#anniversary_40th .photo_space .box4
{
	width: 19%;
	left: 81%;
}
#anniversary_40th .photo_space .box5
{
	left: 0;
}
#anniversary_40th .photo_space .box6
{
	left: 40.5%;
}
#aki_no_mikaku .photo_space:after,
#relay_marathon .photo_space:after,
#mochi_tsuki .photo_space:after
{
	content: "";
	display: block;
	padding-top: 44%;
}
#mochi_tsuki .photo_space .box1,
#aki_no_mikaku .photo_space .box1
{
	top: 0;
	left: 0;
}
#mochi_tsuki .photo_space .box2,
#aki_no_mikaku .photo_space .box2
{
	top: 0;
	left: 40.5%;
}
#mochi_tsuki .photo_space .box3,
#aki_no_mikaku .photo_space .box3
{
	top: 29.95%;
	left: 0;
}
#relay_marathon .photo_space .box1
{
	top: 0;
	left: 60.75%;
}
#relay_marathon .photo_space .box2
{
	top: 0;
	left: 0;
}
#relay_marathon .photo_space .box3
{
	top: 29.95%;
	left: 60.75%;
}
#relay_marathon .photo_space + .photo_space .box1
{
	top: 0;
	left: 0;
}
#relay_marathon .photo_space + .photo_space .box2
{
	top: 0;
	left: 40.25%;
}
.ipen_comment p
{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.ipen_comment.ipen_left p
{
	margin-left: 0.5rem;
}
.ipen_comment .sm_comme_img
{
	display: none;
}
.award
{
	padding: 2rem 0 3rem;
}
.happy_award
{
	margin-top: 6rem;
	text-align: center;
	position: relative;
}
.happy_award img
{
	position: absolute;
}
.happy_award.ipen_left .happy_ipen_img
{
	bottom: 2rem;
	left: 50%;
	margin-left: -43.5%;
}
.happy_award.ipen_left .happy_award_img
{
	bottom: 0;
	right: 1.5%;
	z-index: 10;

	-webkit-transform: rotate(16deg);
	transform: rotate(16deg);

	box-shadow: 5px 5px 15px 2px rgba(0,0,0,0.6);
}
.happy_award.ipen_right .happy_ipen_img
{
	bottom: 2rem;
	right: 50%;
	margin-right: -43.5%;
}
.happy_award.ipen_right .happy_award_img
{
	bottom: 0;
	left: 1.5%;
	z-index: 10;

	-webkit-transform: rotate(-16deg);
	transform: rotate(-16deg);

	box-shadow: 5px 5px 15px 2px rgba(0,0,0,0.6);
}
.happy_award .fukidashi
{
	width: 40%;
	display: inline-block;
	border: 5px solid #68c83b;
	border-radius: 15px;
	padding: 2rem 1.5rem;
	box-sizing: border-box;
	text-align: left;
	z-index: -1;

	position: relative;
}
.happy_award.ipen_left .fukidashi:after
{
	content: "";
	border-style: solid;
	border-width: 1rem 1.2rem 1rem 0;
	border-color: transparent #68c83b transparent transparent;

	position: absolute;
	bottom: 5rem;
	left: -1.5rem;
}
.happy_award.ipen_right .fukidashi:after
{
	content: "";
	border-style: solid;
	border-width: 1rem 0 1rem 1.2rem;
	border-color: transparent transparent transparent #68c83b;

	position: absolute;
	bottom: 5rem;
	right: -1.5rem;
}
.happy_award .fukidashi span
{
	display: inline-block;
}
.happy_award .fukidashi .green_big
{
	font-size: 1.9rem;
	color: #68c83b;
	line-height: 1.5;
	margin: 0.8rem 0;
}


/*********************************************************
採用Q&A
**********************************************************/
#q_and_a_top
{
	background: url(../ipec_images/q_and_a_top_back.jpg) 50% 50% no-repeat #f7c5bb;
	background-size: contain;
}
#q_and_a_top > div h1
{
	margin-top: 5rem;
}
#question_and_answer > p
{
	text-align: center;
	font-size: 1.3rem;
}
#question_and_answer > p .w768_inline
{
	display: none;
}
#question_and_answer > p img
{
	margin-left: 1rem;
}
#question_and_answer > div
{
	text-align: left;
	margin-top: 5rem;
}
#question_and_answer dl dt,
#question_and_answer dl dd
{
	font-size: 1.4rem;
}
#question_and_answer dl dt
{
	font-weight: bold;
	border-bottom: 10px solid #44aeac;
	line-height: 1.3;
}
#question_and_answer dl dd
{
	line-height: 2.5;
	margin: 1rem 0 2.5rem;
}
#question_and_answer dl dt > span
{
	color: #44aeac;
}
#question_and_answer dl dd > span
{
	color: #ff002d;
}
#question_and_answer dl dt > span,
#question_and_answer dl dd > span
{
	margin-right: 0.3rem;
}
#question_and_answer dl dd > .qa_dd_link
{
	margin: 0;
	display: block;
	text-align: right;
}

/*********************************************************
募集要項
**********************************************************/
#info_top
{
	background: url(../ipec_images/info_top_back.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#info_top > div h1
{
	margin-top: 5rem;
}
.emp_info > p
{
	text-align: center;
	font-size: 1.2rem;
	margin-bottom: 2rem;
}
.emp_info > p img
{
	margin-right: 1rem;
}
.emp_info ul,
.emp_info ul li
{
	width: 100%;
}
.emp_info ul li
{
	line-height: 2.8;
}
.emp_info ul li:nth-child(odd)
{
	background-color: #e3e2e2;
}
.emp_info ul li:nth-child(even)
{
	background-color: #ffffff;
}
.emp_info ul li > span
{
	width: 96%;
	max-width: 32em;
	display: block;
	margin: auto;
}
.emp_info ul li > span .item_title
{
	width: 5.1em;
	display: inline-block;
	vertical-align: top;
}
.emp_info ul li > span .item_title .fonts3
{
	display: inline-block;
	letter-spacing: 0.5em;
	margin-right: -0.5em;
}
.emp_info ul li > span .item_title .fonts2
{
	display: inline-block;
	letter-spacing: 2em;
	margin-right: -2em;
}
.emp_info ul li > span .item_colon
{
	display: inline;
}
.emp_info ul li > span .emp_item
{
	display: inline-block;
	margin-left: 8em;
}
.emp_info ul li > span .emp_item:nth-child(3)
{
	margin-left: 2em;
}
.emp_info ul li > span .emp_item .edu
{
	display: inline-block;
	width: 11em;
}
.emp_info ul li > span .emp_item br
{
	display: none;
}

/*********************************************************
パンフレット
**********************************************************/
#pamphlet_top
{
	background: url(../ipec_images/pamphlet_top_back.jpg) 50% 0 no-repeat;
	background-size: cover;
}
.flex_left,
.flex_right
{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.flex_right
{
	-webkit-box-pack: end;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	position: relative;
}
.flex_right > .ipen
{
	position: absolute;
	bottom: 5%;
	right: 5%;
	cursor: pointer;
}
.flex_left_img
{
	padding: 0 5% 0 15%;
}
.flex_right_img
{
	padding: 0 15% 0 5%;
}
.pamph01
{
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
}
.pamph02
{
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}
.pamph03
{
	-webkit-transform: rotate(-12deg);
	transform: rotate(-12deg);
}
.pamph04
{
	-webkit-transform: rotate(12deg);
	transform: rotate(12deg);
}
.flex_text
{
	margin: auto 0;
}
/*.flex_text .sm_block
{
	margin-right: 1rem;
}*/
.flex_text .date,
.flex_text a
{
	font-size: 0.75rem;
}
#company_pamphlet
{
	padding-bottom: 0;
}
#leaflet
{
	padding-top: 0;
}
.flex_text .sm_block span
{
	display: inline-block;
}
/*********************************************************
リンク
**********************************************************/
#link_top
{
	background: url(../ipec_images/link_top_back.jpg) 50% 0 no-repeat;
	background-size: cover;
}
#link_top > div h1
{
	margin-top: 5rem;
}
#cooperation,
#certification
{
	text-align: center;
}
#certification
{
	padding-top: 0;
}
#cooperation ul,
#certification ul
{
	display: block;
}
#cooperation ul li,
#certification ul li
{
	border-bottom: 1px solid #009db6;
}
#cooperation ul li:first-child,
#certification ul li:first-child
{
	border-top: 1px solid #009db6;
}
#certification ul li span
{
	display: inline-block;
	width: 13.1em;
	text-align: left;
}
#cooperation ul li a,
#certification ul li a
{
	color: #4c4948;
}

/*********************************************************
ムービー集
**********************************************************/
#movie_top
{
	background: url(../ipec_images/movie_top_back.jpg) 50% 70% no-repeat;
	background-size: cover;
}
#movie_info img
{
	margin-bottom: 1rem;
}

#movie_01
{
	background-color: #d4e3fc;
}
#movie_02
{
	background-color: #eceeee;
}

.movie_title {
	text-align: center;
}
section.movie_div h1 {
	display: inline-block;
	border-bottom: solid 3px #3399cc;
	padding-bottom: 5px;
}

section.movie_div h1:before {
	content: "";
	display: inline-block;
	background: url(../ipec_images/movie_illust.png);
	background-size: contain;
	vertical-align: middle;
	width:40px;
	height: 40px;
	margin-right: 10px;
}

.movie_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 60px 3%;
	margin: 50px auto;
}

.movie_box::after{
	content:"";
	display: block;
	width:32%;
  }

.movie_youtube,
.movie_video {
	width: 31%;
}

#movie_01 video,
#movie_02 video {
	width: 100%;
	vertical-align: bottom;
}

.movie_content {
	position: relative;
	width:100%; /* 横幅は100%で固定 */
	height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
	padding-top: 56.25%; /* 高さを指定(16:9) */
  }
  
  /* YouTube埋め込み用のiframe */
  .movie_content iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }

  .movie_text {
	  text-align: left;
	  background: #fff;
	  border-right: solid 1px #888;
	  border-bottom: solid 1px #888;
	  border-left: solid 1px #888;
	  padding: 10px 10px 20px;
  }

  .movie_span {
	font-size: 14px;
  }

  #movie_02 .movie_text {
	padding: 10px;
  }

 

  .movie_text  p:nth-of-type(1) {
	color: #888;
	border-bottom: solid 2px #ccc;
	line-height: 1.8;
	margin-bottom: 15px;
	font-size:18px;
}

.movie_text p:nth-of-type(2) {
	font-size:18px;
	letter-spacing: -.05rem;
	line-height: 1.7;
	font-weight: 600;
	color: #666;
}

#movie_02 p:nth-of-type(1) {
	text-align: center;
	border-bottom: none;
	margin-bottom: 0;
	line-height: 1.7;
	font-weight: 600;
	color: #666;
	font-size:18px;
}
.movie_text_line {
	line-height: 3.4!important;
}

@media (max-width: 1024px) {
	.movie_box {
		flex-direction: column;
		align-items: center;
		gap: 50px 0;
		margin-bottom: 0;
	}

	.movie_youtube,
.movie_video {
	width: 55%;
	min-width: 365px;
}
}

@media (max-width: 475px) {

	section.movie_div .movie_title h1 {
		font-size: 22px;
	}

	section.movie_div h1:before {
		width:30px;
		height: 30px;
		margin-right: 10px;
	}

	.movie_youtube,
.movie_video {
	width: 90%;
	min-width: 260px;
}

	.movie_text  p:nth-of-type(1) {
		border-bottom: solid 1px #ccc;
		line-height: 1.6;
		margin-bottom: 15px;
		font-size:16px;
	}
	
	.movie_text p:nth-of-type(2) {
		font-size:16px;
		line-height: 1.5;
	}
	
	#movie_02 p:nth-of-type(1) {
		line-height: 1.5;
		font-size:16px;
	}

	.movie_text_line {
		line-height: 3!important;
	}

}

/*section.movie_div > div h2
{
	margin: 4rem 0 0.5rem;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.4;
}
section.movie_div > div h2 .space1rem
{
	margin-left: 1rem;
}
video
{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
section.movie_div .movie_youtube
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
section.movie_div .movie_youtube iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

section.movie_div
{
	padding-bottom: 5rem;
}/

/*********************************************************
お問い合せ
**********************************************************/
#contact_top
{
	background: url(../ipec_images/contact_top_back.jpg) 12% 0 no-repeat;
	background-size: cover;
}
#contact_top > div h1
{
	margin-top: 5rem;
	text-shadow: #007eef 0 0 5px;
}
#contact_info p.tel_link a,
#contact_info p.tel_link span
{
	font-size: 2rem;
	line-height: 1.4;
	color: #4c4948;
}
#mail_form
{
	background-color: #f7f7f7;
}
#mail_form form
{
	text-align: left;
	max-width: 600px;
	margin: 0 auto;
	line-height: 1.5;
}
#mail_form form p
{
	margin-top: 1rem;
}
form input[type="text"],
form textarea
{
	border: 1px solid #4c4948;
	padding: 0.3rem;
	box-sizing: border-box;
}
form input[type="text"]
{
	width: 100%;
}
form input[type="text"]#name
{
	max-width: 15rem;
}
form input[type="text"]#co_name
{
	max-width: 25rem;
}
form input[type="text"]#tel
{
	max-width: 12rem;
}
form input[type="text"]#textfield5,
form input[type="text"]#email2
{
	max-width: 30rem;
}
form textarea
{
	width: 100%;
	height: 10rem;
}
form .buttonarea
{
	text-align: center;
}
form .buttonarea input
{
	background-color: #ecae19;
	color: #ffffff;
	padding: 0.5rem;
	border-radius: 10px;
}
#mail_form .error
{
	text-align: left;
	max-width: 600px;
	margin: 0.5rem auto;
	line-height: 1.5;
	border: 1px solid #ff0000;
	color: #ff0000;
	padding: 1rem;
	box-sizing: border-box;
}
#mail_form .contact_msg
{
	max-width: 600px;
	margin: 1rem auto;
	line-height: 1.5;
}

/*********************************************************
what's new一覧
**********************************************************/
#news_top
{
	background: url(../ipec_images/news_top_back.jpg) 68% 0 no-repeat;
	background-size: cover;
}


#news_list
{
	text-align: center;
	list-style: none;
}


.news_flex {
	display: flex;
	justify-content: space-around;
	font-size: 1.4rem;
	    width: 96%;
    max-width: 960px;
	margin: 40px auto 70px auto;
}

/****

.news_flex2 {
	display: flex;
	justify-content: space-around;
	margin-bottom: 70px;
	font-size: 1.4rem;
}


.media_list img {
	margin: 0 10px;
}







@media (max-width: 950px) {
	
	
	.news_flex li , .news_flex2 li {
		margin: 5px auto;
	}
}

@media (max-width: 640px) {
	.news_up {
	margin-left: 0;
	}
	
}
***/


.news_box {
	border-bottom: 1px solid #009db6;
}

.news_box:first-of-type {
    border-top: 1px solid #009db6;
    margin-top: 70px;
}

.news_inner {
	display: flex;
	width: 100%;
        max-width: 960px;
        line-height: 2;
	text-align: left;
	align-items: center;
}

.news_date:before {
	content: url(../ipec_images/result_list_img.png);
        vertical-align: middle;
        margin: 0 5px 0 5px;
}

.news_date .news_icon {
	margin: 0 10px;
}

.news_inner p:nth-child(2) {
	font-size: 1.25rem;
	line-height: 1.5;
	padding: 10px 0;
}

.news_inner a {
	font-size: 1.1rem;
}

.news_shaku {
	font-size: 13px;
	text-align: left;
	margin-left: 170px;
}

.br_1000 {
	display: block;
}
@media (max-width:1000px){
	.news_inner {
	display: block;
	}
	
	.news_flex {
		flex-direction: column;
		font-size: 1.6rem;
	}
	
	.news_flex li {
		margin: 5px auto;
	}

	.news_shaku {
		margin-left: 1.5em;
	}
	.br_1000 {
		display: none;
	}
}


@media (max-width:475px){
	.news_date img {
		width: 25px;
		height: 20px;
	}
}


	

/*********************************************************
プライバシーポリシー
**********************************************************/
#privacy_policy h1
{
	color: #4c4948;
	font-weight: normal;
	border-bottom: 1px solid #4696ff;
}
#privacy_policy > div > div
{
	width: 80%;
	margin: 0 auto;
	text-align: left;
}
#privacy_policy dl
{
	margin: 4rem 0;
}
#privacy_policy dl dt
{
	font-size: 1.5rem;
}
#privacy_policy dl dd
{
	margin: 0.5rem 0 3rem 1.5rem;
}
#privacy_policy dl ul li
{
	font-size: 1rem;
	list-style-type: disc;
	margin-left: 1.5rem;
}

/*********************************************************
情報セキュリティ基本方針
**********************************************************/
#security_policy h1
{
	color: #4c4948;
	font-weight: normal;
	border-bottom: 1px solid #4696ff;
}
#security_policy > div > div
{
	width: 80%;
	margin: 0 auto;
	text-align: left;
}
#security_policy ol
{
	margin: 2rem 0;
}
#security_policy ol li
{
	margin: 1rem 0;
}
#security_policy .security_footer
{
	text-align: right;
}

/*********************************************************
サイトマップ
**********************************************************/
#site_map h1
{
	color: #4c4948;
	font-weight: normal;
	border-bottom: 1px solid #4696ff;
}
#site_map ul
{
	display: block;
	margin-bottom: 3rem;
}
#site_map ul li
{
	font-size: 1rem;
}
#site_map ul li a
{
	color: #4c4948;
}
#site_map ul li.category
{
	font-weight: bold;
	margin-bottom: 0.5rem;
}
#site_map .column3_box
{
	text-align: left;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}


/*********************************************************
スクロールアニメーション
**********************************************************/
/* TOPページ */
#top_slider.animation,
#sec_ipec.animation
{
	margin-top: 100px;
	margin-bottom: -100px;
	opacity: 0;

	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#news.animation
{
	margin-top: 100px;
	margin-bottom: -100px;
	opacity: 0;

	-webkit-transition: all .6s ease .2s;
	transition: all .6s ease .2s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#sec_ipec.active,
#top_slider.active,
#news.active
{
	margin-top: 0;
	margin-bottom: 0;
	opacity: 1;
}
#sec_01.animation,
#sec_03.animation,
#sec_05.animation
{
	opacity: 0;
	margin-left: -15%;

	-webkit-transition: all .5s ease-out .5s;
	transition: all .5s ease-out .5s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#sec_01.active,
#sec_03.active,
#sec_05.active
{
	opacity: 1;
	margin-left: 0;
}
#sec_02.animation,
#sec_04.animation,
#sec_saiyo.animation
{
	opacity: 0;
	margin-left: 15%;

	-webkit-transition: all .5s ease-out .5s;
	transition: all .5s ease-out .5s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#sec_02.active,
#sec_04.active,
#sec_saiyo.active
{
	opacity: 1;
	margin-left: 0;
}

/* 社内制度 */
.triangle.animation .meister .rank_name
{
	width: 0;

	-webkit-transition: all 2s ease;
	transition: all 2s ease;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.triangle.animation .stage3 .rank_name
{
	width: 0;

	-webkit-transition: all 2s ease .5s;
	transition: all 2s ease .5s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.triangle.animation .stage2 .rank_name
{
	width: 0;

	-webkit-transition: all 2s ease 1s;
	transition: all 2s ease 1s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.triangle.animation .stage1 .rank_name
{
	width: 0;

	-webkit-transition: all 2s ease 1.5s;
	transition: all 2s ease 1.5s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.triangle.animation.active .rank_name
{
	width: 20rem;
}
.triangle.animation .meister .rank_name span
{
	opacity: 0;
	margin-bottom: 2rem;

	-webkit-transition: all 1s ease 2s;
	transition: all 1s ease 2s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.triangle.animation .stage3 .rank_name span
{
	opacity: 0;
	margin-bottom: 2rem;

	-webkit-transition: all 1s ease 2.5s;
	transition: all 1s ease 2.5s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.triangle.animation .stage2 .rank_name span
{
	opacity: 0;
	margin-bottom: 2rem;

	-webkit-transition: all 1s ease 3s;
	transition: all 1s ease 3s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.triangle.animation .stage1 .rank_name span
{
	opacity: 0;
	margin-bottom: 2rem;

	-webkit-transition: all 1s ease 3.5s;
	transition: all 1s ease 3.5s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.triangle.animation.active .rank_name span
{
	opacity: 1;
	margin-bottom: 0;
}
.sm_triangle .animation img
{
	margin-top: 4rem;
	margin-bottom: -4rem;
	opacity: 0;

	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.sm_triangle .animation .rank
{
	width: 0;
	height: 53px;
	padding-left: 0;

	-webkit-transition: all 1s ease .5s;
	transition: all 1s ease .5s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.sm_triangle .animation .rank .rank_txt
{
	opacity: 0;
	margin-top: 4rem;

	-webkit-transition: all 1s ease 1.2s;
	transition: all 1s ease 1.2s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.sm_triangle .animation.active .rank
{
	width: 75%;
	width: calc(100% - 84px);
	padding-left: 1.5rem;
}
.sm_triangle .animation.active .rank .rank_txt
{
	opacity: 1;
	margin-top: 0;
}
.sm_triangle .animation.active img
{
	opacity: 1;
	margin-top: 0;
	margin-bottom: 0;
}
#work_ability .rank_up .ability.animation
{
	margin-right: 200%;
	margin-left: -200%;

	-webkit-transition: all 1s ease 1s;
	transition: all 1s ease 1s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#work_ability .rank_up .quality.animation
{
	margin-right: 200%;
	margin-left: -200%;

	-webkit-transition: all 1s ease .5s;
	transition: all 1s ease .5s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#work_ability .rank_up .salary.animation
{
	margin-right: 200%;
	margin-left: -200%;

	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#work_ability .rank_up .ability.active,
#work_ability .rank_up .quality.active,
#work_ability .rank_up .salary.active
{
	margin-right: 0;
	margin-left: 0;
}

/* 最新機器 */
#pundit .pundit_PL-200 dl dd
{
	white-space: nowrap;
}
#pundit .pundit_PL-200 dl dt.animation
{
	opacity: 0;

	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);

}
#pundit .pundit_PL-200 dl dt.active
{
	opacity: 1;
}
#pundit .pundit_PL-200 dl dt.animation + dd
{
	margin-left: 200%;

	-webkit-transition: all 1.5s ease 0.5s;
	transition: all 1.5s ease 0.5s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#pundit .pundit_PL-200 dl dt.active + dd
{
	margin-left: 0;
}
#pundit .clearfix .float_right .animation,
#pundit .clearfix .float_left .animation,
#pundit .pundit_PL-200 .img_area .jump_photo.animation
{
	margin-top: 10vh;
	margin-bottom: -10vh;
}
#pundit .clearfix .float_right .active,
#pundit .clearfix .float_left .active,
#pundit .pundit_PL-200 .img_area .jump_photo.active
{
	-webkit-animation-name: jump;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	animation-name: jump;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
@-webkit-keyframes jump
{
	0% { margin-top: 100px;
		margin-bottom: -100px }
	50% { margin-top: -50px;
		margin-bottom: 50px }
	100% { margin-top: 0;
		margin-bottom: 0 }
}
@keyframes jump
{
	0% { margin-top: 100px;
		margin-bottom: -100px }
	50% { margin-top: -50px;
		margin-bottom: 50px }
	100% { margin-top: 0;
		margin-bottom: 0 }
}
#pundit .pundit_PL-200 .ipen_img.animation
{
	margin-right: -100%;
}
#pundit .pundit_PL-200 .ipen_img.active
{
	-webkit-animation-name: in_ipen;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	animation-name: in_ipen;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
@-webkit-keyframes in_ipen
{
	0% { margin-right: -100%;
		-webkit-transform: rotate(0deg) }
	30% { -webkit-transform: rotate(0deg) }
	60% { margin-right: 30%;
		-webkit-transform: rotate(-45deg) }
	65% { -webkit-transform: rotate(0deg) }
	90% { margin-right: -5%;
		-webkit-transform: rotate(7deg) }
	100% { margin-right: 0%;
		-webkit-transform: rotate(0deg) }
}
@keyframes in_ipen
{
	0% { margin-right: -100%;
		transform: rotate(0deg) }
	30% { transform: rotate(0deg) }
	60% { margin-right: 30%;
		transform: rotate(-45deg) }
	65% { transform: rotate(0deg) }
	90% { margin-right: -5%;
		transform: rotate(7deg) }
	100% { margin-right: 0%;
		transform: rotate(0deg) }
}
/* 会社案内 */
#ipen .nozoki
{
	position: relative;
	width: 100%;
	max-width: 100%;
}
#ipen .nozoki.animation .nozoki_ipen
{
	position: absolute;
	top: 0;
	left: -200px;
	transform: rotate(30deg);
}
#ipen .nozoki.animation.active .nozoki_ipen
{
	-webkit-animation-name: chirami_ipen;
	-webkit-animation-duration: 2s;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	animation-name: chirami_ipen;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
#ipen .ipen_prof.animation.active .float_left_ipen img
{
	-webkit-animation-name: chara_ipen;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	animation-name: chara_ipen;
	animation-duration: 4s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
@-webkit-keyframes chara_ipen
{
	0% { margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0 }
	15% { margin-left: -10000px;
		margin-right: 10000px }
	75% { margin-top: 0;
		margin-bottom: 0;
		margin-left: -10000px;
		margin-right: 10000px }
	87% { margin-top: -500px;
		margin-bottom: 500px }
	100% { margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0 }
}
@keyframes chara_ipen
{
	0% { margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0 }
	15% { margin-left: -10000px;
		margin-right: 10000px }
	75% { margin-top: 0;
		margin-bottom: 0;
		margin-left: -10000px;
		margin-right: 10000px }
	87% { margin-top: -500px;
		margin-bottom: 500px }
	100% { margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0 }
}
@-webkit-keyframes chirami_ipen
{
	0% { left: -200px;
		-webkit-transform: rotate(30deg) }
	20% { left: -105px;
		-webkit-transform: rotate(45deg) }
	40% { left: -200px;
		-webkit-transform: rotate(30deg) }
	60% { left: -86px;
		-webkit-transform: rotate(45deg) }
	80% { left: -86px;
		-webkit-transform: rotate(50deg) }
	100% { left: -200px }
}
@keyframes chirami_ipen
{
	0% { left: -200px;
		transform: rotate(30deg) }
	20% { left: -105px;
		transform: rotate(45deg) }
	40% { left: -200px;
		transform: rotate(30deg) }
	60% { left: -86px;
		transform: rotate(45deg) }
	80% { left: -86px;
		transform: rotate(50deg) }
	100% { left: -200px }
}

/* パンフレット */
#company_pamphlet .pamph01 .animation,
#company_pamphlet .pamph02 .animation,
#leaflet .pamph03 .animation,
#leaflet .pamph04 .animation
{
	margin-top: 10vh;
	margin-bottom: -10vh;
}
#company_pamphlet .pamph01 .animation.active,
#company_pamphlet .pamph02 .animation.active,
#leaflet .pamph03 .animation.active,
#leaflet .pamph04 .animation.active
{
	-webkit-animation-name: jump;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	animation-name: jump;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
#company_pamphlet .ipen.animation.active
{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;

	-webkit-animation-name: ipen_jump;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	animation-name: ipen_jump;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
@-webkit-keyframes ipen_jump
{
	0% { margin-bottom: 0;
		-webkit-transform: rotate(0deg) }
	20% { margin-bottom: 250px;
		-webkit-transform: rotate(0deg); }
	40% { margin-bottom: 0;
		-webkit-transform: rotate(-10deg);
		margin-right: 10% }
	50% { margin-bottom: 0;
		-webkit-transform: rotate(-10deg);
		margin-right: 10% }
	60% { margin-bottom: 50px;
		-webkit-transform: rotate(-10deg) }
	70% { margin-bottom: 0;
		-webkit-transform: rotate(-10deg);
		margin-right: 5% }
	80% { margin-bottom: 50px;
		-webkit-transform: rotate(-10deg) }
	90% { margin-bottom: 0;
		-webkit-transform: rotate(-10deg);
		margin-right: 0 }
	100% { margin-bottom: 0;
		-webkit-transform: rotate(0deg) }
}
@keyframes ipen_jump
{
	0% { margin-bottom: 0;
		transform: rotate(0deg) }
	20% { margin-bottom: 250px;
		transform: rotate(0deg); }
	40% { margin-bottom: 0;
		transform: rotate(-10deg);
		margin-right: 10% }
	50% { margin-bottom: 0;
		transform: rotate(-10deg);
		margin-right: 10% }
	60% { margin-bottom: 50px;
		transform: rotate(-10deg) }
	70% { margin-bottom: 0;
		transform: rotate(-10deg);
		margin-right: 5% }
	80% { margin-bottom: 50px;
		transform: rotate(-10deg) }
	90% { margin-bottom: 0;
		transform: rotate(-10deg);
		margin-right: 0 }
	100% { margin-bottom: 0;
		transform: rotate(0deg) }
}
/* 採用ページリクルート系バナー */
@-webkit-keyframes recruit_ipen
{
	0% { left: 145px;
		top: 0;
		margin-top: -38px;
		-webkit-transform: rotate(5deg) }
	8% { left: 170px;
		top: -5px;
		-webkit-transform: rotate(-5deg) }
	16% { left: 195px;
		top: 0;
		-webkit-transform: rotate(5deg) }
	24% { left: 230px;
		top: -5px;
		-webkit-transform: rotate(-5deg) }
	32% { left: 255px;
		top: 0;
		-webkit-transform: rotate(5deg) }
	40% { left: 280px;
		top: -5px;
		-webkit-transform: rotate(-5deg) }
	48% { left: 305px;
		top: 0;
		-webkit-transform: rotate(5deg) }
	60% { left: 305px;
		top: 0;
		-webkit-transform: rotate(5deg) }
	67.5% { top: -220px }
	75% { left: 50%;
		top: 0 }
	87.5% { left: 50%;
		top: 0;
		margin-top: -38px }
	93.75% { margin-top: -68px }
	100% { left: 50%;
		margin-top: -38px }
}
@keyframes recruit_ipen
{
	0% { left: 145px;
		top: 0;
		margin-top: -38px;
		transform: rotate(5deg) }
	8% { left: 170px;
		top: -5px;
		transform: rotate(-5deg) }
	16% { left: 195px;
		top: 0;
		transform: rotate(5deg) }
	24% { left: 230px;
		top: -5px;
		transform: rotate(-5deg) }
	32% { left: 255px;
		top: 0;
		transform: rotate(5deg) }
	40% { left: 280px;
		top: -5px;
		transform: rotate(-5deg) }
	48% { left: 305px;
		top: 0;
		transform: rotate(5deg) }
	60% { left: 305px;
		top: 0;
		transform: rotate(5deg) }
	67.5% { top: -220px }
	75% { left: 50%;
		top: 0 }
	87.5% { left: 50%;
		top: 0;
		margin-top: -38px }
	93.75% { margin-top: -68px }
	100% { left: 50%;
		margin-top: -38px }
}

@-webkit-keyframes recruit_ipen_comme
{
	0% { -webkit-transform: scale(0) }
	100% { -webkit-transform: scale(1) }
}
@keyframes recruit_ipen_comme
{
	0% { transform: scale(0) }
	100% { transform: scale(1) }
}

/* レスポンシブ時 */
@-webkit-keyframes recruit_ipen_sm
{
	0% { margin-top: 3px;
		margin-bottom: -3px;
		-webkit-transform: rotate(0deg); }
	12% { margin-top: -20px;
		margin-bottom: 20px; }
	24% { margin-top: 3px;
		margin-bottom: -3px; }
	36% { margin-top: -20px;
		margin-bottom: 20px; }
	48% { margin-top: 3px;
		margin-bottom: -3px; }
	60% { margin-top: -10px;
		margin-bottom: 10px;
		-webkit-transform: rotate(0deg); }
	70% { margin-top: 18px;
		margin-bottom: -18px;
		-webkit-transform: rotate(15deg); }
	90% { margin-top: 18px;
		margin-bottom: -18px;
		-webkit-transform: rotate(15deg); }
	100% { margin-top: 3px;
		margin-bottom: -3px;
		-webkit-transform: rotate(0deg); }
}
@keyframes recruit_ipen_sm
{
	0% { margin-top: 3px;
		margin-bottom: -3px;
		transform: rotate(0deg); }
	8.5% { margin-top: -20px;
		margin-bottom: 20px; }
	17% { margin-top: 3px;
		margin-bottom: -3px; }
	25.5% { margin-top: -20px;
		margin-bottom: 20px; }
	34% { margin-top: 3px;
		margin-bottom: -3px; }
	42.5% { margin-top: -10px;
		margin-bottom: 10px;
		transform: rotate(0deg); }
	51% { margin-top: 18px;
		margin-bottom: -18px;
		transform: rotate(15deg); }
	59.5% { margin-top: 18px;
		margin-bottom: -18px;
		transform: rotate(15deg); }
	66% { margin-top: 3px;
		margin-bottom: -3px;
		transform: rotate(0deg); }
	83% { margin-top: 3px;
		margin-bottom: -3px;
		transform: rotate(0deg); }
	91.5% { margin-top: -20px;
		margin-bottom: 20px; }
	100% { margin-top: 3px;
		margin-bottom: -3px;
		transform: rotate(0deg); }
}
/* 採用ページさくらノートバナー */
@-webkit-keyframes sakura_note_anime
{
	0% { margin-top: 41px;
		margin-left: -65px;
		-webkit-transform: rotate(-20deg); }
	8% { margin-top: -8px; }
	16% { margin-top: 41px; }
	26% { margin-top: -8px;
		-webkit-transform: rotate(-20deg); }
	36% { margin-top: 0;
		-webkit-transform: rotate(0deg); }
	46% { margin-top: 0px;
		margin-left: -65px; }
	51% { margin-top: -200px;
		-webkit-transform: rotate(0deg); }
	56% { margin-top: 79px;
		margin-left: 200px;
		-webkit-transform: rotate(5deg); }
	61% { margin-top: 43px; }
	66% { margin-top: 79px;
		margin-left: 160px; }
	71% { margin-top: 33px; }
	76% { margin-top: 84px;
		margin-left: 127px;
		-webkit-transform: rotate(5deg); }
	82% { -webkit-transform: rotate(17deg); }
	90% { margin-top: 84px; }
	95% { margin-top: 43px; }
	100% { margin-top: 89px;
		margin-left: 127px;
		-webkit-transform: rotate(17deg); }
}

@keyframes sakura_note_anime
{
	0% { margin-top: 41px;
		margin-left: -65px;
		transform: rotate(-20deg); }
	8% { margin-top: -8px; }
	16% { margin-top: 41px; }
	26% { margin-top: -8px;
		transform: rotate(-20deg); }
	36% { margin-top: 0;
		transform: rotate(0deg); }
	46% { margin-top: 0px;
		margin-left: -65px; }
	51% { margin-top: -200px;
		transform: rotate(0deg); }
	56% { margin-top: 79px;
		margin-left: 200px;
		transform: rotate(5deg); }
	61% { margin-top: 43px; }
	66% { margin-top: 79px;
		margin-left: 160px; }
	71% { margin-top: 33px; }
	76% { margin-top: 84px;
		margin-left: 127px;
		transform: rotate(5deg); }
	82% { transform: rotate(17deg); }
	90% { margin-top: 84px; }
	95% { margin-top: 43px; }
	100% { margin-top: 89px;
		margin-left: 127px;
		transform: rotate(17deg); }
}

@-webkit-keyframes sakura_note_comme
{
	0% { -webkit-transform: scale(0) }
	100% { -webkit-transform: scale(1) }
}

@keyframes sakura_note_comme
{
	0% { transform: scale(0) }
	100% { transform: scale(1) }
}
/* レスポンシブ時 */
@-webkit-keyframes sakura_note_anime_sm
{
	0% { margin-top: 145px;
		margin-left: -65px;
		-webkit-transform: rotate(-20deg); }
	8% { margin-top: 80px; }
	16% { margin-top: 145px; }
	26% { margin-top: 80px;
		-webkit-transform: rotate(-20deg); }
	36% { margin-top: 80px;
		margin-left: -65px;
		-webkit-transform: rotate(0deg); }
	41% { margin-top: -150px; }
	46% { margin-top: 31px;
		margin-left: 50px; }
	51% { margin-top: 0px; }
	56% { margin-top: 31px; }
	60% { margin-left: 50px;
		-webkit-transform: rotate(0deg); }
	64% { margin-left: 25px;
		-webkit-transform: rotate(5deg); }
	68% { margin-left: 0px;
		-webkit-transform: rotate(-5deg); }
	72% { margin-left: -25px;
		-webkit-transform: rotate(5deg); }
	76% { margin-top: 31px;
		margin-left: -50px;
		-webkit-transform: rotate(-5deg); }
	80% { margin-left: -75px;
		-webkit-transform: rotate(5deg); }
	85% { margin-left: -103px;
		-webkit-transform: rotate(-5deg); }
	90% { margin-top: 31px;
		-webkit-transform: rotate(0deg); }
	95% { margin-top: -20px; }
	100% { margin-top: 31px;
		margin-left: -103px;
		-webkit-transform: rotate(0deg); }
}

@keyframes sakura_note_anime_sm
{
	0% { margin-top: 145px;
		margin-left: -65px;
		transform: rotate(-20deg); }
	8% { margin-top: 80px; }
	16% { margin-top: 145px; }
	26% { margin-top: 80px;
		transform: rotate(-20deg); }
	36% { margin-top: 80px;
		margin-left: -65px;
		transform: rotate(0deg); }
	41% { margin-top: -150px; }
	46% { margin-top: 31px;
		margin-left: 50px; }
	51% { margin-top: 0px; }
	56% { margin-top: 31px; }
	60% { margin-left: 50px;
		transform: rotate(0deg); }
	64% { margin-left: 25px;
		transform: rotate(5deg); }
	68% { margin-left: 0px;
		transform: rotate(-5deg); }
	72% { margin-left: -25px;
		transform: rotate(5deg); }
	76% { margin-top: 31px;
		margin-left: -50px;
		transform: rotate(-5deg); }
	80% { margin-left: -75px;
		transform: rotate(5deg); }
	85% { margin-left: -103px;
		transform: rotate(-5deg); }
	90% { margin-top: 31px;
		transform: rotate(0deg); }
	95% { margin-top: -20px; }
	100% { margin-top: 31px;
		margin-left: -103px;
		transform: rotate(0deg); }
}
/* TOPページ採用バナー */
@-webkit-keyframes saiyo_ipen_1
{
	0% { opacity: 1 }
	20% { opacity: 1 }
	30% { opacity: 0 }
	70% { opacity: 0 }
	75% { opacity: 1 }
	100% { opacity: 1 }
}

@keyframes saiyo_ipen_1
{
	0% { opacity: 1 }
	20% { opacity: 1 }
	30% { opacity: 0 }
	70% { opacity: 0 }
	75% { opacity: 1 }
	100% { opacity: 1 }
}

@-webkit-keyframes saiyo_ipen_2
{
	0% { opacity: 0 }
	15% { opacity: 0 }
	25% { opacity: 1 }
	75% { opacity: 1 }
	80% { opacity: 0 }
	100% { opacity: 0 }
}

@keyframes saiyo_ipen_2
{
	0% { opacity: 0 }
	15% { opacity: 0 }
	25% { opacity: 1 }
	75% { opacity: 1 }
	80% { opacity: 0 }
	100% { opacity: 0 }
}

/*********************************************************
メディアクエリ
**********************************************************/
/* pc表示（横1080px以下） */
@media screen and (max-width: 1080px)
{
	#q_and_a_top
	{
		background: url(../ipec_images/q_and_a_top_back.jpg) 50% 100% no-repeat;
		background-size: cover;
	}
}
/* pc表示（横999px以下） */
@media screen and (max-width: 999px)
{

	header h1
	{
		padding-left: 0;
	}
	#sec_01 .sec_01_text .sm_block
	{
		display: block;
		margin-left: 11rem;
	}
	#sec_05 h3
	{
		font-size: 9vw;
	}
	#sec_06 h3
	{
		font-size: 3.25rem;
	}
	/* 社内制度 */
	#work_ability .rank_up
	{
		font-size: 1.5rem;
		width: 80%;
		max-width: 640px;
	}
	#work_ability .rank_up > div
	{
		height: 5rem;
		width: 10rem;
	}
	#work_ability .rank_up > div:before
	{
		top: 0;
		left: -2.5rem;

		height: 5rem;
		width: 0;

		border-width: 2.5rem 1px 2.5rem 2.5rem;
	}
	#work_ability .rank_up > div:after
	{
		top: 0;
		right: -2.5rem;

		height: 5rem;
		width: 0;

		border-width: 2.5rem 1px 2.5rem 2.5rem;
	}
	/* 会社案内 */
	#company_top .president_name
	{
		right: 1%;
	}

	/* パンフレット */
	.flex_text .sm_block
	{
		display: block;
		margin-right: 0;
	}

	/* 第2階層共通 */
	.scroll_button .scroll_img
	{
		left: 50%;
		width: 5vw;
	}
	/* 採用ページ Message */
	#top_message > div,
	#feature > div
	{
		width: 90%;
	}
	#top_message .sign
	{
		margin-top: 1rem;
	}
	/* 社員インタビュー */
	#interview_top .top_photo p
	{
		font-size: 2rem;
	}
	#interview_top .top_photo.emp_ipen p
	{
		font-size: 1.4rem;
	}
	/* 数字で見るアイペック */
	.kaisetsu_ipen p.border_green_dot .ten_2br
	{
		display: inline;
	}
	.kaisetsu_ipen p.border_green_dot .ten_2
	{
		display: none;
	}
	/* イベント紹介 */
	.photo_space > div p
	{
		font-size: 1.1rem;
	}
	.happy_award
	{
		margin-top: 2.5rem;
	}
	.happy_award .fukidashi
	{
		display: block;
		width: 80%;
		max-width: 400px;
		margin: 0 auto;
	}
	.happy_award .happy_ipen_img
	{
		position: static;
		margin: 5.75rem 0;
	}
	.happy_award.ipen_left .happy_ipen_img
	{
		margin-left: -250px;
	}
	.happy_award.ipen_right .happy_ipen_img
	{
		margin-right: -250px;
	}
	.happy_award.ipen_left .happy_award_img
	{
		right: 50%;
		margin-right: -240px;
	}
	.happy_award.ipen_right .happy_award_img
	{
		left: 50%;
		margin-left: -240px;
	}
	.happy_award.ipen_left .fukidashi:after,
	.happy_award.ipen_right .fukidashi:after
	{
		border-width: 2rem 1.5rem 0 1.5rem;
		border-color: #68c83b transparent transparent transparent;

		bottom: -2.25rem;
	}
	.happy_award.ipen_left .fukidashi:after
	{
		left: 50%;
		margin-left: -177px;
	}
	.happy_award.ipen_right .fukidashi:after
	{
		right: 50%;
		margin-right: -177px;
	}

}

/* pc表示（横960px以下） */
@media screen and (max-width: 960px)
{
	.employee .employee_data
	{
		width: 48%;
		margin-right: 2%;
	}
	/* topページ採用バナー */
	#sec_saiyo .fukidashi
	{
		bottom: -0.5rem;
		right: 4.5rem;
	}
	#sec_saiyo .fukidashi:after
	{
		border-width: 1.5rem 4rem 1.5rem 0;
		border-color: transparent #ffffff transparent transparent;
		border-style: solid;

		position: absolute;
		bottom: 4.5rem;
		left: -4rem;
	}
	#sec_saiyo .sec_saiyo_ipen
	{
		bottom: -2.5rem;
		right: 20rem;
	}
	#sec_saiyo .sec_saiyo_ipen .sec_saiyo_anime01,
	#sec_saiyo .sec_saiyo_ipen .sec_saiyo_anime02
	{
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
}
/* タブレット・スマートフォン表示（横850px以下） */
@media screen and (max-width: 850px)
{
	/* topページ採用バナー */
	#sec_saiyo
	{
		background: url(../ipec_images/sec_saiyo_back.jpg) 23% 50% no-repeat;
		background-size: cover;
	}
	#sec_saiyo .fukidashi
	{
		bottom: -0.5rem;
		right: inherit;
		left: 45%;
	}
	#sec_saiyo .sec_saiyo_ipen
	{
		width: 230px;
		bottom: -3.5rem;
		right: inherit;
		left: 2%;
	}
	/* 会社案内 */
	.ipen_prof
	{
		padding: 2rem 0 2rem 2rem;
	}
	/* 数字で見るアイペック */
	#statistics_content ul li
	{
		width: 90%;
		margin: 0 auto 1rem;
	}
	#statistics_content ul li .normal_font .li_br
	{
		display: inline;
	}
	/* イベント紹介 */
	.photo_space > div p
	{
		font-size: 1rem;
	}
	#anniversary_40th .photo_space .box1 p
	{
		font-size: 1.2rem;
	}
	/* Message */
	#emp_messe_top
	{
		background: url(../ipec_images/emp_messe_top_back.jpg) 73% 50% no-repeat;
		background-size: cover;
	}
}

/* タブレット・スマートフォン表示（横768px以下） */
@media screen and (max-width: 768px)
{

	/* sb_menu */
	#sub_nav ul li:first-child
	{
		padding-left: 2rem;
	}
	#sub_nav ul li:last-child
	{
		padding-right: 2rem;
	}
	#sub_nav
	{
		font-size: 1rem;
		max-height: 3.4rem;
	}
	#sub_nav ul li.click_li a
	{
		font-size: 1.5rem;
	}
	#sub_nav ul li.now_page span
	{
		padding-bottom: 0;
	}
	/* sm_menu */
	#toggle.opened a span
	{
		background-color: #494949;
	}
	#sm_menu.opened
	{
		background-color: #eceeee;
	}
	#sm_menu li a
	{
		color: #494949;
	}
	#sm_menu li
	{
		border-bottom-color: #494949;
	}
	#sm_menu li:first-child
	{
		border-top-color: #494949;
	}
	/* OPスライド */
	#op_slide > #op_skip
	{
		font-size: 2rem;
	}

	/* TOPページ */
	#toggle,
	#sm_tel,
	#sm_contact
	{
		margin: 0 auto;
		padding: 0.3rem 0;
	}

	#sm_telno
	{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	#sm_telno.tel_link a
	{
		font-size: 2rem;
		line-height: 1.4;
		color: #4d4849;
	}

	/* What's new */
	#news > div
	{
		display: block;
	}
	#news > div > ul
	{
		margin: 0 5%;
	}
	/* section */
	#sec_01 .sec_01_bg_gray div,
	#sec_01 .sec_01_text
	{
		width: 60%;
	}
	#sec_01 .sec_01_text .sm_block
	{
		margin-left: 6rem;
	}
	#sec_saiyo h3
	{
		padding: 6rem 0 0 2rem;
	}
	#sec_saiyo .fukidashi
	{
		font-size: 2.7rem;
	}
	#sec_saiyo .fukidashi .font_big
	{
		margin-left: -1.1rem;
	}
	#sec_saiyo .sec_saiyo_ipen .sec_saiyo_anime01
	{
		-webkit-animation-name: saiyo_ipen_1;
		-webkit-animation-duration: 2s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;

		animation-name: saiyo_ipen_1;
		animation-duration: 2s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}
	#sec_saiyo .sec_saiyo_ipen .sec_saiyo_anime02
	{
		-webkit-animation-name: saiyo_ipen_2;
		-webkit-animation-duration: 2s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;

		animation-name: saiyo_ipen_2;
		animation-duration: 2s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}

	/* footer */
	#foot_links
	{
		display: none;
	}
	#footer_nav
	{
		display: block;
	}
	footer
	{
		font-size: 40px;
	}
	footer #copyright
	{
		text-align: left;
	}
	/* 業務案内共通 */
	.gyoumu .guide
	{
		background-size: 100% auto;
		background-position: center top;
		display: block;

		box-sizing: border-box;
	}
	.guide .main_text
	{
		width: 100%;
		display: inline-block;
		border: none;
		margin: 65vw 0 0;
		padding: 1rem;
	}
	.guide .sub_text
	{
		width: 100%;
		margin: 5vw 0 0;
		padding: 5vw 2rem 4rem 1rem;
	}
	.guide .sub_text:after
	{
		content: "";
		display: block;
		clear: both;
	}
	.guide .circle
	{
		position: static;
		float: left;
		margin: -9vw 1rem 0.5rem 0;
	}
	.guide .detail_button
	{
		bottom: -1px;
		left: 50%;
		border: none;
	}
	.detail_guide > p
	{
		padding: 0 1rem;
	}
	.detail_example
	{
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.detail_example > div
	{
		width: 96%;
		margin: 0 auto;
	}
	.detail_example > div.photo_arrow
	{
		margin: 1rem 0 1.3rem;
	}
	.photo_arrow:after
	{
		content: "";
		position: absolute;
		top: -0.5rem;
		left: 43%;

		border-style: solid;
		border-width: 1.5rem 2rem 0 2rem;
		border-color: #e69f16 transparent transparent transparent;
	}
	.detail_example_1photo > img
	{
		float: none;
		margin: 0 0 1.5rem;
		padding: 0 1rem 0;
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}
	/* IOTサービス・ソリューション */
	#iot_01 .guide .photo .circle_caption
	{
		width: 49%;
		display: inline-block;

		font-size: 1.2rem;
	}
	#iot_01 .guide .photo
	{
		margin-bottom: 1rem;
	}
	#iot_01 .guide .photo > img
	{
		width: 100%;
		margin-bottom: 1rem;
	}
	#iot_01 .guide .photo:before
	{
		width: 15vw;
		height: 15vw;
		border-radius: 8.5vw;
		border: 5px solid #ffffff;
		transform: rotate(0deg);

		top: 16.5vw;
		left: 14%;
	}
	#iot_01 .guide .photo:after
	{
		width: 15vw;
		height: 15vw;
		border-radius: 8.5vw;
		border: 5px solid #ffffff;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);

		top: 49vw;
		left: 28%;
	}
	#iot_01 .guide .photo .circle_01,
	#iot_01 .guide .photo .circle_02
	{
		position: relative;

		width: 45vw;
		height: 45vw;
		border-radius: 22.5vw;
		border: none;
		display: inline-block;
	}
	#iot_01 .guide .photo .photo_text01
	{
		top: 12.5vw;
		left: 36%;
		right: inherit;
	}
	#iot_01 .guide .photo .photo_text06,
	#iot_01 .guide .photo .photo_text07
	{
		color: #ffffff;
		border-bottom: 2px solid #ffffff;
		padding: 0 0.5rem 0 3rem;
		line-height: 1;
		display: inline-block;
		position: absolute;
	}
	#iot_01 .guide .photo .photo_text06
	{
		top: 29.5vw;
		left: 27%;
	}
	#iot_01 .guide .photo .photo_text07
	{
		top: 62vw;
		left: 41%;
	}
	.iot .detail_button
	{
		border: 1px solid;
		border-color: #4c4948 #4c4948 #ffffff #4c4948;
	}

	/* 調査・診断 */
	.consulting .back_emerald
	{
		padding: 1.5rem;
	}
	.consulting .back_emerald .border_dashed_white
	{
		padding: 2rem 1rem 4.5rem;
	}
	.consulting .border_dashed_white .detail_guide .sub_text .circle
	{
		width: 80%;
		margin: -1rem 1rem -1.5rem -10rem;
	}
	.consulting .border_dashed_white .detail_guide .sub_text
	{
		background-color: #ffffff;
		margin-left: 10rem;
	}


	/* 社内制度 */
	.triangle
	{
		display: none;
	}
	.sm_triangle
	{
		display: block;
	}
	#work_ability .rank_up > div:before,
	#work_ability .rank_up > div:after
	{
		left: 5.5rem;

		height: 0;
		width: 0;

		border-width: 1.5rem 1rem 0 1rem;
		border-style: solid;
	}
	#work_ability .rank_up .ability.animation:after
	{
		top: 5rem;
		opacity: 0;

		-webkit-transition: all .5s ease .5s;
		transition: all .5s ease .5s;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	#work_ability .rank_up .quality.animation:before
	{
		top: -3rem;
		opacity: 0;

		-webkit-transition: all .5s ease 1s;
		transition: all .5s ease 1s;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	#work_ability .rank_up .quality.animation:after
	{
		top: 5rem;
		opacity: 0;

		-webkit-transition: all .5s ease 1.5s;
		transition: all .5s ease 1.5s;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	#work_ability .rank_up .salary.animation:before
	{
		top: -3rem;
		opacity: 0;

		-webkit-transition: all .5s ease 2s;
		transition: all .5s ease 2s;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	#work_ability .rank_up > div.animation.active:before
	{
		top: -2rem;
		opacity: 1;
	}
	#work_ability .rank_up > div.animation.active:after
	{
		top: 7rem;
		opacity: 1;
	}
	#work_ability .rank_up .ability:before
	{
		border: none;
	}
	#work_ability .rank_up .ability:after
	{
		border-color: #fff0c8 transparent transparent transparent;
	}
	#work_ability .rank_up .quality:before
	{
		border-color: #fff096 transparent transparent transparent;
	}
	#work_ability .rank_up .quality:after
	{
		border-color: #fff096 transparent transparent transparent;
	}
	#work_ability .rank_up .salary:before
	{
		border-color: #fffa5a transparent transparent transparent;
	}
	#work_ability .rank_up .salary:after
	{
		border: none;
	}
	#work_ability .rank_up
	{
		font-size: 2rem;
		margin: 2rem auto;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	#work_ability .rank_up > div
	{
		width: 13rem;
	}
	#work_ability .rank_up .ability.animation span
	{
		opacity: 0;

		-webkit-transition: all 1s ease;
		transition: all 1s ease;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	#work_ability .rank_up .quality.animation span
	{
		opacity: 0;

		-webkit-transition: all 1s ease 1s;
		transition: all 1s ease 1s;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	#work_ability .rank_up .salary.animation span
	{
		opacity: 0;

		-webkit-transition: all 1s ease 2s;
		transition: all 1s ease 2s;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	#work_ability .rank_up > div.animation
	{
		height: 0;
		margin: 0 auto !important;
	}
	#work_ability .rank_up .ability.animation
	{
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	#work_ability .rank_up .quality.animation
	{
		-webkit-transition: all 1s ease 1s;
		transition: all 1s ease 1s;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	#work_ability .rank_up .salary.animation
	{
		-webkit-transition: all 1s ease 2s;
		transition: all 1s ease 2s;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	#work_ability .rank_up > div.active
	{
		height: 6rem;
	}
	#work_ability .rank_up .ability.active,
	#work_ability .rank_up .quality.active
	{
		margin: 0 auto 5rem !important;
	}
	#work_ability .rank_up .salary.active
	{
		margin: 0 auto;
	}
	#work_ability .rank_up > div.animation.active span
	{
		opacity: 1;
	}

	/* 認定・技術者 */
	#license table td .sm_block
	{
		display: block;
	}
	/* 最新機器 */
	#pundit .float_left,
	#pundit .float_right
	{
		float: none;
		margin: 0;
	}
	#pundit dl
	{
	width: 90%;
	}
	#pundit dl .mid_bl_comme .comme
	{
		display: inline-block;
		text-align: left;
	}
	#pundit dl dd .mid_block
	{
		display: block;
	}
	#pundit .img_area .ipen_img
	{
		bottom: 0;
		right: 0;
	}
	/* 会社案内 */
	.ipen_prof_r .sm_block
	{
		display: block;
		margin-left: 0;
	}
	/* 会社概要 */
	.prof_li_sp1
	{
		width: 6rem;
	}
	.enkaku_ul .prof_li_sp1
	{
		width: 8rem;
	}
	/* 採用情報共通 */
	/* リクルート系バナー */
	.recruit_banner
	{
		margin: 3rem 0;
		height: auto;

		background-color: #ffffff;
		text-align: center;
	}
	.recruit_banner p
	{
		position: relative;
		z-index: 10;
	}
	.recruit_banner.animation .entry_comme
	{
		margin: 0 0 0 -140px;
	}
	.recruit_banner.animation.active .entry_comme
	{
		-webkit-animation-delay: 2s;
		-webkit-animation-duration: 0.5s;

		animation-delay: 2s;
		animation-duration: 0.5s;
	}
	.recruit_banner .mynavi_link,
	.recruit_banner .ibac_link
	{
		position: static;
		margin: 0;
	}
	.recruit_banner .mynavi_link
	{
		margin-bottom: 15px;
	}
	.recruit_banner.animation .recruit_ipen
	{
		position: static;
		margin: 3px 0 -3px 37px;

		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.recruit_banner.animation.active .recruit_ipen
	{
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;

		-webkit-animation-name: recruit_ipen_sm;
		-webkit-animation-duration: 3s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: forwards;

		animation-name: recruit_ipen_sm;
		animation-duration: 3s;
		animation-iteration-count: 1;
		animation-timing-function: ease-in-out;
		animation-fill-mode: forwards;
	}

	/* さくらノートバナー */
	.sakura_note
	{
		padding: 8rem 0 0;
	}
	.sakura_note.animation > .sakura_note_ipen
	{
		margin: 145px 0 0 -65px;

		z-index: 1;
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg);
	}
	.sakura_note.animation.active > .sakura_note_ipen
	{

		-webkit-animation-name: sakura_note_anime_sm;
		-webkit-animation-duration: 5s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: forwards;

		animation-name: sakura_note_anime_sm;
		animation-duration: 5s;
		animation-iteration-count: 1;
		animation-timing-function: ease-in-out;
		animation-fill-mode: forwards;
	}
	.sakura_note.animation .entry_comme
	{
		margin: 32px 0 0 22px;
	}
	.sakura_note.animation.active .entry_comme
	{

		-webkit-animation-name: sakura_note_comme;
		-webkit-animation-delay: 5s;
		-webkit-animation-duration: 0.5s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: forwards;

		animation-name: sakura_note_comme;
		animation-delay: 5s;
		animation-duration: 0.5s;
		animation-iteration-count: 1;
		animation-timing-function: ease-in-out;
		animation-fill-mode: forwards;
	}

	/* 採用ページ Message */
	#jinzai ul li > span:nth-child(1),
	#jinzai ul li > span:nth-child(2)
	{
		display: block;
		width: 100%;
		text-align: center;
	}
	#top_message .sign
	{
		margin-top: 2rem;
	}
	/* 社員インタビュー */
	#interview_top:after
	{
		padding-top: 85%;
	}
	#interview_top > div a
	{
		vertical-align: bottom;
	}
	#interview_top .top_photo
	{
		width: 33.33%;
		width: calc(100% / 3);
		height: 50%;

		vertical-align: middle;
	}
	#interview_top .top_photo.emp_ipen p
	{
		top: 3px;
	}
	.employee,
	.employee .employee_photo,
	.employee .employee_data
	{
		display: block;
	}
	.employee .employee_photo
	{
		width: 50%;
		height: auto;
		margin: 0 auto;

		position: relative;
	}
	.employee .employee_photo:after
	{
		content: "";
		padding-top: 100%;
		display: block;
	}
	.employee .employee_data
	{
		width: 85%;
		max-width: 400px;
		min-height: 0;
		margin: 0 auto;
		padding-bottom: 4rem;
		text-align: center;
	}
	.employee_data h1
	{
		line-height: 1.3;
		margin-top: 1rem;
	}
	.employee_data h1 span
	{
		display: block;
	}
	.employee_data h1 .cate
	{
		margin-right: 0;
	}
	#employee_ipen .employee_data h1
	{
		text-align: center;
	}
	.employee .employee_data ul
	{
		margin-top: 1rem;
		text-align: left;
	}
	section > .blue_back
	{
		padding-top: 0.5rem;
	}
	.blue_back .question
	{
		padding: 1.2rem;
	}
	.question .image_photo
	{
		display: none;
	}
	.question .image_photo_sm
	{
		display: block;
		width: 100%;
		height: auto;
		max-height: 350px;

		position: relative;
	}
	.question .image_photo_sm:after
	{
		content: "";
		display: block;
		padding-top: 69.5%;
	}
	#employee_01 .question .image_photo_sm
	{
		background: url(../ipec_images/emp_q_sm01.jpg) 50% 0% no-repeat;
		background-size: cover;
	}
	#employee_02 .question .image_photo_sm
	{
		background: url(../ipec_images/emp_q_sm02.jpg) 50% 15% no-repeat;
		background-size: cover;
	}
	#employee_03 .question .image_photo_sm
	{
		background: url(../ipec_images/emp_q_sm03.jpg) 50% 7% no-repeat;
		background-size: cover;
	}
	#employee_04 .question .image_photo_sm
	{
		background: url(../ipec_images/emp_q_sm04.jpg) 50% 25% no-repeat;
		background-size: cover;
	}
	#employee_05 .question .image_photo_sm
	{
		background: url(../ipec_images/emp_q_sm05.jpg) 50% 0% no-repeat;
		background-size: cover;
	}
	#employee_ipen .question .image_photo_sm
	{
		background: url(../ipec_images/emp_q_sm_ipen.jpg) 50% 50% no-repeat;
		background-size: cover;
	}

	/* 数字で見るアイペック */
	#statistics_top
	{
		background: url(../ipec_images/statistics_top_back.jpg) 82% 25% no-repeat;
		background-size: cover;
	}
	#statistics_content .kaitou_ipen .kaitou_voice
	{
		position: relative;
	}
	#statistics_content .kaitou_ipen .kaitou_voice:before,
	#statistics_content .kaitou_ipen .kaitou_voice:after
	{
		content: "";
		width: 0;
		height: 2.5rem;

		border-left: 3px solid #4c4948;

		position: absolute;
	}
	#statistics_content .kaitou_ipen .kaitou_voice:before
	{
		bottom: -1.5rem;
		left: 1rem;
		-webkit-transform: rotate(-35deg);
		transform: rotate(-35deg);
	}
	#statistics_content .kaitou_ipen .kaitou_voice:after
	{
		bottom: -1.5rem;
		right: 1rem;
		-webkit-transform: rotate(35deg);
		transform: rotate(35deg);
	}
	#statistics_content .kaitou_ipen .kaitou_img01
	{
		display: none;
	}
	#statistics_content .kaitou_ipen .kaitou_img02
	{
		display: block;
		margin: 1rem auto 0;
	}
	#statistics_content .kaisetsu_ipen
	{
		text-align: center;
	}
	#statistics_content .kaisetsu_ipen p
	{
		width: 100%;
		float: none;
		text-align: center;
	}
	#statistics_content .kaisetsu_ipen img
	{
		width: 260px;
		margin: 1.5rem 0 0;
		position: static;
	}
	#statistics_content .statistics_ipen_comme:after
	{
		right: 50%;
		margin-right: -54px;
	}
	.kaisetsu_ipen p.border_green_dot .ten_2br
	{
		display: none;
	}
	.kaisetsu_ipen p.border_green_dot .ten_2
	{
		display: inline;
	}
	/* イベント紹介 */
	.photo_space > div,
	.photo_space .main_photo
	{
		position: static;
		width: 49.5%;
	}
	.photo_space .box1,
	#anniversary_40th .photo_space .box4
	{
		width: 98%;
		margin: 0 auto 0.5rem;
	}
	#anniversary_40th .photo_space .box4
	{
		margin-top: 0.5rem;
	}
	.photo_space .box2,
	#anniversary_40th .photo_space .box5
	{
		margin-right: 1%;
	}
	#anniversary_40th .photo_space:after,
	#aki_no_mikaku .photo_space:after,
	#relay_marathon .photo_space:after,
	#mochi_tsuki .photo_space:after
	{
		display: none;
		padding-top: 0;
	}
	.happy_award .happy_ipen_img
	{
		margin: 7rem 0;
	}
	/* 採用Q&A */
	#question_and_answer > p img
	{
		display: block;
		margin: 0 auto 1rem;
		width: 120px;
		height: auto;
	}
	#question_and_answer > p .w768_none
	{
		display: none;
	}
	#question_and_answer > p .w768_inline
	{
		display: inline;
	}
	#question_and_answer > div
	{
		padding: 0 5%;
		box-sizing: border-box;
	}
	#question_and_answer dl dd
	{
		line-height: 2;
	}
	#question_and_answer dl dd > .qa_dd_link
	{
		margin-top: 1.5rem;
		font-size: 1.15rem;
	}
	/* 募集要項 */
	.emp_info > p img
	{
		display: block;
		margin: 0 auto 1rem;
		width: 120px;
		height: auto;
	}
	.emp_info ul li > span
	{
		width: 100%;
		max-width: 100%;
		padding: 1rem 0;
	}
	.emp_info ul li > span > br
	{
		display: none;
	}
	.emp_info ul li > span .item_title
	{
		display: block;
		width: 41%;
		margin: 0 auto;
		text-align: center;
		border-bottom: 2px dotted #4c4948;
		line-height: 2;
	}
	.emp_info ul li > span .item_colon
	{
		display: none;
	}
	.emp_info ul li > span .emp_item,
	.emp_info ul li > span .emp_item:nth-child(3)
	{
		display: block;
		margin: 0;
		padding: 0 2%;
		text-align: center;
		line-height: 2.3;
	}
	.emp_info ul li > span .emp_item:nth-child(3)
	{
		padding: 1rem 2% 0;
	}
	.emp_info ul li > span .emp_item .edu
	{
		text-align: left;
	}
	.emp_info ul li > span .emp_item br
	{
		display: block;
	}
	.emp_info ul li > span .emp_item .w768_none
	{
		display: none;
	}
	/* パンフレット */
	.flex_left_img.pamph01
	{
		padding: 0 10% 0 10%;
	}
	.flex_right_img.pamph02
	{
		padding: 0 7% 0 0;
	}
	/* サイトマップ */
	#site_map h1
	{
		text-align: left;
		padding: 0 5%;
	}
	#site_map .column3_box
	{
		display: block;
		width: 90%;
		margin: 0 auto;
	}

}
/* タブレット・スマートフォン表示（横640px以下） */
@media screen and (max-width: 640px)
{
	#sec_saiyo .fukidashi
	{
		font-size: 2.7rem;
	}
	#sec_saiyo .sec_01_bg_gray div p .first_span
	{
		display: none;
	}
	.contents_pro p br
	{
		display: block;
	}
	.pamph01 img
	{
		width: 300px;
		height: auto;
	}
	.flex_left_img
	{
		padding: 0 0 0 5%;
	}
	.flex_right_img
	{
		padding: 0 5% 0 0;
	}
	/* アイペックのお仕事 */
	#about_youtube
	{
		padding-top: 0;
	}
	#about_youtube > img
	{
		width: 180px;
		height: auto;
		margin-bottom: -3px;
	}
	#about_youtube .about_youtube_back > div
	{
		width: 100%;
	}
	/* 数字で見るアイペック */
	#statistics_content .big_bold
	{
		text-indent: -4em;
		margin-right: -1em;
	}
	#statistics_content .big_bold > br
	{
		display: inline;
	}
	.kaisetsu_ipen p.border_green_dot .ten_2br
	{
		display: inline;
	}
	.kaisetsu_ipen p.border_green_dot .ten_2
	{
		display: none;
	}
}

/* タブレット・スマートフォン表示（横560px以下） */
@media screen and (max-width: 560px)
{

	/* TOPページスライダー */
	#top_slider > #slider_window
	{
		width: 100%;
		max-width: 100%;
	}
	#slider
	{
		height: 100%;
	}
	#slider li
	{
		overflow: hidden;
		height: 100%;
		width: 20%;
		text-align: center;
	}
	#slider li img.pc_slide_img
	{
		display: none;
	}

	#slider li#slide01
	{
		background: url(../ipec_images/top_slide01_small.jpg) top center ;
		background-size: cover;
	}
	#slider li#slide02
	{
		background: url(../ipec_images/top_slide02_small.jpg) top center ;
		background-size: cover;
	}
	#slider li#slide03
	{
		background: url(../ipec_images/top_slide03_small.jpg) top center ;
		background-size: cover;
	}
	#slider li#slide04
	{
		background: url(../ipec_images/top_slide04_small.jpg) top center ;
		background-size: cover;
	}

	#slide_nav
	{
		display: none;
	}
	#paging
	{
		bottom: 6em;
	}
	#paging li
	{
		width: 4.5rem;
		height: 0.75rem;
		margin-right: 1rem;
	}
	#top_slider .scroll_img
	{
		display: none;
	}

	/* スライダー下部のピックアップメニュー */
	#pickup_menu
	{
		padding: 0;
	}
	#pickup_menu li
	{
		width: 50%;
		font-size: 112.5%;
		box-sizing: border-box;
	}
	
	
	
	#pickup_menu li:nth-child(1),
	#pickup_menu li:nth-child(2)
	{
		border-bottom: 1px solid rgba(255,255,255,.6);
	}
	#pickup_menu li:nth-child(1),
	#pickup_menu li:nth-child(3)
	{
		border-right: 1px solid rgba(255,255,255,.6);
	}

	#pickup_menu li:nth-child(4) { 
	font-size: 98%;
	}

	#op_slide > #op_skip img
	{
		width: 20vw;
	}
	#sec_ipec strong span,
	section ul li span,
	.sm_block
	{
		display: block;
	}
	#sec_01 .sec_01_bg_gray div,
	#sec_01 .sec_01_text
	{
		width: 60%;
	}
	#sec_01 .sec_01_text .sm_block
	{
		margin-left: 2rem;
	}
	#sec_05 h3
	{
		font-size: 13vw;
	}
	/* topページ採用バナー */
	#sec_saiyo h3
	{
		text-align: center;
		padding-left: 0;
	}
	#sec_saiyo .sec_01_bg_gray div
	{
		text-align: center;
		padding: 0 2.5rem;
	}
	#sec_saiyo
	{
		background: url(../ipec_images/sec_saiyo_back.jpg) 26% 50% no-repeat;
		background-size: cover;
	}
	#sec_saiyo .fukidashi
	{
		bottom: 0.5rem;
		left: 50%;
		margin-left: -14px;
	}
	#sec_saiyo .sec_saiyo_ipen
	{
		width: 210px;
		bottom: -1rem;
		left: 50%;
		margin-left: -200px;
	}
	#sec_saiyo .fukidashi:after
	{
		border: none;
	}
	/* 調査・診断 */
	#consul_01 .border_dashed_white
	{
		padding-bottom: 7rem;
	}
	.consulting .back_emerald .ipen
	{
		width: 150px;
	}
	.consulting .border_dashed_white .detail_guide .sub_text
	{
		margin: 3rem 0 5rem 0;
	}
	.consulting .border_dashed_white .detail_guide .sub_text:last-child
	{
		margin-bottom: 0;
	}
	.consulting .border_dashed_white .detail_guide .sub_text .text
	{
		margin: 3rem 0;
		padding-bottom: 1rem;
	}
	.consulting .border_dashed_white .detail_guide .sub_text .circle
	{
		width: 90%;
		margin: -2rem 5% 1rem;
	}
	.consulting .border_dashed_white .detail_guide > img
	{
		width: 100%;
		margin-bottom: 1rem;
	}
	.consulting .border_dashed_white .detail_guide .sub_text_not_circle > img
	{
		width: 100%;
		margin-bottom: 1rem;
	}
	#consul_03-06 .sub_text,
	#consul_03-06 .sub_text .text
	{
		margin-bottom: 0;
	}
	/* IOTサービス・ソリューション */
	.iot .guide .sub_text
	{
		display: block;
	}
	.iot .guide .sub_text:after
	{
		content: "";
		display: block;
		clear: both;
	}
	.iot .guide .sub_text img
	{
		margin-right: 1rem;
		float: left;
	}
	#iot_01 .guide .photo .photo_text02
	{
		top: 13%;
		left: 14%;
	}
	#iot_01 .guide .photo .photo_text03
	{
		top: 11%;
		left: 53%;
	}
	#iot_01 .guide .photo .photo_text04
	{
		top: 70%;
		left: 19%;
	}
	#iot_01 .guide .photo .photo_text05
	{
		top: 74%;
		left: 23%;
	}

	/* 社内制度 */
	#certification_system .clearfix > h2
	{
		float: none;
		margin: 0 auto 1.5rem;
	}
	#certification_system .clearfix > div
	{
		width: 80%;
		margin: 0 auto 2rem;
	}
	#certification_system .clearfix > .sm_triangle
	{
		width: 96%;
	}
	.column2_ul ul li
	{
		width: 100%;
		margin-left: 10%;
	}

	/* 認定・技術者 */
	#license > div
	{
		background: none;
	}

	/* 実績 */
	#result_main
	{
		background: none;
	}
	/* メディア掲載情報 */
	#news-paper ul
	{
		background: none;
	}
	#magazine ul
	{
		background: none;
	}
	ul li .data,
	ul li .media
	{
		display: inline;
	}
	ul li .sm_block,
	.media_book {
		margin-left: 1rem;
	}
	.mp3 {
		bottom: 0;
	}
	/* お客さまの声 */
	#feedback_ipen01 > div img
	{
		width: 25%;
	}
	.questionnaire .questionnaire_div
	{
		padding: 2rem 1.5rem;
	}
	.questionnaire h1:before
	{
	width: 20rem;
	height: 5rem;
	border-radius: 10rem 10rem 0 0 / 5rem 5rem 0 0;
	margin-left: -10rem;
	}
	.questionnaire_div h2:before,
	.questionnaire_div h2:after
	{
		display: none;
	}
	.questionnaire_div h2 br
	{
		display: block;
	}
	.questionnaire_div h2 span
	{
		display: none;
	}
	#feedback_hihakai .questionnaire_div:nth-of-type(odd) > img,
	#feedback_keisoku .questionnaire_div:nth-of-type(even) > img,
	#feedback_chousa .questionnaire_div:nth-of-type(odd) > img,
	#feedback_hihakai .questionnaire_div:nth-of-type(even) > img,
	#feedback_keisoku .questionnaire_div:nth-of-type(odd) > img,
	#feedback_chousa .questionnaire_div:nth-of-type(even) > img
	{
		float: none;
		margin: 2rem auto;
		display: block;
	}


	/* 最新機器 */
	#pundit dl dd .comme
	{
		padding: 1rem;
		display: inline-block;
		position: relative;
		text-align: left;
	}
	#pundit dl dd .sm_block
	{
		display: block;
	}
	#pundit dl dd .comme:before
	{
		content: "";
		background: url(../ipec_images/partner_dd_sm_img.png) 0 0 no-repeat;
		background-size: cover;
		height: 2.5rem;
		width: 2.5rem;
		position: absolute;
		top: -2.5rem;
		left: 2rem;
	}
	#pundit .img_area .ipen_img
	{
		width: 30%;
		height: auto;
	}

	/* 会社案内 */
	#company_top
	{
		background: url(../ipec_images/company01_back.jpg) 14% 0 no-repeat;
		background-size: cover;
	}
	#company_top .president_name
	{
		display: none;
	}
	.float_left_ipen,
	.ipen_prof_r
	{
		float: none;
		width:100%;
	}
	#ipen .ipen_prof_bg_b
	{
		padding: 2rem;
		border-radius: 25px;
		width: 100%;
	}
	.ipen_prof_r ul
	{
		display: inline-block;
	}
	.ipen_prof
	{
		padding: 2rem 0;
	}
	/* パンフレット */
	.flex_left,
	.flex_right
	{
		display: block;
	}
	.flex_left_img,
	.flex_right_img
	{
		padding: 0;
	}
	.pamph01,
	.pamph02,
	.pamph03,
	.pamph04
	{
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	.flex_right > .ipen
	{
		bottom: 8%;
		right: 0%;
	}
	#leaflet
	{
		padding-top: 2rem;
	}
	.flex_text
	{
		line-height: 1.5;
	}
	.flex_text .sm_block
	{
		font-size: 1.25rem;
	}
	.flex_text .date,
	.flex_text a
	{
		font-size: 1rem;
	}
	/* ムービー集 */
	#movie_top
	{
		background: url(../ipec_images/movie_top_back.jpg) 25% 70% no-repeat;
		background-size: cover;
	}
	section.movie_div > div h2 span
	{
		display: block;
	}
	section.movie_div > div h2 .space1rem
	{
		margin-left: 0;
	}

	/* 第2階層共通 */
	.scroll_button .scroll_img
	{
		left: 50%;
		width: 7vw;
	}
	.sm_none
	{
		display: none;
	}
	/* 採用ページ Message */
	#top_message .sign
	{
		text-align: center;
		margin-top: 3rem;
	}
	#top_message .sign img
	{
		display: block;
		margin: 0.8rem auto 0;
	}
	/* アイペックのお仕事 */
	#about_top
	{
		background: url(../ipec_images/about_top_back.jpg) 73% 0% no-repeat;
		background-size: cover;
	}
	/* 数字で見るアイペック */
	#statistics_content ul li
	{
		background: none;
		text-align: center;
		margin-bottom: 2.5rem;
	}
	#statistics_content ul li .normal_font
	{
		padding: 0;
	}
	#statistics_content ul li .red_big
	{
		float: none;
		padding: 0;
		margin: 1rem 0 0;
	}
	/* イベント紹介 */
	.photo_space
	{
		margin-bottom: 2rem;
	}
	.photo_space > div,
	.photo_space .main_photo
	{
		width: 100%;
		margin: 0 0 1rem;
	}
	#anniversary_40th .photo_space .box3
	{
		margin-bottom: 0;
	}
	.ipen_comment .comme
	{
		display: inline-block;
		text-align: center;
		margin-bottom: 0.5rem;
		position: relative;
	}
	.ipen_comment .comme:before
	{
		content: "";
		width: 0;
		height: 2.5rem;
		border-left: 2.5px solid #4c4948;

		position: absolute;
		bottom: -1.5rem;

		-webkit-transform: rotate(-28deg);
		transform: rotate(-28deg);
	}
	.ipen_comment .comme:after
	{
		content: "";
		width: 0;
		height: 2.5rem;
		border-right: 2.5px solid #4c4948;

		position: absolute;
		bottom: -1.5rem;

		-webkit-transform: rotate(28deg);
		transform: rotate(28deg);
	}
	#anniversary_40th .ipen_comment .comme:before
	{
		left: -1rem;
	}
	#anniversary_40th .ipen_comment .comme:after
	{
		right: -0.5rem;
	}
	#aki_no_mikaku .ipen_comment .comme:before
	{
		left: 2rem;
	}
	#aki_no_mikaku .ipen_comment .comme:after
	{
		right: 2rem;
	}
	#relay_marathon .ipen_comment .comme:before
	{
		left: 1rem;
	}
	#relay_marathon .ipen_comment .comme:after
	{
		right: 1rem;
	}
	#mochi_tsuki .ipen_comment .comme:before
	{
		left: -0.5rem;
	}
	#mochi_tsuki .ipen_comment .comme:after
	{
		right: 0;
	}
	.ipen_comment.ipen_left p
	{
		margin-left: 0;
	}
	.ipen_comment .pc_comme_img
	{
		display: none;
	}
	.ipen_comment .sm_comme_img
	{
		display: block;
		text-align: center;
	}
	.happy_award
	{
		margin-top: 3rem;
	}
	.happy_award img
	{
		position: static;
	}
	.happy_award.ipen_left .happy_award_img
	{
		margin-right: 0;

		-webkit-transform: rotate(8deg);
		transform: rotate(8deg);
	}
	.happy_award.ipen_right .happy_award_img
	{
		margin-left: 0;

		-webkit-transform: rotate(-8deg);
		transform: rotate(-8deg);
	}
	.happy_award .happy_ipen_img
	{
		margin: 2.5rem 0 0;
	}
	.happy_award.ipen_left .happy_ipen_img
	{
		margin-left: 55px;
	}
	.happy_award.ipen_right .happy_ipen_img
	{
		margin-right: 55px;
	}
	.happy_award.ipen_left .fukidashi:after
	{
		left: 50%;
		margin-left: -1.5rem;
	}
	.happy_award.ipen_right .fukidashi:after
	{
		right: 50%;
		margin-right: -1.5rem;
	}

	/* 採用Q&A */
	#q_and_a_top
	{
		background: url(../ipec_images/q_and_a_top_back.jpg) 44% 100% no-repeat #f7c5bb;
		background-size: 563px auto;
	}

}

/* タブレット・スマートフォン表示（横470px以下） */
@media screen and (max-width: 470px)
{
	#sec_01 .sec_01_bg_gray div,
	#sec_01 .sec_01_text
	{
		width: 73%;
	}

	/* 業務案内 */
	.detail_guide h2
	{
		font-size: 1.2rem;
	}
	/* 会社案内 */
	#company_top
	{
		background: url(../ipec_images/company01_back.jpg) 27% 0 no-repeat;
		background-size: cover;
	}
	/* 採用ページ Message */
	#motto h2
	{
		font-size: 2.1rem;
	}
	/* 募集要項 */
	#info_top
	{
		background: url(../ipec_images/info_top_back.jpg) 33% 50% no-repeat;
		background-size: cover;
	}
	/* 社員インタビュー */
	#employee_02 .employee_data ul li .detail
	{
		width: 15em;
	}
	#employee_03 .employee_data ul li .detail
	{
		width: 14em;
	}
	/* 数字で見るアイペック */
	.kaisetsu_ipen p.border_green_dot .ten_1,
	.kaisetsu_ipen p.border_green_dot .ten_2,
	.kaisetsu_ipen p.border_green_dot .ten_3
	{
		display: none;
	}
	.kaisetsu_ipen p.border_green_dot .ten_1br,
	.kaisetsu_ipen p.border_green_dot .ten_2br,
	.kaisetsu_ipen p.border_green_dot .ten_3br
	{
		display: inline;
	}
	/* イベント紹介 */
	#welfare_top
	{
		background: url(../ipec_images/welfare_top_back.jpg) 33.5% 0% no-repeat;
		background-size: cover;
	}
	#aki_no_mikaku,
	#relay_marathon
	{
		padding-bottom: 0;
	}

}
/* タブレット・スマートフォン表示（横390px以下） */
@media screen and (max-width: 390px)
{
	/* パンフレット */
	.flex_text .mienai_mono
	{
		margin-left: -3rem;
	}
	/* 数字で見るアイペック */
	#statistics_top > div h1
	{
		line-height: 1.5;
	}
	#statistics_top > div h1 > br
	{
		display: inline;
	}
	#statistics_content .red_big
	{
		font-size: 6.5rem;
	}
	#statistics_content ul li
	{
		font-size: 1.1rem;
	}
	#statistics_content .statistics_ipen_comme
	{
		font-size: 2rem;
	}

}
/* タブレット・スマートフォン表示（横380px以下） */
@media screen and (max-width: 380px)
{
	#sec_01 .sec_01_bg_gray div p
	{
		font-size: 0.8rem;
	}
	#sec_01 h3
	{
		font-size: 3rem;
	}
	#sec_01 .sec_01_text .sm_block
	{
		margin-left: 1rem;
	}
	/* 社員インタビュー */
	.question dl dt br
	{
		display: inline;
	}

}
/* タブレット・スマートフォン表示（横340px以下） */
@media screen and (max-width: 340px)
{
	/* パンフレット */
	.flex_text .mienai_mono
	{
		margin-left: -4rem;
	}
	/* アイペックのお仕事 */
	#about_top > div h1 br
	{
		display: inline;
	}
	#about_top > div h1
	{
		line-height: 1.5;
	}
	/* 数字で見るアイペック */
	#statistics_content .big_bold
	{
		font-size: 1.9rem;
	}
	#statistics_content ul li
	{
		width: 94%;
	}

}
/*********************************************************
2019年夏インターンシップ
**********************************************************/
.internship-box {
width: 100%; height: 0; margin: auto;  background: url(../ipec_images/emp_image_photo.jpg) 0 0 no-repeat; background-size: 100% auto;padding-bottom: calc(100%*390/1080);
}
.internship-box .heading {
	font-size: 4.8vw; text-align: left; margin: 0.5em;color: rgb(214,21,99);
}
.internship-middle {
	display: grid;
	grid-template-columns: 1fr 35%;
}
.internship-box2 {
	background: url(../ipec_images/consul_02-02-01.jpg) center center no-repeat no-repeat;
	background-size: cover;
	line-height: 1.4;
}
.internship-box2 p {
	color: #000;
	margin: 0.3em 4em;
	background-color: #fff6;
}
.internship-box2 .heading {
	font-size: 2.5em;
	margin: 0.5em;
}
.internship-box3 {
	background-color: rgb(135,192,47);
	color: #fff;
	line-height: 1.4;
}
.internship-box3 p {
	font-size: 2em;
}
.internship-box3 ul {
	margin: 1em;
}
.internship-box4 {
	background-color: #bbe1f8;
	color: #000;
}
.internship-box4 a {
	color: #00b;
}
@media(min-width: 1000px) {
	.internship-box .heading {
		font-size: 3.0em;
	}
}
@media(max-width: 800px) {
	.internship-middle {
		display: grid;
		grid-template-columns: 1fr;
	}
}
/*********************************************************
汎用クラス
**********************************************************/

	
/*********************************************************
iIMSサービス　スライダー
**********************************************************/
.iims-top{
	margin: 147px 0 0 0;
	padding: 0;
}
.iims-top .slider-container{
	position: relative;
	width: 100%;
	max-width: 100%;
	height: auto;
}
.iims-top .slider-container .iims-slider{
	width: 100%;
	height: auto;
	margin: 0;
}
.iims-top .slider-container .iims-slider li{
	width: 100%;
	height: 650px;
	
	position:relative;
}
.iims-top .slider-container .iims-slider li::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.2);
}
.iims-top .slider-container .iims-slider .slide01{
	background: url("../ipec_images/iot_top_slide1.jpg") center center / cover no-repeat;
}
.iims-top .slider-container .iims-slider .slide02{
	background: url("../ipec_images/iot_top_slide2.jpg") center center / cover no-repeat;
}
.iims-top .slider-container .iims-slider .slide03{
	background: url("../ipec_images/iot_top_slide3.jpg") center center / cover no-repeat;
}
.iims-top .slider-container .iims-slider .slide04{
	background: url("../ipec_images/iot_top_slide4.jpg") center center / cover no-repeat;
}
.iims-top .slider-container .iims-slider .slide05{
	background: url("../ipec_images/iot_top_slide5.jpg") center center / cover no-repeat;
}
.iims-top .slider-container .iims-slider .slide06{
	background: url("../ipec_images/iot_top_slide6.jpg") center center / cover no-repeat;
}


.iims-top .slider-container .iims-slider img{
	width: 100%;
	height: auto;
}
.iims-top .text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	color: #fff;
	width: 100%;
}
.iims-top .text h1{
	margin: 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.iims-top .text .menu li:last-child{
	margin: 0;
}
.iims-top .slick-dots{
	display: none!important;
}
.iims-top .slick-dotted.slick-slider a{
	margin: 0;
}
.iims-top .scroll_button,
.iims-top .border{
	bottom: 0px;
}
.iims-top .scroll_button img{
	left: 50%;
}
.menu p , .menu ul li {
	font-size: 1.2rem;
	}

@media (min-width:375px){
	.iims-top .text h1{
		font-size: 1.8rem;
	}
}
@media (min-width:768px){
	.iims-top .text h1{
		font-size: 2.5rem;
	}
	.iot_flex.iot_solution_flex.flex-3{
		width: auto;
	}
}
@media (min-width: 1024px){
	.iims-top{
		margin: 110px 0 0 0;
	}
}
@media (min-width: 1200px){
	.iims-top .text{
		top: 50%;
	}
}

@media (max-width:768px){
	.menu p , .menu ul li {
	font-size: 1rem;
	}
	
	.iims-top .slider-container .iims-slider li{
	height: 300px;
	}
}





/* 追加css */
.hp_mb01 img{
	margin-bottom: 15px;
}

@media (max-width:400px){
	.hp_width01 img{
		width: 140%;
	}
}


/* 一般事業主行動計画 */
/* 枠見出し */
.br_action{
	background-color: #9dc3dd;
	margin: 20px 0px;
	font-size: 18px;
	padding: 10px;
	font-weight: bold;
}
@media (max-width:560px){
	.br_action{
		font-size: 16px;
	}
}

/* 枠見出し終了 */

#action_plan h1 {
    color: #4c4948;
    font-weight: normal;
    border-bottom: 1px solid #4696ff;
}
.action_wrap{
	padding: 10px;
}
.sp_br560{
	display: none;
}
@media (max-width:560px){
.action_wrap p{
	margin-top: 40px;
	font-size: 12px;
}
.sp_br560{
	display: block;
}
}
.inner_head{
	margin-bottom: 40px;
}
.inner_head p{
	text-align: left;
}
.inner_content{
	text-align: left;
}
.content_top{
	font-size: 20px;
	border-bottom: 1px solid #000;
	font-weight: bold;
	margin: 10px 0px;
}
.action_cont-in{
	margin: 0px 20px;
}
.action_cont-in span{
	/* font-weight: bold; */
}
.action_cont-in p:first-child {
    border-top:1px solid #9dc3dd;
    border-bottom:1px solid #9dc3dd;
}
.action_cont-in p{
    border-bottom:1px solid #9dc3dd;
	padding: 20px;
}
.content-p{
	margin: 50px 0px;
}

/* 240417追加 */
.habataku_logo{
	width: 30%;
}
.event_flex3{
	display: flex;
    width: 90%;
    margin: 0 auto 16px auto;
	justify-content: center;
	align-items: center;
}
.report_text2 {
	text-align: left;
	padding-bottom: 10px;
	font-size: 14px;
}
.hp_repoTxt{
	text-align: center;
}
.hp_repoTxt-inner{
	display: inline-block;
	text-align: left;
}

/* -------------------------------240501追加 catalog.html */
.hp_txtBlack a {
	color: #4c4948;
}
.hp_txtSS {
	font-size: 14px;
}

.action_wrap2 {
	padding: 10px;
}
.action_wrap2-inner {
	text-align: left;
}
h2.catalog-tab {
	color: #78b8e4;
	font-size: 22px;
}
.catalog01 p:first-child {
	margin-bottom: 2em;
}
.catalog01 div {
	text-align: left;
	border-top: 1px solid #9dc3dd;
	border-bottom: 1px solid #9dc3dd;
	padding: 20px;
}
.catalog01 span {
	font-size: 14px;
}

.catalog02_inner{
	border-top: 1px solid #9dc3dd;
	border-bottom: 1px solid #9dc3dd;
	padding: 20px;
}
/* ------------- table css */
.catalog--inner {
	margin-bottom: 2em;
}
.catalog--inner p:first-child {
	text-align: left;
	font-weight: bold;
	font-size: 18px;
}
.catalog--inner:last-child {
	margin-bottom: 0;
}

.catalog--inner table td {
	text-align: left;
	border: none;
	vertical-align: top;
	padding-bottom: 25px;
}
.inner-td {
	width: 120px;
}
.catalog_cont {
	text-align: left;
	padding: 10px 20px;
}
.catalog_cont p {
	padding-top: 1em;
	font-size: 14px;
}

/* ------------- レスポンシブ */
@media screen and (max-width:675px) {
	.catalog_cont {
		padding: 0;
	}
	.inner-td {
		width: 80px;
	}
}
@media screen and (max-width:480px) {
	h2.catalog-tab {
		font-size: 15px;
	}
	.catalog_cont p {
		padding-top: 0;
	}
	.action_wrap2 p {
		margin-bottom: 20px;
		font-size: 12px;
	}
	.catalog--inner p:first-child {
		font-size: 14px;
	}
	.catalog02_inner{
		padding: 10px;
	}
}

/* -------------------------------------20240704追加 */
.tv_Ttl {
	font-size: 16px;
}

.recruit_movie,
.recruit_movie2 {
	display: flex;
	flex-direction: column;
	gap: 3em;
}
.recruit_movie2 {
	margin-bottom: 5em;
}
.recruit_movieTtl {
	text-align: center;
	color: #fff;
	margin-bottom: 1rem;
	line-height: 1.3em;
}
.recruit_movieTtl2 {
	text-align: center;
	color: #4c4948;
	margin-bottom: 1rem;
	font-size: 18px;
}
@media screen and (min-width:1000px) {
	.recruit_movie,
	.recruit_movie2 {
		flex-direction: row;
		
	}	
}

/* -------------------------------------20240711追加 */
.img_240711 {
	text-align: center;
}

/* -------------------------------------20240820追加 */
.hp_borderB {
	border: 0.1px solid #000;
}

/* 20240910追加　各種認定 */



.arrow{
	margin-left: 10px;
	width: 10em;
	font-size: 15px;
  }
  

  #history a {
	  color: #004097;
  }

  .prof_li_sp4
{
	overflow: hidden;
	font-size: 13px;
}




.prof_li_sp5
{
	overflow: hidden;
	font-size: 16px;
	text-align-last: left;
	padding-top: -15px;
}

.nintei_text::after{
	content: "";
  	display: inline-block;
  	width: 60px;
  	height: 30px;
 	background: url(../images/habatakulogo.png) no-repeat;
  	background-size: contain;
  	margin-right: 3px;
	margin-top: -10px;
	transform: translateY(10px);
}

.nintei_text2::after{
	content: "";
  	display: inline-block;
  	width: 60px;
  	height: 30px;
 	background: url(../images/joseikatuyakulogo.jpg) no-repeat;
  	background-size: contain;
  	margin-right: 3px;
	margin-top: -12px;
	transform: translateY(10px);
}

.col_white {
	background-color: white;
}

.nintei_text3::after{
	content: "";
  	display: inline-block;
  	width: 80px;
  	height: 30px;
 	background: url(../images/keninkigyoulogo.jpg) no-repeat;
  	background-size: contain;
  	margin-right: 3px;
	transform: translateY(20px);
	margin-top: -12px
}