@charset "UTF-8";


/*===============================================
●共通
===============================================*/

    

/*===============================================
●画面の横幅が641px以上(タブレット・PC)
===============================================*/
@media screen and (min-width: 641px) {

/* !サブページ　タイトル */
    #sub-page-title > h1 > img {
        width: 143px;
    }
    

/* box01 */
    #box01 {
        width: 960px;
        margin:50px auto 0 auto;
        text-align:center;
    }
    
    #box01 > div > div:nth-of-type(1) {
        width: 64px;
        margin: 0 136px 0 0;
        padding: 20px 0 0 0;
    }
    
    #box01 > div > div:nth-of-type(1) img {
        width: 64px;
    }
    
    #box01 > div > div:nth-of-type(2) {
        width: 760px;
        margin: 0;
        text-align: left;
    }
    
    #box01 > div > div:nth-of-type(2) > table {
        width: 760px;
        margin: 0;
        text-align: left;
    }
    
    #box01 > div > div:nth-of-type(2) > table th {
        width: 200px;
        padding: 18px 0 16px 15px;
        color: #b09a4d;
        border-bottom: #cccccc 1px solid;
    }
    
    #box01 > div > div:nth-of-type(2) > table td {
        width: 80px;
        padding: 18px 0 16px 0;
        text-align: left;
        border-bottom: #cccccc 1px solid;
    }
    
    #box01 > div > div:nth-of-type(2) > p {
        width: 760px;
        margin: 20px 0 0 0;
    }
    

/* box02 */
    #box02 {
        width: 960px;
        margin:100px auto 0 auto;
        text-align:center;
    }
    
    #box02 > div > div:nth-of-type(1) {
        width: 760px;
        margin: 0 131px 0 0;
        padding: 40px 50px;
        border: #cccccc double;
        background-color: #FFF;
    }
    
    #box02 > div > div:nth-of-type(1) > div:nth-of-type(1) {
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        border-bottom: #cccccc 1px solid;
    }
    
    #box02 > div > div:nth-of-type(1) > div > p:nth-of-type(1) {
        margin: 0 0 10px 0;
        font-size: 21px;
        color: #b09a4d;
    }
    
    #box02 > div > div:nth-of-type(1) > div > p:nth-of-type(2) {
        margin: 0 0 15px 0;
    }
    
    #box02 > div > div:nth-of-type(1) > div > div > p:nth-of-type(1) {
        display: inline-block;
        width: 280px;
        text-align: left;
    }
    
    #box02 > div > div:nth-of-type(1) > div > div > p:nth-of-type(1) > span {
        color: #b09a4d;
    }
    
    #box02 > div > div:nth-of-type(1) > div > div > p:nth-of-type(2) {
        display: inline-block;
        width: 200px;
        text-align: left;
    }
    
    #box02 > div > div:nth-of-type(1) > div > div > p:nth-of-type(2) > span {
        font-size: 24px;
    }
    
    #box02 > div > div:nth-of-type(2) {
        width: 69px;
        margin: 0;
    }
    
    #box02 > div > div:nth-of-type(2) img {
        width: 69px;
    }
    
    
/* box03 */
    #box03 {
        width: 960px;
        margin:100px auto 0 auto;
        text-align:center;
    }
    
    #box03 > div > div:nth-of-type(1) {
        width: 70px;
        margin: 0 110px 0 0;
    }
    
    #box03 > div > div:nth-of-type(1) > img {
        width: 70px;
    }
    
    #box03 > div > div:nth-of-type(2) {
        width: 420px;
        margin: 0;
        text-align: left;
    }
    
    #box03 > div > div:nth-of-type(3) {
        width: 360px;
        margin: 0;
    }
    
    #box03 > div > div:nth-of-type(3) > img {
        width: 360px;
    }
    
    
/* box04 */
    #box04 {
        width: 960px;
        margin:100px auto 0 auto;
        text-align:center;
    }
    
    #box04 > div > div:nth-of-type(1) {
        width: 360px;
        margin: 0 40px 0 0;
    }
    
    #box04 > div > div:nth-of-type(1) > img {
        width: 360px;
    }
    
    #box04 > div > div:nth-of-type(2) {
        width: 486px;
        margin: 0;
        text-align: left;
    }
    
    #box04 > div > div:nth-of-type(3) {
        width: 74px;
        margin: 0;
    }
    
    #box04 > div > div:nth-of-type(3) > img {
        width: 74px;
    }
    

/* box05 */
    #box05 {
        width: 960px;
        margin:60px auto 120px auto;
        padding: 20px 40px;
        text-align:left;
        border: #cccccc double;
    }
    
    #box05 p:nth-of-type(1) {
        font-size: 21px;
        margin: 0 0 10px 0;
    }
    
}

/*===============================================
●画面の横幅が640px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 640px) {	

/* !サブページ　タイトル */
    #sub-page-title > h1 > img {
        width: 102px;
    }
    
    
/* box01 */
    #box01 {
        width:100%;
        margin:35px auto 0 auto;
        text-align:center;
    }
    
    #box01 > div > div:nth-of-type(1) {
        width:100%;
        margin: 0 auto;
    }
    
    #box01 > div > div:nth-of-type(1) img {
        width: 122px;
    }
    
    #box01 > div > div:nth-of-type(2) {
        width: 90%;
        margin: 10px auto 0 auto;
        text-align: left;
    }
    
    #box01 > div > div:nth-of-type(2) > table {
        width:100%;
        margin: 0;
        text-align: left;
    }
    
    #box01 > div > div:nth-of-type(2) > table th {
        width: 110px;
        padding: 15px 0 13px 0;
        color: #b09a4d;
        border-bottom: #cccccc 1px solid;
    }
    
    #box01 > div > div:nth-of-type(2) > table td {
        padding: 15px 0 13px 0;
        text-align: center;
        border-bottom: #cccccc 1px solid;
    }
    
    #box01 > div > div:nth-of-type(2) > p {
        width:100%;
        margin: 10px 0 0 0;
    }

    
/* box02 */
    #box02 {
        width:100%;
        margin: 50px auto 0 auto;
        text-align:center;
    }
    
    #box02 > img {
        width: 82px;
    }
    
    #box02 > div > div:nth-of-type(1) {
        width: 90%;
        margin: 30px auto 0 auto;
        padding: 20px 15px;
        text-align: left;
        border: #cccccc double;
        background-color: #FFF;
    }
    
    #box02 > div > div:nth-of-type(1) > div:nth-of-type(1) {
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
        border-bottom: #cccccc 1px solid;
    }
    
    #box02 > div > div:nth-of-type(1) > div > p:nth-of-type(1) {
        margin: 0 0 5px 0;
        font-size: 16px;
        color: #b09a4d;
    }
    
    #box02 > div > div:nth-of-type(1) > div > p:nth-of-type(2) {
        margin: 0 0 10px 0;
    }
    
    #box02 > div > div:nth-of-type(1) > div > div > p:nth-of-type(1) {
        text-align: left;
    }
    
    #box02 > div > div:nth-of-type(1) > div > div > p:nth-of-type(1) > span {
        color: #b09a4d;
    }
    
    #box02 > div > div:nth-of-type(1) > div > div > p:nth-of-type(2) {
        text-align: right;
    }
    
    #box02 > div > div:nth-of-type(1) > div > div > p:nth-of-type(2) > span {
        font-size: 18px;
    }
    

/* box03 */
    #box03 {
        width:90%;
        margin: 50px auto 0 auto;
        text-align:center;
    }
    
    #box03 > div > div:nth-of-type(1) {
        margin: 0 auto;
    }
    
    #box03 > div > div:nth-of-type(1) > img {
        width: 58px;
    }
    
    #box03 > div > div:nth-of-type(2) {
        width:100%;
        margin: 30px auto 0 auto;
        text-align: left;
    }
    
    #box03 > div > div:nth-of-type(3) {
        width:100%;
        margin: 20px auto 0 auto;
    }
    
    #box03 > div > div:nth-of-type(3) > img {
        width:100%;
    }
    
    
/* box04 */
    #box04 {
        width:90%;
        margin: 50px auto 0 auto;
        text-align:center;
    }
    
    #box04 > div > div:nth-of-type(1) {
        margin: 0 auto;
    }
    
    #box04 > div > div:nth-of-type(1) > img {
        width: 144px;
    }
    
    #box04 > div > div:nth-of-type(2) {
        width:100%;
        margin: 30px auto 0 auto;
        text-align: left;
    }
    
    #box04 > div > div:nth-of-type(3) {
        width:100%;
        margin: 20px auto 0 auto;
    }
    
    #box04 > div > div:nth-of-type(3) > img {
        width:100%;
    }
    
    
/* box05 */
    #box05 {
        width: 90%;
        margin:28px auto 60px auto;
        padding: 15px 20px;
        text-align:left;
        border: #cccccc double;
    }
    
    #box05 p:nth-of-type(1) {
        font-size: 16px;
        margin: 0 0 8px 0;
    }
    
    
}