main { background: #f0f0f0; }

main ._btn { color: white; position: relative; }

main ._btn:before { content: ">"; position: absolute; right: 20px; top: calc(50% - 11px); font-size: 2.0rem; line-height: 1; -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); color: white; }

main ._btn.-link:before { content: "\f35d"; font-family: "Font Awesome 5 Free"; -webkit-transform: none; transform: none; font-weight: 900; font-size: 1.4rem; top: calc(50% - 8px); }

body#index #section-service { margin: 100px auto 0; padding-bottom: 50px; }

body#index #section-service h2 { margin-bottom: 60px; }

/*detail*/
#section-kv div { background-size: cover !important; padding: 300px 0; }

#section-kv h1 { color: #ffffff; font-size: 36px; margin: 0 auto 0 100px; text-shadow: 1px 1px 6px #333333; background: rgba(0, 0, 0, 0.8); padding: 25px 25px; display: inline-block; letter-spacing: 2px; }

#box-nav { margin: 40px auto 0; padding-top: 40px; }

#box-nav ul { border-bottom: 1px solid #eeeeee; padding-bottom: 20px; }

#box-nav ul li { display: inline-block; }

#box-nav ul li a { color: #333333; font-size: 16px; margin: 0 20px 0; text-decoration: none; }

#box-nav ul li:after { content: "/"; display: inline-block; padding: 0 10px; font-size: 20px; color: #999999; }

#section-head { width: 900px; margin: 120px auto 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 30px; }

#section-head .box-main h2 { font-size: 62px; font-weight: bold; margin-bottom: 40px; }

#section-head .box-main .sub { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: bold; color: #333333; letter-spacing: 1px; margin-bottom: 20px; }

#section-head .box-main .sub .type { font-family: "GothamBold", sans-serif; /*font-family: 'Oswald', sans-serif;*/ font-size: 18px; margin-right: 10px; letter-spacing: 1px; }

#section-head .box-main .sub .category { font-size: 18px; color: #999999; }

#section-head .box-main .box-sns { display: inline-block; margin-bottom: 30px; }

#section-head .box-main .box-sns ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; }

#section-head .box-main .box-sns ul li { margin: 0 3px 0 0; }

#section-head .box-main .box-sns a { color: #333333; display: inline-block; border: 1px solid #999999; width: 30px; height: 30px; text-decoration: none; text-align: center; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5px; }

#section-head .box-info { width: 300px; padding-top: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#section-head .box-info dl { font-size: 16px; }

#section-head .box-info dl dt { font-weight: bold; margin-bottom: 5px; }

#section-head .box-info dl dd { margin-bottom: 10px; }

#article-main { width: 900px; margin: 0 auto; padding-top: 40px; }

#article-main .read { font-size: 18px; color: #333333; line-height: 1.8; margin-bottom: 30px; width: 800px; }

#article-main .box-content h1 { font-size: 32px; line-height: 2.2; margin-bottom: 30px; }

#article-main .box-content h2 { font-size: 24px; line-height: 2.2; margin-bottom: 30px; border-bottom: 1px solid #cccccc; }

#article-main .box-content h3 { font-size: 20px; line-height: 2.2; margin-bottom: 30px; }

#article-main .box-content h4 { font-size: 16px; line-height: 2.2; margin-bottom: 20px; }

#article-main .box-content h5 { font-size: 16px; line-height: 2.2; margin-bottom: 20px; }

#article-main .box-content p { font-size: 16px; line-height: 1.6; margin-bottom: 50px; }

#article-main .box-content ul { font-size: 16px; line-height: 1.6; margin-bottom: 50px; padding-left: 20px; }

#article-main .box-content li { list-style: circle; }

#article-main .box-content dl { font-size: 16px; line-height: 1.6; margin-bottom: 50px; }

#article-main .box-content dt { font-weight: bold; }

#article-main .box-content img { max-width: 600px; }

#article-main .box-credit { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 40px 0; }

#article-main .box-credit h2 { width: 200px; float: left; font-family: "GothamBold", sans-serif; /*font-family: 'Oswald', sans-serif;*/ font-size: 22px; }

#article-main .box-credit .info { width: 600px; font-size: 16px; line-height: 1.6; }

#section-foot { width: 900px; margin: 50px auto 0; padding-top: 40px; padding-bottom: 60px; }

#section-foot h3 { border-bottom: 2px solid #cccccc; font-size: 18px; padding-bottom: 20px; margin-bottom: 40px; font-weight: normal; }

#section-foot h3 span { font-size: 14px; margin-bottom: 15px; font-family: "GothamBold", sans-serif; /*font-family: 'Oswald', sans-serif; font-weight:700; */ position: relative; top: -2px; margin-right: 50px; }

#section-foot ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; }

#section-foot li { width: 30%; margin: 0 5% 0 0; font-size: 16px; }

#section-foot li:nth-child(3n) { margin-right: 0; }

#section-foot li img { -webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5); margin-bottom: 10px; }

#section-foot li a { text-decoration: none; color: #333333; font-size: 16px; line-height: 1.4; }

#section-foot li a:hover { opacity: 0.7; }

#section-foot ._btn { text-align: center; margin: 50px auto; }

#section-foot ._btn a { color: #ffffff; text-decoration: none; display: block; font-size: 1.4rem; letter-spacing: 1px; padding: 6px 0; font-weight: 700; position: relative; }

#section-foot ._btn a:before { content: ">"; position: absolute; right: 20px; top: calc(50% - 11px); font-size: 2.0rem; -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); color: #ffffff; }

#section-service .box-image { /*display: table; height: 100%;*/ }

#section-service .box-image .image { /*display: table-cell; vertical-align: middle; width:100%; height:100%;*/ text-align: center; padding: 0 !important; /*._btn{margin: 0 auto; padding: 2px 0;}*/ }

#section-service .box-image .image img { width: 70%; }

#section-service .box-service { margin: 0 auto; width: 1200px; /*&.arrow-down{border-bottom:1px #ccc solid; padding-bottom:50px; &:before{bottom:none; top:160px;} }*/ }

#section-service .group.list .box-service { border-bottom: 1px #cccccc dotted; }

#section-service .group.list .box-service:nth-child(1) { border-top: 1px #cccccc dotted; }

#section-service .box-detail { /*border-bottom: 1px dotted #ccc;*/ padding-bottom: 50px; margin: 0 auto; width: 1260px; counter-reset: section; }

#section-service .box-detail .box-card { padding: 0 30px 0 60px; margin-bottom: 60px; position: relative; }

#section-service .box-detail .box-card:before { counter-increment: section; content: "0" counter(section) "."; display: inline-block; position: absolute; top: 0; left: 0; font-family: "Roboto", sans-serif; font-size: 3.0rem; font-weight: bold; padding-top: 20px; border-top: black 4px solid; }

#section-service .box-detail .box-card .box-image { padding-top: 75%; }

#section-service .box-detail .box-card .text { height: 120px; }

#section-service .box-detail .box-card ._btn { background: #000000; color: #ffffff; font-weight: bold; margin-bottom: 5px; /*width: 260px;*/ width: 100%; padding: 0px; }

#section-service .box-detail .box-card ._btn a { background: none; border: none; display: block; width: 100%; height: 100%; -webkit-box-shadow: none; box-shadow: none; padding: 15px; }

#section-service .box-detail .box-card ._btn a.-link:after { content: "\f35d"; font-family: "Font Awesome 5 Free"; -webkit-transform: none; transform: none; font-weight: 900; font-size: 1.4rem; top: calc(50% - 8px); }