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

/* ---------------------------------------------------------
	CSS Document Common
--------------------------------------------------------- */
.oita_telework {
	width: 1000px;
	margin:auto;
	font-family: 'Kosugi Maru';
	color:#412914
}

.oita_telework a[href^="tel:"] {
	pointer-events: none;
}

.oita_telework .sp {
	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 {
	background: url(../images/lead_bk02.png) no-repeat;
	text-align:left;
	height:463px;
	font-size:17px;
	position:relative
}

.oita_telework .lead_txt01 {
	display:inline-block;
	padding:28px 100px;
	font-size:18.2px;
	line-height:32px;
	color:#573d28;
	font-weight:bold;
	text-align:center
}

.oita_telework .soudan01{
	padding:0 40px;
	font-size:17px;
	position:absolute;
	bottom:0px;
}

.oita_telework .soudan01 h3 {
	display:inline-block;
	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:10px;
	border-radius:15px;
	text-align:center;
	font-size:17px;
	color:#fff;
	font-weight:normal
}

.oita_telework .soudan02{
	background:#e1ea9a;
	padding:10px 40px 20px;
	font-size:17px;
	color:#412914;
}

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

.oita_telework .soudan02 .co01 div{
	display:inline-block;
	vertical-align:top;
	width:447px;
	padding:10px 15px
}
.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:11px;
	color: #c5b3a3;
}

.oita_telework .soudan02 .co01 div h4 span:after{
	margin-left:5px;
	content: "●";
	font-size:11px;
	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:0 28px;
	display:block;
	border-top:1px dotted #c5b3a3;
	font-size: 15px;
	padding-top:9px;
	text-align:left;
}

.oita_telework .soudan02 .co01 p.soudan_txt01 span{
	background:#c1edee;
	padding:5px 12px;
	margin-right:10px;
	text-align:center;
	color:#0b4546
}

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

.oita_telework .soudan02 .co01 .bt01 a{
	background:#f16d89;
	margin-right:7px;
}

.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;
	padding:20px 0;
}

/*
.oita_telework .area01 {
	background: url(../images/bk_il01.png) no-repeat #f1e7bc;
	background-position: right 40px bottom 20px;
	padding:20px 0;
*/

.oita_telework .area01 ul {
	display:inline-block;
	vertical-align: top;
	width:452px;
	margin:8px;
}

.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:16px;
	padding:10px 0 10px 50px;
	margin:4px 0;
	font-weight:bold
}

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

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


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

.oita_telework .area01 ul li span{
	width:90px;
	font-size:13px;
	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:#cccccc
}

.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:30px 40px;
}

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

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


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

.oita_telework .co02 h3 {
.	display:inline-block;
	vertical-align:middle;
	padding:32px 40px 30px;
	border-radius:17px 17px 0 0;
	font-size:33px;
	color:#fff;
	font-weight:normal
}

.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;
	vertical-align:middle;
	padding:10px 13px;
	border-radius:10px;
	margin-top:-8px;
	margin-right:10px;
	font-size:18px;
	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 {
	width:135px;
	background:#f76a45;
	border-radius:0px;
	margin-top:-8px;
	margin-right:8px;
	color:#fff;
	position:absolute;
	right:10px;
	font-size:20px;
	text-align:center
}

.oita_telework .co02 h3 span.status02 {
	width:135px;
	background:#ccc;
	border-radius:0px;
	margin-top:-8px;
	margin-right:8px;
	color:#fff;
	position:absolute;
	right:10px;
	font-size:20px;
	text-align:center
}

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

.oita_telework .text_area01 .ph01,
.oita_telework .text_area01 .note01 {
	display:inline-block;
}

.oita_telework .text_area01 .ph01 {
	width:339px;
	margin-right:25px
}

.oita_telework .text_area01 .note01{
	width:472px
}

.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 18px;
	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-top:20px;
	padding-bottom:10px;
	margin-bottom:20px;
}

.oita_telework .text_area01 ul li {
	display:inline-block;
	vertical-align:top;
	margin-bottom:1px
}
.oita_telework .text_area01 ul li span {
	font-size:14px;
}

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

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

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

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

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

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

.oita_telework .info_co03 {
	display:inline-block;
	width:49%;
}

.oita_telework .info_co03 {
	display:inline-block;
	width:49%;
}

.oita_telework .mr10 {
	margin-right:16px
}

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

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

#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  .couse01{
	margin-bottom:10px
}

.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;
	display:inline-block;
	text-speaceing:1.2;
	text-align:center;
	margin-top:18px;
}

.oita_telework .box_area01 {
	display:flex;
	justify-content: space-between;
	padding:15px 20px
}

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

.oita_telework .box_area03 {
	display:flex;
	margin:5px 20px 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 {
	display:flex;
	background:#fff;
	border:1px solid #fbc3cb;
	border-radius:10px;
	padding:3px;
	margin:0 20px 20px
}
.oita_telework .box_area05 {
	display:flex;
	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;
	flex:1;
	margin: 0 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;
	flex:1;
	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;
	flex:1;
	fomt-weight:bold;
	line-height:1.6
}

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

.oita_telework .box03 .sb01 {
	width:210px;
	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;
	flex:1;
	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-bottom:25px
}

.oita_telework .startup_co01 .info_co01 {
	display:inline-block;
	vertical-align:top;
	min-height:336px;
}

.oita_telework .startup_co01 .kousi {
	width:300px;
	margin-right:20px;
	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 .g_map {
	width:513px;
	padding:10px 20px;
	text-align:center;
}

.oita_telework .foot{
	font-weight:bold;
	background:#f1f8bc;
	font-size:20px;
	line-height:1.5;
	padding:20px
}

.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{
	padding:0 20px;
}

.map_text01{
	text-align:center;
}

.startup_co01 .map_text01{
	padding-top:5px;
}

.oita_telework .k_list01{
	margin:20px 40px 20px
}

.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 ul.kigyou{
	text-align:left
}


.oita_telework .kigyou li{
	display:inline-block;
	width:49.5%;
	background:#fff;
	padding:10px 20px;
	margin:2px 2px 2px 0;
	font-size:14px;
	border:2px solid #cfc499;
	text-align:left
}

.oita_telework .kigyou li a{
	font-size:16px;
}