@charset "UTF-8";

/*
	Theme Name: ROYAL
	Description: LAYOUT & SCRIPT DATA
	Author: Mochida Tomokazu
	Author URI: https://www.resite.jp/
	Version: 2026.06

*/


/*
font-family: "Noto Serif", serif;
*/


*{margin: 0;padding: 0;}
html {font-family:"Noto Sans", sans-serif;}
a{outline:none !important;}
a:focus{outline:none !important;}
li{outline:none !important;}
li:focus{outline:none !important;}
figure{margin:0;}


.pagination {text-align: center;margin-top: 30px;display: flex;justify-content: center;}
.pagination span {text-decoration: none;color: #666;background-color: #eee;font-size: 13px;font-weight: bold;padding:2px 8px;}
.pagination a {text-decoration: none;color: #000;font-size: 13px;padding: 2px 8px;}





@media all and (min-width:751px) {
body {color: #666;font-size: 16px;line-height: 1.7;font-weight: 700;}
ul,li {list-style-type: none;}
a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}


/*--------ヘッダー--------*/
header{background-color: #fff;height: 160px;position: fixed;z-index: 2;width: 100%;}
header section{height: 100%;}
header section div{width: 1200px;margin: auto;display: flex;justify-content: space-between;align-items: center;height: 90px;}
header section h1{display: block;}
header section h1 a{color: #666;text-decoration: none;font-size: 16px;display: flex;align-items: center;}
header section h1 a img{width: 230px;height: auto;display: block;margin-right: 25px;}
header section h1 a b{display: block;font-weight: 700;margin-top: 15px;}
header section nav.pcnav{display: block;height: 70px;background-color: #0097d3;}
header section nav.pcnav ul{display: flex;width: 1200px;margin: auto;justify-content: flex-end;height: 100%;}
header section nav.pcnav ul li{display: block;height: 100%;margin-left: 40px;}
header section nav.pcnav ul li a{text-decoration: none;color: #fff;font-size: 18px;letter-spacing: 3px;display: flex;align-items: center;justify-content: center;height: 100%;font-weight: 900;flex-direction: column;line-height: 1.5;}
header section nav.pcnav ul li a::after{content: "\25BC";display: block;font-size: 8px;color: rgba(255,255,255,.5);}


header section ul.contact{display: flex;justify-content: space-between;align-items: center;}
header section ul.contact li.free{background-color: #ff0000;font-size: 18px;color: #fff;display: block;position: relative;padding: 4px 15px;border-radius: 6px;margin-right: 20px;}
header section ul.contact li.free::before{content: url(images/human3.png);display: block;position: absolute;transform: scale(0.65);bottom: -56px;left: -100px;}
header section ul.contact li.tel{text-align: center;margin-right: 20px;}
header section ul.contact li.tel a{font-size: 28px;text-decoration: none;color: #666;display: block;letter-spacing: 1px;margin-bottom: -10px;}
header section ul.contact li.tel a::before{content: "\260E";font-size: 22px;margin-right: 6px;}
header section ul.contact li span{font-size: 13px;display: block;margin-bottom: -4px;letter-spacing: 1px;border: 1px solid #ddd;border-radius: 100px;color: #0097d3;}
header section ul.contact li.mail a{display: flex;height: 60px;background-color: #efefef;width: 220px;border-radius: 8px;align-items: center;justify-content: center;color: #0097d3;text-decoration: none;font-size: 17px;letter-spacing: 2px;}
header section ul.contact li.mail a img{display: block;width: 18px;height: auto;margin-right: 10px;}


.mv{width: 100%;background-image: url(images/con_mv.jpg);height: 500px;background-position: center;background-size: cover;display: flex;align-items: flex-end;justify-content: center;}
.mv img{display: block;height: auto;}




/*--------フッダー--------*/
footer{background-color: #efefef;}
footer section{display: block;padding: 40px;}
footer section h1{text-align: center;font-size: 16px;}
footer section h1 a{display: table;left: 50%;transform: translate(-50%,0);position: relative;text-decoration: none;}
footer section h1 a img{width: 230px;height: auto;display: block;margin: auto;}
footer section h1 a b{font-weight: 900;color: #000;display: block;margin-top: 5px;}
footer section span{display: block;text-align: center;margin-top: 15px;font-weight: normal;}
footer>small{background-color: #0097d3;font-size: 12px;display: block;padding: 2px 0;text-align: center;color: #fff;letter-spacing: 1px;font-weight: normal;}
.lb{position: fixed;right: 0;top: 250px;background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.15);text-decoration: none;color: #06c755;font-family: "Noto Sans", sans-serif;height: 220px;width: 76px;writing-mode: vertical-rl;font-size: 22px;font-weight: bold;display: flex;align-items: center;justify-content: center;line-height: 0;z-index: 1;}
.lb img{width: 50px;height: auto;display: block;position: absolute;top: -25px;left: 50%;transform: translate(-50%,0);}



/*--------コンテンツ共通--------*/
main{display: block;padding-top: 160px;}
article{display: block;padding-bottom: 100px;}


.spbr{display: none;}
.anc{pointer-events:none;display:block;padding-top: 100px;margin-top: -100px;}



/*--------トップページ--------*/
.top .s1{width: 1200px;margin: auto;position: relative;top: -100px;}
.top .s1 ul{display: flex;justify-content: center;}
.top .s1 ul li{background-image: url(images/bg4.jpg);width: 220px;height: 220px;border-radius: 300px;margin: 0 10px;border: 5px solid #fff;display: flex;align-items: center;justify-content: center;position: relative;}
.top .s1 ul li b{color: #fff;font-size: 25px;text-align: center;line-height: 1.4;font-weight: 900;margin-top: 30px;}
.top .s1 ul li small{position: absolute;font-size: 120px;font-weight: 400;color: rgba(255,2552,55,0.3);font-style: italic;top: -25px;}


.top .s2{width: 100%;margin: auto;margin-top: 60px;background-image: url(images/bg3.jpg);position: relative;}
.top .s2 h2{display: table;left: 50%;transform: translate(-50%,0);background-color: #fff;position: relative;line-height: 1.5;padding: 0 60px 25px;top: -100px;margin-bottom: -70px;}
.top .s2 h2 span{font-size: 46px;color: #ff6d00;display: block;text-align: center;font-weight: 900;letter-spacing: 2px;}
.top .s2 h2 b{font-size: 32px;color: #000;font-weight: 900;text-align: center;letter-spacing: 2px;display: block;}
.top .s2>div{width: 1200px;margin: auto;display: flex;align-items: center;justify-content: center;}
.top .s2 figure{display: block;flex-basis: 309px;margin-right: 50px;}
.top .s2 figure img{display: block;}
.top .s2 ul{flex: 1;}
.top .s2 ul li{font-size: 22px;color: #fff;line-height: 2;}
.top .s2 ul li::before{content: "・";}



.top .s3{width: 1200px;margin: auto;margin-top: 80px;}
.top .s3 h2{display: table;left: 50%;transform: translate(-50%,0);position: relative;}
.top .s3 h2 img{width: 250px;display: block;margin: auto;margin-bottom: 10px;}
.top .s3 h2 b{font-size: 32px;font-weight: 900;color: #000;display: block;text-align: center;letter-spacing: 2px;}
.top .s3 ul{display: flex;justify-content: space-between;margin-top: 30px;}
.top .s3 ul li{border: 4px solid #0097d3;padding: 30px 40px;}
.top .s3 ul li img{display: block;}
.top .s3 ul li h3{font-size: 26px;font-weight: 900;color: #ff6d00;text-align: center;margin-top: 20px;}
.top .s3 ul li p{font-size: 24px;text-align: center;color: #000;margin-top: -5px;}


.top .s4{width: 100%;margin: auto;margin-top: 200px;background-image: url(images/bg3.jpg);position: relative;}
.top .s4 h2{display: table;left: 50%;transform: translate(-50%,0);background-color: #fff;position: relative;line-height: 1.3;padding: 0 60px 25px;top: -90px;margin-bottom: -20px;}

.top .s4 h2 b{font-size: 32px;color: #000;font-weight: 900;text-align: center;letter-spacing: 2px;display: block;}
.top .s4 h2 b u{font-size: 46px;color: #ff6d00;text-decoration: none;margin-right: 4px;}
.top .s4>div{width: 1200px;margin: auto;padding-bottom: 80px;}
.top .s4 ul{display: flex;align-items: stretch;justify-content: space-between;}
.top .s4 ul li{background-color: #fff;width: 380px;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.top .s4 ul li img{display: block;width: 100%;height: auto;}
.top .s4 ul li>div{position: relative;padding: 30px;}
.top .s4 ul li small{position: absolute;left: 30px;top: -50px;background-color: #ff6d00;color: #fff;font-size: 16px;font-style: italic;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;border-radius: 100px;}
.top .s4 ul li small b{font-size: 30px;font-weight: 700;margin-left: 3px;position: relative;top: -3px;}
.top .s4 ul li h3{font-size: 24px;text-align: center;color: #000;}
.top .s4 ul li p{margin-top: 15px;font-weight: 500;}




.top .s5{width: 1200px;margin: auto;margin-top: 70px;}
.top .s5 h2{display: table;left: 50%;transform: translate(-50%,0);position: relative;}
.top .s5 h2 img{width: 250px;display: block;margin: auto;margin-bottom: 10px;}
.top .s5 h2 b{font-size: 32px;font-weight: 900;color: #000;display: block;text-align: center;letter-spacing: 2px;}
.top .s5 h4{font-size: 18px;display: table;left: 50%;transform: translate(-50%,0);text-align: center;border: 3px solid #ddd;padding: 5px 30px;position: relative;border-radius: 100px;margin-top: 20px;}
.top .s5 ul{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: center;margin-top: 40px;}
.top .s5 ul li:nth-of-type(3){margin-top: 40px;}
.top .s5 ul li img{display: block;}



.top .s6{width: 100%;margin: auto;margin-top: 200px;background-image: url(images/bg3.jpg);position: relative;}
.top .s6>div{width: 1200px;margin: auto;padding-bottom: 60px;}
.top .s6 h2{display: table;left: 50%;transform: translate(-50%,0);background-color: #fff;position: relative;line-height: 1.5;padding: 0 60px 25px;top: -40px;margin-bottom: -20px;}
.top .s6 h2 b{font-size: 32px;color: #000;font-weight: 900;text-align: center;letter-spacing: 2px;display: block;}
.top .s6 h2::before{content: url(images/human3.png);position: absolute;right: -160px;top: -94px;}
.top .s6 h4{font-size: 22px;text-align: center;color: #fff100;letter-spacing: 3px;}
.top .s6 ul{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 20px;}
.top .s6 ul li{background-color: #fff;border-radius: 10px;border: 4px solid #fff100;position: relative;width: 374px;padding: 20px;box-sizing: border-box;}
.top .s6 ul li:nth-of-type(2)::before{content: url(images/reco2.png);position: absolute;right: 20px;top: -30px;}
.top .s6 ul li h3{font-size: 22px;color: #000;text-align: center;font-weight: 900;letter-spacing: 1px;}
.top .s6 ul li p{margin-top: 15px;font-size: 18px;text-align: center;color: #000;line-height: 1.5;}
.top .s6 ul li p u{color: #ff6d00;text-decoration: none;}
.top .s6 ul li b{color: #ff6d00;text-align: center;font-size: 36px;display: block;font-weight: 700;}
.top .s6 ul li b small{font-size: 20px;}



.top .s7{width: 1200px;margin: auto;margin-top: 70px;}
.top .s7 h2{display: table;left: 50%;transform: translate(-50%,0);position: relative;}
.top .s7 h2 img{width: 250px;display: block;margin: auto;margin-bottom: 10px;}
.top .s7 h2 b{font-size: 32px;font-weight: 900;color: #000;display: block;text-align: center;letter-spacing: 2px;}
.top .s7 h4{font-size: 18px;display: table;left: 50%;transform: translate(-50%,0);text-align: center;border: 3px solid #ddd;padding: 5px 30px;position: relative;border-radius: 100px;margin-top: 20px;}
.top .s7 ul{display: flex;flex-wrap: wrap;margin-top: 15px;}
.top .s7 ul li{background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.2);margin-right: 26px;width: 280px;margin-top: 30px;}
.top .s7 ul li:nth-of-type(4n){margin-right: 0;}
.top .s7 ul li img{display: block;width: 100%;height: auto;}
.top .s7 ul li>div{padding: 20px;box-sizing: border-box;}
.top .s7 ul li h3{font-size: 18px;line-height: 1.4;font-weight: 900;color: #000;}
.top .s7 ul li address{display: block;margin-top: 5px;font-size: 15px;font-style: normal;}
.top .s7 ul li a{color: #666;font-size: 15px;text-decoration: none;}



.top .s8{width: 100%;margin: auto;margin-top: 140px;background-image: url(images/bg3.jpg);position: relative;}
.top .s8>div{width: 1200px;margin: auto;padding-bottom: 80px;}
.top .s8 h2{display: table;left: 50%;transform: translate(-50%,0);background-color: #fff;position: relative;line-height: 1.5;padding: 0 60px 25px;top: -40px;margin-bottom: 0px;}
.top .s8 h2 b{font-size: 32px;color: #000;font-weight: 900;text-align: center;letter-spacing: 2px;display: block;}
.top .s8 ul{display: block;;}
.top .s8 ul li{border-bottom: 1px dotted #fff;padding-bottom: 30px;padding-top: 30px;color: #fff;}
.top .s8 ul li b{font-weight: 900;display: flex;align-items: flex-start;}
.top .s8 ul li b::before{content: "Q";color: #0097d3;background-color: #fff;font-size: 20px;width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;margin-right: 10px;position: relative;top: -5px;border-radius: 100px;font-weight: 700;}
.top .s8 ul li p{font-weight: 500;margin-top: 5px;}
.top .s8 ul li:last-child{border: none;padding-bottom: 0;}




.top .s9{width: 1200px;margin: auto;margin-top: 70px;}
.top .s9 h2{display: table;left: 50%;transform: translate(-50%,0);position: relative;}
.top .s9 h2 b{font-size: 32px;font-weight: 900;color: #000;display: block;text-align: center;letter-spacing: 2px;}
.top .s9 h4{font-size: 22px;text-align: center;font-weight: 900;}
.top .s9 table{width: 100%;border: 4px solid #0097d3;border-collapse: collapse;margin-top: 40px;}
.top .s9 table th{background-color: #eee;padding: 8px 20px;font-size: 16px;border-bottom: 1px solid #ddd;width: 180px;color: #000;}
.top .s9 table td{padding: 8px 20px;font-size: 16px;border-bottom: 1px solid #ddd;color: #000;}
.top .s9 table td a{color: #000;}




}























/*--------スマートフォンー-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media all and (max-width:750px) {
body {color: #000;font-size: 16px;line-height: 1.7;font-weight: 700;}
ul,li {list-style-type: none;}


/*--------ヘッダー--------*/
header{background-color: #fff;height: 70px;border-bottom: 2px solid #000000;position: fixed;z-index: 2;width: 100%;}
header section{width: 100%;margin: auto;display: block;}
header section div{display: flex;justify-content: space-between;height: 70px;align-items: center;}
header section h1{color: #bf9b31;margin-left: 15px;}
header section h1 a{color: #000;text-decoration: none;font-size: 16px;display: block;}
header section h1 a img{width: 150px;height: auto;display: block;}
header section h1 a b{display: block;font-weight: 700;margin-top: 2px;font-size: 15px;letter-spacing: -1px;}
header section nav.pcnav{display: block;background-color: #0097d3;width: 100%;padding: 5px 0;}
header section nav.pcnav ul{display: flex;margin: auto;justify-content: flex-end;height: 100%;margin-right: 3%;}
header section nav.pcnav ul li{display: block;height: 100%;margin-left: 18px;}
header section nav.pcnav ul li a{text-decoration: none;color: #fff;font-size: 13px;letter-spacing: 0px;display: flex;align-items: center;justify-content: center;height: 100%;font-weight: 700;flex-direction: column;line-height: 1.5;}
header section nav.pcnav ul li a::after{content: "\25BC";display: block;font-size: 6px;color: rgba(255,255,255,.5);}
header section ul.contact{display: flex;align-items: center;}
header section ul.contact li.free{background-color: #ff0000;font-size: 13px;color: #fff;display: block;position: relative;padding: 3px 12px;border-radius: 6px;margin-right: 50px;margin-top: 26px;}
header section ul.contact li.free::before{content: url(images/human3.png);display: block;position: absolute;transform: scale(0.4);bottom: -52px;right: -80px;}
header section ul.contact li.tel{display: none;}
header section ul.contact li.mail{display: none;}


.mv{width: 100%;background-image: url(images/con_mv.jpg);height: 67vh;display: flex;align-items: center;justify-content: center;background-size: cover;}
.mv img{display: block;height: auto;width: 80%;margin-top: 0px;}


/*--------フッダー--------*/
footer{background-color: #efefef;}
footer section{display: block;padding: 40px 0;}
footer section h1{text-align: center;font-size: 16px;}
footer section h1 a{display: table;left: 50%;transform: translate(-50%,0);position: relative;text-decoration: none;}
footer section h1 a img{width: 150px;height: auto;display: block;margin: auto;}
footer section h1 a b{font-weight: 900;color: #000;display: block;margin-top: 5px;font-size: 15px;}
footer section span{display: block;text-align: center;margin-top: 0px;font-size: 12px;font-weight: normal;}
footer>small{background-color: #0097d3;font-size: 11px;display: block;padding: 2px 0;text-align: center;color: #fff;letter-spacing: 0px;font-weight: normal;}





.lb{position: fixed;right: 0;bottom: 40px;background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.15);text-decoration: none;color: #06c755;font-family: "Noto Sans", sans-serif;height: 130px;width: 36px;writing-mode: vertical-rl;font-size: 15px;font-weight: bold;display: flex;align-items: center;justify-content: center;line-height: 0;z-index: 1;}
.lb img{width: 34px;height: auto;display: block;position: absolute;top: -30px;left: 50%;transform: translate(-50%,0);}




/*--------コンテンツ共通--------*/
main{display: block;padding-top: 70px;}
article{display: block;padding-bottom: 40px;}


.spbr{display: block;}
.anc{pointer-events:none;display:block;padding-top: 100px;margin-top: -100px;}



/*--------トップページ--------*/
.top .s1{width: 100%;margin: auto;position: relative;top: -80px;}
.top .s1 ul{display: flex;justify-content: center;flex-wrap: wrap;}
.top .s1 ul li{background-image: url(images/bg4.jpg);width: 47vw;aspect-ratio: 1/1;border-radius: 300px;margin: 0 1.5%;border: 4px solid #fff;display: flex;align-items: center;justify-content: center;position: relative;box-sizing: border-box;}
.top .s1 ul li:nth-of-type(3){margin-top: -20px;}
.top .s1 ul li b{color: #fff;font-size: 20px;text-align: center;line-height: 1.5;font-weight: 900;margin-top: 40px;letter-spacing: -1px;}
.top .s1 ul li small{position: absolute;font-size: 90px;font-weight: 400;color: rgba(255,2552,55,0.3);font-style: italic;top: -15px;}




.top .s2{width: 100%;margin: auto;margin-top: 30px;background-image: url(images/bg3.jpg);position: relative;padding-bottom: 40px;}
.top .s2 h2{display: table;left: 50%;transform: translate(-50%,0);background-color: #fff;position: relative;line-height: 1.5;padding: 0px 30px 25px;top: -70px;margin-bottom: -70px;width: 75%;}
.top .s2 h2 span{font-size: 30px;color: #ff6d00;display: block;text-align: center;font-weight: 900;letter-spacing: 1px;}
.top .s2 h2 b{font-size: 18px;color: #000;font-weight: 900;text-align: center;letter-spacing: 0px;display: block;}
.top .s2>div{width: 100%;margin: auto;display: block;}
.top .s2 figure{display: block;}
.top .s2 figure img{max-width: 270px;height: auto;display: block;margin: auto;margin-top: 30px;}
.top .s2 ul{margin: auto;margin-top: 30px;width: 90%;}
.top .s2 ul li{font-size: 16px;color: #fff;line-height: 1.6;display: flex;margin-top: 10px;}
.top .s2 ul li::before{content: "・";}




.top .s3{width: 90%;margin: auto;margin-top: 50px;}
.top .s3 h2{display: table;left: 50%;transform: translate(-50%,0);position: relative;line-height: 1.5;}
.top .s3 h2 img{width: 180px;display: block;margin: auto;margin-bottom: 10px;}
.top .s3 h2 b{font-size: 28px;font-weight: 900;color: #000;display: block;text-align: center;letter-spacing: 1px;}
.top .s3 ul{display: block;}
.top .s3 ul li{border: 4px solid #0097d3;padding: 25px 30px;margin-top: 30px;}
.top .s3 ul li img{display: block;}
.top .s3 ul li h3{font-size: 26px;font-weight: 900;color: #ff6d00;text-align: center;margin-top: 20px;}
.top .s3 ul li p{font-size: 24px;text-align: center;color: #000;margin-top: -5px;}




.top .s4{width: 100%;margin: auto;margin-top: 150px;background-image: url(images/bg3.jpg);position: relative;}
.top .s4 h2{display: table;left: 50%;transform: translate(-50%,0);background-color: #fff;position: relative;line-height: 1.3;padding: 0px 30px 25px;top: -90px;margin-bottom: -20px;width: 75%;}
.top .s4 h2 b{font-size: 30px;color: #000;font-weight: 900;text-align: center;letter-spacing: 1px;display: block;}
.top .s4 h2 b u{font-size: 42px;color: #ff6d00;text-decoration: none;margin-right: 2px;}
.top .s4>div{width: 100%;margin: auto;padding-bottom: 80px;}
.top .s4 ul{display: block;width: 90%;margin: auto;}
.top .s4 ul li{background-color: #fff;width: 100%;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.top .s4 ul li img{display: block;width: 100%;height: auto;}
.top .s4 ul li>div{position: relative;padding: 30px;}
.top .s4 ul li small{position: absolute;left: 30px;top: -50px;background-color: #ff6d00;color: #fff;font-size: 16px;font-style: italic;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;border-radius: 100px;}
.top .s4 ul li small b{font-size: 30px;font-weight: 700;margin-left: 3px;position: relative;top: -3px;}
.top .s4 ul li h3{font-size: 22px;text-align: center;color: #000;}
.top .s4 ul li p{margin-top: 15px;font-weight: 500;}





.top .s5{width: 100%;margin: auto;margin-top: 70px;}
.top .s5 h2{display: table;left: 50%;transform: translate(-50%,0);position: relative;}
.top .s5 h2 img{width: 180px;display: block;margin: auto;margin-bottom: 10px;}
.top .s5 h2 b{font-size: 30px;font-weight: 900;color: #000;display: block;text-align: center;letter-spacing: 2px;}
.top .s5 h4{font-size: 16px;display: table;left: 50%;transform: translate(-50%,0);text-align: center;border: 3px solid #ddd;padding: 5px 30px;position: relative;border-radius: 100px;margin-top: 10px;}
.top .s5 ul{display: block;margin-top: 40px;}
.top .s5 ul li{margin: auto;margin-top: 20px;}
.top .s5 ul li:nth-of-type(3){width: 90%;}
.top .s5 ul li img{display: block;width: 100%;height: auto;}




.top .s6{width: 100%;margin: auto;margin-top: 260px;background-image: url(images/bg3.jpg);position: relative;}
.top .s6>div{width: 90%;margin: auto;padding-bottom: 60px;}
.top .s6 h2{display: table;left: 50%;transform: translate(-50%,0);background-color: #fff;position: relative;line-height: 1.5;padding: 0px 30px 25px;top: -40px;margin-bottom: -20px;width: 75%;}
.top .s6 h2 b{font-size: 30px;color: #000;font-weight: 900;text-align: center;letter-spacing: 2px;display: block;}
.top .s6 h2::before{content: url(images/human3.png);position: absolute;left: 50%;top: -150px;transform: translate(-50%,0);}
.top .s6 h4{font-size: 22px;text-align: center;color: #fff100;letter-spacing: 2px;}
.top .s6 ul{display: block;margin-top: 20px;}
.top .s6 ul li{background-color: #fff;border-radius: 10px;border: 4px solid #fff100;position: relative;width: 100%;padding: 20px;box-sizing: border-box;margin-top: 20px;}
.top .s6 ul li:nth-of-type(2)::before{content: url(images/reco2.png);position: absolute;right: 20px;top: -20px;}
.top .s6 ul li h3{font-size: 22px;color: #000;text-align: center;font-weight: 900;letter-spacing: 1px;}
.top .s6 ul li p{margin-top: 15px;font-size: 17px;text-align: center;color: #000;line-height: 1.5;}
.top .s6 ul li p u{color: #ff6d00;text-decoration: none;}
.top .s6 ul li b{color: #ff6d00;text-align: center;font-size: 32px;display: block;font-weight: 700;}
.top .s6 ul li b small{font-size: 18px;}




.top .s7{width: 100%;margin: auto;margin-top: 70px;}
.top .s7 h2{display: table;left: 50%;transform: translate(-50%,0);position: relative;}
.top .s7 h2 img{width: 180px;display: block;margin: auto;margin-bottom: 10px;}
.top .s7 h2 b{font-size: 28px;font-weight: 900;color: #000;display: block;text-align: center;letter-spacing: 2px;}
.top .s7 h4{font-size: 16px;display: table;left: 50%;transform: translate(-50%,0);text-align: center;border: 3px solid #ddd;padding: 5px 30px;position: relative;border-radius: 100px;margin-top: 10px;}
.top .s7 ul{width: 90%;display:block;margin: auto;}
.top .s7 ul li{background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.2);width: 100%;margin-top: 30px;}
.top .s7 ul li img{display: block;width: 100%;height: auto;}
.top .s7 ul li>div{padding: 20px;box-sizing: border-box;}
.top .s7 ul li h3{font-size: 17px;line-height: 1.4;font-weight: 900;color: #000;}
.top .s7 ul li address{display: block;margin-top: 5px;font-size: 15px;font-style: normal;}
.top .s7 ul li a{color: #666;font-size: 15px;text-decoration: none;}




.top .s8{width: 100%;margin: auto;margin-top: 140px;background-image: url(images/bg3.jpg);position: relative;}
.top .s8>div{width: 90%;margin: auto;padding-bottom: 80px;}
.top .s8 h2{display: table;left: 50%;transform: translate(-50%,0);background-color: #fff;position: relative;line-height: 1.5;padding: 0px 30px 25px;top: -40px;margin-bottom: 0px;width: 75%;}
.top .s8 h2 b{font-size: 28px;color: #000;font-weight: 900;text-align: center;letter-spacing: 2px;display: block;}
.top .s8 ul{display: block;margin-top: -25px;}
.top .s8 ul li{border-bottom: 1px dotted #fff;padding-bottom: 30px;padding-top: 30px;color: #fff;}
.top .s8 ul li b{font-weight: 900;display: flex;align-items: flex-start;font-size: 17px;}
.top .s8 ul li b::before{content: "Q";color: #0097d3;background-color: #fff;font-size: 16px;width: 30px;height: 24px;display: flex;align-items: center;justify-content: center;margin-right: 10px;position: relative;top: 0px;border-radius: 100px;font-weight: 700;}
.top .s8 ul li p{font-weight: 500;margin-top: 10px;line-height: 1.4;}
.top .s8 ul li:last-child{border: none;padding-bottom: 0;}





.top .s9{width: 100%;margin: auto;margin-top: 70px;}
.top .s9 h2{display: table;left: 50%;transform: translate(-50%,0);position: relative;}
.top .s9 h2 b{font-size: 28px;font-weight: 900;color: #000;display: block;text-align: center;letter-spacing: 2px;}
.top .s9 h4{font-size: 20px;text-align: center;font-weight: 900;}
.top .s9 table{width: 90%;border: 4px solid #0097d3;border-collapse: collapse;margin: auto;margin-top: 30px;}
.top .s9 table th{background-color: #eee;padding: 5px 15px;font-size: 13px;border-bottom: 1px solid #ddd;width: 100%;color: #000;display: block;box-sizing: border-box;text-align: left;}
.top .s9 table td{padding: 8px 15px;color: #000;width: 100%;display: block;box-sizing: border-box;}
.top .s9 table td a{color: #000;}





}