html{
height:100%;
}
body {
font-family:"Osaka","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Verdana, Helvetica, sans-serif;
text-align:center;
height:100%;
border:0px;
margin:0;
font-size: 95%;
color:#333;
}
/* page
------------------------------------- */
#page1,#page2,#page3 {
text-align:center;
position:relative;
min-height: 100%;
line-height:150%;
}
* html div#page1,* html div#page2,* html div#page3 {
height:100%;
}
/* content
------------------------------------- */
#content{
margin: 0 auto;
width:1000px;
}
ul.tab{
margin:20px 0 20px 0;
padding:0 0 0 30px;
border-bottom:3px solid #9ccd2f;
}
ul.tab li{
float:left;
width:170px;
list-style:none;
}
ul.tab li a{
width:170px;
height:55px;
display:block;
text-indent:-99999px;
background-repeat:no-repeat;
background-position:0 0;
}
ul.tab li.navi1 a{
background-image:url("d8b0c624d0e88ce52ca1e706.png");
}
ul.tab li.navi2 a{
background-image:url("c1c2a5ad0579986ff32520cc.png");
}
ul.tab li.navi3 a{
background-image:url("ecf4545b475d2ed2d6b0e196.png");
}
ul.tab li.navi1 a:hover,
ul.tab li.navi2 a:hover,
ul.tab li.navi3 a:hover{
background-position:0 -55px;
}
ul.tab li.navi1 a.now,
ul.tab li.navi2 a.now,
ul.tab li.navi3 a.now{
background-position:0 -110px;
}
.h_left{
float:left;
width:490px;
margin:0 20px 0 0;
}
.h_right{
float:right;
width:490px;
}
.top_rightbox{
float:right;
width:250px;
}
.top_leftbox{
float:left;
width:700px;
padding:0 50px 0 0;
font-size:105%;
}
/* kiji-image
------------------------------------- */
.size35{
text-align: center;
width: 35px;
height: 35px;
}
.size55{
text-align: center;
width: 55px;
height: 55px;
}
.size120{
text-align: center;
width: 120px;
height: 120px;
}
.size35 img{
max-width: 35px;
max-height: 35px;
}
.size55 img{
max-width: 55px;
max-height: 55px;
}
.size120 img{
max-width: 120px;
max-height: 120px;
}
.size220 img{
max-width: 220px;
max-height: 220px;
}
.kiji_image table td {
padding: 0;
}
/* main
------------------------------------- */
#main1{
text-align:left;
}
#main2{
margin: 0 15px 0 0;
padding: 0;
float:right;
width:700px;
}
#main3{
margin: 0 0 0 15px;
padding: 0;
float:left;
width:700px;
}
#main_body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
/* parts17
------------------------------------- */
.parts17 {
float: right;
width: 284px;
margin: 100px 0 60px;
}
/* parts4 list
------------------------------------- */
.parts4{
display:none;
}
.parts14 {
width:1000px;
}
.parts4 .kiji_contents{
margin:0;
padding:0 10px 10px;
clear:both;
}
.parts4 .kiji_body{
margin:0;
padding:0;
float:left;
}
#toppage #main1 .parts4 h3{
margin:0;
padding:0;
font-size:100%;
}
.parts4 h3 a,
.parts4 h3 a:link,
.parts4 h3 a:active,
.parts4 h3 a:visited{
color:#2d9ecd;
}
.parts4 h3 a:hover {
color:#7bbbdb;
}
.parts4 p{
margin:0;
padding:0;
color:#777777;
font-size:90%;
}
.parts4 .kiji_date{
margin:0 14px 0 0;
padding:0;
font-size:85%;
}
.parts4 .links {
color:#777777;
line-height:25px;
margin:3px 5px 0px 0px;
padding:0;
text-align:right;
font-size:100%;
display:none;
}
.parts4 .links a,
.parts4 .links a:link,
.parts4 .links a:active,
.parts4 .links a:visited{
}
.parts4 .links a:hover {
}
/* parts5 list
------------------------------------- */
.parts5{
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.parts5 h2{
background-color: #EDAD00;
margin:0px 0px 2px 0px;
padding:0px 0px 0px 10px;
height:34px;
line-height:34px;
color:#ffffff;
font-size:116%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts5 .kiji_contents{
margin:0px 0px 0px 0px;
padding:5px 10px 5px 10px;
clear:both;
border-bottom:1px dotted #aaaaaa;
}
.parts5 .kiji_image{
border:1px solid #999999;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
height:55px;
width:55px;
float:left;
}
.parts5 .kiji_body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
.parts5 h3{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#000000;
font-size:100%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts5 h3 a,
.parts5 h3 a:link,
.parts5 h3 a:active,
.parts5 h3 a:visited{
}
.parts5 h3 a:hover {
}
.parts5 p{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#777777;
font-size:93%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts5 .kiji_date{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#777777;
font-size:85%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts5 .links {
color:#777777;
line-height:25px;
margin:3px 5px 0px 0px;
padding:0;
text-align:right;
font-size:100%;
}
.parts5 .links a,
.parts5 .links a:link,
.parts5 .links a:active,
.parts5 .links a:visited{
}
.parts5 .links a:hover {
}
/* parts6 privacy
------------------------------------- */
.parts6 h2{
border-left: 6px solid #981F1B;
font-size: 180%;
letter-spacing: 0.4em;
margin: 0 0 20px;
padding: 12px 0 12px 15px;
}
.parts6{
margin: 0;
padding: 0;
}
.parts6 .inner {
font-size: 90%;
margin: 0;
padding: 0 0 0 20px;
}
.parts6 h3 {
font-size: 115%;
font-weight: bold;
margin: 0 0 10px;
padding: 0;
}
.parts6 h3 span {
color: #301E8E;
}
.parts6 p {
margin: 0 0 30px;
padding: 0;
}
.parts6 ul{
margin-bottom: 30px;
}
.parts6 a,
.parts6 a:link,
.parts6 a:active,
.parts6 a:visited{
}
.parts6.free a:hover {
}
/* parts7 form
------------------------------------- */
.parts7{
margin: 0 0 10px;
padding: 0;
}
.parts7 .contact_contents{
margin: 0;
padding:5px 10px 5px 10px;
clear:both;
}
.parts7 .contact_text{
margin: 0 0 40px;
padding: 0;
}
.parts7 .contact_text p{
margin-top: 0;
padding: 0;
}
.parts7 ul.contact_form {
margin: 0;
padding: 2em 1em 1em;
background:#fdfdfd;
border:1px solid #d9d9d9;
}
.parts7 .contact_form li{
display:inline-table;
margin:0px 0px 14px 0px;
}
.parts7 .contact_index,
.parts7 .contact_body,
.parts7 .contact_submit{
float:left;
}
.parts7 .contact_index{
text-align:right;
width:110px;
line-height:150%;
font-size:93%;
color:#000000;
min-height: 1px;
padding-top:2px;
}
.parts7 .contact_body{
padding:0px 0px 0px 10px;
width:400px;
}
.parts7 input,
.parts7 textarea{
border:1px solid #d9d9d9;
padding:4px;
margin:0px 0px 0px 0px;
font-size:95%;
font-family:"Osaka","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Verdana, Helvetica, sans-serif;
}
.parts7 .contact_body textarea{
margin:0px 0px 0px 0px;
width:375px;
}
.parts7 .contact_body select{
border:1px solid #B7B8B8;
padding:2px;
font-size:100%;
}
.parts7 .contact_body option{
line-height:150%;
padding:0px 5px;
}
.parts7 .contact_body_comment{
font-size:85%;
color:#777777;
}
.parts7 .contact_body_needs{
font-size:85%;
color:#CC0000;
}
.parts7 .contact_submit{
margin:0px 0px 0px 10px;
padding:6px 0px;
}
.parts7 .contact_ssl{
margin:20px 0 0;
padding: 0;
line-height:150%;
font-size:85%;
}
.parts7 .contact_ssl img{
margin:0px 0px 5px 0px;
padding:0px 0px;
}
.parts7 .formBtn {
/* 背景画像指定時
background: url("##") no-repeat 0 0;
*/
margin: 0;
padding: 0;
border: 1px solid #ccc;
cursor: pointer;
display: block;
height: 40px;
width: 200px;
float: left;
color: #333;
/* 背景画像指定時
text-indent: -99999px;
*/
}
.parts7 .backBtn {
/* 背景画像指定時
background: url("##") no-repeat 0 0;
*/
margin: 0 10px 0 0;
padding: 0;
border: 1px solid #ccc;
cursor: pointer;
display: block;
height: 40px;
width: 60px;
float: left;
color: #333;
/* 背景画像指定時
text-indent: -99999px;
*/
}
.parts7 .sendBtn {
/* 背景画像指定時
background: url("##") no-repeat 0 0;
*/
margin: 0;
padding: 0;
border: 1px solid #ccc;
cursor: pointer;
display: block;
height: 40px;
width: 200px;
float: left;
color: #333;
/* 背景画像指定時
text-indent: -99999px;
*/
}
/* slider_area
------------------------------------- */
#slider_area {
width:100%;
height:auto;
position:relative;
margin:0 0 1px;
}
#slider_area .logo {
position:absolute;
top:0;
left:200px;
margin:0;
z-index:9999999;
}
#slider_area .copy {
position:absolute;
top:52%;
left:40%;
margin:0;
z-index:9999999;
}
/* header
------------------------------------- */
#header {
margin: 0 0 30px;
padding: 0;
width:100%;
text-align:center;
}
#header .wrap {
background:url("f6eccfc85f746b833638ade4.png") repeat-x 0 0;
height:117px;
margin:0 0 3px;
}
#utility_area {
background:url("63465f22180e3733775c1810.png") no-repeat center;
margin:0 auto;
width:1000px;
height:100%;
position:relative;
}
#utility_area ul.utt_menu {
margin:0;
padding:0;
overflow:hidden;
position:absolute;
top:20px;
right:0;
}
#utility_area ul.utt_menu li {
list-style-type:none;
width:auto;
float:left;
}
#utility_area ul.utt_menu li a {
display:block;
background:url("93bdd4802f8acebed2a4bd5c.png") no-repeat 0 center;
margin:0 0 0 24px;
padding:0 0 0 18px;
text-decoration:none;
}
/* header navi
------------------------------------- */
#header #nav_area {
width: 100%;
height:70px;
background:url("bfed9069f6ceeea761f23e32.png") repeat-x 0 0;
}
#header .nav_box{
width:1000px;
margin:0 auto;
height:70px;
background-image:url("e3fe8ef5521079ca85c4fe1b.png");
background-repeat:no-repeat;
}
#header .nav {
width: 1000px;
height:70px;
margin:0 auto;
padding:0;
overflow:hidden;
}
#header .nav li{
width:172px;
float: left;
list-style-type:none;
}
#header .nav li a{
display:block;
}
#header .nav li.n1 {
text-align:left;
width:100px;
}
#header .nav li.n2 {
width:260px;
}
#header .nav li.n6 {
text-align:right;
width:112px;
}
/* 人口約15,000人 山あいの小さな町、しらたか。
------------------------------------- */
.shirataka {
background:url("f29123246516450099732c39.png") no-repeat 0 center;
min-height:300px;
text-align:left;
margin:0 0 30px;
padding:0 0 0 330px;
}
/* Loop Slider
------------------------------------- */
#loopslider_area {
padding: 10px 0;
width: 100%;
height: 170px;
}
#loopslider {
height: 170px;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: left;
}
#loopslider ul::after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
#loopslider ul {
display: inline-block;
overflow: hidden;
}
#loopslider ul {
display: inline;
float: left;
height: 170px;
margin: 0;
overflow: hidden;
}
#loopslider ul {
margin: 0;
overflow: hidden;
padding: 0;
}
#loopslider ul li {
display: inline;
float: left;
height: 170px;
overflow: hidden;
width: 250px;
}
#loopslider li {
float: left;
list-style-type: none;
margin: 0;
text-align: center;
}
#loopleft {
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 80px;
}
#loopleft a {
display: block;
height: 32px;
position: absolute;
right: 25px;
text-indent: -99999px;
top: 45px;
width: 32px;
}
#loopright {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 80px;
}
#loopright a {
display: block;
height: 32px;
left: 25px;
position: absolute;
text-indent: -99999px;
top: 45px;
width: 32px;
}
#loopslider ul li a {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
display:block;
}
#loopslider ul li a:hover {opacity: 0.8; filter:alpha(opacity=80);}
#loopslider ul li a:hover img {opacity: 0.8; filter:alpha(opacity=80);}
.btn {
width:1000px;
margin:0 auto;
}
.btn a {
display:block;
background:url("93bdd4802f8acebed2a4bd5c.png") no-repeat 0 center;
margin:0 0 0 auto;
padding:0 0 0 18px;
width:140px;
}
.list_m a{
background:url("93bdd4802f8acebed2a4bd5c.png") no-repeat 0 center;
margin:0 0 0 auto;
padding:0 0 0 18px;
}
/* parts11 list しらたか的 田舎暮らし（移住者の声）
------------------------------------- */
.voice_box{
background-image:url("c4076844837c2dac2bf5c811.png");
background-repeat:repeat-y;
clear:both;
float:left;
width:1000px;
margin:10px 0 60px 0;
}
.voice_box .box{
width:220px;
margin:0 56px;
float:left;
}
.voice_box .title{
text-align:center;
line-height:200%;
font-size:100%;
min-height:40px;
font-weight:bold;
}
.voice_box dl{
margin:0 0 20px 0;
padding:0;
}
.voice_box dl dt{
margin:0 0 5px 0;
}
.voice_box dl dd{
margin:0;
/* padding:0 0 0 40px; */
font-size:90%;
}
#toppage #main1 .parts30 h2{
background:url("dbeb16effe97750b767e58ee.png") no-repeat 14px center;
text-indent:-99999px;
padding:10px 0;
}
/* parts13 album 白鷹の住まい
------------------------------------- */
.parts13{
display:none;
}
.parts23{
overflow:hidden;
text-align:center;
}
.parts23{
margin:0 0 30px 0;
}
.parts23 h2{
text-align:left;
}
.parts13 .kiji_contents,
.parts23 .kiji_contents{
margin: 0 10px 0 10px;
padding: 0;
width:220px;
float:left;
min-height:280px;
}
.parts13 .kiji_contents:first-child,
.parts23 .kiji_contents:first-child{
margin-left: 0;
}
.parts13 .kiji_image,
.parts23 .kiji_image{
margin:0 0 12px;
padding:0;
height:145px;
width:220px;
overflow:hidden;
}
.parts13 .size220 img,
.parts23 .size220 img{
max-width: 220px;
}
.parts13 .kiji_body,
.parts23 .kiji_body{
margin:0;
padding:0;
text-align:center;
width:220px;
}
#toppage #main1 .parts13 h3,
#toppage #main1 .parts23 h3{
margin:0;
padding:0;
font-size:100%;
}
#toppage #main1 .parts13 h3 a,
#toppage #main1 .parts13 h3 a:link,
#toppage #main1 .parts13 h3 a:active,
#toppage #main1 .parts13 h3 a:visited,
#toppage #main1 .parts23 h3 a,
#toppage #main1 .parts23 h3 a:link,
#toppage #main1 .parts23 h3 a:active,
#toppage #main1 .parts23 h3 a:visited{
color:#2d9ecd;
}
#toppage #main1 .parts13 h3 a:hover,
#toppage #main1 .parts23 h3 a:hover{
color:#7bbbdb;
}
.parts13 p,
.parts23 p{
display:none;
}
.parts13 .kiji_date,
.parts23 .kiji_date{
display:none;
}
.parts13 .kiji_more,
.parts23 .kiji_more{
font-size:100%;
margin:0;
padding:0;
}
.parts13 .links{
display:none;
}
.parts23 .links{
clear:both;
text-align:right;
font-size:85%;
}
/* parts15 しらたか的 サポート（助成制度）
------------------------------------- */
.parts15 {
clear:both;
}
.seido {
background:url("c450903b5b892917fa999a9e.png") no-repeat 0 0;
min-height:680px;
width:1000px;
position:relative;
}
.seido .btn {
width:203px;
margin:0;
position:absolute;
top:470px;
right:0px;
}
.seido .btn a {
background:none;
width:100%;
padding:0;
}
/* parts8 list
------------------------------------- */
.parts8{
margin: 0 0 10px;
padding: 0;
}
.parts8 h2{
background-color: #EDAD00;
margin:0px 0px 2px 0px;
padding:0px 0px 0px 10px;
height:34px;
line-height:34px;
color:#ffffff;
font-size:116%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts8 .kiji_contents{
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
clear:both;
border-bottom:1px dotted #aaaaaa;
}
.parts8 h3{
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
color:#000000;
font-size:100%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts8 .links {
color:#777777;
line-height:25px;
margin:3px 5px 0px 0px;
padding:0;
text-align:right;
font-size:100%;
}
/* rside1
------------------------------------- */
#rside1{
margin: 0 15px 0 0;
padding: 0;
float:right;
width:250px;
}
/* lside1
------------------------------------- */
#lside1{
margin: 0 0 0 15px;
padding: 0;
float:left;
width:250px;
}
#lside1 a,
#lside1 a:link,
#lside1 a:active,
#lside1 a:visited{
}
#lside1 a:hover {
}
/* up_area
------------------------------------- */
#up_area {
width:100%;
margin-top:4em;
background:url("92e476f581634c982745d0b0.png") repeat-x center 0;
height:115px;
}
.up {
margin: 0px auto;
width: 960px;
padding: 55px 0 0;
}
.up a {
margin: 0 0 0 auto;
width: 57px;
display:block;
}
/* 白鷹町とは
-------------------------------------- */
.season{
font-size:16px;
line-height:150%;
}
.season p{
margin:0;
padding:0;
}
.bg1{
background-image:url("d78ff9049ff72f0aa067b4a0.jpg");
background-repeat:no-repeat;
height:300px;
width:1000px;
position:relative;
}
.bg1 .text1{
position:absolute;
top:130px;
left:300px;
}
.bg2{
background-image:url("d9256ba8237bacee96a9778b.jpg");
background-repeat:no-repeat;
height:473px;
width:1000px;
position:relative;
}
.bg2 .text2{
position:absolute;
top:165px;
left:80px;
width:395px;
}
.bg2 .text3{
position:absolute;
top:270px;
left:610px;
width:320px;
}
.bg3{
background-image:url("6d61b8ba9e58d2a2be9ef379.jpg");
background-repeat:no-repeat;
height:306px;
width:1000px;
position:relative;
}
.bg3 .text4{
position:absolute;
top:120px;
left:90px;
width:560px;
}
#page1 #main1 h2{
font-size:35px;
font-weight:normal;
line-height: 1.3;
margin:60px 0 30px 0;
}
.parts36 h2{
font-size:35px;
margin:60px 0 30px 0;
font-weight:normal;
line-height: 1.2em;
}
#page1 #main1 .subt{
font-size: 140%;
margin: 40px 0 20px 0;
padding: 10px 0 8px 20px;
background-color:#e7f7f5;
border-radius: 4px;
border:1px solid #9ec0bb;
color:#27b19c;
font-weight:bold;
letter-spacing:2px;
}
#page1 #main1 .subt_su{
font-size: 180%;
margin: 40px 0 10px 0;
padding:0px;
color:#27b19c;
font-weight:bold;
letter-spacing:2px;
}
/* parts23 list
------------------------------------- */
/*.parts23{
background-color: #ffffff;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.parts23 .kiji_contents{
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
clear:both;
border-bottom:1px dotted #aaaaaa;
}
.parts23 .kiji_image{
background-color: #ffffff;
border:1px solid #999999;
margin:0px 15px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
.parts23 .kiji_body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
width: 680px;
}
.parts23 h3{
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
color:#000000;
font-size:116%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts23 p{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:100%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts23 .kiji_date{
display:none;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
color:#777777;
font-size:108%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts23 .kiji_more {
font-size:108%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.parts23 .links {
line-height:25px;
margin:3px 5px 0px 0px;
padding:0;
text-align:right;
font-size:100%;
}
*/
.sup_table{
width:1000px;
border-collapse:collapse;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
}
.sup_table td{
padding:10px 10px;
vertical-align:top;
border-bottom:1px solid #666666;
border-left:1px dotted #9A9A9A;
}
.sup_table th{
padding:10px 10px;
vertical-align:top;
border-bottom:1px solid #666666;
background-color:#f2f2f2;
text-align:center;
border-left:1px dotted #9A9A9A;
}
.sup_table th.left{
text-align:left;
}
.w1{
width:150px;
}
.w2{
width:680px;
}
.w3{
width:170px;
}
.pink{
color:#D73B53;
font-weight:bold;
}
.bt_radius{
font-size: 120%;
margin: 40px 0 10px 0;
padding: 10px 0 8px 20px;
background-color:#75B71D;
border-radius: 8px;
border:1px solid #9ec0bb;
color:#FFFFFF;
width:550px;
}
.bt_radius2{
font-size: 120%;
margin: 40px 0 10px 0;
padding: 10px 0 8px 20px;
background-color:#75B71D;
border-radius: 8px;
border:1px solid #9ec0bb;
color:#FFFFFF;
width:750px;
}
.bt_radius a:link,
.bt_radius a:visited,
.bt_radius a:active,
.bt_radius2 a:link,
.bt_radius2 a:visited,
.bt_radius2 a:active{
color:#FFFFFF;
text-decoration:none;
}
.akiya_cont{
border:2px solid #dcc899;
background-color:#fffbf2;
margin:0 20px 80px 20px;
padding:10px 30px 30px 30px;
}
.icon_pdf a{
background-image:url("177b24aeedb5a02f0518e7c4.png");
background-repeat:no-repeat;
padding:15px 0 5px 50px;
}
.icon_word a{
background-image:url("1552ea9d76f445b2c49a3c0f.png");
background-repeat:no-repeat;
padding:15px 0 5px 50px;
}
/* footer
------------------------------------- */
#footer {
width:100%;
background:#D7EAD7;
}
#footer .wrap {
width:1000px;
margin:0 auto;
overflow:hidden;
}
#footer .wrap .left_box {
width:313px;
float:left;
margin:0;
}
#footer .wrap .right_box{
width:666px;
float:left;
margin:0 0 0 0;
}
#footer .wrap .address{
font-size:85%;
text-align:left;
padding:0 0 0 20px;
line-height:130%;
margin:10px 0 30px 0;
}
#footer .wrap ul {
margin:0;
width:666px;
padding:0;
text-align:left;
overflow:hidden;
}
#footer .wrap ul li {
list-style-type:none;
float:left;
margin:0 0 5px 20px;
white-space:nowrap;
}
#footer .wrap ul li.n1 {
width:180px;
}
#footer .wrap ul li.n2 {
width:90px;
}
#footer .wrap ul li.n3 {
width:130px;
}
#footer .wrap ul li.n4 {
width:100px;
}
#footer .wrap ul li a {
color:#18761d;
text-decoration:none;
}
.copyright {
background:#1d3a1f;
color:#fff;
margin:0;
padding:12px 0 8px;
font-size:90%;
}
/* kiji
------------------------------------- */
#kiji{
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
}
#kiji h2{
}
#kiji h2 a,
#kiji h2 a:link,
#kiji h2 a:active,
#kiji h2 a:visited{
}
#kiji h2 a:hover {
}
#kiji .kiji_contents{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#kiji .kiji_image{
margin:0px 0px 10px 10px;
padding:0px 0px 0px 0px;
}
#kiji .kiji_image2{
margin:0px 10px 10px 0px;
padding:0px 0px 0px 0px;
float:left;
}
#kiji p{
margin:0px 10px 0px 10px;
padding:0px 0px 0px 0px;
color:#000000;
font-size:100%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
line-height:150%;
}
#kiji p a,
#kiji p a:link,
#kiji p a:active,
#kiji p a:visited{
}
#kiji .p a:hover {
}
#kiji .kiji_date{
margin:15px 10px 0px 0px;
padding:0px 0px 0px 0px;
color:#000000;
font-size:85%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
text-align:right;
}
#kiji .kiji_category{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
color:#000000;
font-size:100%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
#kiji .kiji_category a,
#kiji .kiji_category a:link,
#kiji .kiji_category a:active,
#kiji .kiji_category a:visited{
}
#kiji .kiji_category a:hover {
}
.contact_form li{
/*display: inline;
/zoom: 1; */
}
/* kiji footer
------------------------------------- */
#kiji_footer{
margin:0px 0px 5px 0px;
}
/* default link
------------------------------------- */
a {outline:none;}
a:link {color:#1998B3;text-decoration: underline;}
a:visited {color:#1A86AC;text-decoration: underline;}
a:hover {color:#F97115;text-decoration: none;}
a:active {color: #1998B3;text-decoration: underline;}
/* clearfix
------------------------------------- */
.clearfix:after {
content: "."; /* 新しい要素を作る */
display: block; /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}
/* custom
------------------------------------- */
.fade {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
display:block;
}
.fade:hover {opacity: 0.8; filter:alpha(opacity=80);}
a.fade:hover img {opacity: 0.8; filter:alpha(opacity=80);}
.dl_pdf {width:500px;}
.mtb2 {
margin-top:2em;
margin-bottom:2em;
}
.li_bottom15 li{
margin-bottom:15px;
}
.li_bottom25 li{
margin-bottom:25px;
}
.font_110{font-size:110%;}
.font_120{font-size:120%;}
.font_130{font-size:130%; line-height:160%;}
.mb5 {margin-bottom:5px;}
.mb0 {margin-bottom:0 !important;}
.mb1 {margin-bottom:1em !important;}
.mr1 {margin-right:1em !important;}
.mb2 {margin-bottom:2em !important;}
.mb3 {margin-bottom:3em !important;}
.mb4 {margin-bottom:4em !important;}
.pl1_5 {padding-left:1.5em!important;}
.fs110 {font-size:110% !important;}
.lineheight180 {line-height:180% !important;}
.lineheight240 {line-height:240% !important;}
.lineheight280 {line-height:280% !important;}
.center {
text-align:center;
}
.ali_right {
text-align:right;
}
.img_left {
float:left;
margin-top: 5px;
margin-right:1em;
}
.img_right {
float:right;
margin-top: 5px;
margin-left:0.5em;
}
#toppage #main1 h2{
margin: 60px 0 16px;
padding:6px 0 8px 14px;
border-left:24px solid #33ab99;
clear:both;
}
ul.half h4{
margin:30px 0 0 0;
background-color:#F1FFE5;
font-size:120%;
font-weight:bold;
padding:3px 10px;
border-left:15px solid #6CA300;
color:#6CA300;
}
ul.half{
margin:0;
padding:0;
width:1000px;
}
ul.half li{
float:left;
width:480px;
list-style:none;
margin:0 10px;
}
dl.h_table{
width:100%;
border-top:1px dotted #999999;
margin:0;
padding:0;
}
dl.h_table dt{
width:65px;
float:left;
padding:3px 0 3px 15px;
}
dl.h_table dd{
padding:3px 0 3px 75px;
margin:0;
border-bottom:1px dotted #999999;
}
#toppage #main1 h3.all {
font-size: 100%;
line-height: 140%;
margin: 0 0 20px;
padding: 2px 0 6px;
width: 100%;
overflow:hidden;
border-bottom:1px solid #000;
}
#toppage #main1 h3.all .left {
color: #fff;
float: left;
padding: 7px 0 0 0;
}
#toppage #main1 h3.all .right {
float: right;
font-size: 80%;
padding: 10px 0 0 0;
}
#toppage #main1 h3.all .right a {
background: url("93bdd4802f8acebed2a4bd5c.png") no-repeat 0 center;
display: block;
margin: 0 0 0 auto;
padding: 0 0 0 18px;
width: auto;
text-decoration:none;
}
/* Reset
------------------------------------- */
h1{display:none;}
img {border:none;}
fieldset{border: 0;}
form{margin:0;}
table {border-collapse: collapse;border-spacing: 0;}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {font-style: inherit;font-weight: inherit;}
del, ins {text-decoration: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6,table th {font-size: 100%;font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;font-variant: normal;}
sup {vertical-align: baseline;}
sub {vertical-align: baseline;}
legend {color: #000;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button, textarea, select {font-size: 100%;}
/* Fonts
------------------------------------- */
select, input, button, textarea, button {font:95%;}
table {font-size:inherit;font:100%;}
pre, code, kbd, samp, tt {font-family:monospace;font-size:108%;line-height:100%;}
/*/--------------------------------------------------------------------------//
//
// [ Kumo-no-mine Ikutu-kuzurete Tuki-no-yama. ]
//
// System by tukiyama. Powered by samidare.
// Development by team-tukiyama.
// Copyright (C) fulusato Project. All Rights Reserved.
//
//--------------------------------------------------------------------------/*/
/* 2016.08.01 Add
------------------------------------- */
dl.rental {}
dl.rental dt {
font-weight:bold;
}
dl.rental dd {
margin:2px 0 32px 16px;
}
dl.rental dd .font_120 {
margin-bottom:16px;
}
.icon_pdf a,
.icon_word a {
background-size: 30px auto;
padding: 8px 0 5px 40px;
}
/* 2018.12.11 Add
------------------------------------- */
#event h2 {
font-size: 28px !important;
letter-spacing: 0.1em !important;
margin-bottom: 0 !important;
line-height: 1 !important;
padding: 6px 0 6px 14px !important;
}
/* parts31 list
------------------------------------- */
.parts31 {
margin: 24px 0 80px;
}
.parts31 h2{
padding: 12px 16px 8px !important;
font-size: 1.4rem !important;
background: #27b19c;
border-radius: 6px 6px 0 0;
color: #FFF;
line-height: 1.3;
margin: 0 !important;
border-left: none !important;
}
.parts31 h2 a,
.parts31 h2 a:link,
.parts31 h2 a:active,
.parts31 h2 a:visited{
color: #ffffff;
text-decoration: none;
}
.parts31 h2 a:hover {
color: #ffffff;
text-decoration: underline;
}
.parts31 .kiji_contents {
margin:0;
padding:8px 24px;
clear:both;
background: #e7f7f5;
border: 1px solid #27b19c;
border-radius: 0 0 6px 6px;
}
.parts31 .kiji_image {
margin: 0;
padding: 16px 0 8px;
border: none;
border-radius: 0 0 6px 6px;
background-color: #e7f7f5;
display: inline-block;
}
.parts31 p {
margin: 0 0 12px;
padding: 0;
color: #000000;
font-size: 100%;
font-weight: normal;
letter-spacing: 0.03em;
text-indent: 0px;
line-height: 1.7;
}
.parts31 .kiji_contents p:nth-last-child(-n+3) {
margin: 0;
}
.parts31 .kiji_date{
margin:0;
padding:0;
color:#777777;
font-size:85%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
text-align:right;
display: none;
}
.parts31 .kiji_category{
margin:0;
padding:0;
color:#777777;
font-size:100%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts31 .kiji_category a,
.parts31 .kiji_category a:link,
.parts31 .kiji_category a:active,
.parts31 .kiji_category a:visited{
}
.parts31 .kiji_category a:hover {
}
.parts31 .kiji_member{
}
.parts31 .kiji_member a,
.parts31 .kiji_member a:link,
.parts31 .kiji_member a:active,
.parts31 .kiji_member a:visited{
}
.parts31 .kiji_member a:hover {
}
.parts31 .links {
display: none;
}
.parts31 .links a,
.parts31 .links a:link,
.parts31 .links a:active,
.parts31 .links a:visited{
}
.parts31 .links a:hover {
}
.parts31 .kiji_contents ul,
.parts31 .kiji_contents ol {
margin:0 0 12px 1.7em;
padding:0;
}
.parts31 .kiji_contents li:not(:last-child) {
line-height: 1.5;
margin-bottom: 4px;
}
/**
* 2024.03.19 add
* 白鷹町地域おこし協力隊を募集中 @ .recruitment
*/
.list-unstyled {list-style: none!important;padding-left: 0!important}
.text-start {text-align: left;} .text-center {text-align: center;} .text-end {text-align: right;}
.recruitment {
color: #231815;
font-size: 1rem;
}
.recruitment #page1 #main1 h2 {
font-size: calc(1.325rem + .9vw);
font-weight: normal;
line-height: 1.3;
margin-top: 0;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 30px;
}
@media (min-width: 1200px) {
.recruitment #page1 #main1 h2 {
font-size: 35px;
}
}
.recruitment h3 {
font-size: calc(1.3rem + .6vw);
line-height: 1.3;
}
@media (min-width: 768px) {
.recruitment h3 {
font-size: 1.75rem;
}
}
.recruitment p{line-height: 1.7;margin-top:0;margin-bottom:1rem} .recruitment #content ol, .recruitment #content ul{padding-left:2rem} .recruitment #content ol, .recruitment #content ul, .recruitment #content dl{margin-top:0;margin-bottom:1rem} .recruitment #content ol ol, .recruitment #content ul ul, .recruitment #content ol ul, .recruitment #content ul ol{margin-bottom:0} .recruitment #content dt{font-weight:700} .recruitment #content dd{margin-bottom:.5rem;margin-left:0} .recruitment #content figure{margin: 0}.recruitment #content img{height: auto;max-width: 100%;}
/* #pageNav */
#pageNav {
display: flex;
justify-content: center;
padding-bottom: 4rem;
}
#pageNav ul {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
#pageNav ul li {
display: inline-flex;
align-items: center;
gap: .5rem;
font-size: 1.2rem;
}
#pageNav ul li span {
border-radius: .75rem;
color: #fff;
display: inline-block;
padding: .25rem 1rem;
text-decoration: none!important;
text-align: center;
flex: 0 0 100px;
width: 100px;
}
#pageNav ul li:nth-of-type(1) span {background-color: #f2a063;}
#pageNav ul li:nth-of-type(2) span {background-color: #46a7b7;}
#pageNav ul li:nth-of-type(3) span {background-color: #9562a6;}
#pageNav ul li:nth-of-type(4) span {background-color: #3e7e37;}
#pageNav ul li:nth-of-type(5) span {background-color: #d76387;}
#pageNav ul li:nth-of-type(6) span {background-color: #0071bf;}
#pageNav ul li a {
color: #231815;
display: flex;
gap: .5rem;
}
#pageNav ul li a::after {
content: "";
background: url("ef98fc7ff9f43f1b881344cc.jpg") no-repeat center /contain;
display: inline-flex;
height: 24px;
width: 24px;
flex: 0 0 24px;
/* background: url(https://ssl.samidare.jp/~tukiyamaf/s-okaeri/p/img/ */
}
/* #rec */
.recruitment [id*=rec] {
border-radius: 3rem;
margin-bottom: 4rem;
padding: 2rem 1.5rem;
}
@media (min-width: 768px) {
.recruitment [id*=rec] {
padding-left: 3rem;
padding-right: 3rem;
}
}
.recruitment [id*=rec] h4 {
font-size: calc(1.275rem + 0.3vw);
font-weight: bold;
display: flex;
align-items: center;
line-height: 1.4;
margin-top: 0;
}
@media (min-width: 1200px) {
.recruitment [id*=rec] h4 {
font-size: 1.5rem;
}
}
.recruitment [id*=rec] h4 span {
border-radius: 100vw;
color: #fff;
display: inline-flex;
justify-content: center;
align-items: center;
height: 90px;
width: 90px;
flex: 0 0 90px;
margin-right: 1rem;
}
.recruitment #rec1 {background-color: #fef6ec;}.recruitment #rec1 h4 span {background-color: #f2a063;}
.recruitment #rec2 {background-color: #ecf8f8;}.recruitment #rec2 h4 span {background-color: #46a7b7;}
.recruitment #rec3 {background-color: #f5f0f7;}.recruitment #rec3 h4 span {background-color: #9562a6;}
.recruitment #rec4 {background-color: #e9f1df;}.recruitment #rec4 h4 span {background-color: #3e7e37;}
.recruitment #rec5 {background-color: #f7ebeb;}.recruitment #rec5 h4 span {background-color: #d76387;}
.recruitment #rec7 {background-color: #ecf4ff;}.recruitment #rec7 h4 span {background-color: #0071bf;}
@media (min-width: 992px) {
.recruitment [id*=rec] h4+p,.recruitment [id*=rec] h4+.row {
margin-top: -2.66em;
padding-left: calc(90px - -1rem);
}
}
/* table */
.recruitment table {
caption-side: bottom;
border-collapse: collapse;
}
.recruitment th {
text-align: inherit;
text-align: -webkit-match-parent;
}
.recruitment [id*=rec] .table {
border-top: 1px solid #d5d4d2;
}
.recruitment [id*=rec] .table th,.recruitment [id*=rec] .table td {
border-bottom: 1px solid #d5d4d2;
padding: .5rem;
}
.recruitment [id*=rec] .table th {
min-width: 9em;
white-space: nowrap;
}
.recruitment #content [id*=rec] .table ul,.recruitment #content [id*=rec] .table p {
margin-bottom: 0;
}
.recruitment table ul li:not(:last-child) {
margin-bottom: .25rem;
}
/* .desiredPerson */
.recruitment .desiredPerson {
background-color: #fff;
border-radius: 1.25rem;
margin: 2rem 0;
padding: 1.5rem 1rem;
}
.recruitment .desiredPerson h5 {
margin: 0 0 .5rem;
}
.recruitment .desiredPerson ul {
margin-bottom: 0;
}
.recruitment .desiredPerson ul li:not(:last-child) {
margin-bottom: .25rem;
}
.recruitment .desiredPerson ul li:not(:last-child) {
margin-bottom: .25rem;
}
/* .link .btn */
.recruitment .link {
display: flex;
justify-content: center;
margin-bottom: 2rem;
}
.recruitment .link .btn {
background: #2ea392;
border-radius: 100vw;
color: #fff;
display: flex;
justify-content: center;
width: 343px;
max-width: 95%;
line-height: 1.3;
padding: 1rem 1.5rem;
text-decoration: none;
}
.recruitment .link .btn:hover {
text-decoration: underline;
}
/* #rec6 */
.recruitment #rec6 {
margin-bottom: 4rem;
padding: 0;
}
.recruitment #rec6 dl:not(:last-child) {
margin-bottom: 4rem;
}
.recruitment #rec6 dt {
border-left: 22px solid #2ea392;
margin-bottom: 1rem;
padding-left: .8rem;
}
.recruitment #rec6 dt {
font-size: calc(1.275rem + 0.3vw);
font-weight: bold;
display: flex;
align-items: center;
line-height: 1.4;
margin-top: 0;
}
@media (min-width: 1200px) {
.recruitment #rec6 dt {
font-size: 1.5rem;
}
}
.recruitment #rec6 dd,.recruitment #rec6 dd ol {
margin-bottom: 0;
}
.recruitment #rec6 dd li:not(:last-child) {
margin-bottom: .75rem;
}
.recruitment ol ul {
list-style-type: disc;
}
.recruitment ol ul>li {
margin-bottom: .25rem!important;
}
.recruitment .red {
color: #ce2130;
}
/* #contactUs */
.recruitment #contactUs {
background-color: #ddefeb;
border-radius: 1rem;
margin-bottom: 2rem;
padding: 2rem;
}
.recruitment #contactUs h3 {
margin-top: 0;
font-weight: bold;
text-align: center;
}
.recruitment #contactUs .inner {
display: flex;
justify-content: center;
}
.recruitment #contactUs dl {
margin-bottom: 0;
}
.recruitment #contactUs dt {
font-weight: normal;
margin-bottom: .5rem;
}
.recruitment #contactUs dd {
line-height: 1.7;
margin-bottom: 0;
}
.recruitment #contactUs span {
display: inline-block;
line-height: 1.428;
padding: .25rem 0;
}
.recruitment #contactUs span.ph {
padding-bottom: 0;
}
.recruitment .copyright {
margin: 0;
}
/* responsive対応 @ 既存の固定になっているwidth:○○pxをオーバーライドしたりしなかったり */
*, ::after, ::before {
box-sizing: border-box;
}
.recruitment {
font-feature-settings: "palt";
letter-spacing: .05em;
word-break: break-all;
-webkit-text-size-adjust:100%;
}
.recruitment .d-grid {
grid-template-columns: 1fr;
grid-auto-columns: 1fr 1fr;
gap: 15px 15px;
grid-auto-flow: row;
text-align: center;
}
@media (min-width: 576px) {
.recruitment .d-grid {
grid-template-columns: 1.2fr 0.75fr;
grid-auto-columns: 1fr;
}
}
@media only screen and (max-width: 1040px) {
.recruitment #header .wrap {
padding-left: 8px;
padding-right: 8px;
}
.recruitment #header #utility_area {
background-size: contain;
}
.recruitment #main1,
.recruitment #footer .wrap>* {
padding-left: 20px;
padding-right: 20px;
}
.recruitment #footer .left_box,
.recruitment #footer .right_box {
float: none;
margin-bottom: 1rem;
width: 100%;
text-align: left;
}
.recruitment #footer .left_box img {
height: auto;
width: auto;
max-width: 100%;
}
.recruitment #footer .right_box {
display: flex;
flex-direction: column;
justify-content: center;
}
.recruitment #footer .right_box ul {
display: flex;
flex-wrap: wrap;
gap: .25rem .75rem;
width: 100%;
}
.recruitment #footer .right_box li {
margin: 0;
width: auto!important;
}
.recruitment #footer .address {
margin-bottom: 0;
padding: 0;
}
.recruitment .copyright {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 992px) {
.recruitment #header {position: relative;}
.recruitment #header .wrap {padding-top: 12px;padding-bottom: 12px;}
.recruitment #utility_area {
background: url("03632e2bd5a61d815909e42e.jpg") no-repeat left center /auto 80%;
position: static;
}
.recruitment #header .bg-1 {
background: url("139b5eb3db2dee16229aa88e.jpg") no-repeat right bottom 7px /auto 45px;
height: 100%;
}
.recruitment #utility_area ul.utt_menu {
top: 16px;
right: 15px;
}/*
.recruitment #header #nav_area {overflow-x:scroll;}
.recruitment #header #nav_area::-webkit-scrollbar{height:10px;}
.recruitment #header #nav_area::-webkit-scrollbar-track{background:#f0f0f0;}
.recruitment #header #nav_area::-webkit-scrollbar-thumb{background:#ddd;}
.recruitment #header #nav_area::-webkit-scrollbar{display: none;}
.recruitment #header #nav_area>div {
width: 1000px;
}*/
}
/* drawer @ アクセシビリティ対応 */
@media (min-width: 1000.02px) {
#drawer-check {
display: none;
}
}
@media only screen and (max-width: 1000px) {
.recruitment #nav_area {
height: 100%;
position: relative;
z-index: 1;
}
/*#nav_area label*/
#nav_area .navbar-toggler {
background: transparent;
cursor: pointer;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
#nav_area .navbar-toggler {
border-radius: 100%;
box-shadow: 0 0 2rem transparent;
outline: none;
-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;
}
#nav_area .navbar-toggler:focus {
box-shadow: 0 0 0.75rem rgb(0 0 0 / 35%);
}
.toggler-wrap {
position: relative;
width: 100%;
height: 100%;
display: block;
}
.navbar-toggler {
width: 4rem;
height: 4rem;
position: relative;
padding: 0;
margin: 0;
border: none;
}
.navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after {
position: absolute;
height: 3px;
width: 2em;
background: #fff;
display: block;
content: '';
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
.navbar-toggler-icon {
top: 0;left: 0;right: 0;bottom: 0;
margin: auto;
}
.navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after {
width: 100%;
left: 0;
}
.navbar-toggler .navbar-toggler-icon:before {
top: -8px;
}
.navbar-toggler .navbar-toggler-icon:after {
bottom: -8px;
}
.navbar-toggler[type=button]:not(:disabled),
button.navbar-toggler:not(:disabled),
.navbar-toggler .navbar-toggler-icon,
.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after {
cursor: pointer;
}
.navbar-toggler {
z-index: 200;
}
.recruitment #nav_area .nav_box {
border-top: 1px solid rgba(255,255,255,.35);
height: 0;
margin: 0;
overflow-y: auto;
position: absolute;
top: 100%;
right: 0;
bottom: 0;
-webkit-overflow-scrolling: touch;
text-align: center;
transition: .5s;
visibility: hidden;
width: 100%;
}
.recruitment #nav_area .nav_box {
background: none;
}
.recruitment #nav_area .nav_box>ul {
margin: 0;
height: 100vh;
}
.nav-open .drawer-open span {
background: rgba(255, 255, 255, 0);
}
.nav-open .drawer-open span::before {
top: 0;
transform: rotate(45deg);
}
.nav-open .drawer-open span::after {
bottom: 0;
transform: rotate(-45deg);
}
.nav-open #nav_area .nav_box {
width: 100%;
height: 100vh;
overflow-y: scroll;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.recruitment.nav-open #nav_area .nav_box {
box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
height: calc(100vh - 117px);
transition: .5s;
visibility: visible;
}
.recruitment #nav_area .nav_box {
background: url("bfed9069f6ceeea761f23e32.png") repeat 0 0;
}
.recruitment #header .nav li {
float: none;
width: 100%;
text-align: center;
position: relative;
}
.recruitment #header .nav li img {
display: none;
}
.recruitment #header .nav li a {
display: block;
height: 55px;
width: 100%;
}
.recruitment #header .nav li:nth-of-type(1) a {
background: url("5e7f3d4cd19f7c09b1f3c842.png") no-repeat center / auto;
}
.recruitment #header .nav li:nth-of-type(2) a {
background: url("5ccbd82c3bf592b357349ba2.png") no-repeat center / auto;
}
.recruitment #header .nav li:nth-of-type(3) a {
background: url("e6c5b65a374a76da11f65129.png") no-repeat center / auto;
}
.recruitment #header .nav li:nth-of-type(4) a {
background: url("bdc052c62958b1696034d3db.png") no-repeat center / auto;
}
.recruitment #header .nav li:nth-of-type(5) a {
background: url("6ddda137b770001bd19e3495.png") no-repeat center / auto;
}
.recruitment #header .nav li:nth-of-type(6) a {
background: url("bfc55a770c3c075165221e98.png") no-repeat center / auto;
}
}
@media only screen and (max-width: 992px) {
.recruitment #header .wrap {
position: relative;
}
.recruitment #header .wrap::after {
content: "";
background: url("ab566fe9c860ff40d360bace.png") no-repeat right 12px bottom 18px / contain;
width: 50%;
height: 83px;
position: absolute;
right: 0;
bottom: 0;
}
}
@media only screen and (max-width: 650px) {
.recruitment #header .wrap::after {
content: none;
}
.recruitment #nav_area::after {
content: "";
background: url("218aa53d633ec39757f16993.png") no-repeat right center / contain;
display: block;
height: 65%;
width: 70%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto 15px auto 0;
}
}
@media only screen and (max-width: 575.98px) {
.recruitment #header .wrap {
padding-top: 40px;
}
.recruitment #page1 #main1 h2 {
padding-top: 20px;
}
.recruitment .d-grid>figure:nth-of-type(2) img {
max-height: 400px;
width: auto;
}
.recruitment [id*=rec] {
border-radius: 2rem;
margin-bottom: 2.5rem;
}
.recruitment [id*=rec] .table th,.recruitment [id*=rec] .table td {
display: block;
width: 100%;
}
.recruitment [id*=rec] .table th {
border-bottom: none;
font-weight: bold;
padding-bottom: .25rem;
}
.recruitment [id*=rec] .table td {
padding-top: 0;
}
#pageNav ul li {
flex-wrap: wrap;
}
}
.recruitment #utility_area,
.recruitment #header .nav_box,
.recruitment #header .nav,
.recruitment #content,
.recruitment #footer .wrap {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1000px;
}
.recruitment .up {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 960px;
}