/*******************************************************************/
/* PC：幅769px以上                                                 */
/*******************************************************************/
@media screen and (min-width: 769px) {
/*=================================================================*/
@charset "UTF-8";



#all {
    min-width: 710px;
}
#contents {
    margin-bottom: 60px;
    padding-top: 45px;
    width: 710px;
}
#contents #main-area {
    float: none;
    margin-top: 0;
}
#footer {
    background-position: left top;
    min-width: 710px;
}
#footer #copy-right {
    border-top: medium none;
    padding-top: 35px;
}
#footer #copy-right p {
    width: 710px;
}
.mlay-01-all .mlay-01 {
    margin-top: 50px;
}
.mlay-01-all .mlay-01 .mlay-01-head p {
    padding-right: 21px;
}
.mlay-01-all .mlay-01 .right-box {
    width: 180px;
}
.mlay-01-all .mlay-01 .left-box {
    margin-bottom: 10px;
    width: 120px;
}
.caution-box {
    background-color: rgb(240, 248, 197);
    padding: 20px;
}
.box-layout {
    background-color: rgb(255, 255, 255);
    border: 3px solid rgb(204, 204, 204);
}
.caution-box .mbd-01 {
    margin-bottom: 5px !important;
}
.list-ul li, .list-01 li {
    margin-bottom: 5px;
}
.list-01 li {
    background-position: 1px 7px;
}
.list-ul, .list-01 {
    margin-bottom: 0;
}
.list-allow {
    margin-bottom: 0;
}
#all .link-txt {
    color: rgb(0, 153, 255);
    text-decoration: underline;
}
#all .link-txt:hover {
    text-decoration: none;
}
#main-area .btn-more-look {
    margin-top: 20px;
    text-align: center;
}
#main-area .imp-txt {
    color: rgb(204, 102, 0);
}
#main-area p.link-print {
    margin-top: 60px;
    text-align: right;
}
#main-area .read-box {
}
#main-area .read-box .left-box {
    float: left;
    width: 120px;
}
#main-area .read-box .right-box {
    float: right;
    width: 550px;
}
#main-area .print-box {
    margin-bottom: 20px;
}
#main-area .print-box .left-box {
    float: left;
    width: 510px;
}
#main-area .print-box .right-box {
    float: right;
    width: 160px;
}
#main-area .step-box {
    width: 690px;
}
#main-area .step-box .left-box {
    float: left;
    width: 340px;
}
#main-area .step-box .left-box img {
    vertical-align: top;
}
#main-area .step-box .left-box .img-step {
    margin-left: 20px;
}
#main-area .step-box .left-box .icon-arrow {
    display: block;
    height: 10px;
    margin: 20px 10px 20px auto;
    width: 20px;
}
#main-area .step-box .right-box {
    float: right;
    font-size: 16px;
    padding-top: 50px;
    width: 330px;
}
#main-area #sej-step01 {
    padding-top: 100px;
}
#main-area #sej-step02 {
    padding-top: 15px;
}
#main-area #ministop03, #main-area #daily-yamazaki03 {
    padding-top: 35px;
}


/*<end>============================================================*/
}

/**************************************************************************************************************************************/
/* SP：幅768px以下                                                 */
/**************************************************************************************************************************************/
@media screen and (max-width: 768px) {
/*=================================================================*/

#all {
}
#contents {
}
#contents #main-area {
    float: none;
    margin-top: 0;
}
#footer {
    background-position: left top;
}
#footer #copy-right {
    border-top: medium none;
    padding-top: 35px;
    padding: 8% 0 3% 0;
}
#footer #copy-right p {
}
.mlay-01-all .mlay-01 {
    margin-top: 5%;
}
.mlay-01-all .mlay-01 .mlay-01-head p {
}
.mlay-01-all .mlay-01 .right-box {
    width: 60%;
}
.mlay-01-all .mlay-01 .left-box {
    margin-bottom: 10px;
    width: 30%;
}

	.mlay-01-all .mlay-01 .left-box img {
		width: 100% !important;
		height: auto;
		}
		
.caution-box {
    background-color: rgb(240, 248, 197);
    padding: 20px;
    margin-bottom: 10%;
}
.box-layout {
    background-color: rgb(255, 255, 255);
    border: 3px solid rgb(204, 204, 204);
}
.caution-box .mbd-01 {
    margin-bottom: 5px !important;
}
.list-ul li, .list-01 li {
    margin-bottom: 5px;
}
.list-01 li {
    background-position: 1px 7px;
}
.list-ul, .list-01 {
    margin-bottom: 0;
}
.list-allow {
    margin-bottom: 0;
}
#all .link-txt {
    color: rgb(0, 153, 255);
    text-decoration: underline;
}
#all .link-txt:hover {
    text-decoration: none;
}
#main-area .btn-more-look {
    margin-top: 20px;
    text-align: center;
}
#main-area .imp-txt {
    color: rgb(204, 102, 0);
}
#main-area p.link-print {
    margin-top: 60px;
    text-align: right;
}
#main-area .read-box {
}
#main-area .read-box .left-box {
    width: 30%;
    margin: 0 auto 4% auto
}

#main-area .read-box .left-box img {
	width: 100%;
	height: auto;
	}
#main-area .read-box .right-box {

}
#main-area .print-box {
    margin-bottom: 20px;
}
#main-area .print-box .left-box {
}
#main-area .print-box .right-box {
    float: right;
    width: 160px;
}
#main-area .step-box {
}

#main-area .step-box .ttl {
	background: #C4E41A;
	padding: 3% 0;
	text-align: center;
	border-radius: 5px;
	font-weight: bold;
	color: #003327;
	margin: 0 0 4% 0;
	}

#main-area .step-box .left-box {
	width: 90%;
	margin: 0 auto;
	}

	#main-area .step-box .left-box img {
		width: 100%;
		height: auto;
		}
#main-area .step-box .left-box img {
    vertical-align: top;
}
#main-area .step-box .left-box .img-step {
    margin-left: 20px;
}
#main-area .icon-arrow {
    display: block;
    height: 10px;
    margin: 5% auto;
    width: 20px;
}
#main-area .step-box .right-box {
margin: 5% 0 0 0;
}
#main-area #sej-step01 {
    /*padding-top: 100px;*/
}
#main-area #sej-step02 {
    padding-top: 15px;
}
#main-area #ministop03, #main-area #daily-yamazaki03 {
    padding-top: 35px;
}

/*<end>============================================================*/
}