@charset "utf-8";
* { 
margin: 0px; 
padding: 0px; 
}
body {
color:#333333;
font-size:0.82em;
line-height:1.8em;
letter-spacing:0.05em;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
text-align: justify;
text-justify:inter-ideograph;
word-wrap:break-word;
}
img{ max-width:100%; height:auto; }
@media only screen and (min-width:860px){
 .link_img:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:0.7;-khtml-opacity:0.7;}
}
/* header
-------------------------------- */
header{
background:#000 url("../images/head_bg2.jpg") repeat-x 50% 100%;
position:relative;
padding-bottom:120px;
color:#fff;
line-height:1.8em;
}
header .ribon{
display:block;
position:absolute;
top:0;
left:0;
}
header .content-box{
background:#000 url("../images/head_bg.jpg") no-repeat 100% 50%;
padding-top:140px;
}
header .logo{
width:590px;
margin-bottom:30px;
}
header .clearfix{
width:590px;
padding-bottom:80px;
}
header .r_img{
float:right;
margin-left:20px;
}
/* footer
-------------------------------- */
footer{
background:#000;
text-align:center;
padding-top:120px;
}
footer .sub_txt{
color:#DADF00;
font-weight:bold;
margin-top:22px;
margin-bottom:60px;
font-size:1.2em;
}
footer .sub_txt img{ display:inline-block;margin-top:-5px;vertical-align:middle; }
footer .add{
display:block;
text-decoration:none;
color:#000;
background:#B3B3B3;
border-radius:10px;
padding:28px 40px 20px;
text-align:left;
font-size:0.87em;
line-height:1.7em;
letter-spacing:0.02em;
margin:0px auto 30px;
}
footer .add:hover{
background:#fff;
}
footer .add .l_img{ margin-right:35px; }
.copy{
color:#999999;
background:#333333;
padding:2px 0px;
}

/* page_top 
-------------------------------- */
#page-top{
display: block;
position: fixed;
z-index: 900;
background: rgba(143,143,143,.7);
text-align: center;
text-decoration: none; 
bottom:10px;
right:10px;
padding:10px;
}
#page-top:hover{ background: rgba(143,143,143,.5); }

/* common
-------------------------------- */
.content-box{
width:980px;
margin:0px auto;
padding-left:30px;
padding-right:30px;
}
.content-box-out{ width:100%; }
@media print, screen and (max-width:1040px){
	.content-box-out{ width:1040px; }
}
.top-txt{
font-size:1.13em;
line-height:1.8em;
margin-top:10px;
}
.l_img{ float:left; }
.r_img{ float:right; }
/* con1
-------------------------------- */
.con1{
background:#DADF00;
text-align:center;
padding-top:80px;
padding-bottom:120px;
}
.con1-box{
background:#EDED18;
padding:50px;
margin:50px auto;
text-align:left;
}
.con1-box h1{
font-size:1.21em;
margin-bottom:6px;
}
.con1 .r_img{ margin-left:35px; }
.con1 .green-box{
background:#CBCF22;
padding:10px;
width:385px;
margin-top:50px;
font-size:0.88em;
line-height:1.7em;
}
/* con2
-------------------------------- */
.con2{
background:#000 url("../images/con2_bg2.jpg") no-repeat 50% 0%;
text-align:center;
color:#fff;
padding-top:125px;
padding-bottom:74px;
}
.con2 .top-ttl span{
display:block;
margin-top:23px;
margin-bottom:45px;
}
.con2-box{
background:#000;
border:1px solid #DADF00;
padding:30px 25px 15px 25px;
margin:60px auto;
}
.con2 .black-box{
background:url("../images/con2_bg.png") no-repeat 50% 0%;
width:398px;
float:left;
padding:40px 30px;
}
.con2 .black-box:first-child{
margin-right:12px;
}
.con2 .black-box .sub-txt{
font-weight:bold;
line-height:1.7em;
letter-spacing:0.02em;
margin-top:10px;
margin-bottom:50px;
}
.con2 .black-box-in1{
text-align:left;
}
.con2 .black-box-in1 h3{
color:#DADF00;
font-weight:bold;
font-size:1.15em;
padding-top:5px;
margin-bottom:15px;
}
.con2 .black-box-in1 .l_img{ margin-right:28px; }
.con2 .black-box-in1 .r_img{ margin-left:20px; }
.con2 .black-box-in2{
display:table-cell;
width:175px;
text-align:left;
vertical-align:middle;
border:1px solid #DADF00;
}
.con2 .black-box-in2 h3{
color:#DADF00;
font-weight:bold;
font-size:1.15em;
margin:15px 18px 10px;
}
.con2 .black-box-in2 p{
margin:0px 18px 18px;
}
.con2 .black-box-in3{
display:table-cell;
vertical-align:middle;
}
/* con3
-------------------------------- */
.con3{
background:#8CC63F url("../images/con3_bg2.jpg") no-repeat 50% 0%;
text-align:center;
padding-top:125px;
padding-bottom:150px;
}
.con3 .top-ttl span{
display:block;
margin-top:19px;
margin-bottom:50px;
}
.con3  .top-txt{ font-weight:bold; }
.con3-box{
background:rgba(0,0,0,.3);
margin-top:80px;
padding:35px 64px 45px;
}
.con3-box-in{
background:url("../images/con3_bg.png") no-repeat 50% 0%;
margin-top:30px;
padding:25px 115px 0px;
color:#fff;
}
.con3-box-in hr{
border:#77a835 1px solid;
margin-top:28px;
margin-bottom:35px;
}
.con3-box-in  .clearfix{ text-align:left;line-height:1.7em;}
.con3-box-in  .l_img{ margin-right:40px;}
.con3-box-in h3{
color:#DADF00;
font-weight:bold;
font-size:1.15em;
margin:15px 18px 10px;
}
/* con4
-------------------------------- */
.con4{
background:#000;
color:#fff;
padding-top:150px;
padding-bottom:170px;
text-align:center;
}
.con4 .top-txt{ margin-top:20px; }
.con4-box1{
background:url("../images/con4_bg.jpg") no-repeat 50% 0%;
margin-top:30px;
padding-top:400px;
text-align:left;
}
.con4-box1-in1{
float:left;
width:356px;
margin-top:45px;
letter-spacing:0.03em;
}
.con4-box1-in1 h1{
color:#DADF00;
font-weight:bold;
font-size:1.15em;
margin-bottom:20px;
}
.con4-box1-in2{
background:url("../images/con4_bg3.png") no-repeat 50% 0%;
float:right;
width:293px;
margin-top:45px;
padding:28px;
font-size:0.88em;
line-height:2em;
letter-spacing:0.03em;
}
.con4-box1-in2 p{ margin:5px auto; }
.con4-box1-in2 a{ color:#F7931E;text-decoration:none; }
.con4-box1-in2 a:hover{ color:#FFB531; }
.con4-box2{
border-top:1px solid #D9E021;
margin-top:75px;
padding-top:100px;
text-align:left;
}
.con4-box2 .r_img{
margin-top:-140px;
margin-left:40px;
}
.con4-box3{
border-top:1px solid #D9E021;
margin-top:58px;
padding-top:53px;
padding-bottom:120px;
padding-left:25px;
text-align:left;
}
.con4-box3 .l_img{ margin-right:69px; }
.con4-box4{
color:#333333;
background:#fff;
border-radius:20px;
overflow: hidden;
text-align:center;
}
.con4-box4-in{ padding:25px 110px 50px; }
.con4-box4-in2-l{ float:left; }
.con4-box4-in2-r{ float:right; }
.con4-box4-in2-l,.con4-box4-in2-r{ width:336px; }
.con4-box4-in h3{
font-weight:bold;
font-size:1.15em;
margin:7px auto 5px;
}
.con4-box4-in p{
text-align:left;
width:91%;
margin:7px auto;
letter-spacing: 0.01em;
}
/* con5
-------------------------------- */
.con5{
background:#F2F2F2;
text-align:center;
padding-top:129px;
padding-bottom:170px;
}
.con5 .sub-txt{
font-weight:bold;
font-size:1.2em;
margin:20px auto;
}
.con5 p{
text-align:left;
margin:0px auto;
width:596px;
font-size:1.1em;
}
.con5 .border-box{
border:1px solid #B3B3B3;
background:#fff;
padding:25px;
margin:56px auto 0px;
width:564px;
min-height:170px;
}
.con5 .border-box h2{
font-weight:bold;
font-size:1.15em;
color:#8CC63F;
font-size:1.4em;
text-align:left;
}
.con5 .border-box ul{
font-weight:bold;
text-align:left;
margin:18px auto 20px;
}
.con5 .border-box li{
margin:2px 0px 2px 1.5em;
position: relative;
}
.con5 .border-box li::after {
display: block;
content: '★';
position: absolute;
top:0;
left: -1.3em;
}
/* con6
-------------------------------- */
.con6{
background:url("../images/con5_bg.jpg") no-repeat 50% 50%;
background-size:cover;
text-align:center;
padding-top:69px;
padding-bottom:83px;
color:#fff;
}
.con6 p{
text-align:left;
max-width:560px;
width:55%;
margin:25px auto 0px;
}
/* con7
-------------------------------- */
.con7{
text-align:center;
padding-top:124px;
padding-bottom:200px;
}
.con7 .clearfix{
width:840px;
margin:0px auto;
}
.con7-box-r{ float:right; }
.con7-box-l{ float:left;}
.con7-box-r,.con7-box-l{
text-align:left;
width:390px;
}
.con7-box-l h1,.con7-box-r h1{
font-size:1.15em;
margin:20px auto 15px;
}
/* con8
-------------------------------- */
.con8{
background:#DADF00;
text-align:center;
padding-top:165px;
padding-bottom:153px;
color:#000;
}
.con8 hr{
border:1px solid #B3BA28;
margin:0px auto;
}
.con8 .border-box{
border:1px solid #B3BA28;
padding:20px 25px;
margin:10px auto 56px;
text-align:left;
max-width:798px;
width:78%;
}
.con8 .border-box li{
margin:3px 0px 3px 1.5em;
position: relative;
}
.con8 .border-box li::after {
display: block;
content: '※';
position: absolute;
top:0;
left: -1.3em;
}
.con8 a{ color:#333333; }
.con8 a:hover{ color:#565656; }
.green_table{
margin:18px auto;
overflow:hidden;
width:100%;
border: 1px solid #A4AA24;
border-collapse: separate;
border-radius:10px;
border-spacing:0;
}
.green_table th{
border-bottom:1px solid #A4AA24;
padding:10px 20px;
background:#C2C92C;
width:200px;
}
.green_table td{
border-bottom:1px solid #A4AA24;
padding:10px;
background:#fff;
text-align:left;
}
.green_table tbody tr:last-child th,
.green_table tbody tr:last-child td{
border-bottom: none;
}