@charset "UTF-8";
@import "/include_2015/css/common.sp.css";

/* ---------------------------------------------------------
	CSS Document Common
--------------------------------------------------------- */
.oita_telework {
	width: 100%;
}

.oita_telework .pc {
	display:none
}

.oita_telework h4 {
	display: flex;
	align-items: center;
}

.oita_telework h4:before,.oita_telework h4:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #aa7e57;
	display: block;
}

.oita_telework h4:before {
	margin-right: 10px;
}

.oita_telework h4:after {
	margin-left: 10px;
}

.oita_telework .lead {
	text-align:left;
	font-size:16px;
	padding-top:0 2% 5%;
	background:#fefbed;
}

.oita_telework .lead_txt01 {
	padding:2%;
	font-size:16px;
	line-height:25px;
	color:#573d28;
	font-weight:bold;
}

.oita_telework .soudan01{
	padding:2%;
	font-size:15px;
	bottom:0px;
	text-align:center;

}

.oita_telework .soudan01 h3 {
	width:100%;
	background: rgb(115,88,65);
	background: radial-gradient(circle, rgba(115,88,65,1) 0%, rgba(73,48,27,1) 100%);
	padding:10px 19px;
	margin-bottom:3%;
	border-radius:15px;
	text-align:center;
	font-size:17px;
	color:#fff;
	font-weight:normal
}

.oita_telework .soudan02{
	background:#fefbed;
	padding:0 3% 4%;
	font-size:17px;
	color:#412914;
}

.oita_telework .soudan02 .co01{
	background:#fff;
	border-radius:15px;
	border:1px solid #c5b3a3;
	padding:0;
	font-size:17px;
	color:#412914;
}

.oita_telework .soudan02 .co01 div{
	display:block;
	vertical-align:top;
	padding:3% 3% 0
}
.oita_telework .soudan02 .co01 div img{
	margin:3px
}

.oita_telework .soudan02 .co01 div h4{
	font-size: 14px;
}

.oita_telework .soudan02 .co01 div h4 span:before{
	margin-right:5px;
	content: "●";
	font-size:14px;
	color: #c5b3a3;
}

.oita_telework .soudan02 .co01 div h4 span:after{
	margin-left:5px;
	content: "●";
	font-size:14px;
	color: #c5b3a3;
}

.oita_telework .soudan02 .co01 div h4:before {
	background: #c5b3a3;
	margin-right: 0;
}

.oita_telework .soudan02 .co01 div h4:after {
	background: #c5b3a3;
	margin-left: 0;
}

.oita_telework .soudan02 .co01 p.soudan_txt01{
	margin:3%;
	display:block;
	border-top:1px dotted #c5b3a3;
	font-size: 15px;
	padding-top:3%;
	text-align:left;
}

.oita_telework .soudan02 .co01 p.soudan_txt01 span{
	display:block;
	background:#c1edee;
	padding:3px;
	margin-bottom:2%;
	text-align:center;
	color:#0b4546
}

.oita_telework .soudan02 .co01 .bt01 a,
.oita_telework .soudan02 .co01 .bt02 a{
	display:inline-block;
	width:205px;
	margin:4px;
	padding:7px 0;
	border-radius:10px;
	color:#fff;
	text-decoration:none
}

.oita_telework .soudan02 .co01 .bt01 a{
	background:#f16d89;
}

.oita_telework .soudan02 .co01 .bt02 a{
	background:#10a5a7;
}

.oita_telework .soudan02 .co01 .bt01 a:before,
.oita_telework .soudan02 .co01 .bt02 a:before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	background-size: contain;
	vertical-align: -3px;
}

.oita_telework .soudan02 .co01 .bt01 a:before{
	background: url(../images/allow01.png) center center no-repeat;
}

.oita_telework .soudan02 .co01 .bt02 a:before{
	background: url(../images/allow02.png) center center no-repeat;
}

.oita_telework .area01 {
	background: #d0dc6f;
	background-position: right 40px bottom 20px;
	padding:20px 0;
}

.oita_telework .area01 ul {
	margin:2%
}

.oita_telework .area01 ul h3 {
	font-size:18px;
        line-height:25px;
	font-weight:normal;
	padding:10px;
	border-radius:10px;
	color:#fff
}

.oita_telework .area01 ul.menu01 h3 {
	background: rgb(252,143,158);
	background: radial-gradient(circle, rgba(252,143,158,1) 0%, rgba(249,111,130,1) 100%);
}

.oita_telework .area01 ul.menu02 h3 {
	background: rgb(58,187,189);
	background: radial-gradient(circle, rgba(58,187,189,1) 0%, rgba(16,165,167,1) 100%);
}

.oita_telework .area01 ul li {
	border-radius:10px;
	text-align:left;
	font-size:15px;
	padding:8px 0 8px 23px;
	margin:4px 0;
	font-weight:bold
}

.oita_telework .area01 ul.menu01 li {
	background: url(../images/allow03.png) left center no-repeat #fff;
	background-size: 20px;
	border:1px solid #f96f83;
}

.oita_telework .area01 ul.menu02 li {
	background: url(../images/allow04.png) left center no-repeat #fff;
	background-size: 20px;
	border:1px solid #11a6a8;
}


.oita_telework .area01 ul li {
	position:relative;
}

.oita_telework .area01 ul li span{
	width:60px;
	font-size:11px;
	color:#fff;
	position:absolute;
	right:10px;
	text-align:center;
	font-weight:normal
}

.oita_telework .area01 ul li span.status01 {
	background:#f76a45;
}

.oita_telework .area01 ul li span.status02 {
	background:#ccc;
}

.oita_telework .area01 ul.menu01 a,
.oita_telework .area01 ul.menu02 a {
	text-decoration:none;
	color:#412914
}

.oita_telework .area01 ul.menu01 li p {
	display:inline-block;
}

.oita_telework .area02 {
	background:#e1ea9a;
	padding:2%;
}

.oita_telework .co02 {
	background:#fff;
	border-radius:20px;
	padding:0;
	text-align:left;
	margin-bottom:5%;
}

.oita_telework .for_w {
	border: 2px solid #f98293;
}


.oita_telework .for_c {
	border: 2px solid #10a5a7;
}

.oita_telework .co02 h3 {
	padding:1% 2% 2%;
	border-radius:17px 17px 0 0;
	font-size:20px;
	color:#fff;
	font-weight:normal;
	text-align:center;
}

.oita_telework .for_w h3 {
	background: rgb(249,110,130);
	background: linear-gradient(90deg, rgba(249,110,130,1) 0%, rgba(255,168,180,1) 100%);
	position:relative;
}


.oita_telework .for_c h3 {
	background: rgb(16,165,167);
	background: linear-gradient(90deg, rgba(16,165,167,1) 0%, rgba(57,186,188,1) 100%);
	position:relative;
}

.oita_telework .co02 h3 span {
	display:inline-block;
	margin:1% 35% 0;
	width:30%;
	border-radius:5px;
	font-size:13px;
	font-weight:normal;
}

.oita_telework .for_w h3 span {
	background:#feedef;
	color:#f96f83;
}


.oita_telework .for_c h3 span {
	background:#c1edee;
	color:#26aeb0;
}


.oita_telework .co02 h3 span.status01 {
	color:#fff;
	font-size:13px;
	border-radius:0;
	background:#f76a45;
}

.oita_telework .co02 h3 span.status02 {

	color:#fff;
	font-size:13px;
	border-radius:0;
	text-align:center;
	background:#ccc;
}

.oita_telework .text_area01 {
	padding:20px 2% 0;
	font-size:16px;
	line-height:25px
}

.oita_telework .text_area01 .ph01,
.oita_telework .text_area01 .note01 {
	display:block;
	margin:auto
}

.oita_telework .text_area01 .ph01 {
	margin-bottom:15px
}

.oita_telework .text_area01 .note01{

}

.oita_telework .text_area01 .online01{
	background:#ffffe6;
	font-size:13px;
	line-height:18px;
	border:1px solid #ddd4a3;
	border-radius:15px;
	margin:25px 0;
	padding:10px;
	text-align:center
}

.oita_telework .text_area01 .online01 h3{
	display:inline-block;
	background:#fefe01;
	padding:6px 48px;
	border:1px solid #f8ba81;
	border-radius:15px;
	font-size:18px;
	line-height:25px;
	margin:-15px auto 10px;
	font-weight:bold;
	color:#c23714;
}

.oita_telework .text_area01 .online01 .on_txt01{
	display:block;
	color:#c23714;
	font-size:15px;
	margin:2px 0 5px;
	font-weight:bold
}

.oita_telework .text_area01 .online01 .on_txt02{
	display:block;
	font-size:14px;
	margin:6px 0 0;
	line-height:1.5;
	font-weight:normal;
	text-align:left
}

.oita_telework .text_area01 .online01 .on_txt03{
	display:block;
	font-size:15px;
	font-weight:bold;
}

.oita_telework .text_area01 ul.se_dete {
	border-top:2px solid #cbc3a2;
	border-bottom:2px solid #cbc3a2;
	padding:4% 0 2%;
	margin:3% 0;
}

.oita_telework .text_area01 ul li {
	margin-bottom:1px
}
.oita_telework .text_area01 ul li span {
	font-size:14px;
}

.oita_telework .text_area01 ul li:nth-child(odd) {
	border-radius:6px;
	background:#9f8f4a;
	color:#fff;
	font-size:15px;
	padding:2px 0 0;
	text-align:center;
	letter-spacing:0.1em
}

.oita_telework .text_area01 ul li:nth-child(even) {
	padding:5px 10px;
	font-weight:bold;
}

.oita_telework .mousikomi {
	display:block;
	margin:25px auto 15px;
	text-align:center
}

.oita_telework .mousikomi img {
	margin-bottom:20px;
	width:90%
}

.oita_telework .info_co01 {
	margin-top:20px;
}

.oita_telework .info_co02,
.oita_telework .info_co03 {
	margin:10px 0;
}

.oita_telework .info_co03 {
	display:inline-block;
	margin:0 0 2%
}


.oita_telework .couse01{
	font-weight:normal;
	font-size:15px;
	padding:5px 15px;
}


#w02 .info_co01{
	margin:5px 0 2%;
}

#w02 .info_co01 .obj01{
	display:block;
	background:#f8708b;
	padding:3px 5px;
	color:#fff;
	margin:5px 0;
	text-align:center
}

.oita_telework .for_w .info_co01,
.oita_telework .for_w .info_co02,
.oita_telework .for_w .info_co03 {
	background:#fdeef1;
	border:1px solid #fbc3cb;
	border-radius:15px;
}


.oita_telework .info_co03  .koushi01{
	padding:0 15px 15px;
}

.oita_telework .info_co03  .koushi01 img{
	float:left;
	margin-bottom:20px
}

.oita_telework .info_co03  .koushi01_obj01{
	display:block
}

.oita_telework .info_co03  .koushi01_obj02{
	display:block;
	line-height:20px;
	margin-top:5px;
	font-size:13px
}

.oita_telework .for_c .info_co01 {
	background:#e4f7f8;
	border:1px solid #65c6c7;
	border-radius:15px;
}

.oita_telework .info_co01 h5 {
	background:#65c6c7;
	color:#fff;
	font-size:15px;
	font-weight:normal;
	padding:4px 50px;
	display:inline-block;
	text-speaceing:1.2;
	text-align:center;
	margin-top:18px;
}

.oita_telework .info_co02 h5,
.oita_telework .info_co03 h5  {
	width:300px;
	background:#f96f82;
	color:#fff;
	font-size:15px;
	font-weight:normal;
	padding:4px 20px;
	text-speaceing:1.2;
	text-align:center;
	margin-top:18px;
}

.oita_telework .box_area01 {
	padding:15px 20px
}

.oita_telework .box_area02 {
	background:#fff;
	border:1px solid #65c6c7;
	border-radius:10px;
	margin:15px 40px;
}

.oita_telework .box_area03 {
	margin:5px 0 15px 0;
	padding:3px;
	text-align:center;
	line-height:1；
}

.oita_telework .box_area03 .map {
	text-align:center;
	font-weight:bold;
	padding:0 20px
}

.oita_telework .box_area04 {
	background:#fff;
	border:1px solid #fbc3cb;
	border-radius:10px;
	padding:3px;
	margin:0 20px 20px
}

.oita_telework .box_area05 {
	background:#fff;
	border:1px solid #fbc3cb;
	border-radius:10px;
	padding:3px;
	margin:0 20px
}

.oita_telework .box01 {
	background:#fff;
	border:1px solid #65c6c7;
	padding:15px;
	border-radius:10px;
	margin: 2% 1.5rem 0 1.5rem;
	fomt-weight:bold;
	line-height:1.6
}

.oita_telework .box01 .il01 {
	display:block;
	background:#2f7b96;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
	font-size:20px;
	color:#fff
}

.oita_telework .box02 {
	background:#fff;
	padding:0px;
	border-radius:10px;
	fomt-weight:bold;
	line-height:1.6
}

.oita_telework .box01 .il01 img {
	display:block;
	margin:0 auto 10px;
	text-align:center
}

.oita_telework .box02 img {
	display:block;
	margin:5px auto 0;
	text-align:center
}

.oita_telework .box02 .sb01 {
	display:block;
	margin:0 auto 10px;
	text-align:center;
	background:#b8eaed;
	border-radius:10px;
	border:1px solid #65c6c7;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	line-height:1.6
}

.oita_telework .box03 {
	background:#fff;
	padding:0px;
	border-radius:10px;
	fomt-weight:bold;
	line-height:1.6
}

.oita_telework .box03 img {
	display:block;
	margin:5px auto 0;
	text-align:center;
	transform:rotate(90deg);
}

.oita_telework .allow01 {
	transform:rotate(90deg);
}

.oita_telework .box03 .sb01 {
	display:block;
	margin:0 auto 10px;
	text-align:center;
	background:#ffdfe3;
	border-radius:10px;
	border:1px solid #fbb4be;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	line-height:1.6
}

.oita_telework .box04 {
	background:#fff;
	border:1px solid #fbb4be;
	padding:10px;
	border-radius:10px;
	fomt-weight:bold;
	line-height:1.6;
	text-align:center;
	font-weight:bold;
	margin:15px 20px 0
}

.oita_telework .box05 {
	text-align:center;

}

.oita_telework .box06 {
	text-align:center;
	margin:0
}

.oita_telework .box07 {
	background:#fff;
	border:1px solid #fbb4be;
	padding:10px;
	border-radius:10px;
	flex:1;
	fomt-weight:bold;
	line-height:1.6;
	text-align:center;
	font-weight:bold;
	margin:0 20px 20px
}

.oita_telework .box07 span {
	display:block;
	font-weight:normal;
	font-size:14px
}

.oita_telework .for_w .info_co01 h5 {
	background:#f96f82;
}

.oita_telework .for_c .info_co01 h5 {
	background:#10a5a7
}


.oita_telework .note02 {
	text-align:center;
	padding:0 25px 20px
}

.oita_telework .startup_co01 .info_co01 {
}

.oita_telework .startup_co01 .kousi {
	line-height:1.5;
}

.oita_telework .startup_co01 .kousi img {
	display:block;
	margin:3px auto 10px;
	text-align:center
}

.oita_telework .startup_co01 .kousi p {
	padding:15px

}


.oita_telework .startup_co01 .kousi strong {
	display:block;
	margin-right:10px;
	text-align:center;

}

.oita_telework .startup_co01 .map {
	width:100%
}

.oita_telework .foot{
	font-weight:bold;
	background:#f1f8bc;
	font-size:18px;
	line-height:1.4;
	padding:2% 0 5%
}

.oita_telework .foot h4{
	font-size:20px;
	padding:15px 20px
}

.oita_telework .ph01 {
	margin-bottom:20px;
}

.oita_telework .pink{
	color:#d93b52;
}

.oita_telework .red{
	color:#c23714;
}

.oita_telework .ft12{
	font-size:12px;
}

.oita_telework .ft13{
	font-size:13px;
}
.oita_telework .ft14{
	font-size:14px
}

.oita_telework .ft15{
	font-size:14px
}

.oita_telework .ft16{
	font-size:16px
}

.oita_telework .bold{
	font-weight:bold;
}


.oita_telework .normal{
	font-weight:normal;
}


.oita_telework .f_w100{
	font-weight:100;
}

.oita_telework .m3{
	margin:3px;
}

.g_map{
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	margin:2%;
}

.g_map iframe {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
}

.map_text01{
	text-align:center;
	padding-top:2%
}

.oita_telework .k_list01{
	margin:3% 2% 2%
}

.oita_telework .k_list01 .s3{
	border-radius:6px;
	background:#9f8f4a;
	color:#fff;
	font-size:16px;
	padding:8px;
	margin-bottom:5px;
	text-align:center;
	letter-spacing:0.1em
}

.oita_telework .kigyou li{
	display:block;
	width:100%;
	background:#fff;
	padding:2%;
	margin:1% 0;
	border:2px solid #cfc499
}