@charset "UTF-8";
.service_area header { border:solid 1px #ddd;}.service_area h2 { border-left:solid 5px #ed7d31; font-size: 1.5rem; font-weight: 600;}.service_area .biz-text p{ margin-bottom:15px;}#business h3 { font-size: 1.4rem; font-weight: 600;}#business h4 { font-size: 1.3rem; font-weight: 600; color:#000;}#business h4{ border-bottom:solid 3px #ffc778; color: #ed7d31; position: relative;}#business h4:after { position: absolute; content: " "; display: block; border-bottom: solid 3px #ed7d31; bottom: -3px; width: 20%;}.service_area{ padding:3vw;}.biz-img-area img{ border-radius: 10px; border: solid 10px #fff; box-shadow: 0 0 5px #ed7d31;}/* 事業内容（2026.10 直書き化） */
.biz-nav { list-style: none; padding: 0; }
.biz-nav a { display: flex; align-items: center; justify-content: center; height: 100%; min-height: 3.2em; padding: .5rem; text-align: center; font-size: .9rem; line-height: 1.4; font-weight: 600; color: #1F3A5F; background: #fff; border: 1px solid #ed7d31; border-radius: 6px;}.biz-nav a:hover { color: #fff; background: #ed7d31; text-decoration: none; }
.biz-sec { scroll-margin-top: 100px; }
.biz-text p { line-height: 1.9; }
.biz-lead { font-size: 1.3rem; font-weight: 700; color: #1F3A5F; }
.biz-voice { list-style: none; padding: 0; }
.biz-voice li { background: #F7F9FC; border-radius: 6px; padding: .6rem 1rem; margin-bottom: .5rem; }
.biz-card-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 20px; }
.biz-card { background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 1.25rem; }
.biz-card p:last-child { margin-bottom: 0; }
#business .biz-card h4 { font-size: 1.15rem; }
#business h5 { font-size: 1.1rem; font-weight: 700; color: #1F3A5F; margin-bottom: .75rem; }
.biz-num { color: #ed7d31; margin-right: .3rem; }
.biz-box { background: #fff7f1; border-left: 5px solid #ed7d31; border-radius: 4px; padding: 1.25rem; }
.biz-consult { font-weight: 700; color: #1F3A5F; }
.biz-note { font-size: .9rem; color: #555; }
.biz-check { list-style: none; padding: 0; }
.biz-check li { position: relative; padding: .4rem 0 .4rem 1.8rem; border-bottom: 1px dotted #ddd; }
.biz-check li:before { content: "✓"; position: absolute; left: .3rem; color: #ed7d31; font-weight: 700; }
.biz-table { width: 100%; border-collapse: collapse; background: #fff; }
.biz-table th, .biz-table td { border: 1px solid #ddd; padding: .75rem 1rem; vertical-align: top; line-height: 1.7; }
.biz-table thead th { background: #1F3A5F; color: #fff; text-align: center; }
.biz-table tbody th { background: #F7F9FC; width: 30%; font-weight: 600; }
.biz-table-fee { max-width: 480px; }
.biz-table-fee td { text-align: right; }
.biz-flow { list-style: none; padding: 0; }
.biz-flow > li { background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 1.25rem; margin-bottom: 1rem; position: relative; }
.biz-flow > li:not(:last-child):after { content: ""; position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); border: 8px solid transparent; border-top-color: #ed7d31;}.biz-flow-step { font-size: 1.1rem; font-weight: 700; color: #1F3A5F; }
.biz-flow-step span { display: inline-block; background: #ed7d31; color: #fff; font-size: .85rem; border-radius: 3px; padding: .1rem .6rem; margin-right: .6rem; vertical-align: middle;}@media (max-width: 767px){ .biz-card-grid { grid-template-columns: 1fr; } .biz-table thead { display: none; } .biz-table tbody th, .biz-table td { display: block; width: 100%; border-top: none; } .biz-table tbody tr th { border-top: 1px solid #ddd; } .biz-table-fee tbody th, .biz-table-fee td { display: table-cell; width: auto; }}.flow-contents li dl {padding: 1rem;	flex-grow: 1;}.flow-contents dt {text-align: center;	font-size: 1.2rem;	color: #288CC4;	margin-bottom: .5rem;}.flow-contents dd {font-size: 1rem;}#flow li.tit {background-color: #288CC4;	text-align: center;	color: #fff;	padding: .25rem 0;	font-size: 1.3rem;	font-weight: 700;}
.contents h1 {font-size: 180%;	color: #ed7d31;	font-weight: 700;	border-bottom: 1px solid #ed7d31;}
#chart li {display: flex; flex-direction: column;	flex-grow: 1;}#chart li > div {border: 1px solid #333;	border-radius: 10px;	flex-grow: 1;}
#chart h2 {color: #fff;	background-color: #ed7d31;	border-radius: 10px 10px 0 0;	text-align: center;	font-size: 1.3rem;	padding: .5rem 0;}
#chart dl {padding: 0 1rem;}#chart dt {font-size: 1.1rem;	font-weight: 700;	margin: .5rem 0;}
#chart span {font-size: 1.1rem;	width: 100%;	padding: .5rem 0;}
#chart dd {font-size: 1rem;	line-height: 1.3;	text-indent: -1.25em; padding-left: 2em;}#chart dd:before {content: '・';	padding-left: .25rem;}
#free dd {font-size: 1rem;}
#free {position: relative; padding: 1.5rem; background-image: linear-gradient(#f5fbff 0 100%), repeating-linear-gradient(135deg, #288CC4 0 10px, transparent 10px 15px); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px) calc(100% - 10px), 100%;	border-radius: 10px;}#not-free {position: relative; padding: 1.5rem; background-image: linear-gradient(#fff5f5 0 100%), repeating-linear-gradient(135deg, #db4242 0 10px, transparent 10px 15px); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px) calc(100% - 10px), 100%;	border-radius: 10px;}
#free dt {position: relative;	padding-bottom: .5rem; margin-bottom: 0.5rem; font-weight: bold; font-size: 1.5rem; color: black; background-image: repeating-linear-gradient(45deg, #288CC4 0, #288CC4 2px, transparent 2px, transparent 4px); background-repeat: no-repeat; background-size: 100% 0.5rem; background-position: bottom;}#not-free dt {position: relative;	padding-bottom: .5rem; margin-bottom: 0.5rem; font-weight: bold; font-size: 1.5rem; color: black; background-image: repeating-linear-gradient(45deg, #db4242 0, #db4242 2px, transparent 2px, transparent 4px); background-repeat: no-repeat; background-size: 100% 0.5rem; background-position: bottom;}
#free dl {border-bottom: 5px dotted #288CC4;}#not-free dl {border-bottom: 5px dotted #db4242;}
#free ul li,
#not-free ul li {font-size: 1rem !important;}
@media (max-width: 1179px){#kaitori .flow-con {width: calc(100% / 3 - 1%);}
#syuccyou .flow-con {width: calc(100% / 4 - 1%);}}
@media (max-width: 767px){ .service_area h2 { font-size: 1.3rem; } #business h4{ font-size: 1.2rem; }}
@media (max-width: 575px){#kaitori .flow-con {width: calc(100% / 1 - 1%);}
#syuccyou .flow-con {width: calc(100% / 1 - 1%);}
#free h2 { font-size: 1.4rem; }}