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

* {
	margin: 0px;
	padding: 0px;
}
.pc_hide{ display:none; }
.ds_none{ display:none; }
@font-face {
	font-family: "Yu Gothic M";
	src: local("Yu Gothic Medium");
}
@font-face {
	font-family: "Yu Gothic M";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
body {
	font: 13px;
	font-family: -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#telework_wrapper {
	width:950px;
	margin:0px auto;
}
a { color:#FF0659;}
a img {
	border: none;
}
/*共通ヘッダー個別カラー指定*/
#header{
	border-color: #FF0659;
}
.header_wrapper .top_navi li a{
	color: #FF0659;
	border-color: #FF0659;
}
.header_wrapper .tel .st0{
	fill:#FF0659;
}
.header_wrapper .tel span{
	color: #FF0659;
}
/*共通ヘッダー個別カラー指定ここまで*/

.topimg {
	background: url(../../images/special/telework/topimg.jpg) no-repeat center top;
	height:590px;
	width:100%;
	margin:0px auto;
	overflow:hidden;
}
.topimg .contents{
	max-width:950px;
	width: 100%;
	height:500px;
	margin:45px auto 0px auto;
	color:#FFF;
	background: rgba(255,255,255,0.7);
	overflow:hidden;
}
.topimg .contents .top_title{
	margin:35px auto 30px auto;
	display:block;
	width: 100%;
}
.topimg .contents p{
	font-size:25px;
	color:#000;
	text-align:center;
	margin-top:20px;
	font-weight:bold;
	letter-spacing:0.25em;
}
.topimg .contents ul{
	max-width:690px;
	width: 100%;
	display:flex;
	justify-content: center;
	margin:10px auto 0px auto;
	list-style:none;
}
.topimg .contents li{
	margin-right:15px;
	width: 33%;
}
.topimg .contents li img{
	width: 100%;
}
.topimg .contents li:last-child{
	margin-right:0px;
}

.topimg h2{ 
	font-size:50px; line-height:70px; color:#FF0659; font-weight:normal; width:min(70vw,650px); display:block; margin:20px auto 0px auto; 
	font-family: メイリオ, Meiryo, Osaka,游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	height:115px; 
}
.service .contents{
	background: url(../../images/special/telework/service_bg.jpg) no-repeat center top;
	max-width:950px;
	width: 100%;
	margin:0 auto;
	position:relative;
	height:53vh;
}
.service .contents dl{
	background: url(../../images/special/telework/service_img.png) no-repeat 10px 10px;
	max-width:790px;
	width: 100%;
	max-height:490px;
	height: 100%;
	background-size: 100%;
}
.service .contents dt,
.service .contents dd{
	display:none;
}
	
.service h3{
	font-size:min(40vw,33px);
	line-height:1.2em;
	display:block;
	padding-top:65px;
	font-weight:bold;
	box-sizing:border-box;
	text-align:center;
	margin-bottom: 30px;
}
.service .title_img{
	position:absolute;
	top:40px;
	right:10px;
	padding-top:0px;
}
.service .title_img img {
	width: min(36vw,380px);
}
.service .service_img01{
	margin:0 auto;
	display:block;
	margin-bottom:50px;
}

.service .read{
	font-size:18px;
	line-height:1.5em;
	margin-bottom:2em;
	text-align:center;
}
.service .read02{
	font-size:18px;
	line-height:1.5em;
	margin-top:70px;
	text-align:center;
}

.service .banner01.sp_hide{
	display:block;
	margin:20px auto 0 auto;
	padding-inline:20px;
}
.service .banner01.sp_hide img{
	max-width: 650px;
	width: 100%;
	height: auto;
}
.contents_wrapper {
	max-width:950px;
	width: 100%;
	margin:80px auto 0px auto;
}
.contents_wrapper .title {
	color:#FFF;
	background:#0044e2;
	font-family: メイリオ, Meiryo, Osaka,游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:18px;
	line-height:18px;
	letter-spacing:0.2em;
	box-sizing:border-box;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px 20px;
}
.contents_wrapper .title i{
	font-size:40px;
	margin-right: 10px;
}
.contents_wrapper .title h2{
	font-size:18px;
}

h3.to_list_h3{
	margin:60px 0px 20px 0px;
	text-align:center;
	color:#FF0659;
	font-weight:bold;
	font-size:20px;
	line-height:30px;
	letter-spacing:0.2em;
}
.note_stock {
	text-align:right;
	font-size:10px;
	color:#333;
	margin: 4px 20px 30px 0;
}
.item_read{
	font-size:24px;
	line-height:32px;
	font-weight:bold;
	text-align:center;
	margin:40px 0px;
}
ul.rental_list {
	padding-inline:10px;
}
ul.rental_list > div {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
ul.rental_list li {
	list-style:none;
	background:#FFE4EB;
	margin-bottom:20px;
	width: calc(50% - 5px);
	display: flex;
	flex-flow: column;
	padding: 15px 2%;
	box-sizing: border-box;
	justify-content: flex-start;
}
ul.rental_list li:nth-last-child(-n+1),
ul.rental_list li:nth-last-child(-n+2){
	margin-bottom: 5px;
}

ul.rental_list li:nth-child(odd) {
}
ul.rental_list li:nth-child(even) {
}
ul.rental_list .item_header {
	border-bottom:1px dashed #FF0049;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	align-items: center;
	gap:1px;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
ul.rental_list .digno_guide {
	background:#FFF;
	padding:5px 5px 5px 8px;
	display: flex;
	justify-content: flex-start;
	margin-top: 5px;
}
ul.rental_list .digno_guide img {
	height:29px;
	margin-right: 5px;
}
ul.rental_list .digno_guide p{
	line-height:1.2em;
	color:#090;
}
ul.rental_list .item_header h3 {
	line-height:1em;
	color:#FF0049;
	font-size:clamp(21px,2.8vw,25px);
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
ul.rental_list .item_header h3 br {
	display: none;
}
ul.rental_list .item_header h3 .small{
	line-height: 1;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 5px;
}

ul.rental_list .item_header .price1L {
	font-size:11px;
	color:#333;
	line-height:16px;
	padding-left: 1%;
}
ul.rental_list .item_header .price2L {
	font-size:11px;
	color:#333;
	line-height:16px;
	padding-left: 1%;
	width: fit-content;
}
ul.rental_list .item_header .price1L .big,
ul.rental_list .item_header .price2L .big {
	font-size:14px;
	font-weight:bold;
}
ul.rental_list .item_header .data_capa {
	font-size:10px;
	line-height:14px;
	background:#FECBD9;
	color:#333;
	padding:4px;
	border-radius:6px;
	font-weight:bold;
	width: 51px;
}
ul.rental_list .item_image {
	width:40%;
	padding-inline:0 1%;
	height:auto;
	text-align:center;
	display: block;
}
ul.rental_list .item_image img {
	width: 100%;
}
ul.rental_list .item_image img:hover{
	opacity: 0.9;
	transition: 0.5s;
	transform: scale(1.05);
}
ul.rental_list li .item {
}
ul.rental_list li .item_text {
	font-size:13px;
	line-height:21px;
	width: 70%;
	box-sizing: border-box;
	padding-inline:1% 0;
}
ul.rental_list li .item_text > p {
	text-align:justify;
	margin-bottom: 10px;
}
ul.rental_list li h4 {
	color:#FF0049;
	font-size:16px;
	margin-bottom:7px;
	line-height: 17px;
}
ul.rental_list li h4 .small{
	font-size: 10px;
}
ul.rental_list li .item_contents {
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}
ul.rental_list li .goto_item {
	display:block;
	background:	#FF0049;
	border:1px solid #FF0049;
	width:178px;
	height:45px;
	line-height:45px;
	text-align:center;
	margin:auto auto 0  auto;
	color:#FFF;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration:none;
}
ul.rental_list li .goto_item:hover {
	background:#FFFFFF;
	border:1px solid #FF0049;
	color:#FF0049;
}
.flow{
	letter-spacing:0.15em;
	margin-top:50px;
}
.flow_read{
	font-size:24px;
	line-height:32px;
	font-weight:bold;
	text-align:center;
	margin:40px 0px;
}
.flow_overview{
	width: 100%;
	max-width:796px;
	padding:25px 0px;
	background:#F2F1F7;
	margin:0px auto;
	display: flex;
	justify-content: center;
	flex-flow:column; 
}
.flow_overview p{
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
.flow_overview ul{
	width:530px;
	margin:20px auto;
}
.flow_overview ul li{
	background:#FFF;
	list-style:none;
	text-align:center;
	font-weight:bold;
	padding:0px 0px;
	width:250px;
	float:left;
	border:1px solid #0044e2;
	border-radius:10px;
	box-sizing:border-box;
	color:#0044e2;
	font-size:18px;
	line-height:26px;
	height:73px;
}
.flow_overview ul li:first-child{
	margin-right:30px;
	padding-top:10px;
}
.flow_overview ul li:last-child{
	line-height:73px;
	padding:0px;
}
.flow_title{
	font-size:24px;
	text-align:center;
	margin:40px 0px 20px 0px;
}
.flow img{
	display:block;
	margin:0 auto 32px auto;
	width: 100%;
	padding-inline:10px;
	box-sizing: border-box;
}
.flow img.pc_hide{
	display:none;
}
.flow-notice {
    margin-bottom: 48px;
}
dl.qa {
	padding:40px 25px;
}
dl.qa dt {
	font:16px;
	color:#FF0049;
	margin-bottom:15px;
}
dl.qa dd {
	margin-bottom:50px;
	padding-left:1.4em;
	text-indent:-1.4em;
}
.contact {
	background:#EDF9F6;
	text-align:center;
	padding:30px;
}
.contact h3 {
	font-size:16px;
	font-family: メイリオ, Meiryo, Osaka,游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#FF0659;
	margin-top:10px;
	line-height:0px;
}
.contact dl {
	width:450px;
	margin:0px auto;
	text-align:left;
}
.contact dl dt {
	font-size:18px;
	font-weight:bold;
	margin:35px 0px 0px 0px;
}
.contact dl dd {
	font-size:16px;
	color:#000;
	margin-left:40px;
}
.contact dl dd:first-child {
	margin:5px 0px 20px 0px;
}
.contact dl dd .footer_tel {
	font-size:16px;
	vertical-align:middle;
}
.contact dl dd.sec {
}
.contact dl dd.comment {
	margin-top:10px;
	
}
.contact dl dd.time {
	font-size:14px;
	margin-top:10px;
}
.contact dl dd.mail {
	margin:20px auto 10px auto;
	color:#FF0659;
	font-weight:bold;
	text-align:center;
}
.contact dl dd.mail a{
	color:#FF0659;
}
.contact dl dd.mail img{
	margin-right:3px;
}
.contact .arrow_btn {
	display: inline-block;
	position: relative;
	width: 300px;
	padding: 1em 0.8em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: #FF0659;
	border-radius: 60px;
	transition: transform ease .3s;
}
.contact .arrow_btn:hover {
	 cursor: pointer;
	 text-decoration: none;
	 opacity:0.85;
}
.contact .arrow_btn span {
	display: inline-block;
	text-decoration: none;	
	transition: transform ease .3s;
}
.contact .arrow_btn:hover span{
	cursor: pointer;
	text-decoration: none;
	transform: translateX(8px);
}


.touhaba,
.touhaba2 {
	font-family:monospace;
}
.goto_top {
	text-align:right;
	margin-top:10px;
	margin-right: 10px;
}
.goto_top a {
	color:#FF0659;
	font-size:12px;
	border-bottom:1px dashed #FF0659;
	text-decoration:none;
}
.goto_top a:hover {
	color:#3BA6BB;
	border-color:#3BA6BB;
}
.banner01 img {
	width: 100%;
}
/*-------------------------
clearfix
-------------------------*/
/*.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}*/
/*.clearfix {
	display: inline-block;
}*/
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/*.clearfix {
	display: block;
}*/
/* End hide from IE-mac */

/*-------------------------
clearfixここまで
-------------------------*/
/* モバイルCSSここから */
@media screen and (max-width:768px) {
	#header h1 {
		background: #FF0659;
	}
} 
@media screen and (max-width:700px) {
	a {
		text-decoration: none;
		color: #FF0659;
	}
	.sp_hide {
		display: none;
	}
	.pc_hide {
		display: block !important;
	}
	.topimg {
		height: auto;
	}
	.topimg img {
		width: 100%;
	}
	.service h3 {
		font-size: min(20vw,22px);
		padding: 30px 15px 0 15px;
	}
	.service > img {
		width: 100%;
	}
	.service .read {
		font-size: 16px;
		margin-top: 15px;
		padding-inline:15px;
	}
	.service .banner01.sp_hide img {
		display: none;
	}
	.contents_wrapper {
		margin-top: 20px;
	}
	.item_read, .flow_read, .flow_title {
		font-size: min(20vw,18px);
		margin: 20px 0;
		padding-inline: 15px;
	}
	ul.rental_list > div {
		flex-flow: column;
	}
	ul.rental_list li {
		width: 100%;
	}
	ul.rental_list li .item_contents {
		margin-bottom: 0;
	}
	ul.rental_list .digno_guide {
		align-items: flex-start;
		width: fit-content;
		margin-inline:auto;
	}
	.flow {
		margin-top: 40px;
	}
	.flow img:nth-child(5) {
		display: none;
	}
	ul.rental_list .digno_guide img {
		height: auto;
		width: 29px;
	}
	.flow_overview ul {
		width: 100%;
		display: flex;
		flex-flow: column;
		align-items: center;
	}
	.flow_overview p {
		font-size: 18px;
		padding-inline:15px;
	}
	.flow_overview ul li:first-child {
		margin-right: 0;
		margin-bottom: 15px;
	}
	dl.qa dd {
		margin-bottom: 20px;
	}
	.contact dl dd {
		margin-left: 0;
	}
	.contact dl dt {
		margin-top: 15px;
	}
	.contact dl {
		width: 100%;
	}
	.contact {
		padding: 15px;
	}
	.contact h3 {
		font-size: 14px;
	}
	.contact .arrow_btn {
		max-width: 300px;
		padding-inline:5px;
	}
	ul.rental_list .item_header {
		justify-content: flex-start;
		padding-inline :0;
		gap:0;
	}
	ul.rental_list .item_image {
		width: 30%;
		margin: 0;
		box-sizing:border-box; 
	}
	ul.rental_list li .item_text {
		width: 70%;
		margin: 0;
		box-sizing:border-box;
	}
	ul.rental_list .item_header h3 {
		width:30%;
		font-size: clamp(12px,2.8vw,25px);
	}
	ul.rental_list .item_header h3 .small {
		font-size: 10px;
	}
	ul.rental_list li .goto_item {
	}
}
@media screen and (max-width:481px) {
	#header h1 {
		background: #FF0659;
	}
	ul.rental_list .item_header {
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		padding: 0 0 3px 0;
	}
	ul.rental_list .item_header h3 {
		width: 100%;
		text-align:left;
		margin-bottom: 5px;
		font-size: 22px;
		padding-left: 0;
	}
	ul.rental_list .item_header .price2L, ul.rental_list .item_header .price1L  {
		width: 100%;
		text-align: left;
		padding-left: 0;
	}
	ul.rental_list .item_header .price2L br, ul.rental_list .item_header .price1L br {
		display: none;
	}
	ul.rental_list .item_header .price2L span, ul.rental_list .item_header .price1L span {
		margin-right: 10px;
	}
	ul.rental_list li {
		margin-bottom: 20px;
	}
	ul.rental_list li .item_contents {
		flex-wrap: wrap;
		margin-top: 0;
	}
	ul.rental_list .item_image {
		width: 100%;
		margin: 0;
		box-sizing:border-box; 
	}
	ul.rental_list .item_image img {
		width: 55%;
		margin: 3px 0px 5px;
	}
	ul.rental_list li .item_text {
		width: 100%;
		margin: 0;
		box-sizing:border-box;
		padding-inline:0px;
	}
	ul.rental_list li .item_text > p{
		font-size: 14px;
		line-height: 20px;
	}
	ul.rental_list li .goto_item {
		margin-top: 10px;
	}
}
@media screen and (min-width: 1450px) {
	.special .float_menu.sp_none {
		background:#ff4784
	}
	.float_menu .tel .tel_num,
	.float_menu .tel .time{
		color: #ff4784
	}
	.mail svg .cls-1, .mail svg .cls-2, .mail svg .cls-3 {
		fill:#ff4784
	}
}
@media screen and (min-width: 481px) and (max-width: 1450px) {
	.float_menu.pc_none {
		background:#ff4784
	}
	.float_menu .tel, .float_menu .mail, .float_menu .ext {
		background: #ff4784
	}
}
@media screen and (max-width: 480px) {
	.float_menu {
		background: #ff4784
	}
}