@charset "utf-8";


@media screen and (min-width: 769px) {
.nac08{background-color: #ffffff;}

}


.g01 .tacbgggold456{background-color: #fafaf8;text-align: center;margin-top: 40px;color: #7c6c57;border-top: 1px solid #7c6c57;padding: 20px 0;}

.g01 .goldborderb.big{font-size: 2.2rem;margin-bottom: 15px;}

.g01 .wnew.orderbox.clearfix{}
.g01 .wnew.orderbox.clearfix .ph{float: right;}
.g01 .wnew.orderbox.clearfix .text{}
.g01 .wnew.orderbox .colorbg77{color: #b9aea1;}

.g01 .wnew.orderbox.clearfix .bgcolorboxinput{background-color: #fafaf8;padding: 20px 40px;}

.g01 .wnew.orderbox.clearfix .bgcolorboxinput{margin-right: 370px;}
.g01 .wnew.orderbox.clearfix .bgcolorboxinput .inputbox012{
display: -webkit-flex;display: flex;margin-bottom: 15px;
}
.g01 .wnew.orderbox.clearfix .bgcolorboxinput .inputbox012 input{border: 0px !important;background-color: #fafaf8;}
.g01 .wnew.orderbox.clearfix .bgcolorboxinput .inputbox012{border-bottom: 1px solid #7c6c57;}
.g01 .wnew.orderbox.clearfix .bgcolorboxinput .inputbox012 .input02{-webkit-flex-grow: 1;flex-grow: 1;}

@media screen and (max-width: 1350px) {
.g01 .wnew.orderbox.clearfix .bgcolorboxinput{padding: 20px 10px;}
}

@media screen and (max-width: 1200px) {
.g01 .wnew.orderbox.clearfix .bgcolorboxinput .flexonlydiv{ -webkit-flex-direction: column;flex-direction: column;}
.g01 .wnew.orderbox.clearfix .bgcolorboxinput .flexonlydiv .half{width: 100%;}
}


@media screen and (min-width: 769px) {


}


@media screen and (max-width: 768px) {

.g01 .wnew.orderbox.clearfix .bgcolorboxinput{margin-right: 0px;}
.g01 .wnew.orderbox.clearfix .ph{float: none;text-align: center;margin-bottom: 15px;}

}





.g02 .setm456987 li{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;border-bottom: 1px solid #a1a1a1;margin-bottom: 15px;}

.g02 .in li input[type=checkbox] {width: 13px !important;height: 13px !important;margin-right: 3px;}

.g02 .listlig02{display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap;flex-wrap: wrap;}
.g02 .listlig02 li{padding-right: 2em;}

@media screen and (min-width: 769px) {

.g02 .in{padding-left: 10px;}

}






.g03 .boxbg00sched{background-color: #f9f8f7;color: #7c6c57;border-top: 1px solid #7c6c57;border-bottom: 1px solid #7c6c57;position: relative;}
.g03 .h3tit01456{font-weight: 900;font-size: 1.6rem;position: absolute;top: -15px;left: 0;background-color: #fff;text-shadow:
0px 0px #ffffff, /* テキストの影を指定（[左右][上下][影の色]） */
1px 1px #ffffff,
2px 2px #ffffff,
3px 3px #ffffff,
4px 4px #ffffff,
5px 5px #ffffff,
6px 6px #ffffff;}
.g03 .boxbg00sched ul{margin: 20px 40px;}
.g03 .boxbg00sched ul li{margin-bottom: 10px;}

.g03 .flowboxsche{border-left: 1px solid #7c6c57;padding-left: 10px;}
.g03 .flowboxsche .flexonlydiv{border-top: 1px dotted #7c6c57;padding: 10px 0 10px 10px;margin-left: 10px;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;}
.g03 .flowboxsche .circle,.flowboxsche .tit{color: #7c6c57;}

.g03 .flowboxsche{width: 95%;margin: 80px auto 20px auto;}
.g03 .flowboxsche .circle{margin: -20px 0 0 -38px;}
.g03 .flowboxsche .flexonlydiv.v1 .circle{font-size: 2.2rem;margin: -30px 0 0 -41px;}
.g03 .flowboxsche .tit{width: 20%;padding-left: 15px;}
.g03 .flowboxsche .detail{width: 78%;}
@media screen and (min-width: 769px) {

}


@media screen and (max-width: 768px) {
.g03 .flowboxsche .flexonlydiv{-webkit-flex-direction: row;flex-direction: row;}
.g03 .goldh4fz{line-height: 1.3;text-align: left;}
.g03 .flowboxsche .detail,
.g03 .flowboxsche .tit{letter-spacing: 0;}

}