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

html {font-size:62.5%; width:100%; height:100%;

}
    html, body {
        position: relative;
        height: 100%;
  
  
    }
	
	 body {
       background-image:url(../images/back-leaf2.png);
    background-position:center top;
   background-attachment:scroll;
    position:relative;
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック","YuGothic","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      font-weight:100;
        font-size: 1.4em;
		line-height:1.8;
        color:#000;
        margin: 0;
        padding: 0;
    }
	

  .container {
      max-width:990px
  }
  
img{
	
    height: auto;
    max-width: 100%;
	}

a{  outline:none;}

  
	
/***************************************

#header

***************************************/	

#header {
    padding:15px 0 0;
    background-image:url(../images/header-back.png);
    background-repeat: repeat-x;
    background-position:center bottom;
    
}

#header-inner {
    text-align:center;
}

#header-logoMain{
    margin-bottom:10px;}
    
    
/***************************************

main#content

***************************************/	
 .section-midashi{
     text-align:center;
      margin-bottom:20px;
     }
.section-text{
  text-align:left;
    margin-bottom:30px;}
 .section-box{
     padding:50px 0;}

.section-box>:first-child, .section-inner_box>:first-child{
    margin-top:0;
    }
.section-box>:last-child, .section-inner_box>:last-child{
    margin-bottom:0;
    }
        
 hr{
    background:url(../images/line-dotted.png) repeat-x left top ;  
    height:5px;
    width:100%;
     }        
 @media (min-width: 768px) {
.section-text{
     text-align:center; 
   }
}
 
/***************************************
#sec01
***************************************/	
#sec01 {

}
/***************************************
#sec02
***************************************/	
#sec02 {

  position:relative;
}


#sec02 h3{
    text-align:center;
}

.white-box{
    padding:20px;
 
    margin-bottom:30px;
    position:relative;
    background: url(../images/paper-left.png) repeat-y left top , url(../images/paper-right.png) repeat-y right top,url(../images/paper-up.png) repeat-x left top , url(../images/paper-down.png) repeat-x left bottom #fff;
    
    }
.white-box:before,
.white-box:after {
    content:"";
    display:block;
}
.white-box:after {
    clear:both;
}
.white-box>:first-child{
    margin-top:0;
    }
.white-box>:last-child{
    margin-bottom:0;
    }



@media (min-width: 768px) {
    #sec02  h3{
    text-align:left;
}
 .white-box{
    padding:40px;
    }
    #sec02:after{
    position:absolute;
    left:20px;
    bottom:-20px;
    content:url(../images/bard.png);
width:95px;
height:134px;
    }
}

/***************************************
#sec03
***************************************/	
#sec03 {
    background:url(../images/back02.png) repeat left top ;  
}
#sec03 .zurashi{
   margin-top:0px; 
    }
#sec03 .item-ichiranLink{
    margin-top:20px;
    text-align:center;
    }
#sec03 .item-box{

    padding:30px 0;
    }
#sec03 .item-box{
  text-align:center;
    }
        
        
#sec03 .item-box figcaption{ 
   }
.itemBtn{
    max-width:100%;
   box-sizing:border-box;
      background-color : #FF6C0E;
  background : rgba(255, 108, 14, 1);
  border-radius : 10px;
  box-shadow : 0px 8px 0px rgba(229, 77, 8, 1);

  padding:14px 42px 14px 20px;
  background-image:url(../images/sec03-btnParts.png);
  background-position:calc(100% - 10px) 50%;
  background-repeat:no-repeat;
  display:inline-block;
  line-height:1;
 
    }
.itemBtn:hover{
      background-color  : #FFB200;
  background : rgba(255, 178, 0, 1);
  border-radius : 10px;

  box-shadow : 0px 8px 0px rgba(219, 144, 0, 1);

   background-image:url(../images/sec03-btnParts.png);
  background-position:calc(100% - 10px) 50%;
  background-repeat:no-repeat;
    }
.itemBtn:active{
    margin-top:4px;
    margin-bottom:-4px;
   box-shadow : 0px 4px 0px rgba(219, 144, 0, 1);   
}

    @media (min-width: 768px) {

        
#sec03 .zurashi{
    margin-top:40px;
    }
    #sec03 .item-ichiranLink{
    text-align:right;
    }
}
    @media (min-width: 1200px) {
   #sec03 .container{
    max-width:100%!important;
    width:1800px!important;
    }
    }

/***************************************
#sec04
***************************************/	
#sec04 {
    background-color:#fff;
    position:relative;
}
#sec04:before {
    background:url(../images/sec04-backUp.png) repeat-x left top ;  
    height:4px;
    width:100%;
    display:block;
    content:"";
      left: 0;
    position: absolute;
    top: -4px;
}
#sec04:after {
    background:url(../images/sec04-backDown.png) repeat-x left bottom ;  
    height:4px;
    width:100%;
    display:block;
    content:"";
      left: 0;
    position: absolute;
    bottom: -4px;
}
@media (min-width: 768px) {
 #sec04 .section-midashi {
     margin-top:80px;
  }
}


/***************************************

#pagetop

***************************************/	
#pagetop {
    bottom: 0px;
    font-size: 77%;
    position: fixed;
    right: 0px;
     z-index:999;
}
#pagetop a {
    color: #fff;
    display: block;
    height: 67px;
    outline: medium none;
    text-align: center;
    text-decoration: none;
    width: 70px;
   
}


/***************************************

#footer

***************************************/	
#footer{
       background:url(../images/back01.png) repeat left top;
    padding:30px 0;}
    #footer-inner{
         
        }
#footer-produced{
    text-align:center;

    }
#footer-copy{
    padding-top:10px;
    margin-top:10px;
 background:  url(../images/line02.png) repeat-x left top ;  
    text-align:center;   
    }