.sp {
    display: none;
}
.pc {
    display: block;
}
/*.min {
    font-family: "貂ｸ譏取悃", "YuMincho", serif;
}*/
sup {
    font-size: 60.5%;
    vertical-align: top;
    position: relative;
    top: -0.3em;
}
#cnt p {
    line-height: normal;
    font-size: 16px;
}
#cnt .mainbg {
    background: url(../img/img2.png);
    background-position: center 220px;
    margin: 20px auto;
    text-align: center;
}
#cnt .box1 .wing {
    background: url(../img/img1.png) no-repeat;
    background-position: center -300px;
    padding: 40px 0 20px;
}
#cnt .box1 .textbox {
    background: url(../img/img3.png) no-repeat;
    width: 592px;
    height: 460px;
    display: table;
    margin: 0 auto;
}
#cnt .box1 .textbox p {
    padding: 70px 10px 0;
}
#cnt .box1 .textbox a {
    display: table;
    margin: 20px auto;
}
#cnt .box1 ul.list_in li {
    margin: 10px;
}
#cnt .box2 {
    background: url(../img/img7.png) no-repeat;
    width: 910px;
    padding-bottom: 20px;
}
#cnt .box2 .textbox p {
}
#cnt .box2 .textbox a {
    display: table;
    margin: 20px auto;
}
#cnt .box2 .sec1.textbox img {
    margin: 0 auto;
    padding: 40px 0;
}
#cnt .box2 .sec1 .min {
    font-size: 20px;
    color: #9f8b49;
}
#cnt .box2 .sec1 p {
    text-align: left;
    margin: 10px 0;
}
#cnt .box2 .sec2 {
    padding: 30px 0 0;
}
#cnt .box2 .sec2 img {
    margin: 0 auto;
}
#cnt .box2 .sec2 p {
    text-align: left;
    padding: 10px 20px 20px 140px;
}
#cnt .box2 .sec3 {
    padding: 100px 0 0;
}
#cnt .box2 .sec3 p {
    display: block;
    text-align: right;
    font-size: 12px;
    margin: 10px 20px;
}
#cnt .box3 {
    display: block;
    font-size: 12px;
    margin: 10px 0px;
    padding-top: 20px;
}
#cnt .box3 .wing {
    background: url(../img/img15.png) no-repeat;
    background-position: center top;
    width: 910px;
}
#cnt .box3 .textbox {
    background: url(../img/img16.png) no-repeat;
    width: 592px;
    height: 323px;
    padding-top: 50px;
    display: table;
    margin: 0 auto;
}
#cnt .box3 .textbox p {
    text-align: center;
    margin: 40px 0 10px;
}
#cnt .box3 .textbox a {
    display: table;
    margin: 10px auto;
}
ul.list_in li {
    display: inline-block;
}
ul.caption {
    display: table;
    margin: 0 auto;
}
ul.caption li {
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
}
.d_inline {
    display: inline-block;
    vertical-align: middle;
}

/* end */

@media (max-width: 720px) {
.pc {
    display: none;
}
.sp {
    display: block;
    margin: 0 auto;
}
#cnt {
    overflow-x: hidden;
}
#cnt .sp img {
    height: auto !important;
}
#cnt .main img {
    width: 100%;
    height: auto !important;
}
#cnt a img {
    width: 65%;
    height: auto !important;
}
#cnt img {
    width: 94%;
    height: auto !important;
}
#cnt .mainbg {
    width: 100%;
    overflow: hidden;
    background-position: center 0px;
}
#cnt .box1 .wing {
    background-position: center -60px;
    background-size: cover;
    padding: 40px 0 10px;
}
#cnt .box1 .textbox {
    width: 140%;
    height: auto;
    background-size: contain;
    background-position: center center;
    margin: 0 auto 0 -20%;
}
#cnt .box1 .textbox p {
    padding: 10% 18% 0;
    font-size: 1em;
}
#cnt .box1 .textbox a {
    margin: 0 auto;
    padding: 3% 0 8% 0;
}
#cnt .box2 {
    width: 100%;
    padding-top: 5%;
}
#cnt .box2 .sec1 .min {
    font-size: 1.2em;
}
#cnt .box2 .sec1 p br {
    display: none;
}
#cnt .box2 .sec1 .d_inline {
    width: 94%;
}
#cnt .box2 .sec1.textbox img {
    padding: 0%;
}
#cnt .box2 .sec2 {
    text-align: center;
    padding: 32% 0 0 0;
}
#cnt .box2 .sec2 p {
    padding: 3%;
    font-size: 1em;
}
#cnt .box2 .sec2 ul.list_in li {
    width: 48%;
}
#cnt .box2 .sec3 {
    padding: 10% 0 0 0;
}
#cnt .box2 .sec3 p {
    margin: 3% 5%;
}
#cnt .box3 {
    margin: 0;
}
#cnt .box3 .wing {
    width: 100%;
    overflow: hidden;
}
#cnt .box3 .textbox {
    width: 140%;
    height: auto;
    background-size: 90% 100%;
    background-position: center center;
    margin: 0 0 0 -20%;
    padding: 5% 0 10%;
}
#cnt .box3 .textbox p {
    font-size: 1em;
}
#cnt .box3 .textbox a {
    text-align: center;
    margin: 2% auto 3%;
}
.w60 {
    width: 60%!important;
}
#cnt .sweet img {
    width: 100%;
    height: auto !important;
}
}

@media (max-width: 400px) {
#cnt .box2 .sec1.textbox img {
    padding: 3%;
}
#cnt .box2 .sec2 {
    padding: 43% 0 0 0;
}
}

@media (max-width: 320px) {
#cnt .box1 .textbox {
    width: 160%;
    margin: 0 auto 0 -30%;
}
#cnt .box1 .textbox p {
    padding: 10% 20% 0;
}
#cnt .box1 a img {
    width: 60%;
}
#cnt .box2 .sec2 {
    padding: 80% 0 0 0;
}
#cnt .box2 .sec3 {
    padding: 30% 0 0 0;
}
ul.caption {
    width: 65%;
}
}