@charset "UTF-8";
@media screen and (min-width:641px),
screen and (orientation: landscape){
#main-title { background: url(../images/franchise/h2.jpg) no-repeat top center; }

.tac { text-align: center; }

#lead { margin-bottom: 60px; }
#lead .txt-Box { background-color: #f3f2e6; text-align: center; padding-top: 24px; padding-left: 1em; padding-right: 1em; padding-bottom: 1px; }
#lead .ex-ttl { margin-bottom: 16px; }
#lead .ttl { color: #0a090a; font-size: 30px; font-weight: 400; line-height: 1.6; letter-spacing: 4px; margin-bottom: 16px; }
#lead .txt { color: #0a090a; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: 1px; margin-bottom: 32px; }

#offering { border: 1px solid #0a090a; padding-top: 60px; padding-left: 48px; padding-right: 48px; padding-bottom: 50px; color: #0a090a; font-size: 14px; font-weight: 400; line-height: 2.2; }
#offering .ttl { letter-spacing: 4px; text-align: center; color: #705c2b; font-size: 26px; font-weight: 600; line-height: 22px; padding-bottom: 42px; margin-bottom: 36px; background-image: url(../images/franchise/deco-line.jpg); background-repeat: no-repeat; background-position: center bottom; }
#offering .bg-Box { background-color: #f3f2e6; padding: 32px 30px 45px 30px; margin-bottom: 40px; }
#offering .bg-Box .en-ttl { text-align: center; margin-bottom: 18px; }
#offering .bg-Box .ttl-02 { color: #0a090a; font-size: 22px; font-weight: 700; line-height: 1.8; margin-bottom: 32px; text-align: center; letter-spacing: 1px; }
#offering .bg-Box .support-service .clump { width: 204px; background-color: #fff; margin-right: 14px; border: 1px dotted #000; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; padding: 7px; color: #424242; font-size: 12px; font-weight: 400; line-height: 1.8; }
#offering .bg-Box .support-service .clump .pic { margin-bottom: 12px; }
#offering .bg-Box .support-service .ttl-03 { text-align: center; color: #9f6524; font-size: 16px; font-weight: 700; line-height: 1.8; margin-bottom: 10px; margin-right: 1.1em; }
#offering .bg-Box .support-service .ttl-03:before { content: "■"; margin-right: .1em; }

.attention-list { margin-bottom: 35px; width: 700px; margin-left: auto; margin-right: auto; font-size: 14px; font-weight: 400; color: #0a090a; }
.attention-list .red { color: #ce6e20; }
.attention-list li { margin-bottom: 15px; }
.attention-list li:before { content: "※"; margin-right: .5em; }

.con-ttl { margin-top: 60px; padding-top: 32px; background-image: url(../images/event/icon.png); background-position: center 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #0a090a; font-size: 24px; font-weight: 600; margin-bottom: 40px; text-align: center; background-repeat: no-repeat; letter-spacing: .5px; }

.from-Box { font-size: 14px; background-image: url(../images/franchise/bg-ptn.jpg); padding: 40px; }

.from-Box .ttl { text-align: center; padding-bottom: 25px; margin-bottom: 32px; background-image: url(../images/bg-coomon/y-line-04.png); background-repeat: repeat-x; background-position: 0 bottom; }

.from-Box .Box { padding: 16px 36px 40px 36px; background-color: #fff; }

.Box-02 { padding: 32px 36px 40px 36px; background-color: #fff; }

.from-Box .red { color: #ce6e20; }

.from-Box .indent-list { margin-bottom: 30px; }

.from-Box .indent-list li { padding-left: 1.5em; text-indent: -1.5em; line-height: 1.8; }

.from-Box .indent-list span { color: #ff0000; }

.from-Box .contact_form { width: 100%; color: #0a090a; letter-spacing: .8px; }

.from-Box .contact_form tr { border-bottom: 1px dotted #050000; }

.from-Box .contact_form th { font-size: 14px; width: 265px; padding: 23px 24px 18px 36px; text-align: left; vertical-align: top; line-height: 1.6; }

.from-Box .contact_form td { font-size: 14px; padding: 23px 24px 18px 36px; line-height: 1.6; }

.from-Box table .rei { color: #666666; font-size: 12px; }

.from-Box table input[type="text"] { width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bebebe; }

.from-Box table input[type="email"] { width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bebebe; }

.from-Box table input[type="tel"] { width: 60%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bebebe; }

.from-Box table textarea { height: 120px; width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; line-height: 1.8; }

.from-Box .btn-Box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 600px; margin-left: auto; margin-right: auto; }

.from-Box .p-mb { margin-bottom: 20px; }

.from-Box .contents-ptn-Box { margin-bottom: 64px; }

.from-Box #mailform { margin-bottom: 48px; }

.from-Box input[type="image"]:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }

.from-Box .label-list li { margin-bottom: 3px; }

.from-Box .zip input { width: 60% !important; }

.from-Box .btn-Box .fl_l { width: 246px; }

.from-Box .btn-Box .fl_l { width: 246px; }

.from-Box .btn--Box { width: 660px; margin-left: auto; margin-right: auto; }

.from-Box input { margin-bottom: .5em; }

.from-Box textarea { margin-bottom: .5em; }

.from-Box select { padding-top: .4em; padding-bottom: .4em; padding-left: .5em; }

.thank { line-height: 1.6; }

.thank .entry-ttl { letter-spacing: 0.2em; }

.thank .p-mb { margin-bottom: 16px; }

.thank .red { color: #ea5404; }

.thank strong { font-weight: bold; }

.thank-ttl { font-weight: bold; letter-spacing: 2px; margin-bottom: 20px; }

.thank-ttl:before { content: "■"; margin-right: .3em; }

}
@media screen and (orientation: portrait) {
@media screen and (max-width:640px) {

#main-title { background: url(../images/franchise/h2.jpg) no-repeat top center; }

.tac { text-align: center; }

#lead { margin-bottom: 60px; }
#lead .txt-Box { background-color: #f3f2e6; text-align: center; padding-top: 24px; padding-left: 1em; padding-right: 1em; padding-bottom: 1px; }
#lead .ex-ttl { margin-bottom: 16px; }
#lead .ttl { color: #0a090a; font-size: 1.6em; font-weight: 400; line-height: 1.6; letter-spacing: 4px; margin-bottom: 16px; }
#lead .txt { color: #0a090a; font-size: 1em; font-weight: 400; line-height: 1.6; letter-spacing: 1px; margin-bottom: 32px; text-align: left; }

#offering { border: 1px solid #0a090a; padding: 3em 6%; color: #0a090a; font-size: 1em; font-weight: 400; line-height: 2.2; width: 98%; margin-left: auto; margin-right: auto;}
#offering .ttl { letter-spacing: 4px; text-align: center; color: #705c2b; font-size: 1.8em; font-weight: 600; line-height: 22px; padding-bottom: 42px; margin-bottom: 36px; background-image: url(../images/franchise/deco-line.jpg); background-repeat: no-repeat; background-position: center bottom; line-height: 1.3;}
#offering .bg-Box { background-color: #f3f2e6; padding: 6% 6%; margin-bottom: 40px; }
#offering .bg-Box .en-ttl { text-align: center; margin-bottom: 18px; }
#offering .bg-Box .ttl-02 { color: #0a090a; font-size: 22px; font-weight: 700; line-height: 1.8; margin-bottom: 32px; text-align: center; letter-spacing: 1px; }
#offering .bg-Box .support-service .clump { background-color: #fff; border: 1px dotted #000; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; padding: 10px 2rem; color: #424242; font-size: 12px; font-weight: 400; line-height: 1.8; margin-bottom: 1em; }
#offering .bg-Box .support-service .clump .pic { margin-bottom: 12px; text-align: center; }
#offering .bg-Box .support-service .clump p { font-size: 16px;}
#offering .bg-Box .support-service .ttl-03 { text-align: center; color: #9f6524; font-size: 18px; font-weight: 700; line-height: 1.8; margin-bottom: 10px; }
#offering .bg-Box .support-service .ttl-03:before { content: "■"; margin-right: .1em; }

.attention-list { margin-bottom: 35px; width: 94%; margin-left: auto; margin-right: auto; font-size: 14px; font-weight: 400; color: #0a090a; }
.attention-list .red { color: #ce6e20; }
.attention-list li { margin-bottom: 15px; line-height: 1.4; }
.attention-list li:before { content: "※"; margin-right: .5em; }

.con-ttl { margin-top: 60px; padding-top: 32px; background-image: url(../images/event/icon.png); background-position: center 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #0a090a; font-size: 24px; font-weight: 600; margin-bottom: 40px; text-align: center; background-repeat: no-repeat; letter-spacing: .5px; }

.from-Box { font-size: 14px; background-image: url(../images/franchise/bg-ptn.jpg); padding: 4%; }

.from-Box .ttl { text-align: center; padding-bottom: 25px; margin-bottom: 32px; background-image: url(../images/bg-coomon/y-line-04.png); background-repeat: repeat-x; background-position: 0 bottom; }

.from-Box .Box { padding: 16px 5% 40px; background-color: #fff; }

.Box-02 { padding: 32px 36px 40px 36px; background-color: #fff; }

.from-Box .red { color: #ce6e20; }

.from-Box .indent-list { margin-bottom: 30px; }

.from-Box .indent-list li { padding-left: 1.5em; text-indent: -1.5em; line-height: 1.8; }

.from-Box .indent-list span { color: #ff0000; }

.from-Box .contact_form { width: 100%; color: #0a090a; letter-spacing: .8px; }

.from-Box .contact_form tr { border-bottom: 1px dotted #050000; }

.from-Box .contact_form th { display: block; font-size: 14px; width: 100%; padding: 23px 2% 0; text-align: left; vertical-align: top; line-height: 1.6; }

.from-Box .contact_form td { display: block; font-size: 14px; width: 100%; padding: 10px 2% 18px; line-height: 1.6; }

.from-Box table .rei { color: #666666; font-size: 12px; }

.from-Box table input[type="text"] { width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bebebe; }

.from-Box table input[type="email"] { width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bebebe; }

.from-Box table input[type="tel"] { width: 60%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bebebe; }

.from-Box table textarea { height: 120px; width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; line-height: 1.8; }

.from-Box .btn-Box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 600px; margin-left: auto; margin-right: auto; }

.from-Box .p-mb { margin-bottom: 20px; }

.from-Box .contents-ptn-Box { margin-bottom: 64px; }

.from-Box #mailform { margin-bottom: 48px; }

.from-Box input[type="image"]:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }

.from-Box .label-list li { margin-bottom: 3px; }

.from-Box .zip input { width: 60% !important; }

.from-Box .btn-Box p {}

.from-Box .btn--Box {width: 100%;}

.from-Box input { margin-bottom: .5em; }

.from-Box textarea { margin-bottom: .5em; }

.from-Box select { padding-top: .4em; padding-bottom: .4em; padding-left: .5em; }

.thank { line-height: 1.6; }

.thank .entry-ttl { letter-spacing: 0.2em; }

.thank .p-mb { margin-bottom: 16px; }

.thank .red { color: #ea5404; }

.thank strong { font-weight: bold; }

.thank-ttl { font-weight: bold; letter-spacing: 2px; margin-bottom: 20px; }

.thank-ttl:before { content: "■"; margin-right: .3em; }

}
}