@charset "utf-8";

html{
font-size: 100%;
overflow-y:scroll;
}


/* タブレット向けのスタイル：600px ～ 333px */
@media screen and (min-width: 1000px) and (max-width: 1199px) {

body {
color:#333;
line-height:1.8;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;
font-size:85%;
letter-spacing: 1px;
margin: 0;
width: 100%;
}

.hp {
	width: 100%;
	display: flex;
}
.sid {
	width: 225px;
	background-color: #fff;
}
.sid h1{
	background-image:url(../image/top_logo_back.png);
	background-size: cover;
	padding:50px 0;
	text-align:center;
	border-right: 1px solid #072a50;
}
.sid h2{
	font-size:120%;
	padding:60px 0;
	margin:0 20px;
	border-bottom:2px dotted #fff;
	font-weight:normal;
	margin-bottom:20px;
}
#dd-side {
	width: 225px;
	height: -webkit-calc(100% - 152px);
	height: calc(100% - 152px);
	margin-top:height;
	border-right: 1px solid #ccc;
}
#dd-side > ul > li{
	border-bottom:1px solid #ccc;
}
#dd-side > ul > li > a{
	font-size:110%;
}
#dd-side a {
	display: block;
	padding: 20px 0px 20px 45px;
	color:#333;
	background-repeat:no-repeat;
	background-position: 13px center;
}
#dd-side > ul > li > a:hover {
	background-repeat:no-repeat;
	background-position:13px center;
}
#dd-side > ul > li:nth-child(1) > a {
	background-image:url(../image/top_oj_icon1.png);
}
#dd-side > ul > li:nth-child(2) > a {
	background-image:url(../image/top_oj_icon2.png);
}
#dd-side > ul > li:nth-child(3) > a {
	background-image:url(../image/top_oj_icon3.png);
}
#dd-side > ul > li:nth-child(4) > a {
	background-image:url(../image/top_oj_icon4.png);
}
#dd-side > ul > li:nth-child(5) > a {
	background-image:url(../image/top_oj_icon5.png);
}
#dd-side > ul > li:nth-child(6) > a {
	background-image:url(../image/top_oj_icon6.png);
}
#dd-side a:hover{
	color: white;
	background: #016e2b;
}
#dd-side .open {
  position: relative;
}
#dd-side .open:after {
  @include arrow;
  width: 5px;
  height: 5px;
  color: #ccc;
  top: 50%;
  right: 15px;
  margin-top: -3px;
}
#dd-side > ul ul {
	width: 225px;
	height: 100%;
	position: fixed;
	top: 0;
	background:#016e2b;
	color: white;
	text-align:center;
}
#dd-side .level-01 {
  left: 225px;
}
#dd-side .level-01 a{
	color:#fff;
	padding:5px;
}
#dd-side .active {
	color: white;
	background-repeat:no-repeat;
	background-position:20px center;
	background-color:#016e2b;
}
#dd-side #ac {
	color: white;
	background-repeat:no-repeat;
	background-position:20px center;
	background-color:#016e2b;
}
#dd-side .gaibu {
}
#dd-side .gaibu a{
	display: block;
	padding: 8px 0px 8px 40px;
	color:#333;
	background:#f9f7f5;
	background-repeat:no-repeat;
	background-position:13px center;
	font-size:85%;
	background-image:url(../image/top_oj_icon_yajirusi.png);
}
.cont {
	width: calc(100% - 225px);
}
.has{
	width: 100%;
	background-color:#083869;
	display: flex;
	justify-content:flex-end;
	padding:5px 0;
}
.has li{
	margin-right:15px;
}
.has li a{
	display:block;
	color:#fff;
	background-repeat:no-repeat;
	background-position:left center;
	font-size:80%;
	padding-left:25px;
}
.has li:nth-child(1) a{
	background-image:url(../image/top_oj_icon01.png);
}
.has li:nth-child(2) a{
	background-image:url(../image/top_oj_icon02.png);
}
.has li:nth-child(3) a{
	background-image:url(../image/top_oj_icon03.png);
}
.back01{
	background-image:url(../image/top_oj_main_m.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top;
	height:550px;
}
.back01 img{
	display:none;
	margin-left:80px;
}
.back02{
  display: flex;
  justify-content:center;
}
.back02 div{
	margin-top:60px;
}
.back02 div:nth-child(2){
	margin-left: 6%;
	margin-right: 6%;
}
.back02 div:nth-child(3){
	margin-top:-107px;
}
.back02 .tate{
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
	font-size:110%;
	line-height:2.2;
}
.cb{
	display: flex;
	justify-content:space-between;
	list-style-type:none;
	align-items:         center;
	margin-top:60px;
}
.cb li{
  width : calc(100% / 3) ;
	height:320px;
}
.cb li a{
	display:block;
	text-align:center;
	height:320px;
	padding-top:170px;
	color:#fff;
	font-size:180%;
	font-weight:bold;
	background-size:cover;
	background-position:center;
	background-color:#016e2b;
  transition: 0.2s ease-in-out;
}
.cb li:nth-child(1) a{
	background-image:url(../image/top_oj_b1.png);
}
.cb li:nth-child(2) a{
	background-image:url(../image/top_oj_b2.png);
}
.cb li:nth-child(3) a{
	background-image:url(../image/top_oj_b3.png);
}
.cb li a:hover{
	opacity:0.8;
}

.news{
	background-color:#f4f8fb;
	padding-top:60px;
	padding-bottom:60px;
}
.news h2{
	text-align:center;
}
.news h2 strong{
	font-size:170%;
	letter-spacing:5px;
	font-weight:bold;
}
.news h2 span{
	font-size:75%;
	color:#00903d;
}
.news dl{
	margin:0 50px;
	display: flex;
	flex-wrap:wrap;
	font-weight:bold;
	font-size:110%;
}
.news dl dt{
	width:22%;
	padding:20px 2%;
	border-bottom:1px dashed #ccc;
}
.news dl dd{
	width:70%;
	padding:20px 2%;
	border-bottom:1px dashed #ccc;
}
.ichiran{
	text-align:center;
}
.ichiran a{
	margin:20px auto 0;
	display:inline-block;
	color:#333;
	background-image:url(../image/top_oj_info_2.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
}
.banner{
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin:100px 0 0 0;
}
.banner li{
	text-align: center;
	width: 24%;
}
.banner li a{
	width: 100%;
}
.banner li a:hover{
	opacity:0.8;
}
.banner li a img {
	max-width: 100%;
}
.p-top{
	position:fixed;
	right: 15px;
	bottom: 0;
	z-index: 1500;
}

.footnav{
	background-color:#083869;
	padding-top:60px;
	margin-top:70px;
}
.footnav > ul{
	padding:0 5%;
}
.footnav > ul > li{
	display:inline-block;
	vertical-align:top;
	margin-bottom:50px;
	margin-left:20px;
	margin-right:20px;
}
.footnav > ul > li > a{
	font-size:112%;
}
.footnav > ul > li > ul > li > a{
	font-size:90%;
}
.footnav a{
	color:#fff;
}

footer{
	background-color:#00903d;
	padding:60px 5%;
	color:#fff;
	
}
footer dl dd{
	margin-top:5px;
}
.add{
	margin-top:5px;
}

.globalMenuSp {
	display: none;
}
.navToggle {
	display: none;
}

/*　概要　*/
.sub01{
	background-image:url(../image/s_main_about.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top;
	height:310px;
	text-shadow:0px 0px 3px #000000;
}
.bgi02{
	background-image:url(../image/s_main_koukai.jpg);
}
.bgi03{
	background-image:url(../image/s_main_teikyou.jpg);
}
.bgi04{
	background-image:url(../image/s_main_sabu.jpg);
}
.bgi05{
	background-image:url(../image/s_main_link.jpg);
}
.bgi06{
	background-image:url(../image/s_main_contact.jpg);
}
.bgi07{
	background-image:url(../image/s_main_login.jpg);
}
.bgi08{
	background-image:url(../image/s_main_sodan.jpg);
}
.sub01 h2{
	color:#fff;
	padding-top:90px;
	padding-left:90px;
}
.sub01 h2 strong{
	display:inline-block;
	font-size:240%;
	letter-spacing:10px;
	border-bottom:2px solid #fff;
	padding-right:80px;
}
.sub01 h2 span{
	display:block;
	font-weight:bold;
	font-size:110%;
}
h3{
	color:#083869;
	font-size:240%;
	margin:30px 50px 0;
	padding:18px 0;
	background-image:url(../image/h3.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	font-weight:normal;
}
.h3b{
	border-bottom:1px solid #b3b3b3;
	display: flex;
	padding-left:30px;
}
.h3b li{
	
}
.h3b li a{
	color:#333;
	display:block;
	padding:25px 40px 20px;
	font-size:120%;
	background-image:url(../image/b.gif);
	background-repeat:no-repeat;
	background-position:right center;
	border-bottom:4px solid #fff;
}
.h3b li:last-child a{
	background-image:none;
}
.h3b li a:hover, .h3b li a.active{
	border-bottom:4px solid #083869;
}
.img-te{
	display:table;
	margin:60px 50px 0;
}
.img-te img{
	max-width:inherit;
}
.img-te div, .img-te p{
	display:table-cell;
	vertical-align:top;
}
.img-te div{
	padding-right:30px;
}

/*　組織図　*/
.soshiki h4{
	color:#083869;
	background-color:#f4f8fb;
	font-size:180%;
	padding:15px 20px;
	margin-top:50px;
}
.soshiki p{
	margin-top:15px;
}
.soshiki .zu{
	margin-top:30px;
	text-align:center;
}
/*　役員名簿　*/
.meibo{
	margin:60px 50px 0;
	width:50%;
}
.meibo caption{
	text-align:right;
	color:#777;
}
.meibo th, .meibo td{
	border:1px solid #083869;
	padding:10px 20px;
	background-color:#f4f8fb;
	text-align:left;
}
.meibo td{
	text-align:center;
	width:60%;
}
/*　主な業務　*/
.gyoumu > dl{
}
.gyoumu > dl > dt{
	margin:30px 20px 0 50px;
	font-size:120%;
	
}
.gyoumu > dl > dt strong{
	color:#006e2b;
}
.gyoumu > dl > dd{
	margin:0 20px 0 100px;
	
}

.gyoumu > dl > dd ol{
	padding-left:2em;
}
.gyoumu > dl > dd ol li{
	list-style-type:none;
	list-style-position:outside;
	text-indent:-2em;
	margin-top:1.5em;
}
.gyoumu > dl > dd ol li strong{
	font-weight:bold;
}
.gyoumu > dl > dd ol li:nth-child(1):before{
  content: "ア　";
}
.gyoumu > dl > dd ol li:nth-child(2):before{
  content: "イ　";
}
.gyoumu > dl > dd ol li:nth-child(3):before{
  content: "ウ　";
}
.obi{
	background-color:#f4f8fb;
	padding:40px 20px 40px 50px;
	margin-top:50px;
}
.obi h4{
	color:#083869;
	font-size:200%;
}
.obi p{
	background-color:#f4f8fb;
	margin-top:25px;
	margin-left:60px;
}
.obipp{
	background-color:#f4f8fb;
	padding:10px 50px;
	margin-top:80px;
}
/*　定款　*/
.plr{
	padding:0 50px;
}
.pdfb{
	display:flex;
	align-items:         center;
	background-color:#f4f8fb;
	margin-top:40px;
}
.pdfb img{
	vertical-align:middle;
}
.pdfb div:last-child{
	padding:10px 90px;
}
.pdfb div a{
	background-color:#083869;
	color:#fff;
	display:block;
	padding:4px 20px 4px 15px;
	width:15em;
	background-image:url(../image/teikan_mado1.png);
	background-repeat:no-repeat;
	background-position:95% center;
	font-weight:bold;
	margin-top:20px;
}
.pdfb div a img{
	margin-right:8px;
}
.pdfb span{
	font-size:140%;
	color:#083869;
	display:block;
	line-height: 25px;
}
.pdfb strong{
	font-size:170%;
	color:#083869;
}
/*　事業報告　*/
.pdfs{
	
}
.pdfs dt{
	padding:15px 20px;
	font-size:200%;
	color:#083869;
	background-color:#f4f8fb;
	margin-top:50px;
}
.pdfs dd{
	border-bottom:1px dotted #ccc;
}
.pdfs dd a{
	display:block;
	padding:12px 30px;
	background-image:url(../image/icon_1r_24.png);
	background-repeat:no-repeat;
	background-position:left center;
	color:#333;
}
.pdfs dd a img{
	margin-left:15px;
}
/*　アクセス　*/
.mt50{
	margin-top:50px;
}
.map{
	margin-top:40px;
}
.map a{
	display:block;
	width:16em;
	text-align:center;
	background-color:#083869;
	color:#fff;
	padding:10px;
	margin-top:10px;
}
/*　サイトマップ　*/
.site{
	margin-top:80px;
}
.site > li{
	margin-top:25px;
}
.site > li > a{
	display:block;
	color:#083869;
	background-color:#f4f8fb;
	font-size:120%;
	padding:15px 50px;
}
.site > li > ul{
	margin-top:10px;
	margin-left:50px;
}
.site > li > ul li a{
	color:#333;
}
/*　リンク　*/
.link{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	margin-top:80px;
}
.link li{
	margin:1%;
	width:48%;
}
.link li a{
	display:block;
	color:#083869;
	background-color:#f4f8fb;
	font-size:110%;
	padding:30px 10px;
	text-align:center;
	background-image:url(../image/teikan_mado2.png);
	background-repeat:no-repeat;
	background-position:95% 80%;
}
/*　プライバシー　*/
.pp{
	
}
.pp h3{
	font-weight:bold;
	color:#083869;
	font-size:130%;
	margin:50px 0 0;
	padding:0;
	background-image:none;
}
.pp p{
	
}
.pp ul{
	list-style-type:disc;
	list-style-position:outside;
}
.pp ul li{
	margin-left:1.5em;
}
/*　相談所　*/
.sdn dt{
	padding:15px 20px;
	font-size:200%;
	color:#083869;
	background-color:#f4f8fb;
	margin-top:50px;
}
.sdn dd{
	padding: 30px 15px 0;
}
.sdn dd span {
	display: block;
	font-size:170%;
	color:#083869;
}
.sdn dd a.sdn-p{
	padding:12px 30px;
	background-image:url(../image/icon_1r_24.png);
	background-repeat:no-repeat;
	background-position:left center;
	color:#333;
	border-bottom:1px dotted #ccc;
	display: flex;
	align-items: center;
}
.sdn dd a.sdn-e{
	display:block;
	padding:12px 30px;
	background-image:url(../image/icon_excel.png);
	background-repeat:no-repeat;
	background-position:left center;
	color:#333;
	border-bottom:1px dotted #ccc;
}
.sdn dd a.sdn-w{
	display:block;
	padding:12px 30px;
	background-image:url(../image/icon_word.png);
	background-repeat:no-repeat;
	background-position:left center;
	color:#333;
	border-bottom:1px dotted #ccc;
}
.sdn dd a.sdn-n{
	display:block;
	padding:12px 30px;
	background-repeat:no-repeat;
	background-position:left center;
	color:#333;
	border-bottom:1px dotted #ccc;
}
.sdn dd p {
	padding:12px 30px;
	color:#333;
	border-bottom:1px dotted #ccc;
}

.sdn dd a img{
	margin-left:15px;
}

.sdn dd a img.sdb1{
	margin-left:335px;
}
.sdn-i {
	display: block;
	padding: 30px 0;
	max-width: 100%;
	margin: 0 auto;
}
.sdn dd a.sdn-e span.sdn-sp{
	display: inline;
}
.sdn dd.sdn-d01{
	margin: 0 15px;
	padding:12px 30px;
	background-image:url(../image/icon_1r_24.png);
	background-repeat:no-repeat;
	background-position:left center;
	color:#333;
	border-bottom:1px dotted #ccc;
}
.sdn dd.sdn-d01 a {
	color:#333;
	padding: 5px;
}
.sdn dd.sdn-d01 span {
	display: block;
	font-size:100%;
}
.sdn div a.sdn-e02 span.red-b {
	background: #F00;
	padding: 5px 10px;
	display: inline-block;
	color: #fff;
	font-size: 70%
}

.sdn div a.sdn-p02{
	padding:12px 0 12px 30px;
	background-image:url(../image/icon_1r_24.png);
	background-repeat:no-repeat;
	background-position:left center;
	color:#333;
	border-bottom:1px dotted #ccc;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sdn-02 {
	font-size: 150%;
	color:#333;
}
.sdn div a.sdn-e02{
	padding:12px 0 12px 30px;
	background-image:url(../image/icon_excel.png);
	background-repeat:no-repeat;
	background-position:left center;
	color:#333;
	border-bottom:1px dotted #ccc;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/*　活動事例　*/
.plr-katudou {
	display: flex;
	margin: 50px 0 200px 0;
}

.plr-katudou dl {
	margin-right: 15px;
	background: #f4f8fb;
}
.plr-katudou dl dt a{
	width: 220px;
	height: 140px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.plr-katudou dl dd {
	width: 220px;
	height: 60px;
	background: url(../image/yaji.png) 200px 25px no-repeat;
	color: #083868;
	display: flex;
	align-items: center;
	line-height: 20px;
	font-size: 120%;
}
.plr-katudou dl dd a {
	color: #083868;
	width: 190px;
	height: 60px;
	padding-left: 30px;
	display: flex;
	align-items: center;
}
/*　ログイン　*/
.unei{
	font-size:120%;
	margin-top:50px;
}
.unei li{
	margin-top:8px;
	list-style-type:none;
}
.unei li a{
	color:#333;
	display:block;
	padding:12px 10px;
}
.unei > li > span{
	background-color:#f4f8fb;
	display:block;
	padding:12px 10px;
}
.unei > li{
	background-color:#f4f8fb;
	margin-top:30px;
}
.unei > li.not{
	background-color:transparent;
}
.unei ul li{
	border-bottom:1px dotted #ccc;
}
span.pdf::before{
	content:url(../image/icon_1r_24.png);
	margin-right:8px;
}
span.word::before{
	content:url(../image/icon_word.png);
	margin-right:8px;
}
span.excel::before{
	content:url(../image/icon_excel.png);
	margin-right:8px;
}
.unei span::after{
	content:url(../image/teikan_mado2.png);
	margin-left:8px;
}
.unei li.not > span::after{
	content:none;
}

.f_001 {
font-size: 70%;
}

.k-m {
	margin:60px 50px 0;
}
.k-m p {
margin-bottom: 20px;
}
.k-m h4{
	color:#083869;
	font-size:180%;
	margin-bottom: 20px;
}
.k-m h5{
	color:#00903d;
	font-size:130%;
	margin-bottom: 10px;
}
.k-m ul {
margin-bottom: 50px;
padding-left: 45px;
}
.k-m ul li {
position: relative;
padding-left: 18px;
font-size: 110%
}
.k-m ul li::after {
position: absolute;
width: 12px;
height: 12px;
content: "";
top: 6px;
left: 0;
border-radius: 50%;
background: #00903d;
}
.k-sosi {
text-align: center;
max-width: 800px;
margin: 0 auto 80px;
}
.k-sosi img {
max-width: 100%;
}
ol.waku {
border: 3px solid #00903d;
padding: 10px;
margin-bottom: 30px;
}
ol.waku li {
list-style-type: decimal;
margin-left: 25px;
}
.sm {
display: flex;
width: 100%;
}
.sm_01 {
width: 45px;
}
.sm_02 {
width : calc(100% - 45px) ;
}
.sm_03 {
padding-left: 45px;
}
.sm_d {
display: flex;
margin-bottom: 30px;
}
.sm_dl {
width: 55%;
padding-right: 30px;
}
.sm_dr {
width: 45%;
}
.sm_dr img {
max-width: 100%;
}

.kiji_p {
padding: 30px 0;
font-size: 120%;
}
.kiji_h4 {
font-size: 180%;
color: #00903d;
font-weight: bold;
}
.kiji_h4p {
padding-top: 30px;
font-size: 180%;
color: #00903d;
font-weight: bold;
}
.g_h {
padding: 13px 25px;
background-image:url(../image/top_logo_back.png);
background-size: cover;
color: #fff;
line-height: 20px;
letter-spacing: 1.5px;
}
.mb10 {
margin-bottom: 80px;
}


}