/* もしもの時にもパックごはん！ */


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/

body {
    font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    text-align:center;
}

section img {
    max-width:100%;
    height:auto;
}
section .pc {}
section .sp {display:none;}

/* section */
section {
    width:100%;
    padding:60px 0;
    line-height:1.8;
    font-size:1.3em;
    color:#000000;
}
section#main {
    background-color:#fff295;
    padding:0 0 60px;
}
section#sec02 {background-color:#cce83a;}
section#sec03 {background-color:#66c2a4;}
section#sec04 {background-color:#f9f2e0;}

/* main */

.img_main {
    margin:0 auto 20px;
}


/* title */
section h2.title {
    width:90%;
    max-width:850px;
    height:180px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    margin:0 auto;
    text-indent:-9999px;
}

section h2.title01 {
    background-image:url("../images/title_sec01_01.png");
}
section h2.title02 {
    background-image:url("../images/title_sec01_02.png");
}
section h2.title03 {
    background-image:url("../images/title_sec01_03.png");
}

section h3 {
    margin-bottom:0.5em;
    text-align:left;
    font-size:1.4em;
    font-weight:bold;
}

section h2.normal {
    margin-bottom:0.5em;
    line-height:1.6;
    font-size:2.2em;
}

section p {
    margin-bottom:1em;
    text-align:left;
}
section p.center {
    text-align:center;
}

/* block */
.block {
    width:90%;
    max-width:850px;
    margin:0 auto 40px;
}
.block_left {
    float:left;
    width:49%;
}
.block_right {
    float:right;
    width:49%;
}

.block ol {
    text-align:left;
    list-style:none;
}
.block ol li {
    padding-left:1em;
    text-indent:-1em;
}
.block ol li.note {
    margin-left:-0em;
    padding-top:0.5em;
    line-height:1.4;
    font-size:0.8em;
}
.block ol li.note span {
}

.block img {
    margin-bottom:20px;
}


/* button */
.btn a {
    display:block;
    width:100%;
    height:0;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    margin:0 auto;
    text-indent:-9999px;
}
.btn_list a {
    max-width:398px;
    background-image:url("../images/btn_list.png");
    padding-top:22.864%;
}
.btn_rs a {
    max-width:662px;
    background-image:url("../images/btn_rs.png");
    padding-top:13.746%;
}
.btn a:hover {
    opacity:0.7;
}


/* sec01 */
.note {
    width:90%;
    max-width:850px;
    margin:0 auto;
}


/* sec04 */
section#sec04 .section_inner {
    width:90%;
    max-width:850px;
    background-color:#ffffff;
    margin:0 auto;
    padding-bottom:60px;
}
section#sec04 .section_inner p {
    width:78%;
    margin:0 auto 1em;
}



/* 950px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 950px) {


/* section */
section {
    font-size:1.3em;
}

/* title */
section h2.title {
    height:0;
}

section h2.title01 {
    padding-top:19.0588%;
}
section h2.title02 {
    padding-top:19.0588%;
}
section h2.title03 {
    padding-top:18%;
}

section h2.normal {
    font-size:2.0em;
}


.block ol li.note span {
    left:0.2em;
}

.btn_rs a {
    width:78%;
    padding-top:10.72188%;
}



}
/*-------------------------------------------------------------------------------------------*/
/* 950px以下 END */



/* 768px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {


section h2.normal {
    font-size:1.8em;
}





}
/*-------------------------------------------------------------------------------------------*/
/* 750px以下 END */



/* 750px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 750px) {

section .pc {display:none;}
section .sp {display:block;}


/* section */
section {
    padding:12% 0;
    font-size:1.2em;
}
section#main {
    background-color:#fff295;
    padding:0 0 12%;
}

.block {
    margin:0 auto;
}
section#main .block {
    margin:0 auto 8%;
}

/* title */
section h2.title {
}

section h2.title01 {
    background-image:url("../images/title_sec01_01_sp.png");
    padding-top:22.05%;
}
section h2.title02 {
    background-image:url("../images/title_sec01_02_sp.png");
    padding-top:22.05%;
}
section h2.title03 {
    background-image:url("../images/title_sec01_03_sp.png");
    padding-top:22.05%;
}

section h3 {
    font-size:1.3em;
}


/* button */
.btn_list a {
    width:90%;
    max-width:600px;
    background-image:url("../images/btn_list_sp.png");
    padding-top:13.5%;
}
.btn_rs a {
    background-image:url("../images/btn_rs_sp.png");
    padding-top:11.7%;
}


/* sec01 */
.img_note img {
    display:none;
}
.img_note {
    width:90%;
    height:0;
    background:url("../images/img_sec01_07_sp.png") no-repeat center center;
    background-size:contain;
    margin:0 auto;
    padding-top:59.161%;
}

/* sec03 */
section#sec03 .block {
    margin:0 auto;
}



}
/*-------------------------------------------------------------------------------------------*/
/* 750px以下 END */



/* 480px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {


/* section */
section {
    font-size:1.0em;
}

/* title */
section h2.normal {
    width:96%;
    margin:0 auto 0.5em;
    font-size:1.5em;
}
section h3 {
    font-size:1.2em;
}

/* block */
.block_left {
    float:none;
    width:100%;
}
.block_right {
    float:none;
    width:100%;
}

/* sec04 */
section#sec04 .section_inner {
    padding-bottom:40px;
}


}
/*-------------------------------------------------------------------------------------------*/
/* 480px以下 END */



/* 320px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {


/* title */
section h2.normal {
    font-size:1.3em;
}
section h3 {
    font-size:1.2em;
}





}
/*-------------------------------------------------------------------------------------------*/
/* 320px以下 END */