@charset "UTF-8";

#tochibaikyaku {color:#242424; font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;}
#tochibaikyaku h1,#tochibaikyaku h2,#tochibaikyaku h3,#tochibaikyaku h4,#tochibaikyaku h5,#tochibaikyaku p {margin:0; padding:0; font-weight:normal;}
#tochibaikyaku .cla {clear:both;}

@media screen and (min-width: 768px) {
#tochibaikyaku {margin:65px auto 100px; text-align:center; min-width:1180px;}
#tochibaikyaku .pc_none {display:none;}
#tochibaikyaku .boxin {width:1100px; margin:0 auto;}
#tochibaikyaku h2 {font-size:40px; letter-spacing:7px; margin-bottom:50px; font-weight:600;}
#tochibaikyaku h4 {font-size:32px; letter-spacing:8px; margin-bottom:40px; border-bottom:solid 1px #000; width:1160px; padding:0 0 25px 0;}
#tochibaikyaku h5 {font-size:30px; letter-spacing:8px;font-weight:600;}
#tochibaikyaku p {font-size:18px; letter-spacing:1px; line-height:2.0em;}
#tochibaikyaku p.txtM{font-size:22px; letter-spacing:2px; line-height:2.2em}
#tochibaikyaku p.txtS {font-size:15px;}

hr {margin:100px auto; border:solid 1px #D8D8D8;}

#tochibaikyaku .main {
height:500px;
min-width:1200px;
background: url(../img/main.jpg) no-repeat center 65%;
background-size:cover;
}
#tochibaikyaku .main_copy{ display:inline-block; background: rgba(255,255,255,.6); margin-top:100px; padding:40px 70px 25px;}
#tochibaikyaku h1 {font-size:48px; font-weight:normal; letter-spacing:7px;}
#tochibaikyaku .main_copy p {font-size:24px; letter-spacing:2px; padding-top:10px; font-weight:600;}

#tochibaikyaku .intro h3 {font-size:34px; font-weight:normal; letter-spacing:7px; margin:60px auto 40px;}

#tochibaikyaku ul.example {}
#tochibaikyaku ul.example li {width: calc(100% / 2); display:block; float:left; text-align:center; box-sizing:border-box;}
#tochibaikyaku ul.example li h5 {margin-bottom:10px;}
#tochibaikyaku ul.example li p {width:370px; margin:10px auto 0; text-align:left; line-height:1.6em; margin-top:10px;}
#tochibaikyaku ul.example li:nth-child(1) {padding:20px 0 30px 0; border-bottom:solid 1px #3B3B40;} 
#tochibaikyaku ul.example li:nth-child(2) {padding:20px 0 30px 0; border-bottom:solid 1px #3B3B40; border-left:solid 1px #3B3B40;}
#tochibaikyaku ul.example li:nth-child(3) {padding:30px 0 20px 0; } 
#tochibaikyaku ul.example li:nth-child(4) {padding:30px 0 20px 0; border-left:solid 1px #3B3B40; margin-bottom:90px;}

#tochibaikyaku .intro_point p {background-color:#F4F4F4; border:solid 1px #83838C; border-radius:8px; width:328px; padding:15px 0; margin:40px 14px 25px; display:inline-block; font-size:27px; letter-spacing:2px; font-weight:600;}
#tochibaikyaku p.note {font-size:15px; text-align:left; margin:0 20px 0 30px; line-height:1.6em}

#tochibaikyaku .merit {width:635px; text-align:left; margin:100px 0 0 0;}
#tochibaikyaku .merit h5 {background:url(../img/h5_line.png) no-repeat 0 bottom; margin:0px 0 35px; padding:30px 0 10px 20px;}
#tochibaikyaku .merit p { margin-left:20px; width:560px;}
#tochibaikyaku .merit2 {margin-left:545px;}
#tochibaikyaku .merit_p1 {height:450px; background:url(../img/photo1.jpg) no-repeat calc(50% + 465px) top; width:100%; overflow:visible;}
#tochibaikyaku .merit_p2 {height:450px; background:url(../img/photo2.jpg) no-repeat calc(50% - 400px) -20px; width:100%; overflow:visible;}
#tochibaikyaku .merit_q {margin-bottom:20px;}
#tochibaikyaku .merit_q p {font-size:22px; margin-top:3px; width:100%;}
#tochibaikyaku .merit_q span {color:#83838C;}

#tochibaikyaku .kaitori_no {clear:both; padding:50px 0 30px;}
#tochibaikyaku .kaitori_no img {width:48px;}
#tochibaikyaku .kaitori strong {font-size:22px; display:block; padding:10px 0;}
#tochibaikyaku .kaitori1box { width:1080px; border:solid 1px #333; border-radius:20px; padding:30px 0 15px 15px; margin:30px 0 15px 42px;}
#tochibaikyaku .kaitori1box img {margin:0 10px 15px 0;}
#tochibaikyaku .kaitori1note {text-align:right; margin-bottom:60px;}
#tochibaikyaku .kaitori2box { width:470px; display:inline-block; text-align:left; margin:0 0px 70px 60px; vertical-align:top;}
#tochibaikyaku .kaitori2box b {font-size:24px; padding-bottom:20px; display:block; line-height:1.8em; letter-spacing:2px;}
#tochibaikyaku p.kaitori3 {width:360px; text-align:left;display:inline-block; margin:20px 60px 40px 20px;}
#tochibaikyaku img.kaitori3_img {display:inline-block; vertical-align:top;}

#tochibaikyaku .jisseki h5 {border:solid 1px #000; width:500px; display:inline-block; padding:18px 0 16px; margin-bottom:40px; font-weight:normal; font-size:28px}
#tochibaikyaku .jisseki p.txtM{letter-spacing:1px;}
#tochibaikyaku .jisseki_p {font-size:0}
#tochibaikyaku .jisseki_p div {width:330px; font-size:22px; font-weight:600; display:inline-block; margin:20px 18px 60px; letter-spacing:2px;}
#tochibaikyaku .jisseki_p img {margin-bottom:15px;}
#tochibaikyaku .jisseki_box {border:solid 1px #333; border-radius:20px; padding:50px 0; margin:20px auto 100px; }
#tochibaikyaku .jisseki_box img { display:inline-block;vertical-align:top;}
#tochibaikyaku .jisseki_box img.jisseki_arrow {padding-top:210px;}

#tochibaikyaku .machidukuri div {width: calc(100% / 3); float:left; display:inline-block; vertical-align:top; margin-top:60px;}
#tochibaikyaku .machidukuri p {font-size:17px; letter-spacing:0;}
#tochibaikyaku .machidukuri strong {font-size:26px; display:block; margin:5px auto 15px;}
#tochibaikyaku .machidukuri div img {width:100%;}
#tochibaikyaku .machidukuri span { display:block; text-align:left; margin:10px 40px 80px; line-height:1.6em;}

#tochibaikyaku .btn {clear:both; margin:0 auto; background-color:#3B3B40; border-radius:5px; width:450px;}
#tochibaikyaku .btn a {display:block; width:100%; height:100%; padding:20px 0; }

#tochibaikyaku .flow strong {font-size:22px; display:inline-block; width:350px; border:solid 1px #83838C; border-radius:30px; margin:40px 13px 50px; padding:3px 0 2px;}
#tochibaikyaku .flow .btn {margin:80px auto 10px;}

#tochibaikyaku .rectanglebtn { position:fixed; top:35%; right:0px; padding:0;}
}

@media screen and (max-width: 767px) {
#tochibaikyaku {margin:65px 0 0 0; text-align:center; padding:0 0 100px 0; line-height:2.0em}
#tochibaikyaku img {width:100%;}
#tochibaikyaku .sp_none {display:none;}
#tochibaikyaku .boxin {margin:0 15px;}
#tochibaikyaku h2 {font-size:22px; font-weight:600; letter-spacing:1px; margin-bottom:30px}
#tochibaikyaku h4 {font-size:20px; margin-bottom:30px; border-bottom:solid 1px #000; padding:0 0 10px 0;}
#tochibaikyaku h5 {font-size:18px; letter-spacing:1px; font-weight:600;}
#tochibaikyaku p {font-size:14px; letter-spacing:1px; line-height:1.8em; text-align:left}
#tochibaikyaku p.txtM{font-size:15px; letter-spacing:2px; line-height:1.8em}
#tochibaikyaku p.txtS {font-size:12px; line-height:1.6em;}

hr {margin:50px auto; border:solid 1px #D8D8D8;}

#tochibaikyaku .main {
height:300px;
background: url(../img/main.jpg) no-repeat center center;
background-size:cover;
}
#tochibaikyaku .main_copy{ display:inline-block; background: rgba(255,255,255,.6); margin-top:30px; padding:15px 10px 10px;}
#tochibaikyaku h1 {font-size:27px; font-weight:normal; letter-spacing:5px; line-height:1.2em;}
#tochibaikyaku .main_copy p {font-size:13px; padding-top:5px; font-weight:600;}

#tochibaikyaku .intro h3 {font-size:22px; font-weight:normal; letter-spacing:3px; margin:30px 0 20px; line-height:1.6em}
#tochibaikyaku .intro p.txtM {line-height:1.6em;}
#tochibaikyaku ul.example {margin:0; padding:0px; width:100%;}
#tochibaikyaku ul.example li {width:calc(100% / 2); display:block; float:left; text-align:center; box-sizing:border-box; padding:0; margin:0;}
#tochibaikyaku ul.example li img {width:50%; margin:5px 0 10px;}
#tochibaikyaku ul.example li p {margin:0 auto; text-align:left; font-size:13px; line-height:1.6em; padding:0 10px}
#tochibaikyaku ul.example li:nth-child(1) {padding:20px 0 20px 0;} 
#tochibaikyaku ul.example li:nth-child(2) {padding:20px 0 20px 0; border-left:solid 1px #3B3B40;}
#tochibaikyaku ul.example li:nth-child(3) {padding:30px 0 10px 0; border-top:solid 1px #3B3B40; clear:both;} 
#tochibaikyaku ul.example li:nth-child(4) {padding:30px 0 10px 0; border-top:solid 1px #3B3B40; border-left:solid 1px #3B3B40; margin-bottom:30px;}
#tochibaikyaku .intro_point p {width:calc(90% / 3); display:inline-block; background-color:#F4F4F4; border:solid 1px #83838C; border-radius:5px; padding:10px 0 8px; margin:30px 1% 25px; display:inline-block; font-size:16px;  font-weight:600; box-sizing:border-box; line-height:1.4em; text-align:center;}
#tochibaikyaku p.note {font-size:13px; text-align:left; margin:0; line-height:1.2em;}

#tochibaikyaku .merit {text-align:left; margin:40px 0 0 0;}
#tochibaikyaku .merit h5 {background:url(../img/h5_line.png) no-repeat 0 bottom; margin:0px 0 20px; padding:30px 0 8px 0px; text-align:center;}
#tochibaikyaku .merit p {}
#tochibaikyaku .merit2 {}
#tochibaikyaku .merit_p1 {}
#tochibaikyaku .merit_p2 {}
#tochibaikyaku .merit_q {margin-bottom:25px;}
#tochibaikyaku .merit_q p {font-size:16px; margin:0 0 12px 16px; line-height:1.4em; text-indent:-16px;}
#tochibaikyaku .merit_q span {color:#83838C;}
#tochibaikyaku .merit img {margin-top:20px;}

#tochibaikyaku .kaitori_no {clear:both; padding:10px 0 20px;}
#tochibaikyaku .kaitori_no img {width:40px;}
#tochibaikyaku .kaitori strong {font-size:17px; display:block; padding:10px 0; text-align:center;}
#tochibaikyaku .kaitori1box {border:solid 1px #333; border-radius:8px; padding:30px 20px 15px 20px; margin:20px auto;}
#tochibaikyaku .kaitori1box img { display:block; margin-bottom:30px;}
#tochibaikyaku .kaitori1note {margin-bottom:50px;}
#tochibaikyaku .kaitori2box {text-align:left; margin:0 0px 40px 0; vertical-align:top;}
#tochibaikyaku .kaitori2box b {font-size:18px; letter-spacing:4px; padding-bottom:20px; display:block; line-height:1.8em;}
#tochibaikyaku p.kaitori3 { margin:0;}
#tochibaikyaku img.kaitori3_img {display:inline-block;}

#tochibaikyaku .jisseki h5 {border:solid 1px #000; padding:8px 0; margin-bottom:15px; font-weight:normal; letter-spacing:3px;}
#tochibaikyaku .jisseki_p {font-size:0; text-align:center; margin:10px 0 30px;}
#tochibaikyaku .jisseki_p div {width:48%; font-size:15px; font-weight:600; display:inline-block; margin:10px 1% 0px; line-height:1.2em}
#tochibaikyaku .jisseki_p div:nth-of-type(2)::before {content:""; display:block; clear:both;}
#tochibaikyaku .jisseki_p img {margin-bottom:10px;}
#tochibaikyaku .jisseki_box {border:solid 1px #333; border-radius:8px; padding:20px 30px; margin:20px auto 80px; }
#tochibaikyaku .jisseki_box img { display:inline-block;vertical-align:top;}
#tochibaikyaku .jisseki_box img.jisseki_arrow {width:36px; transform:rotate(90deg); padding:15px 0;}

#tochibaikyaku .machidukuri div {margin:40px 20px 0px;}
#tochibaikyaku .machidukuri p {font-size:12px; letter-spacing:0; text-align:center;}
#tochibaikyaku .machidukuri strong {font-size:18px; letter-spacing:2px;}
#tochibaikyaku .machidukuri span { display:block; text-align:left; margin:10px 0px; font-size:12px; line-height:1.6em;}

#tochibaikyaku .btn {clear:both; margin:40px auto 0; background-color:#3B3B40; border-radius:5px; width:250px;}
#tochibaikyaku .btn img {width:180px;}
#tochibaikyaku .btn a {display:block; width:100%; height:100%; padding:5px 0 9px; }

#tochibaikyaku .flow strong {font-size:14px; letter-spacing:0; display:inline-block; width:47%; border:solid 1px #83838C; border-radius:30px; margin:15px 1% 35px; padding:3px 0 2px; text-align:center;}
#tochibaikyaku .flow .btn {margin:40px auto 20px;}

#tochibaikyaku .rectanglebtn {position:fixed; bottom:0; left:0; height:70px; width:100%; text-align:center; padding:0 20px; background-color:#3B3B41; box-sizing:border-box; border-top:solid 1px #CCC;}
#tochibaikyaku .rectanglebtn img {max-width:90%; position:absolute; top:50%; left: 50%; transform:translateY(-50%) translateX(-50%); -webkit- transform:translateY(-50%) translateX(-50%);
	}
}