@charset "Shift_JIS";

.subtitle_5{
   color : #3c3c3c;
    font-size : 20px;
   font-weight : bold;
   text-align : left;
   font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
   padding: 6px 0px 6px 20px;
   border-bottom : 1px solid #009999;
   background-repeat : no-repeat;
   background-position : 8px 12px;
    margin: 10px 10px 0px 38%;
   background-image : url(../../img/page_title_1.gif);
   text-shadow: 1px 1px 2px rgba(210, 210, 210, 0.45);
     box-shadow:0px 3px 0px 0px rgba(230, 230, 230, 0.75);
}
.area{
   width : 98%;
   padding: 10px;
   box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.12) inset;
   margin: 10px 0px 20px 0px;
   border: solid 1px rgba(80, 140, 60, 0.6);
     height : 240px;
}

.area_1{
   width : 40%;
   float: left;
   text-align : left;
}
.area_2{
   width : 60%
   float: left;
   text-align : left;
}
.font11{
   font-size : 11pt;
   color : black;
   font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
   line-height : 26px;
   text-align : left;
    
    margin: 20px 10px 0px 460px;
   list-style-position : outside;
   text-shadow: 1px 1px 2px rgba(210, 210, 210, 0.45);
   list-style-image : url(../../img/list4.gif);
}
.img4{
    width: 400px;
   background-color : #fff;
   padding : 2px;
   border: 1px solid rgb(165, 165, 255);
margin: 10px 0px 20px 10px;
}
@media screen and (max-width: 1024px) {
.subtitle_5{
   color : #3c3c3c;
    font-size : 20px;
     background-position : 8px 16px;
   padding: 8px 0px 8px 20px;
    margin: 10px 10px 0px 40%;
}
.img4{
    width: 360px;
margin: 10px 0px 20px 10px;
}
 .area{
   height : 220px;
}

 .font11{
   font-size : 11pt;
    margin: 20px 10px 0px 420px;
}
}
@media screen and (max-width: 960px) {
.subtitle_5{
   color : #3c3c3c;
    font-size : 20px;
     background-position : 8px 16px;
   padding: 8px 0px 8px 20px;
    margin: 10px 10px 0px 43%;
}
.img4{
    width: 360px;
margin: 10px 0px 20px 10px;
}
 .area{
   height : 220px;
}

 .font11{
   font-size : 11pt;
    margin: 20px 10px 0px 420px;
}
}
@media screen and (max-width: 880px) {
.subtitle_5{
   color : #3c3c3c;
    font-size : 20px;
     background-position : 8px 16px;
   padding: 8px 0px 8px 20px;
    margin: 10px 10px 0px 50%;
}
.img4{
    width: 360px;
margin: 10px 0px 20px 10px;
}
 .area{
   height : 220px;
}

 .font11{
   font-size : 11pt;
    margin: 20px 10px 0px 410px;
}
}
@media screen and (max-width: 780px) {
.subtitle_5{
   color : #3c3c3c;
    font-size : 20px;
     background-position : 8px 16px;
   padding: 8px 0px 8px 20px;
    margin: 10px 10px 0px 48%;
}
.img4{
    width: 320px;
margin: 10px 0px 20px 10px;
}
 .area{
   height : 200px;
}

 .font11{
   font-size : 11pt;
    margin: 20px 10px 0px 370px;
}
}
@media screen and (max-width: 680px) {
.subtitle_5{
   color : #3c3c3c;
    font-size : 20px;
     background-position : 8px 12px;
   padding: 8px 0px 8px 20px;
    margin: 10px 2% 0px 2%;
}
.img4{
    width: 94%;
margin: 10px 3% 10px 3%;
}
 .area{
       width : 96%;
     margin: 10px 0px 20px 0px;
   height : auto;
}
.area_1{
   width : 100%;
   float: none;
   text-align : left;
}
.area_2{
   width : 100%
   float: none;
   text-align : left;
}
 .font11{
   font-size : 11pt;
    margin: 20px 10px 10px 40px;
}
}
@media screen and (max-width: 480px) {
.subtitle_5{
   color : #3c3c3c;
    font-size : 20px;
     background-position : 6px 14px;
   padding: 8px 0px 8px 20px;
    margin: 10px 2% 0px 2%;
}
.img4{
    width: 94%;
margin: 10px 3% 10px 3%;
}
 .area{
       width : 94%;
     margin: 10px 0px 20px 0px;
   height : auto;
}
.area_1{
   width : 100%;
   float: none;
   text-align : left;
}
.area_2{
   width : 100%
   float: none;
   text-align : left;
}
 .font11{
   font-size : 11pt;
    margin: 20px 10px 10px 40px;
}
}