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


@media only screen and (min-width: 768px){
  
  body{
    font-size:14px;
    line-height:20px;
  }
  
  a:hover img{
    opacity:0.7;
  }
  
  body{
    background:url(../images/header_bg.png) repeat-x left top;
  }
  
  .header{
    width:982px;
    height:422px;
    position:relative;
    margin:0 auto;
  }
  
  .header h1{
    position:absolute;
    left:0;
    top:0;
  }
  
  .header div{
    padding:8px 0 8px 2px;
    background:url(../images/logo_bg.png) repeat left top;
    position:absolute;
    left:0;
    top:0;
    width:980px;
  }
  
  .header p{
    padding:20px 28px;
    background:url(../images/mainbtn_bg.png) repeat left top;
    position:absolute;
    left:266px;
    bottom:25px;
  }
  
  .title_01{
    text-align:center;
    background:url(../images/title_bg_01.png) repeat-x left top;
  }
  
  .text_01{
    background:#fff8c1;
  }
  
  .text_01 p{
    width:920px;
    margin:0 auto;
    padding:20px 0 60px 0;
    font-size:18px;
    line-height:26px;
    color:#333;
  }
  
  .title_02{
    text-align:center;
    background:url(../images/title_bg_02.png) repeat-x left top;
  }
  
  .text_02{
    background:#fff6ea;
    color:#fff;
    font-size:16px;
    line-height:24px;
    padding:50px 0 65px 0;
  }
  
  .text_02 dt{
    font-weight:bold;
    font-size:24px;
    padding:9px 0 0 50px;
    min-height:38px;
  }
  
  .text_02 dd{
    padding:10px 0 0 0;
  }
  
  .box_05{
    width:920px;
    margin:0 auto;
  }
  
  .box_01{
    width:450px;
    float:left;
  }
  
  .box_01 dl{
    border:solid 5px #81dce7;
    background:#19b1c4;
    padding:9px 17px 20px 17px;
  }
  
  .box_01 dt{
    background:url(../images/icon_01.png) no-repeat left top;
  }
  
  .box_02{
    width:450px;
    float:right;
  }
  
  .box_02 dl{
    border:solid 5px #03c8c0;
    background:#02a9a2;
    padding:9px 17px 20px 17px;
  }
  
  .box_02 dt{
    background:url(../images/icon_02.png) no-repeat left top;
  }
  
  .box_03{
    width:548px;
    float:left;
  }
  
  .box_03 dl{
    border:solid 5px #ffcc66;
    background:#f49f19;
    padding:9px 17px 0 17px;
    height:225px;
  }
  
  .box_03 dt{
    background:url(../images/icon_03.png) no-repeat left top;
  }
  
  .box_03 em{
    font-weight:bold;
    text-decoration:underline;
    color:#362e2b;
  }
  
  .box_04{
    width:351px;
    float:right;
  }
  
  .title_03{
    text-align:center;
    background:url(../images/title_bg_03.png) repeat-x left top;
  }
  
  .text_03{
    background:#ddf0e4;
    margin:0 0 40px 0;
  }
  
  .text_03 dl{
    width:920px;
    margin:0 auto;
    padding:15px 0 25px 0;
  }
  
  .text_03 dd{
    font-size:18px;
    line-height:24px;
    padding:20px 0 45px 0;
  }
  
  .text_03 p{
    font-size:14px;
    padding:20px 0 0 0;
  }
  
  .pc_no{
    display:none;
  }
  
  .smp_no{
    display:block;
  }
}

@media only screen and (max-width: 767px){
  .smp_no{
    display:none;
  }
  
  .pc_no{
    display:block;
  }
}

.footer_box p{
  font-size:18px;
  text-align:center;
  margin:60px 10px 15px 10px;
}

.copy_box{
  background:#8f8f8f;
  color:#fff;
  font-size:14px;
  text-align:center;
  padding:10px 0;
}