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

/* ---------------------------------------------------------
	CSS Document Common
--------------------------------------------------------- */
.ibaraki_telework {
	width: 100%;
	margin:auto;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#333;
}

.ibaraki_telework .pc {
	display:none
}

.ibaraki_telework .bt01 a {
	display:inline-block;
	padding:8px 50px;
	background:#d44802;
	color:#fff;
	text-decoration:none
}

.ibaraki_telework .bt01_off a {
	display:inline-block;
	padding:8px 50px;
	background:#999;
	color:#fff;
	text-decoration:none
}

.ibaraki_telework .bt01 a:hover {
	background:#ee7c42
}

.ibaraki_telework .bt02 a {
	font-size:22px;
	font-weight:bold;
	display:block;
	padding:18px;
	margin:0 3%;
	background:#d44802;
	color:#fff;
	text-decoration:none;
}

.ibaraki_telework .bt02 a:hover {
	background:#ee7c42
}

.ibaraki_telework .bt02_off {
	font-size:22px;
	font-weight:bold;
	display:block;
	padding:18px;
	margin:0 3%;
	background:#999;
	color:#fff;
	text-decoration:none;
}

.ibaraki_telework .head01 {
	background:url(../images/bk01.png) no-repeat;
	text-align:left;
	padding:4% 3% 2%;
	border-bottom:1px solid #ccc;
}

.ibaraki_telework .head01 strong {
	display:block;
	font-size:13px;
	line-height:16px;
	padding:2% 0 0;
}

.ibaraki_telework .title01 {
	margin:auto;
	text-align:left;
	padding:2% 0 3%;
}

.ibaraki_telework .lead01 {
	font-size:17px;
	line-height:28px;
	font-weight:bold;
	margin:4% 4% 2%;
	padding:0 0 0 3%;
	border-left:2px solid #333
}

.ibaraki_telework .lead02 {
	display:inline-block;
	font-size:15px;
	line-height:26px;
	font-weight:bold;
	text-align:left;
	padding:0 4%;
}

.ibaraki_telework .lead02 .su01 {
	color:#1870d3;
	font-size:18px;
}

.ibaraki_telework .lead02 .sk01 {
	color:#aa52b8;
	font-size:18px;
}

.ibaraki_telework .lead02 .bs01 {
	color:#2d895d;
	font-size:20px;
}

.ibaraki_telework ul.menu01 li{
	padding:4% 3%;
	font-size:16px;
	line-height:23px;
	font-weight:bold
}

.ibaraki_telework .menu01 li.su01{background:#b8d8fd}
.ibaraki_telework .menu01 li.sk01{background:#f6d2fc}
.ibaraki_telework .menu01 li.bu01{background:#92d7b6}

.ibaraki_telework .menu01 li div{
	background:#fff;
	padding:4% 3%
}

.ibaraki_telework .menu01 .su01 div{border:3px solid #78b7fd}
.ibaraki_telework .menu01 .sk01 div{border:3px solid #faa9f1}
.ibaraki_telework .menu01 .bu01 div{border:3px solid #66bc93}

.ibaraki_telework .menu01 div .m_obj01{
	font-size:24px;
	padding:0 10px 10px
}

.ibaraki_telework .menu01 .su01 div .m_obj01{color:#1870d3}
.ibaraki_telework .menu01 .sk01 div .m_obj01{color:#aa52b8}
.ibaraki_telework .menu01 .bu01 div .m_obj01{color:#2d895d}

.ibaraki_telework .menu01 div .m_obj02{
	color:#fff;
	padding:10px 5px;
	margin-bottom:8px;
}

.ibaraki_telework .menu01 .su01 div .m_obj02{background:#1d7eec}
.ibaraki_telework .menu01 .sk01 div .m_obj02{background:#d555c8}
.ibaraki_telework .menu01 .bu01 div .m_obj02{background:#2d895d}

.ibaraki_telework .menu01  div .m_obj02 strong{
	font-size:13px;
	padding:2px 4px;
	margin-right:7px
}

.ibaraki_telework .menu01 .su01 div .m_obj02 strong{background:#d8e9fa;color:#1870d3}
.ibaraki_telework .menu01 .sk01 div .m_obj02 strong{background:#fde9fb;color:#aa52b8}
.ibaraki_telework .menu01 .bu01 div .m_obj02 strong{background:#dafaf4;color:#2d895d}

.ibaraki_telework .menu01 div .m_obj03{
	line-height:23px;
	background:#f9f4ea;
	padding:12px 10px 7px;
	margin:8px 0 10px;
}

.ibaraki_telework .toiawase01{
	background:#ccbbfc ;
	padding:4% 3%;
}

.ibaraki_telework .toiawase01 ul{
	background:#f6f6f6;
	padding:4% 3%
}

.ibaraki_telework .toiawase01 ul li{
	display:inline-block;
	vertical-align:top;
	margin:3%;
	font-size:16px;
	font-weight:bold;
}

.ibaraki_telework .toiawase01 ul p{
	background:#e3dcfb;
	color:#093334;
	font-size:18px;
	font-weight:bold;
	padding:10px 0;
	border-radius:10px
}

.ibaraki_telework .toiawase01 h4 {
	display: flex;
	align-items: center;
	font-weight:bold;
	margin-bottom:5px;
}

.ibaraki_telework .toiawase01 h4 span {
	border-left:1px solid #2e2e2e;
	border-right:1px solid #2e2e2e;
	padding:3px 45px
}

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

.ibaraki_telework .toiawase01 h4:before{margin-right:5px}
.ibaraki_telework .toiawase01 h4:after{margin-left:5px}

.ibaraki_telework .toiawase01 .bt01 a{padding:9px 20px;background:#775fbc}
.ibaraki_telework .toiawase01 .bt01 a:hover{background:#8f72e3}

.ibaraki_telework .catch01{
	font-size:22px;
	font-weight:bold;
	margin:4% 2%
}

.ibaraki_telework .catch01:before {
	content: "＼";
	flex-grow: 1;
	font-size:25px;
	margin:10px;
}

.ibaraki_telework .catch01:after {
	content: "／";
	flex-grow: 1;
	font-size:25px;
	margin: 10px;
}

.ibaraki_telework .area01,
.ibaraki_telework .area02,
.ibaraki_telework .area03{
	padding:60px 0 7%;
}

.ibaraki_telework .area01{background:#d8e9fa}
.ibaraki_telework .area02{background:#fde9fb}
.ibaraki_telework .area03{background:#92d7b6}

.ibaraki_telework .area01 .co01,
.ibaraki_telework .area02 .co01,
.ibaraki_telework .area03 .co01{
	background:#fff;
	padding:105px 3% 0;
	text-align:left;
	margin-bottom:25px
}

.ibaraki_telework .area01 .co01{border-top:3px solid #78b7fd;border-bottom:3px solid #78b7fd;}
.ibaraki_telework .area02 .co01{border-top:3px solid #faa9f1;border-bottom:3px solid #faa9f1;}
.ibaraki_telework .area03 .co01{border-top:3px solid #66bc93;border-bottom:3px solid #66bc93;}

.ibaraki_telework .area01 .co01 .a_obj01,
.ibaraki_telework .area02 .co01 .a_obj01,
.ibaraki_telework .area03 .co01 .a_obj01{
	background:#fff;
	border-radius:50px;
	margin:-140px 3% 0;
	font-size:25px;
	padding:8px;
	font-weight:bold;
	text-align:center;
}

.ibaraki_telework .area01 .co01 .a_obj01{color:#1870d3;border:4px solid #78b7fd}
.ibaraki_telework .area02 .co01 .a_obj01{color:#aa52b8;border:4px solid #faa9f1}
.ibaraki_telework .area03 .co01 .a_obj01{color:#2d895d;border:4px solid #66bc93}

.ibaraki_telework .co01 .a_obj02{
	font-size:20px;
	color:#fff;
	padding:10px;
	margin:20px 0;
	font-weight:bold;
	text-align:center;
}

.ibaraki_telework .su01 .co01 .a_obj02{background:#1870d3}
.ibaraki_telework .sk01 .co01 .a_obj02{background:#aa52b8}
.ibaraki_telework .bu01 .co01 .a_obj02{background:#2d895d}


.ibaraki_telework .co01 .a_obj02 strong{
	font-size:16px;
	padding:2px 20px;
	margin-right:10px
}

.ibaraki_telework .su01 .co01 .a_obj02 strong{background:#d8e9fa;color:#1870d3}
.ibaraki_telework .sk01 .co01 .a_obj02 strong{background:#fde9fb;color:#aa52b8}
.ibaraki_telework .bu01 .co01 .a_obj02 strong{background:#dafaf4;color:#2d895d}

.ibaraki_telework .co01 .a_obj03 img{
	display:block;
	margin:auto
}

.ibaraki_telework .co01 .a_obj03 img{
	z-index: 2;
}

.ibaraki_telework .co01 .a_obj03 div{
	position: relative;
	font-weight:bold;
	font-size:22px;
	line-height:32px;
	text-align:center;
}

.ibaraki_telework .co01 .a_obj03 .a_txt02{
	background:#f9f4ea;
	font-size:20px;
	text-align:center;
	padding:3%
}

.ibaraki_telework .co01 .a_obj03 .a_txt01{
	text-align:left;
	font-size:16px;
	line-height:25px;
	margin:4% 0
}

.ibaraki_telework .co02{
	margin:3% 0
}

.ibaraki_telework .co02 .sb01,
.ibaraki_telework .co02 .sb02,
.ibaraki_telework .co02 .sb03,
.ibaraki_telework .co02 .sb04{
	font-size:18px;
	color:#fff;
	margin:4% 0 1%;
	padding:8px 20px;
	font-weight:bold;
	text-align:center
}

.ibaraki_telework .co02 .sb01{background:#92b651;}
.ibaraki_telework .co02 .sb02{background:#e59f30;}
.ibaraki_telework .co02 .sb03{background:#feeffc;color:#aa52b8;border:1px solid #aa52b8;padding:6px 20px;margin:6% 0 1%;}
.ibaraki_telework .co02 .sb04{background:#2d895d;}

.ibaraki_telework .co02 ul{
	margin-bottom:3%
}

.ibaraki_telework .co02 .in_obj01,
.ibaraki_telework .co02 .in_obj01s{
	font-weight:bold
}

.ibaraki_telework .co02 .in_obj01 span{
	display:block;
	background:#e9edee;
	border-radius:60px;
	padding:5px;
	text-align:center;
	font-size:18px;
	margin-bottom:3%
}

.ibaraki_telework .su01 .co02 .in_obj01 span{border:1px solid #1870d3;color:#1870d3}
.ibaraki_telework .sk01 .co02 .in_obj01 span{border:1px solid #aa52b8;color:#aa52b8}
.ibaraki_telework .bu01 .co02 .in_obj01 span{border:1px solid #2d895d;color:#2d895d}

.ibaraki_telework .co02 .in_obj01s span{
	display:block;
	background:#e9edee;
	border-radius:60px;
	padding:5px;
	text-align:center;
	font-size:18px;
}

.ibaraki_telework .su01 .co02 .in_obj01s span{border:1px solid #1870d3;color:#1870d3}
.ibaraki_telework .sk01 .co02 .in_obj01s span{border:1px solid #aa52b8;color:#aa52b8}
.ibaraki_telework .bu01 .co02 .in_obj01s span{border:1px solid #2d895d;color:#2d895d}

.ibaraki_telework .area01 .co02 .in_obj02,
.ibaraki_telework .area02 .co02 .in_obj02,
.ibaraki_telework .area03 .co02 .in_obj02{
	font-size:16px;
	line-height:28px;
	font-weight:bold;
	padding-top:3%
}

.ibaraki_telework .in_date01,
.ibaraki_telework .in_date02,
.ibaraki_telework .in_date03{
	padding:2%;
	border-radius:8px;
	text-align:center;
	margin-bottom:20px;
	font-size:18px;
}

.ibaraki_telework .in_date01{background:#f2fce0;border:2px solid #cbe898}
.ibaraki_telework .in_date02{background:#fef5d7;border:2px solid #e4d295}
.ibaraki_telework .in_date03{background:#dafaf4;border:2px solid #a0dad0}

.ibaraki_telework .co02 .in_obj02 .note01{
	display:block;
	background:#e2eefc;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	padding:3%;
	margin:3% 0 4%
}

.ibaraki_telework .co02 .in_obj02 .note02{
	display:block;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	margin:8px 0 0;
	padding:10px 0;
	border-top:1px solid #ccc
}

.ibaraki_telework .co02 .in_obj02 .note03{
	display:block;
	font-size:16px;
	line-height:25px;
	font-weight:normal;
}

.ibaraki_telework .co02 .note04{
	display:block;
	font-size:15px;
	line-height:23px;
	margin-top:5px;
	font-weight:normal;
}

.ibaraki_telework .co02 .note05{
	display:block;
	font-size:15px;
	line-height:23px;
	margin-top:15px;
	font-weight:bold;
	color:#d44802
}

.ibaraki_telework .co02 .in_obj03{
	font-size:16px;
	line-height:28px;
	padding:3% 0 0;
	font-weight:bold;
	text-align:center
}

.ibaraki_telework .co02 .in_obj04{
	font-size:16px;
	line-height:28px;
	padding:3% 0 0;
	font-weight:bold
}

.ibaraki_telework .co02 .in_koushi01,
.ibaraki_telework .co02 .in_koushi02{
	border-top:1px solid #333;
	text-align:center;
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	margin-top:6%
}

.ibaraki_telework .co02 .in_koushi01 div,
.ibaraki_telework .co02 .in_koushi02 div{
	width:70px;
	background:#fff;
	font-size:18px;
	text-align:center;
	margin:-10px auto 0
}

.ibaraki_telework .co02 .in_koushi02 div{margin-bottom:10px}

.ibaraki_telework .co02 .in_koushi01 img,
.ibaraki_telework .co02 .in_koushi02 img{
	border-radius:100px;
	border:1px solid #ccc;
	display:block;
	margin:20px auto;
}

.ibaraki_telework .co02 .in_koushi01 p,
.ibaraki_telework .co02 .in_koushi02 p{
	text-align:left;
	font-weight:normal;
	padding:10px 0;
	line-height:20px;
}

.ibaraki_telework ol{
	margin-top:8px;
	font-size:15px;
	line-height:23px;
	font-weight:normal
}

.ibaraki_telework ol li:before{
	content: "・";
	margin-right:6px
}

.ibaraki_telework .co03{
	margin-top:3%
}

.ibaraki_telework .co03 ul li{
	margin-bottom:8px;
	border-radius:6px;
}

.ibaraki_telework .co03 ul li:nth-child(1),
.ibaraki_telework .co03 ul li:nth-child(3),
.ibaraki_telework .co03 ul li:nth-child(6){
	font-size:14px;
	line-height:20px;
	background:#aa52b8;
	padding:2%;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

.ibaraki_telework .co03 ul li:nth-child(4){
	font-size:18px;
	line-height:27px;
	background:#f2fce0;
	padding:2%;
	text-align:center;
	font-weight:bold;
	border:2px solid #cbe898;
}

.ibaraki_telework .co03 ul li:nth-child(4) strong{
	display:block;
	background:#92b651;
	color:#fff;
	padding:4px
}

.ibaraki_telework .co03 ul li:nth-child(5){
	font-size:18px;
	line-height:27px;
	background:#fef5d7;
	padding:2%;
	text-align:center;
	font-weight:bold;
	border:2px solid #e4d295
}

.ibaraki_telework .co03 ul li:nth-child(5) strong{
	display:block;
	background:#e59f30;
	color:#fff;
	padding:4px
}

.ibaraki_telework .co03 ul li:nth-child(4) p,
.ibaraki_telework .co03 ul li:nth-child(5) p{
	width:100%;
	display:inline-block;
	text-align:center;
	padding:10px 0 5px;
}

.ibaraki_telework .co03 ul li:nth-child(2),
.ibaraki_telework .co03 ul li:nth-child(7){
	background:#fff8fe;
	border:2px solid #e3bfde;
	padding:2%;
	font-size:18px;
	line-height:25px;
	font-weight:bold;
	text-align:center;
}

.ibaraki_telework .co03 .sb03{
	font-size:20px;
	font-weight:bold;
	margin:5% 15% 3%;
	color:#aa52b8;
	border-left:8px solid #aa52b8;
	border-right:8px solid #aa52b8;
	padding:5px 15px;
	text-align:center
}

.ibaraki_telework .co03 .ske_txt01{
	font-size:13px;
	display:block;
	line-height:1;
	border-bottom:1px dotted #333;
	padding:3px 0 5px;
	margin-bottom:2px;
}

.ibaraki_telework .co04{
	background:#f7e0f4;
	margin:4% 0 5%;
	text-align:center;
	padding:17px;
	font-size:16px;
	line-height:22px;
}

.ibaraki_telework .co04 ul li{
	margin:5px;
}

.ibaraki_telework .co04 strong{
	display:block;
	color:#aa52b8;
	padding-bottom:6px
}
.ibaraki_telework .co04 ul li:nth-child(1),
.ibaraki_telework .co04 ul li:nth-child(3),
.ibaraki_telework .co04 ul li:nth-child(5){
	font-weight:bold;
	background:#fff;
	padding:15px 10px;
	border-radius:10px;
}

.ibaraki_telework .co04 ul li img {
	transform:rotate(90deg);
}

.ibaraki_telework .co05{
	border-left:1px solid #aa52b8;
	border-bottom:1px solid #aa52b8;
	border-right:1px solid #aa52b8;
	border-top:20px solid #aa52b8;
	margin:0 0 5%;
	text-align:center;
	padding:3%;
	font-size:16px;
	line-height:24px;
	text-align:left;
}

.ibaraki_telework .co05 p span{
	font-weight:bold;
	color:#d44802
}

.ibaraki_telework .co05 img{
	display:block;
	margin:auto
}

.ibaraki_telework .co05 div{
	padding:5% 0 3%;
	font-size:16px;
}

.ibaraki_telework .co05 .day01{
	background:#aa52b8;
	color:#fff;
	padding:7px 20px;
	border-radius:8px;
	font-weight:bold;
	margin-right:10px;
}

.ibaraki_telework .co05 p{
	margin:4% 0
}

.ibaraki_telework .co05 strong{
	display:block;
	font-size:22px;
	margin:8px 0
}

.ibaraki_telework .co06{
	text-align:center;
	padding:5% 4%;
	font-size:16px;
	line-height:24px;
	text-align:left;
	font-weight:bold;
	background:#f9f4ea
}

.ibaraki_telework .co06 h4 {
	display: flex;
	align-items: center;
	font-weight:bold;
	margin-bottom:3%
}

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

.ibaraki_telework .co06 h4:before{margin-right:20px}
.ibaraki_telework .co06 h4:after{margin-left:20px}

.ibaraki_telework .co06 p strong,
.ibaraki_telework .co06 p span{
	display:inline-block;
	vertical-align:top;
}

.ibaraki_telework .co06 p strong{width:7%}
.ibaraki_telework .co06 p span{width:93%}

.ibaraki_telework .co06 .q01 strong{color:#1870d3}
.ibaraki_telework .co06 .a01 strong{color:#aa52b8}

.ibaraki_telework .co06 .a01{margin-bottom:4%}

.ibaraki_telework .co06 .a01 span{font-weight:normal;}

.ibaraki_telework .simekiri01{
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px
}

.ibaraki_telework .foot {
	background:url(../images/bk01.png) no-repeat bottom #e5e0d6;
	padding:5% 4% 7%;
	font-weight:bold;
	font-size:15px;
	line-height:23px;
}

.ibaraki_telework .foot p {
	margin-bottom:3%
}

.ibaraki_telework .foot h4 {
	display: flex;
	align-items: center;
	font-weight:bold;
	margin-bottom:5px
}

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

.ibaraki_telework .foot h4:before{margin-right:20px}
.ibaraki_telework .foot h4:after{margin-left:20px}

.ibaraki_telework .f_38{font-size:30px;}
.ibaraki_telework .f_30{font-size:30px;}
.ibaraki_telework .f_26{font-size:26px;}
.ibaraki_telework .f_20{font-size:20px;}
.ibaraki_telework .f_18{font-size:18px;}
.ibaraki_telework .f_17{font-size:17px;}
.ibaraki_telework .f_16{font-size:16px;	line-height:1}
.ibaraki_telework .f_13{font-size:13px;	line-height:1}
.ibaraki_telework .f_11{font-size:11px;	line-height:1}
.ibaraki_telework .f_n{	font-weight:normal;line-height:1}

.ibaraki_telework .mm_s_3{display:block;margin-bottom:3px;line-height:1.3}

.ibaraki_telework .mk_su01{color:#1870d3;}
.ibaraki_telework .mk_sk01{color:#aa52b8}
.ibaraki_telework .mk_to01{color:#8a7bcd}