@charset "utf-8";
/* CSS Document */

/*/--------------------------------------------------------------------------/*/
/* ===== CLEARFIX ===== */
/*/--------------------------------------------------------------------------/*/
#header:after,
#header .right_col:after,
#content:after,
h3:after,
.content:after,
.box:after,
.left_col:after,
.right_col:after,
#primary nav.other ul:after,
#sec-05 h3:after,
#footer .content:after,
#sec-05 .content section .wrap:after,
#sec-05 .s-02 ul:after,
#secondary .recruit:after,
#footer-contact:after,
#footer:after{
content:"";
display:block;
clear:both;
}

/*/--------------------------------------------------------------------------/*/
/* ===== HTML,BODY,OTHER ===== */
/*/--------------------------------------------------------------------------/*/

html{
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

h1,h2,h3,h4{
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

a{
text-decoration:none;
}

a:link,
a:visited{
color:#335;
font-weight:bold;
}

a:hover{
text-decoration:underline;
}

select,
input[type='text'],
input[type='password'],
textarea{
box-sizing:border-box;
border:1px solid #CCC;
border-radius:3px;
padding:5px;
font-size:16px;
}

label{
display:inline-block;
width:49%;
}

::-webkit-input-placeholder { /* Safari, Chrome and Opera */
opacity:0.5;
}

:-moz-placeholder { /* Firefox 18- */
opacity:0.5;
}

::-moz-placeholder { /* Firefox 19+ */
opacity:0.5;
}

:-ms-input-placeholder { /* IE 10+ */
opacity:0.5;
}

::-ms-input-placeholder { /* Edge */
opacity:0.5;
}

:placeholder-shown { /* Standard one last! */
opacity:0.5;
}

.left_col{
float:left;
}

.right_col{
float:right;
}

.content{
position:relative;
width:1000px;
margin:0 auto;
}

/*/--------------------------------------------------------------------------/*/
/* ===== HEADER ===== */
/*/--------------------------------------------------------------------------/*/

#header{
position:relative;
z-index:200;
background:url(../../fukushima-cp/images/header-bg.jpg) top center no-repeat;
background-size:cover;
height:550px;
padding-top:90px;
}

#header h1{
float:right;
background:url(../../fukushima-cp/images/h1.png) no-repeat;
width:260px;
height:108px;
text-indent:-9999px;
}

#header p{
float:left;
background:url(../../fukushima-cp/images/header-p.png) no-repeat;
width:450px;
height:413px;
text-indent:-9999px;
}

/*/--------------------------------------------------------------------------/*/
/* ===== SECTION-01 ===== */
/*/--------------------------------------------------------------------------/*/

#sec-01{
position:relative;
z-index:190;
background:#FFF url(../../fukushima-cp/images/section-01-bg.gif) top repeat-x;
box-shadow:0 0 5px rgba(0,0,0,0.2);
padding:50px 0;
}

#sec-01 .content{
background:url(../../fukushima-cp/images/section-01-content-bg.png) bottom no-repeat;
width:800px;
}

#sec-01 h2{
background:url(../../fukushima-cp/images/section-01-h2-bg.png) top no-repeat;
width:800px;
padding-top:15px;
margin-bottom:40px;
text-align:center;
}

#sec-01 p{
padding-bottom:15px;
line-height:1.8;
font-size:106.25%;
text-align:center;
}

/*/--------------------------------------------------------------------------/*/
/* ===== SECTION-02 ===== */
/*/--------------------------------------------------------------------------/*/

#sec-02{
position:relative;
z-index:180;
background:#FFF;
box-shadow:0 0 5px rgba(0,0,0,0.2);
}

#sec-02 h2{
color:#716340;
padding:80px 0 50px 0;
line-height:1.2;
font-size:237.5%;
text-align:center;
}

#sec-02 .content{
background:url(../../fukushima-cp/images/section-02-content-bg.jpg) bottom center repeat-x;
background-size:cover;
width:100%;
}

#sec-02 ul{
display:flex;
flex-wrap:wrap;
justify-content:center;
width:1000px;
margin:0 auto;
padding:50px 0;
list-style:none;
}

#sec-02 li{
background:url(../../fukushima-cp/images/section-02-li-bg.png) bottom repeat-x;
color:#000;
text-shadow:-1px 1px 0 #FFF;
width:300px;
height:280px;
padding:2px 6px 6px 2px;
text-align:center;
font-size:118.75%;
line-height:1.4;
}

#sec-02 .a,
#sec-02 .b{
margin:0 38px 38px 0;
}
#sec-02 .c{
margin:0 0 38px 0;
}
#sec-02 .d{
margin:0 38px 0 0;
line-height:1.2;
}

#sec-02 li img{
padding:15px;
}

#sec-02 .d img{
padding-bottom:5px;
}


/*/--------------------------------------------------------------------------/*/
/* ===== SECTION-03 ===== */
/*/--------------------------------------------------------------------------/*/

#sec-03{
position:relative;
z-index:170;
background:#F8F8F8;
box-shadow:0 0 5px rgba(0,0,0,0.2);
padding:50px 0;
}

#sec-03 h2{
background:#FFF;
color:#716340;
padding:100px 0 70px 0;
margin-left:50%;
line-height:1.2;
font-size:220%;
text-align:center;
}

#sec-03 .content{
background:url(../../fukushima-cp/images/section-03-content-bg-02.jpg) bottom left no-repeat;
min-height:500px;
}

#sec-03 ol{
background:url(../../fukushima-cp/images/section-03-ol-bg.png) top center repeat-x;
margin-left:50%;
padding-left:20px;
line-height:1.8;
letter-spacing:7px;
font-size:106.25%;
list-style:none;
}

#sec-03 li{
text-shadow:-1px 1px 0 #FFF;
width:23em;
margin:0 auto;
}

/*/--------------------------------------------------------------------------/*/
/* ===== SECTION-04 ===== */
/*/--------------------------------------------------------------------------/*/

#sec-04{
position:relative;
z-index:160;
background:#FFF;
box-shadow:0 0 5px rgba(0,0,0,0.2);
padding-bottom:80px;
}

#sec-04 h2{
color:#716340;
padding:80px 0 30px 0;
line-height:1.2;
font-size:237.5%;
text-align:center;
}

#sec-04 p{
text-align:center;
color:#716340;
line-height:1.2;
font-size:237.5%;
text-align:center;
font-weight:bold;
}

#sec-04 img{
margin-bottom:20px;
}


/*/--------------------------------------------------------------------------/*/
/* ===== SECTION-05 ===== */
/*/--------------------------------------------------------------------------/*/


#sec-05{
position:relative;
z-index:150;
background:url(../../fukushima-cp/images/section-05-bg.jpg) top center repeat-y;
background-size:contain;
text-shadow:-1px 1px 0 #FFF;
padding-bottom:80px;
}

#sec-05 h2{
padding:50px 0 40px 0;
text-align:center;
}

#sec-05 .content{
background:url(../../fukushima-cp/images/section-05-content-bg.png);
box-shadow:0 0 3px rgba(0,0,0,0.2);
min-height:2000px;
}


#sec-05 h3{
background:url(../../fukushima-cp/images/section-05-h3-bg.png) top center no-repeat;
padding:40px 60px 70px 60px;
height:143px;
}



#sec-05 h3 .logo{
float:left;
}

#sec-05 h3 span{
display:block;
color:#983D3D;
text-shadow:-1px 1px 0 #FFF;
padding:10px 0 0 0;
font-size:137.5%;
text-align:center;
}


#sec-05 .content section{
background:url(../../fukushima-cp/images/section-05-content-section-bg.png) top center repeat-y;
padding:0 30px 60px 30px;
}

#sec-05 .content section .wrap{
position:relative;
z-index:90;
background:url(../../fukushima-cp/images/section-05-content-section-wrap-bg.png) top center repeat-x;
}

#sec-05 h4{
position:relative;
z-index:100;
margin-bottom:-13px;
}


#sec-05 h4 .txt{
padding:10px 0 0 10px;
}

#sec-05 .content section .wrap div{
position:relative;
z-index:90;
}

#sec-05 .s-02 .right_col{
background:url(../../fukushima-cp/images/section-05-02-right_col-bg.gif) no-repeat;
width:470px;
height:400px;
}

#sec-05 .s-02 h5,
#sec-05 .s-02 p,
#sec-05 .s-02 li{
text-align:center;
}

#sec-05 .s-02 h5{
margin-bottom:10px;
}

#sec-05 .s-02 p{
font-size:125%;
letter-spacing:-1px;
}

#sec-05 .s-02 .pht{
margin:-20px -5px -50px 0;
text-align:right;
}

#sec-05 .s-02 ul{
width:400px;
margin:45px auto 0 auto;
padding-left:2px;
font-size:81.25%;
list-style:none;
}

#sec-05 .s-02 li{
box-sizing:border-box;
float:left;
background-color:rgba(255,255,255,0.7);
border-bottom:3px solid #FFF;
width:98px;
min-height:80px;
margin-right:2px;
padding-top:0.9em;
line-height:1.4;
font-weight:bold;
}
#sec-05 .s-02 li:last-child{
padding-top:1.6em;
}

#sec-05 .s-03 .wrap div{
background:url(../../fukushima-cp/images/section-05-03-div-bg.jpg) no-repeat;
width:910px;
height:360px;
padding:30px 0 0 30px;
}

#sec-05 .s-03 p{
box-sizing:border-box;
background:url(../../fukushima-cp/images/section-05-03-p-bg.png) no-repeat;
width:320px;
height:330px;
padding:40px;
}

#sec-05 .s-03 p img{
display:block;
margin:30px auto 0 auto;
}

#sec-05 .content .s-04{
background:url(../../fukushima-cp/images/section-05-04-bg.png) bottom no-repeat;
}

#sec-05 .content .s-04 .wrap{
background:none;
}

#sec-05 .s-04 ul{
display:flex;
flex-wrap:wrap;
justify-content:center;
list-style:none;
}


#sec-05 .s-04 li{
box-sizing:border-box;
background:#FFF url(../../fukushima-cp/images/section-05-04-li-bg.gif) top repeat-x;
border:4px solid #CC9966;
width:210px;
height:140px;
margin:0 15px 30px 15px
}

#sec-05 .s-04 .first{
margin-left:0;
}

#sec-05 .s-04 .forth{
margin-right:0;
}

#sec-05 .s-04 h4{
color:#660000;
font-size:118.75%;
}

#sec-05 .s-04 h4 img{
margin:-15px 0 0 -15px;
}

#sec-05 .s-04 h4 span{
display:inline-block;
padding:13px 0 0 13px;
letter-spacing:-2px;
}

#sec-05 .s-04 p{
padding:1.4em 0 0 0;
line-height:1.4;
font-size:106.25%;
text-align:center;
}

#sec-05 .s-04 .first p{
padding-top:2.1em;
}

#sec-05 .s-04 .third p{
padding-top:0.7em;
}



/*/--------------------------------------------------------------------------/*/
/* ===== SECTION-06 ===== */
/*/--------------------------------------------------------------------------/*/

body.confirm{
background:#484040;
}

.confirm #sec-06{
padding-top:50px;
}

#sec-06{
position:relative;
z-index:150;
background:#F4F4F4 url(../../fukushima-cp/images/section-06-bg.jpg) top center no-repeat;
background-size:cover;
text-shadow:-1px 1px 0 #FFF;
padding-bottom:80px;
}


#sec-06 h2{
color:#853333;
padding:50px 0 50px 0;
text-align:center;
}

#sec-06 h3{
color:#64BB40;
padding:0 0 30px 0;
font-size:218.75%;
text-align:center;
}

#sec-06 form{
background:#FFF;
width:880px;
margin:0 auto;
padding:60px;
}

#sec-06 #back{
padding-top:0;
}

#sec-06 table{
width:100%;
font-family:"Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:100&;
}

#sec-06 th{
width:32%;
padding:0 0 20px 0;
vertical-align:top;
}

#sec-06 th span{
background:#64BB40;
color:#FFF;
text-shadow:none;
border-radius:0.9em;
font-size:87.5%;
padding:4px 8px;
}

#sec-06 td{
width:68%;
padding:0 0 20px 0;
line-height:1.2;
vertical-align:top;
}

#sec-06 td small{
color:#64BB40;
}

#sec-06 td input,
#sec-06 td textarea{
border:2px solid #DDD;
width:100%;
}

#sec-06 p input{
background:#64BB40;
color:#FFF;
text-shadow:none;
border:none;
border-radius:3px;
padding:10px 40px;
font-size:106.25%;
}



/*/--------------------------------------------------------------------------/*/
/* ===== SECTION-07 ===== */
/*/--------------------------------------------------------------------------/*/


#sec-07{
padding-bottom:80px;
}


#sec-07 h2{
padding:50px 0 50px 0;
text-align:center;
}


#sec-07 p{
text-align:center;
margin-bottom:40px;
}

#sec-07 p img{
margin:0 20px;
}


#footer{
background:#484040;
padding:40px 0 20px 0;
}

#footer .content{
width:840px;
padding:0 0 40px 0;
}

#footer h2{
float:left;
}

#footer p{
float:right;
}

#footer p img{
margin-left:20px;
padding-top:20px;
}

#footer #copyright{
float:none;
background:#383030;
color:#FFF;
text-shadow:1px -1px 0 rgba(0,0,0,0.5);
padding:15px;
font-size:75%;
text-align:center;
}