@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Kosugi&family=Stick&display=swap');
	
:root {
	--i_main_color: #f2ad9f; /*メイン*/
	--i_sub_color: #f26968; /*アクセント*/
	--i_sub2_color: #f7f9ef; /*薄い色*/
	--i_btn_color: #6cbf84; /*ボタン*/
	--i_btn_hover_color: #5ab976; /*ボタンhover*/
}
/*----------------------------見出し----------------------------*/
.heading.block_header_1,
.heading.block_header_6{
	margin-bottom: 20px;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	justify-content: center;
	padding-top: 50px;
	background: url(/common/upload_data/ochi-dentalnet/image/message.png) no-repeat top / 260px auto;
}
#rec_left_even+section .heading.block_header_1,
#rec_left_even+section .heading.block_header_6{
	background: url(/common/upload_data/ochi-dentalnet/image/charm.png) no-repeat top / 200px auto;
}
#staff_m+section .heading.block_header_1,
#staff_m+section .heading.block_header_6{
	background: url(/common/upload_data/ochi-dentalnet/image/st_message.png) no-repeat top / 450px auto;
}
#flow_even+section .heading.block_header_1,
#flow_even+section .heading.block_header_6{
	background: url(/common/upload_data/ochi-dentalnet/image/flow.png) no-repeat top / 170px auto;
}
#jobinfo+section .heading.block_header_1,
#jobinfo+section .heading.block_header_6{
	background: url(/common/upload_data/ochi-dentalnet/image/jobinfo.png) no-repeat top / 280px auto;
}
#entry_even+div .heading.block_header_1,
#entry_even+div .heading.block_header_6{
	background: url(/common/upload_data/ochi-dentalnet/image/entry.png) no-repeat top / 190px auto;
}
.heading.block_header_1 .h, 
.heading.block_header_6 p {
	font-size: 3rem;
	font-family: "Stick", sans-serif;
	font-weight: 400;
	color: var(--i_sub_color);
	font-style: normal;
}
a[id*="even"] + section .heading.block_header_1 .h, 
a[id*="even"] + section .heading.block_header_6 p,
a[id*="even"] + div .heading.block_header_1 .h, 
a[id*="even"] + div .heading.block_header_6 p{
	color: var(--i_btn_color);
}
a[id*="rec"] + section .heading.block_header_2 .h {
	font-size: 3rem;
	padding-left: 0px;
	font-family: "Stick", sans-serif;
	font-weight: 400;
	font-style: normal;
}
a[id*="rec"] + section .heading.block_header_2 .h:before {
	display: none;
}
@media screen and (max-width: 900px) {
	.heading.block_header_1,
	.heading.block_header_6{
		margin-bottom: 0px;
	}
	.heading.block_header_1 .h, 
	.heading.block_header_6 p {
		font-size: 1.6rem;
	}
	.heading.block_header_1,
	.heading.block_header_6{
		background-size: 150px;
		padding-top: 30px;
	}
	#rec_left_even+section .heading.block_header_1,
	#rec_left_even+section .heading.block_header_6{
		background-size: 120px;
	}
	#staff_m+section .heading.block_header_1,
	#staff_m+section .heading.block_header_6{
		background-size: 270px;
	}
	#flow_even+section .heading.block_header_1,
	#flow_even+section .heading.block_header_6{
		background-size: 100px;
	}
	#jobinfo+section .heading.block_header_1,
	#jobinfo+section .heading.block_header_6{
		background-size: 150px;
	}
	#entry_even+div .heading.block_header_1,
	#entry_even+div .heading.block_header_6{
		background-size: 110px;
	}
}
/*----------------------------mv周り----------------------------*/
#mv_outer{
	/*mvに背景とかはここを利用する*/
	position: relative;
    padding-top: 0;
}
#mv{
	width: 100%;
	height: 75vh;
	max-width:none;
}
#mv::before{
	content: "";
	display: block;
	width: 100%;
	height:100%;
	position: absolute;
	bottom: 0;
	left: 0;
	pointer-events: none;
	background: url(/common/upload_data/ochi-dentalnet/image/sp_mv1_1.png);
	z-index: 8;
	background-position: left bottom;
	background-size: contain;
	background-repeat: no-repeat;
	border:none;
}
#mv:after{
	content: "";
	display: block;
	width: 100%;
	height:100%;
	position: absolute;
	bottom: 0;
	right: 0;
	
	pointer-events: none;
	background: url(/common/upload_data/ochi-dentalnet/image/sp_mv2_1.png);
	z-index: 8;
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
}
@media screen and (min-width: 1360px){
	#mv::before{
		content: "";
		display: block;
		width: 100%;
		height:100%;
		position: absolute;
		bottom: 0;
		left: 0;
		pointer-events: none;
		border: none !important;
		background: url(/common/upload_data/ochi-dentalnet/image/mv1_2.png);
		z-index: 8;
		background-position: left bottom;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#mv:after{
		content: "";
		display: block;
		width: 100%;
		height:100%;
		position: absolute;
		bottom: 0;
		right: 0;
		pointer-events: none;
		border: none !important;
		background: url(/common/upload_data/ochi-dentalnet/image/mv2_2.png);
		z-index: 8;
		background-position: right bottom;
		background-size: contain;
		background-repeat: no-repeat;
	}
}
#mv .mv_img li{
}
#mv .mv_text{
	height: 80%;
	align-items: flex-end;/*垂直方向中央*/
	width: 100% !important;
	left: 0 !important;
	bottom: 20% !important;
	text-align:center;
}
#mv .mv_text>div{
	max-width: none !important;
	box-sizing: border-box;
	width: 90%;
	color: #fff;
}
#mv .mv_text h2:before{
	position: absolute;
	display: block;
	content: "Dental clinic with the latest technology and teamwork";
	width: 100%;
	height: 100%;
	top: 160px;
	left: 0;
	line-height: 1.3;
	font-size: 2.0rem;
	pointer-events: none;
	font-weight: 400;
	letter-spacing: 0.1rem;
	font-family: "Stick", sans-serif;
	color:var(--i_btn_color);
	text-shadow:0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff;
}
#mv .mv_text h2{
	font-size: 60px;/* ←max-font-size的意味合いで使用する。動作はjs。*/
	line-height: 1.1;
	letter-spacing: 0rem;
	font-size: 5rem !important;
	position: relative;
	display: inline-block;
	font-family: "Stick", sans-serif;
	font-weight: 400;
	font-style: normal;
	color:var(--i_btn_color);
	text-shadow:0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff;
}
#mv .mv_text p{
	padding-top: 0px;
	font-size: 5rem;
	letter-spacing: 0rem;
	font-family: "Stick", sans-serif;
	font-weight: 400;
	font-style: normal;
	color:var(--i_btn_color);
	text-shadow:0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff;
}
#mv .mv_text p span{
	color:var(--i_sub_color);
}
#mv .mv_scroll,
#mv .mv_arrow,
#mv .mv_pointer{
	display: none;
}
@media screen and (max-width: 1360px){
	#mv::before{
	background-size: contain;
	}
}
@media screen and (max-width: 900px){
	#mv .mv_text h2:before{
		top: 160px;
		font-size: 1.5rem !important;
	}
	#mv{
		 height:50vh;
	}
	#mv .mv_text{
		align-items: center;/*垂直方向中央*/
		bottom:0% !important;
	}
	#mv .mv_text h2{
		font-size: 6vw !important;
	}
	#mv .mv_text p{
		font-size: 6vw !important;
	}
}
@media screen and (max-width: 600px){
	#mv .mv_text h2:before{
		top: 110px;
	}
	#mv .mv_text{
		height:100%;
		top: auto !important;
		bottom: -15% !important;
	}
}
@media screen and (max-width: 400px){
	#mv .mv_text h2:before{
		top: 75px;
		font-size: 1rem !important;
	}
}
#r_mv + section {
	padding: 0;
}
#r_mv + section .content_wrapper{
	padding:0;
}
#lv {
	display: none;
}
#lv_outer {
	padding-top: 0px;
}
/*----------------------------パンくず----------------------------*/
#pan {
	display:none;
}
#pan_2{
	z-index: 2;
	position: relative;
	padding: 0;
	margin-top: 0px;
	padding-bottom: 10px;
	background:#FDF2EF;
}
#pan_2 ul,
#pan_2 ol{
	display: flex;
	justify-content: flex-end;
	box-sizing: border-box;
	padding: 0 var(--i_padding, 20px);
	max-width: 1200px;
	margin: 0 auto;
	text-align: right;
}
#pan_2 li{
	display: block;
	position: relative;
	overflow: hidden;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.2rem;
	padding: 5px 0 3px 30px;
}
#pan_2 li:before,
#pan_2 li:after{
	content: "";
	display: block;
	transform: rotate(45deg);
	position: absolute;
	height: 6px;
	width: 6px;
	top: calc(50% - 1px);
	left: 10px;
	border-top: 1px solid var(--i_sub_color);
	border-right: 1px solid var(--i_sub_color);
}
#pan_2 li:first-child:before,
#pan_2 li:first-child:after{
	display: none;
}
@media screen and (max-width: 400px){
	#pan_2{
		display: none;
	}
}
/* ----------------------------message---------------------------- */
#rec_right+.contents_box01 .inner_item_img::before {
    content: "";
    display: block;
    width: 290px;
    height: 300px;
    background: url(/common/upload_data/ochi-dentalnet/image/h7.png) no-repeat;
    background-size: auto;
    background-size: contain;
    position: absolute;
    top: 60px;
    right: -80px;
    pointer-events: none;
	z-index:1;
}
@media screen and (max-width: 1300px){
	#rec_right+.contents_box01 .inner_item_img::before {
	    right: -50px;
	}
}
@media screen and (max-width: 900px){
	#rec_right+.contents_box01 .inner_item_img img {
	    width: 60% !important;
	}
	#rec_right+.contents_box01 .inner_item_img::before {
		width: 230px;
		top: 30px;
	    right: 20px;
	}
}
@media screen and (max-width: 700px){
	#rec_right+.contents_box01 .inner_item_img img {
	    width: 85% !important;
	}
	#rec_right+.contents_box01 .inner_item_img::before {
		width: 200px;
		top: 80px;
	    right: 0px;
	}
}
@media screen and (max-width: 400px){
	#rec_right+.contents_box01 .inner_item_img::before {
		width: 140px;
	}
}
/* ----------------------------charm---------------------------- */
#rec_left_even+section{
	overflow:visible;
}
#rec_left_even+section::before {
    content: "";
    display: block;
    width: 450px;
    height: 330px;
    background: url(/common/upload_data/ochi-dentalnet/image/h6.png) no-repeat;
    background-size: auto;
    background-size: contain;
    position: absolute;
    top: -50px;
    left: 100px;
    pointer-events: none;
	z-index:1;
}
#rec_left_even+section::after {
    content: "";
    display: block;
    width: 300px;
    height: 270px;
    background: url(/common/upload_data/ochi-dentalnet/image/h5.png) no-repeat;
    background-size: auto;
    background-size: contain;
    position: absolute;
    top: -70px;
    right: 100px;
    pointer-events: none;
	z-index:1;
}
@media screen and (max-width: 1400px){
	#rec_left_even+section::after {
		width: 250px;
		top: -60px;
		right: 10px;
	}
	#rec_left_even+section::before {
	    width: 400px;
	    top: -50px;
	    left: 20px;
	}
}
@media screen and (max-width: 900px){
	#rec_left_even+.contents_box01 .inner_item_img img {
	    width: 70% !important;
	}
	#rec_left_even+section::after {
		width: 200px;
		top: -70px;
		right: 0px;
	}
	#rec_left_even+section::before {
	    width: 300px;
		left: 0px;
	}
}
@media screen and (max-width: 650px){
	#rec_left_even+.contents_box01 .inner_item_img img {
	    width: 90% !important;
	}
	#rec_left_even+section::after {
		width: 130px;
		top: -40px;
	}
	#rec_left_even+section::before {
	    display:none;
	}
}
/*----------------------------staff_message----------------------------*/
#staff_m+section{
	overflow:visible;
}
#staff_m+section::before {
    content: "";
    display: block;
    width: 320px;
    height: 240px;
    background: url(/common/upload_data/ochi-dentalnet/image/h1.png) no-repeat;
    background-size: auto;
    background-size: contain;
    position: absolute;
    top: -80px;
    left: 100px;
    pointer-events: none;
	z-index:1;
}
#staff_m+section::after {
    content: "";
    display: block;
    width: 280px;
    height: 270px;
    background: url(/common/upload_data/ochi-dentalnet/image/h4.png) no-repeat;
    background-size: auto;
    background-size: contain;
    position: absolute;
    top: -60px;
    right: 100px;
    pointer-events: none;
	z-index:1;
}
#staff_message02+.contents_box01.w60 .inner_item_img {
    flex-basis: 100%;
    max-width: 100%;
}
@media screen and (max-width: 1300px){
	#staff_m+section::after {
		width: 250px;
		top: -60px;
		right: 0px;
	}
	#staff_m+section::before {
	    width: 240px;
	    top: -50px;
	    left: 0px;
	}
}
@media screen and (max-width: 900px){
	#staff_m+section::after {
		width: 200px;
		top: -40px;
	}
	#staff_m+section::before {
	    width: 200px;
	}
}
@media screen and (max-width: 650px){
	#staff_m+section::after {
		width: 110px;
		top:130px;
	}
	#staff_m+section::before {
		width: 130px;
		top: -60px;
	}
}

#staff_message01 + div.composite_box01.block_images_9 .inner_item_txt .heading .h,
#staff_message02+.contents_box01.block_image_text_2 .wrapper_item .inner_item_txt p span{
	font-size: 3rem !important;
	font-family: "Stick", sans-serif;
	font-weight: 400;
	color: var(--i_sub_color);
	font-style: normal;
}

#staff_message01 + div.composite_box01 .wrapper_item {
	display: block;
}
#staff_message01 + div.composite_box01 .inner_item {
	/*width: 100%;*//*修正*/
	margin: 0 !important;
}
#staff_message01 + div.composite_box01.block_images_9 .inner_item_img,
#staff_message01 + div.composite_box01.block_images_9 .inner_item_txt .heading {
	height: 150px;
}

#staff_message02 + div .content_wrapper, 
#staff_message02 + section .content_wrapper {
	background: #fff !important;
	padding:50px 30px;
}
@media screen and (min-width: 951px) {
	a[id*="message"] + div{
		/*width: 45%;*//*修正*/
		/*padding-left: 20px;*//*修正*/
	}
	a[id*="message"] + section {
		width: 55%;
		/* padding-right: 50px !important; */
	}
	a[id*="message"] + section .content_wrapper {
		max-width: 650px !important;
		/* width: 95%; */
		z-index: 1;
		margin-left: 20px;
		/* margin-right: 20px; */
	}
	a[id*="message"] + div .content_wrapper{
		/*width: 430px !important;*//*修正*/
		z-index: 1;
		/*margin-right: 20px;*//*修正*/
		padding: 0 20px;/*修正*/
		/*padding-bottom: 270px;*//*修正*/
	}
	#staff_message02 + section {
		margin-right: 0 !important;
		margin-left: auto;
		z-index: 10;
		position: relative;
		margin-top: -1010px;
		padding-right: 50px !important;
		/* padding-left: 20px; */
	}
}
@media screen and (max-width: 950px) {
	a[id*="message"] + div{
		/*margin-bottom:-60px;*//*修正*/
	}
	a[id*="message"] + section .content_wrapper {
		width: 60%;
	}
	a[id*="message"] + div .content_wrapper{
		/*width: 50%;*//*修正*/
		z-index: 1;
	}
	#staff_message02 + .contents_box01.block_image_text_2 .wrapper_item .inner_item_txt {
		text-align: center;
	}
	#staff_message01 + div.composite_box01.block_images_9 .inner_item_txt .heading .h,
	#staff_message02+.contents_box01.block_image_text_2 .wrapper_item .inner_item_txt p span{
		font-size: 1.9rem !important;
	}
}
@media screen and (max-width: 600px) {
	a[id*="message"] + section .content_wrapper {
		width: 90%;
	}
	a[id*="message"] + div .content_wrapper{
		/*width: 70%;*//*修正*/
	}
}
/*---------------------------- flow---------------------------- */
#flow_even+section{
	overflow:visible;
}
#flow_even+section::before {
    content: "";
    display: block;
    width: 320px;
    height: 240px;
    background: url(/common/upload_data/ochi-dentalnet/image/h2.png) no-repeat;
    background-size: auto;
    background-size: contain;
    position: absolute;
    top: -80px;
    left: 100px;
    pointer-events: none;
	z-index:1;
}
#flow_even+section::after {
    content: "";
    display: block;
    width: 250px;
    height: 230px;
    background: url(/common/upload_data/ochi-dentalnet/image/h3.png) no-repeat;
    background-size: auto;
    background-size: contain;
    position: absolute;
    top: 10px;
    right: 10px;
    pointer-events: none;
    z-index:1;
}
@media screen and (max-width: 1300px){
	#flow_even+section::after {
		width: 230px;
		top: 0px;
		right: 0px;
	}
	#flow_even+section::before {
	    width: 210px;
	    top: -30px;
	    left: 50px;
	}
}
@media screen and (max-width: 900px){
	#flow_even+section::after {
		width: 190px;
	}
	#flow_even+section::before {
	    width: 160px;
	}
}
@media screen and (max-width: 650px){
	#flow_even+section::after {
		width: 120px;
		top:-10px;
	}
	#flow_even+section::before {
		width: 90px;
		top: -30px;
		left:10px;
	}
}
a[id*="flow"]+section .heading.block_header_7 .h{
	font-size: 3rem;
	font-family: "Stick", sans-serif;
	font-weight: 400;
	font-style: normal;
}
a[id*="flow"]+section .heading.block_header_7 .h:nth-last-child(2):nth-child(1){
	max-width: calc(100% - 70px);
	padding-left: 20px;
}
a[id*="flow"]+section .heading.block_header_7 p{
	position:relative;
	background: var(--i_btn_color);
	color: #fff;
	width: 120px;
	height: 120px;
	font-size: 2rem !important;
	padding-top:40px;
	font-family: "Stick", sans-serif;
	font-weight: 400;
	font-style: normal;
}
a[id*="flow"]+section .inner_item_txt p{
	padding-left: 80px;
	margin-left:60px;
	border-left: 2px solid rgb(0 0 0 / 50%);
	margin-top: 20px;
}
a[id*="flow"]+section .heading.block_header_7 p:after{
	content: '';
	display: block;
	position: absolute;
	top: 25px;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/common/upload_data/ochi-dentalnet/image/flow_ico01.png") no-repeat top center / 30px;
	pointer-events: none;
}
#flow_02+section .heading.block_header_7 p:after{
	background: url("/common/upload_data/ochi-dentalnet/image/flow_ico02.png") no-repeat top center / 35px;
}
#flow_03+section .heading.block_header_7 p:after,
#flow_05+section .heading.block_header_7 p:after{
	background: url("/common/upload_data/ochi-dentalnet/image/flow_ico03.png") no-repeat top center / 20px;
}
#flow_04+section .heading.block_header_7 p:after{
	background: url("/common/upload_data/ochi-dentalnet/image/flow_ico04.png") no-repeat top center / 35px;
}
@media screen and (max-width: 600px) {
	a[id*="flow"]+section .heading.block_header_7 {
	    display: flex;
	    flex-direction: column-reverse;
	}
	a[id*="flow"]+section .heading.block_header_7 .h{
		font-size: 1.9rem;
		padding-top:15px;
		padding-left:0 !important;
	}
	a[id*="flow"]+section .heading.block_header_7 p{
		padding-top:35px;
		width: 90px;
		height: 90px;
		font-size: 1.7rem !important;
	}
	a[id*="flow"]+section .inner_item_txt p{
		padding-left: 0;
		margin-left:0;
		border:none;
	}
	a[id*="flow"]+section .heading.block_header_7 p:after{
		top: 20px;
		background-size:25px;
	}
	#flow_02+section .heading.block_header_7 p:after{
		background-size: 25px;
	}
	#flow_03+section .heading.block_header_7 p:after,
	#flow_05+section .heading.block_header_7 p:after{
		background-size: 18px;
	}
	#flow_04+section .heading.block_header_7 p:after{
		background-size: 25px;
	}
}
a[id*="flow"]+section{
	position:relative;
}
#flow_01+section:after{
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	right: 30px;
	width: 230px;
	height: 230px;
	outline-offset: 8px;
	pointer-events:none;
	outline:2px dashed var(--i_main_color);
	border-radius:100%;
	background: url("/common/upload_data/ochi-dentalnet/image/maru1.jpeg") no-repeat top center / 230px;
}
#flow_02+section:after{
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	left: 80px;
	width: 230px;
	height: 230px;
	outline-offset: 8px;
	pointer-events:none;
	outline:2px dashed var(--i_btn_color);
	border-radius:100%;
	background: url("/common/upload_data/ochi-dentalnet/image/20240409131843.jpg") no-repeat top center / 230px;
}
#flow_03+section:after{
	content: '';
	display: block;
	position: absolute;
	top: 50px;
	right: 180px;
	width: 150px;
	height: 150px;
	pointer-events:none;
	background: url("/common/upload_data/ochi-dentalnet/image/h4.png") no-repeat top center / 150px;
}
#flow_04+section:after{
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	right: 40px;
	width: 230px;
	height: 230px;
	outline-offset: 8px;
	pointer-events:none;
	outline:2px dashed var(--i_main_color);
	border-radius:100%;
	background: url("/common/upload_data/ochi-dentalnet/image/20240409131549.jpg") no-repeat top center / 230px;
}
#flow_05+section:after{
	content: '';
	display: block;
	position: absolute;
	top: 100px;
	left: 30px;
	width: 230px;
	height: 230px;
	outline-offset: 8px;
	pointer-events:none;
	outline:2px dashed var(--i_btn_color);
	border-radius:100%;
	background: url("/common/upload_data/ochi-dentalnet/image/20240409131846.jpg") no-repeat top center / 230px;
}
@media screen and (max-width: 1500px) {
	#flow_01+section:after{
		right: 10px;
		width: 190px;
		height: 190px;
		background-size:190px;
	}
	#flow_02+section:after{
		left:20px;
		width: 190px;
		height: 190px;
		background-size:190px;
	}
	#flow_03+section:after{
		top: 100px;
		right: 20px;
		width: 150px;
		height: 150px;
	}
	#flow_04+section:after{
		right: 20px;
		width: 190px;
		height: 190px;
		background-size:190px;
	}
	#flow_05+section:after{
		left:20px;
		top:10px;
		width: 190px;
		height: 190px;
		background-size:190px;
	}	
}
@media screen and (max-width: 1500px) {
	#flow_01+section:after{
		right: 10px;
		width: 160px;
		height: 160px;
		background-size:160px;
	}
	#flow_02+section:after{
		left:20px;
		top:120px;
		width: 130px;
		height: 130px;
		background-size:130px;
	}
	#flow_03+section:after{
		top: 70px;
		right: 10px;
	}
	#flow_04+section:after{
		display:none;
	}
	#flow_05+section:after{
		left:10px;
		top:80px;
		width: 150px;
		height: 150px;
		background-size:150px;
	}	
}
@media screen and (max-width: 1100px) {
	#flow_01+section:after{
		right: 10px;
		top:10px;
		width: 150px;
		height: 150px;
		background-size:150px;
	}
	#flow_02+section:after{
		display:none;
	}
	#flow_03+section:after{
		top: 40px;
	}
	#flow_05+section:after{
		display:none;
	}	
}
@media screen and (max-width: 600px) {
	#flow_01+section:after{
		right: 10px;
		top:10px;
		width: 120px;
		height: 120px;
		background-size:120px;
	}
	#flow_03+section:after{
		top: 40px;
		right:auto;
		left:10px;
		background-size:130px;
	}
}
/*----------------------------job info---------------------------- */
#jobinfo+section{
	overflow:visible;
}
#jobinfo+section::before {
    content: "";
    display: block;
    width: 420px;
    height: 240px;
    background: url(/common/upload_data/ochi-dentalnet/image/h6.png) no-repeat;
    background-size: auto;
    background-size: contain;
    position: absolute;
    top: -10px;
    left: 100px;
    pointer-events: none;
	z-index:1;
}
#jobinfo+section::after {
    content: "";
    display: block;
    width: 310px;
    height: 270px;
    background: url(/common/upload_data/ochi-dentalnet/image/h5.png) no-repeat;
    background-size: auto;
    background-size: contain;
    position: absolute;
    top: -30px;
    right: 10px;
    pointer-events: none;
	z-index:1;
}
@media screen and (max-width: 1400px){
	#jobinfo+section::after {
		width: 260px;
		top: -40px;
		right: 0px;
	}
	#jobinfo+section::before {
	    width: 350px;
	    top: -30px;
	    left: 0px;
	}
}
@media screen and (max-width: 900px){
	#jobinfo+section::after {
		width: 210px;
	}
	#jobinfo+section::before {
	    width: 290px;
	}
}
@media screen and (max-width: 650px){
	#jobinfo+section::after {
		display:none;
	}
	#jobinfo+section::before {
		width: 220px;
		top: -40px;
	}
}
a[id*="info"]+div .heading.block_header_4 .h {
    font-size: 2.6rem;
    color: var(--i_sub_color);
}
a[id*="info"]+div.block_table_3 table th, .block_table_7 table th {
    background-color: #fffbf9;
}
/*----------------------------entry----------------------------*/
#entry_even+div{
	overflow:visible;
}
#entry_even+div::before {
    content: "";
    display: block;
    width: 280px;
    height: 240px;
    background: url(/common/upload_data/ochi-dentalnet/image/h1.png) no-repeat;
    background-size: auto;
    background-size: contain;
    position: absolute;
    top: -40px;
    left: 100px;
    pointer-events: none;
	z-index:1;
}
#entry_even+div::after {
    content: "";
    display: block;
    width: 250px;
    height: 230px;
    background: url(/common/upload_data/ochi-dentalnet/image/h3.png) no-repeat;
    background-size: auto;
    background-size: contain;
    position: absolute;
    top: -30px;
    right: 10px;
    pointer-events: none;
    z-index:1;
}
@media screen and (max-width: 1300px){
	#entry_even+div::before {
	    width: 230px;
	    left: 0px;
	}
	#entry_even+div::after {
		width: 210px;
		right: 0px;
	}
}
@media screen and (max-width: 900px){
	#entry_even+div::before,
	#entry_even+div::after {
		width: 180px;
	}
}
@media screen and (max-width: 650px){
	#entry_even+div::before {
		width: 110px;
	}
	#entry_even+div::after {
		width: 100px;
	}
}

main>section:not([class*="pt"]), main>div:not([class*="pt"]), aside>section:not([class*="pt"]), aside>div:not([class*="pt"]) {
    display: none;
}

/*------------------スタッフメッセージ修正------------------*/
#staff_message01 + div.composite_box01 .wrapper_item {
	display: flex;
    justify-content: space-around;
}