/*----------------------------------------------------------------default*/
html {
font-size: 62.5%;
}

body {
color: #333;
font-family: 'Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro','Helvetica Neue',Arial,Meiryo,sans-serif;
font-weight: 500;
font-size: 2rem;
line-height: 1.8;
margin: 0;
padding: 0;
}

@media (max-width: 480px) {
	body {
	font-size: 1.3rem;
	}
}

body * {
box-sizing: border-box;
position: relative;
}

h1,
h2,
h3,
h4,
h5 {
font-weight: 600;
margin: 0;
text-align: center;
}

p {
margin: 0;
}

dl,
dt,
dd,
li,
figure {
margin: 0;
line-height: 1;
}

dt {
font-weight: 500;
}

ul,
ol {
list-style: none;
padding: 0;
margin: 0;
}

a,
a:visited,
button {
color: #333;
text-decoration: none;
transition: .3s;
}

a:hover,
button:hover {
color: color: #333;
opacity: 0.7;
}

a:focus,
*:focus {
color: color: #333;
outline: none;
}

img {
width: 100%;
height: auto;
}

input,
button,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}

textarea {
resize: vertical;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
cursor: pointer;
}

select::-ms-expand {
display: none;
}

em {
font-style: normal;
}

.pc {
display: block;
}

.sp {
display: none;
}

@media (max-width: 480px) {
	.pc {
	display: none;
	}

	.sp {
	display: block;
	}
}

.wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.wrapper.cnt {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (max-width: 480px) {
	.wrapper {
	display: block;
	}
}

.inner {
width: 94%;
max-width: 1140px;
margin: 0 auto;
}

.brake-pc {
display: block;
}

@media (max-width: 480px) {
	.brake-pc {
	display: inline;
	}

	.brake-sp {
	display: block;
	}
}

.en {
font-family: Century Gothic, CenturyGothic, sans-serif;
}

.text-red {
color: #ff0000;
}

.frame-gray {
border: 3px solid #d2d2d2;
padding: 60px 40px;
}

@media (max-width: 480px) {
	.frame-gray {
	border: 2px solid #d2d2d2;
	padding: 20px 10px;
	}
}

.bg-gray {
background: #f0f1f5;
padding: 100px 0;
}

@media (max-width: 480px) {
	.bg-gray {
	padding: 50px 0;
	}
}

.bg-blue {
background: #7de4f6;
padding: 100px 0;
}

@media (max-width: 480px) {
	.bg-blue {
	padding: 40px;
	}
}

.bg-brown {
background: #FCF2E5;
padding: 100px 0;
}

@media (max-width: 480px) {
	.bg-brown {
	padding: 40px;
	}
}

main .btn a,
main .btn-blk a {
display: block;
font-size: 2.2rem;
font-weight: 600;
letter-spacing: 0.1em;
text-align: center;
}

@media (max-width: 480px) {
	main .btn a,
	main .btn-blk a {
	font-size: 1.3rem;
	}
}

main .btn.blue a,
main .btn-blk li.blue a {
background: #125099;
color: #fff;
}

main .btn.red a,
main .btn-blk li.red a {
background: #ED0022;
color: #fff;
}

main .btn a:after,
main .btn-blk a:after {
content: '';
display: inline-block;
width: 15px;
height: 23px;
position: absolute;
right: 34px;
top: calc(50% - 11px);
background-image: url(../image/ico_arrow_right2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

main .btn.red a:after,
main .btn-blk li.red a:after {
background-image: url(../image/ico_arrow_right.png);
}

@media (max-width: 480px) {
	main .btn a:after,
	main .btn-blk a:after {
	width: 10px;
	height: 15px;
	right: 20px;
	top: calc(50% - 7px);
	}
}

main .btn.blue a:after,
main .btn-blk li.blue a:after {
background-image: url(../image/ico_arrow_right.png);
}

.btn.effect {
overflow: hidden;
}

.btn.effect a {
position: relative;
z-index: 2;
overflow: hidden;
}

.btn.effect a:before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
z-index: -1;
background: #ED0022;
transition: all 200ms linear;
}

.btn.effect a:hover {
color: #fff !important;
opacity: 1;
}

.btn.effect a:hover:before {
left: 0;
}

.btn.effect a:hover:after {
background-image: url(../image/ico_arrow_right.png) !important;
}


/*----------------------------------------------------------------header*/
.site-header {
border-top: 3px solid #ED0022;
}


@media (max-width: 480px) {
	.site-header {
	width: 100%;
	height: 120px;
	background: #fff;
	position: fixed;
	top: 0;
	z-index: 2;
	}

	.site-header .inner {
	width: 100%;
	margin: 0;
	}

	.site-header .inner > .wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 64px;
	}
}

.logo-blk {
margin: 0 0 30px;
}

.logo-blk .header-right {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 20px 0 0;
}
.logo-blk .header-right .tel {
	margin-right: 10px;
}
.logo-blk .header-right .tel p {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.5rem;
	line-height: 1.6;
}
.logo-blk .header-right .tel p span {
	margin-left: 10px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #167AA9;
}

.logo-blk .header-logo {
margin: 27px 0 0;
}


.logo-blk .btn a {
display: inline-block;
margin: 20px 0 0;
padding: 10px 16px;
background: #ED0022;
font-size: 1.8rem;
color: #fff;
}

.logo-blk .btn a:before {
content: '';
display: inline-block;
width: 47px;
height: 23px;
background: url(../image/ico_header_btn.png) no-repeat center left / contain;
margin: 0 10px 0 0;
vertical-align: -5px;
}

.logo-blk .btn a:after {
content: '';
display: inline-block;
width: 9px;
height: 14px;
background: url(../image/ico_arrow_right.png) no-repeat center left / contain;
margin: 0 0 0 15px;
}

@media (max-width: 480px) {
	.logo-blk {
	margin: 0 0 0 3%;
	}

	.logo-blk .header-logo {
	margin: 0;
	width: 54%;
	}

	.logo-blk .header-logo a {
	display: inline-block;
	line-height: 1
	}

	.logo-blk .header-logo img {
	width: 100%;
	}

	.logo-blk .header-right .tel {
		display: none;
	}

	.logo-blk .btn {
	display: none;
	}
}

.logo-blk + h1 {
	font-size: 2.8rem;
	font-weight: bold;
	color: #333;
	background: #56e1de;
	width: 100%;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 30px;
}

@media (max-width: 480px) {
	.logo-blk + h1 {
		width: 94%;
    font-size: 1.4rem;
    height: 40px;
    margin: 0 auto 2em;
	}
}

.header-nav {
margin: 0 0 30px;
}
.header-nav li a {
	display: block;
width: 204px;
height: 60px;
padding-top: 20px;
border: solid 2px #ABABAB;
text-align: center;
font-size: 1.5rem;
font-weight: bold;
color: #4F4F4F;
line-height: 1.1;
}
.header-nav li a span {
display: block;
font-size: 2rem;
font-weight: bold;
}
.header-nav li:nth-of-type(2) a,
.header-nav li:nth-of-type(3) a,
.header-nav li:nth-of-type(4) a {
	padding-top: 10px;
}

.header-nav li a:hover,
#index .header-nav li:nth-of-type(1) a,
#active-index .header-nav li:nth-of-type(2) a,
#ob-index .header-nav li:nth-of-type(3) a,
#flow .header-nav li:nth-of-type(5) a,
#car-lp .header-nav li:nth-of-type(2) a,
#medical-active .header-nav li:nth-of-type(2) a,
#medical-ob .header-nav li:nth-of-type(3) a,
.other .header-nav li:nth-of-type(4) a,
#net .header-nav li:nth-of-type(2) a {
background-color: #EE0022;
border: solid 2px #EE0022;
color: #fff;
opacity: 1;
}

@media (max-width: 480px) {
	.header-nav button {
	position: absolute;
	right: 3%;
	top: -120px;
	width: 29px;
	height: 20px;
	padding: 0;
	line-height: 1;
	}

	.header-nav ul {
	position: absolute;
	background: rgba(221,221,221,.78);
	transition: .3s;
	width: 100%;
	margin: 0;
	top: -20px;
	padding: 30px 3%;
	z-index: 2;
	right: -100vw;
	}

	.header-nav ul.open {
	right: 0;
	}

	.header-nav li a {
		display: inline-block;
		width: auto;
		height: auto;
		padding-top: 0 !important;
	font-size: 1.4rem;
	margin: 0 0 32px;
	background: none !important;
	border: none !important;
	}
	.header-nav li a span {
		display: inline;
		font-size: 1.4rem;
	}

	.header-nav li:last-of-type a {
	margin: 0;
	padding: 0;
	}

	#index .header-nav li:nth-of-type(1) a,
	#active-index .header-nav li:nth-of-type(2) a,
	#ob-index .header-nav li:nth-of-type(3) a,
	#flow .header-nav li:nth-of-type(5) a,
	#car-lp .header-nav li:nth-of-type(2) a,
	#medical-active .header-nav li:nth-of-type(2) a,
	#medical-ob .header-nav li:nth-of-type(3) a,
	.other .header-nav li:nth-of-type(4) a {
	color: #EE0022;
	}

}

/*----------------------------------------------------------------footer*/
.footer-txt {
	width: 94%;
	max-width: 1140px;
	margin: 0 auto 5px auto;
	text-align: right;
	font-size: 16px;
}

body#car-lp .footer-txt {
	display: none;
}
.footer-txt .is-orix {
	display: none;
}
body#active-index .footer-txt .is-orix ,
body#ob-index .footer-txt .is-orix ,
body#medical-active .footer-txt .is-orix ,
body#medical-ob .footer-txt .is-orix {
	display: inline;
}

.site-footer {
border-bottom: 3px solid #ED0022;
}

.site-footer .nav-blk {
background: #f0f1f5;
padding: 60px 0;
}

@media (max-width: 480px) {
	.site-footer .nav-blk {
	padding: 40px 0;
	}

	.footer-txt {
		width: 94%;
		margin: 0 auto 10px auto;
		font-size: 12px;
		box-sizing: border-box;
	}
}

.footer-nav {
margin: 0 0 80px;
}

@media (max-width: 480px) {
	.footer-nav {
	margin: 0 0 40px;
	}
}

.footer-nav > div {
width: calc(calc(100% - 120px) / 3);
padding: 34px 0 0;
border-top: 1px solid #b5b5b5;
}

@media (max-width: 480px) {
	.footer-nav > div {
	width: 100%;
	padding: 20px 0 40px;
	}

	.footer-nav > div:last-of-type {
	padding: 20px 0 0;
	}
}

.footer-nav > div:after {
content: '';
display: inline-block;
width: 130px;
height: 1px;
background: #ED0022;
position: absolute;
left: 0;
top: -1px;
}

.footer-nav > div h3 {
color: #ED0022;
font-size: 1.6rem;
margin: 0 0 20px;
text-align: left;
}

@media (max-width: 480px) {
	.footer-nav > div h3 {
	font-size: 1.2rem;
	margin: 0 0 10px;
	}
}

.footer-nav ul {
font-size: 1.6rem;
margin: 0 0 0 28px;
}

@media (max-width: 480px) {
	.footer-nav ul {
	font-size: 1.2rem;
	margin: 0 0 0 1em;
	}
}

.footer-nav li:not(:last-of-type) {
margin: 0 0 20px;
}

.site-footer .nav-blk .notes {
font-size: 1.3rem;
line-height: 1.846154;
text-indent: -1.3em;
margin: 0 0 0 1.3em;
}

.site-footer .copyright {
font-size: 1.2rem;
text-align: center;
padding: 20px 0;
}

@media (max-width: 480px) {
	.site-footer .nav-blk .notes {
	font-size: 1.1rem;
	}

	.site-footer .copyright {
	font-size: 1rem;
	}
}



/*----------------------------------------------------------------content*/
main {
display: block;
}

@media (max-width: 480px) {
	main {
	padding: 120px 0 0 !important;
	}
}

.slider {
margin: 0 0 60px;
}

#index .slider {
background: #eeeeee;
margin: 0 0 85px;
}

@media (max-width: 480px) {
	.slider,
	#index .slider {
	margin: 0 0 30px;
	}
}

.slider .inner {
margin: 0 auto;
padding: 0;
line-height: 0;
}

@media (max-width: 480px) {
	.slider .inner {
	width: 100%;
	margin: 0;
	}
}

.slick-prev,
.slick-next {
width: 42px;
height: 48px;
}

.slick-prev {
left: -42px;
}

.slick-next {
right: -42px;
}

.slick-arrow:before {
content: '';
display: inline-block;
width: 42px;
height: 48px;
opacity: 1;
}

@media (max-width: 480px) {
	.slick-prev,
	.slick-next {
	width: 26px;
	height: 30px;
	z-index: 1;
	}

	.slick-prev {
	left: 0;
	}

	.slick-next {
	right: 0;
	}

	.slick-arrow:before {
	width: 26px;
	height: 30px;
	}
}

.slick-prev:before {
background: url(../image/arrow_left_slide.png) no-repeat center center / contain;
}

.slick-next:before {
background: url(../image/arrow_right_slide.png) no-repeat center center / contain;
}

.original-service > .wrapper > div:nth-of-type(1),
.kokubu-group main .btn-blk li {
width: calc(50% - 24px);
}

.original-service > .wrapper > div:nth-of-type(2) {
width: calc(50% + 24px);
}

@media (max-width: 480px) {
	.original-service > .wrapper > div:nth-of-type(1),
	.original-service > .wrapper > div:nth-of-type(2) {
	width: 100%;
	}

	.medical .original-service > .wrapper > div:nth-of-type(1) {
	margin: 0 0 3em;
	}

	.kokubu-group main .btn-blk li {
	width: 100%;
	margin: 0 0 20px;
	}

	.kokubu-group main .btn-blk li:last-of-type {
	margin: 0;
	}
}

.original-service h3 {
font-size: 3.4rem;
color: #125099;
margin: 0 0 1em;
}

@media (max-width: 480px) {
	.original-service h3 {
	font-size: 1.9rem;
	line-height: 1.3;
	}
}

.original-service > .wrapper > div {
text-align: center;
margin: 0 0 2.5em;
}

.original-service > .wrapper > div h4 {
display: flex;
justify-content: center;
align-items: center;
color: #333;
border: 3px solid #125099;
font-size: 3rem;
height: 70px;
border-radius: 35px;
margin: 0 auto 1em;
}

.original-service > .wrapper > div:nth-of-type(1) h4 {
width: 62.154%;
}

.original-service > .wrapper > div:nth-of-type(2) h4 {
width: 100%;
}

@media (max-width: 480px) {
	.original-service > .wrapper > div h4 {
	border: 2px solid #125099;
	font-size: 1.9rem;
	height: 44px;
	border-radius: 22px;
	}

	.original-service > .wrapper > div:nth-of-type(1) h4 {
	width: 70%;
	}
}

.original-service > .wrapper > div figure {
text-align: center;
padding: 0 6.4%;
}

.original-service > .wrapper > div figure img {
display: block;
margin: 0 auto 10px;
}

.original-service > .wrapper > div figcaption {
font-size: 2.4rem;
line-height: 1.333333;
display: inline-block;
}

.original-service > .wrapper > div:nth-of-type(1) figcaption {
text-align: left;
}

@media (max-width: 480px) {
	.original-service > .wrapper > div figure {
	padding: 0;
	}

	.original-service > .wrapper > div:nth-of-type(1) figure img {
	width: 90%;
	margin: 0 auto;
	}

	.original-service > .wrapper > div figcaption {
	font-size: 1.4rem;
	}
}

.bg-blue h2 {
font-size: 3.6rem;
letter-spacing: 0.1em;
margin: 0 0 1.8em;
}

@media (max-width: 480px) {
	.bg-blue h2 {
	font-size: 2.1rem;
	width: 140%;
	margin: 0 0 1.8em -20%;
	}
}

.bg-blue .inner > .wrapper > div {
width: calc(50% - 25px);
margin: 0 0 50px;
background: #fff;
padding: 45px 45px 80px;
}

.bg-blue .inner > .wrapper > div:nth-child(n + 3) {
margin: 0;
}

@media (max-width: 480px) {
	.bg-blue .inner > .wrapper > div {
	width: 100%;
	margin: 0 0 25px;
	padding: 30px;
	}

	.bg-blue .inner > .wrapper > div:nth-child(n + 3) {
	margin: 0 0 25px;
	}

	.bg-blue .inner > .wrapper > div:last-of-type {
	margin: 0;
	}
}

.bg-blue .inner > .wrapper > div h3 {
font-size: 3.8rem;
color: #125099;
margin: 0 0 0.5em;
}

.bg-blue .inner > .wrapper > div h3:before {
content: '';
display: block;
height: 142px;
margin: 0 auto;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

.bg-blue .inner > .wrapper > div p {
font-size: 2.4rem;
line-height: 1.5;
}

.bg-blue .inner > .wrapper > div p span {
font-size: 1.8rem;
display: block;
}

@media (max-width: 480px) {
	.bg-blue .inner > .wrapper > div h3 {
font-size: 1.9rem;
	}

	.bg-blue .inner > .wrapper > div h3:before {
	height: 68px;
	}

	.bg-blue .inner > .wrapper > div p {
	font-size: 1.2rem;
	}

	.bg-blue .inner > .wrapper > div p span {
	font-size: 1.1rem;
	}
}

.bg-brown h2 {
font-size: 3.6rem;
letter-spacing: 0.1em;
margin: 0 0 1.8em;
}

@media (max-width: 480px) {
	.bg-brown h2 {
	font-size: 2.1rem;
	width: 140%;
	margin: 0 0 1.8em -20%;
	}
}

.bg-brown .inner > .wrapper > div {
width: calc(50% - 25px);
margin: 0 0 50px;
background: #fff;
padding: 45px 45px 80px;
}

.bg-brown .inner > .wrapper > div:nth-child(n + 3) {
margin: 0;
}

@media (max-width: 480px) {
	.bg-brown .inner > .wrapper > div {
	width: 100%;
	margin: 0 0 25px;
	padding: 30px;
	}

	.bg-brown .inner > .wrapper > div:nth-child(n + 3) {
	margin: 0 0 25px;
	}

	.bg-brown .inner > .wrapper > div:last-of-type {
	margin: 0;
	}
}

.bg-brown .inner > .wrapper > div h3 {
font-size: 3.8rem;
color: #E70012;
margin: 0 0 0.5em;
}

.bg-brown .inner > .wrapper > div h3:before {
content: '';
display: block;
height: 142px;
margin: 0 auto;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

.bg-brown .inner > .wrapper > div p {
font-size: 2.4rem;
line-height: 1.5;
}

.bg-brown .inner > .wrapper > div p span {
font-size: 1.8rem;
display: block;
}

@media (max-width: 480px) {
	.bg-brown .inner > .wrapper > div h3 {
font-size: 1.9rem;
	}

	.bg-brown .inner > .wrapper > div h3:before {
	height: 68px;
	}

	.bg-brown .inner > .wrapper > div p {
	font-size: 1.2rem;
	}

	.bg-brown .inner > .wrapper > div p span {
	font-size: 1.1rem;
	}
}

.discount p {
font-weight: 600;
}

.discount p:nth-of-type(1) {
font-size: 6.088rem;
text-align: center;
line-height: 1.3;
}

@media (max-width: 480px) {
	.discount p:nth-of-type(1) {
	font-size: 2.169rem;
	margin: 0 0 15px;
	}
}

.discount p:nth-of-type(1):before {
content: '無事故による割増引 最大';
display: flex;
font-size: 2.4rem;
color: #125099;
width: 344px;
justify-content: center;
align-items: center;
height: 60px;
border: 3px solid #125099;
border-radius: 30px;
box-sizing: border-box;
margin: 0 auto;
}

.discount p:nth-of-type(1) span:nth-of-type(2) {
display: block;
font-size: 1.721rem;
font-weight: 500;
}

@media (max-width: 480px) {
	.discount p:nth-of-type(1):before {
	font-size: 1.2rem;
	width: 170px;
	height: 30px;
	border: 2px solid #125099;
	border-radius: 15px;
	margin: 0 auto 10px;
	}

	.discount p:nth-of-type(1) span:nth-of-type(2) {
	font-size: 1rem;
	}
}

.discount p:nth-of-type(2) {
font-size: 2.8rem;
letter-spacing: 0.075em;
line-height: 1.5191546;
display: flex;
justify-content: center;
align-items: center;
width: 135px;
height: 156px;
background: url(../image/fig07.png) no-repeat center center / contain;
padding: 0 10px 0 0;
}

@media (max-width: 480px) {
	.discount p:nth-of-type(2) {
	font-size: 1.514rem;
	width: 94px;
	height: 77px;
	background: url(../image/fig07_sp.png) no-repeat center center / contain;
	padding: 0;
	margin: 0 auto 10px;
	}
}

.discount {
margin: 0 0 1.8rem;
justify-content: flex-start;
}

.discount p:nth-of-type(3) {
font-size: 8.65rem;
line-height: 1;
}

.discount p:nth-of-type(3):before {
content: '団体扱割引';
display: flex;
font-size: 2.824rem;
color: #125099;
width: 264px;
justify-content: center;
align-items: center;
height: 60px;
border: 3px solid #125099;
border-radius: 30px;
box-sizing: border-box;
position: absolute;
top: 0;
right: 0;
}

.discount p:nth-of-type(3) strong {
font-size: 16rem;
}

@media (max-width: 480px) {
	.discount p:nth-of-type(3) {
	font-size: 4.3rem;
	text-align: center;
	}

	.discount p:nth-of-type(3):before {
	font-size: 1.2rem;
	width: 132px;
	height: 30px;
	border: 2px solid #125099;
	border-radius: 15px;
	}

	.discount p:nth-of-type(3) strong {
	font-size: 8rem;
	}
}

.discount p:nth-of-type(3) span {
font-size: 1.3rem;
display: inline-block;
line-height: 1.846154;
}

.discount + .notes {
font-size: 1.8rem;
font-weight: 600;
text-align: center;
margin: 0 0 2.222222em;
}

@media (max-width: 480px) {
	.discount + .notes {
	font-size: 1rem;
	text-align: left;
	text-indent: -1em;
	margin: 0 0 2.222222em 1em;
	}
}

.notes-blk {
width: 87.719298%;
max-width: 1000px;
font-size: 1.3rem;
line-height: 1.86154;
margin: 0 auto 4.769231em;
}

.notes-blk ul {
margin: 0 0 1.86154em;
}

.notes-blk li {
margin: 0 0 0 2.6em;
text-indent: -2.6em;
line-height: 1.86154;
}

.notes-blk2 {
padding: 100px 0;
font-size: 1.3rem;
line-height: 1.84615385;
text-align: center;
}

.notes-blk2 p {
display: inline-block;
text-align: left;
}

@media (max-width: 480px) {
	.notes-blk {
	width: 100%;
	max-width: 100%;
	font-size: 1.2rem;
	}

	.notes-blk2 {
	padding: 50px 0;
	font-size: 1.2rem;
	}
}

.fixed-btn {
width: 66px;
position: fixed;
top: 30px;
right: 0;
z-index: 100;
}

@media (max-width: 480px) {
	.fixed-btn {
	display: none !important;
	}
}

.fixed-btn li {
margin: 0 0 15px;
}

/*----------------------------------------------------------------index*/
#index main {
padding: 0 0 200px;
}

#index section .wrapper > * {
width: calc(50% - 30px);
}

@media (max-width: 480px) {
	#index section .wrapper > * {
	width: 100%;
	}
}

#index section:nth-of-type(1) {
margin: 0 0 163px;
}

@media (max-width: 480px) {
	#index section:nth-of-type(1) {
	margin: 0 0 78px;
	}
}

#index section:nth-of-type(1) .inner {
max-width: 960px;
}

#index section:nth-of-type(1) h2 {
font-size: 3rem;
margin: 0 0 1.433333em;
letter-spacing: 0.075em;
}

@media (max-width: 480px) {
	#index section:nth-of-type(1) h2 {
	font-size: 1.9rem;
	}
}

#index section:nth-of-type(1) dl {
justify-content: flex-start;
font-size: 1.8rem;
border-top: 1px solid #b5b5b5;
margin: 0 0 50px;
}

#index section:nth-of-type(1) dt,
#index section:nth-of-type(1) dd {
line-height: 4.333333em;
border-bottom: 1px solid #b5b5b5;
}

#index section:nth-of-type(1) dt {
width: 8em;
}

#index section:nth-of-type(1) dd {
width: calc(100% - 8em);
}

@media (max-width: 480px) {
	#index section:nth-of-type(1) dl {
	font-size: 1.2rem;
	margin: 0 0 40px;
	}

	#index section:nth-of-type(1) dt {
	width: auto;
	line-height: 1.75;
	border: none;
	padding: 1em 0 0;
	}

	#index section:nth-of-type(1) dd {
	width: 100%;
	line-height: 1.75;
	padding: 0 0 1em;
	margin: 0.5 0 1em;
	}
}

#index main .btn a {
width: 420px;
height: 82px;
font-weight: 600;
line-height: 82px;
color: #ED0022;
border: 2px solid #ED0022;
margin: 0 auto;
}
#index main .btn a:after{
background-image: url(../image/ico_arrow_right5.png);
}

@media (max-width: 480px) {
	#index main .btn a {
	width: 72%;
	height: 50px;
	line-height: 50px;
	}
}

#index section:nth-of-type(2) .inner {
padding: 0 0 4.5em;
margin: 0 auto 4.5em;
border-bottom: 1px solid #a0a0a0;
}

@media (max-width: 480px) {
	#index section:nth-of-type(2) .inner {
	padding: 0 0 3em;
	margin: 0 auto 3em;
	}
}

#index section:nth-of-type(2) .inner > div.wrapper {
margin: 0 0 4.5em;
}

@media (max-width: 480px) {
	#index section:nth-of-type(2) .inner > div.wrapper {
	margin: 0 0 3em;
	}
}


#index section:nth-of-type(2) h2,
#index section:nth-of-type(3) h2 {
font-size: 3.2rem;
color: #ED0022;
}

@media (max-width: 480px) {
	#index section:nth-of-type(2) h2,
	#index section:nth-of-type(3) h2 {
	font-size: 1.8rem;
	}
}

#index section:nth-of-type(2) h2 {
margin: 0 0 1.25em;
}

#index section:nth-of-type(2) .lead {
line-height: 1.6;
text-align: center;
margin: 0 0 3em;
}

@media (max-width: 480px) {
	#index section:nth-of-type(2) dl {
	display: flex;
	}
}

#index section:nth-of-type(2) dt,
#index section:nth-of-type(2) dd {
border-bottom: 1px solid #333;
display: flex;
align-items: center;
font-weight: 600;
}

#index section:nth-of-type(2) dt {
width: 60%;
font-size: 2.2rem;
line-height: 1.363636;
padding: 0 0 0 86px;
}

@media (max-width: 480px) {
	#index section:nth-of-type(2) dt {
	font-size: 1.5rem;
	padding: 0 0 0 50px;
	height: 88px;
	}
}

#index section:nth-of-type(2) dt:before {
content: '';
display: inline-block;
width: 76px;
height: 76px;
position: absolute;
left: 0;
top: 50%;
transform: translateY( -50% );
background-image: url(../image/ico01.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

@media (max-width: 480px) {
	#index section:nth-of-type(2) dt:before {
	width: 42px;
	height: 42px;
	}
}

#index section:nth-of-type(2) dt:nth-of-type(2):before {
background-image: url(../image/ico02.png);
}

#index section:nth-of-type(2) dt:nth-of-type(3):before {
background-image: url(../image/ico04.png);
}

#index section:nth-of-type(2) dd {
width: 40%;
font-size: 1.8rem;
margin: -1em 0 0;
}

#index section:nth-of-type(2) dd > span {
width: 25em;
font-size: 1.3rem;
position: absolute;
right: 0;
margin: 5em 0 0;
}

@media (max-width: 480px) {
	#index section:nth-of-type(2) dd {
	font-size: 1.2rem;
	height: 88px;
	margin: 0;
	}

	#index section:nth-of-type(2) dd:nth-of-type(3) {
	padding: 2em 0;
	}

	#index section:nth-of-type(2) dd > span {
	font-size: 1.1rem;
	margin: 5em 0 0;
	}
}



#index section:nth-of-type(2) dd strong {
font-size: 4rem;
font-weight: 600;
margin: 0 0 0 0.25em;
}

@media (max-width: 480px) {
	#index section:nth-of-type(2) dd strong {
	font-size: 2.6rem;
	}
}

@media (max-width: 480px) {
	#index section:nth-of-type(2) .bnr-blk li:nth-of-type(1) {
	margin: 0 0 18px;
	}
}

@media (max-width: 480px) {
	#index section:nth-of-type(3) {
	padding: 0 0 170px;
	}
}

#index section:nth-of-type(3) h2 {
margin: 0 0 2.3em;
}

#index section:nth-of-type(3) .inner > .wrapper > div {
display: flex;
flex-direction: column;
}

#index section:nth-of-type(3) .inner > .wrapper > div .btn {
position: absolute;
bottom: 0;
width: 100%;
}

@media (max-width: 480px) {
	#index section:nth-of-type(3) .inner > .wrapper {
	display: flex;
	flex-direction: column;
	}

	#index section:nth-of-type(3) .inner > .wrapper figure {
	order: 2;
	}

	#index section:nth-of-type(3) .inner > .wrapper > div {
	order: 1;
	position: static;
	text-align: center;
	margin: 0 0 2em;
	}

	#index section:nth-of-type(3) .inner > .wrapper > div .btn {
	position: absolute;
	bottom: -80px;
	width: 100%;
	}

	#index section:nth-of-type(3) .inner > .wrapper > div .btn .btn a {
    width: 72%;
    height: 50px;
    line-height: 50px;
	}

	#index section:nth-of-type(3) .inner > .wrapper > div .btn .btn a:after {
    width: 10px;
    height: 15px;
    right: 20px;
    top: calc(50% - 7px);
	}
}




/*----------------------------------------------------------------active-index, ob-index*/
.kokubu-group section {
margin: 0 0 70px;
}

.kokubu-group section:last-of-type {
margin: 0 0 160px;
}

@media (max-width: 480px) {
	.kokubu-group section {
	margin: 0 0 30px;
	}

	.kokubu-group section:last-of-type {
	margin: 0 0 80px;
	}
}

.kokubu-group main .nav-blk {
margin: 0 auto 4.5em;
}

.kokubu-group main .nav-blk .bnr {
margin: 0 0 2.5em;
}
.kokubu-group main .nav-blk ul {
	margin: 0 0 2.5em;
}

#ob-index main .nav-blk ul {
justify-content: center;
}
#ob-index main .nav-blk ul li {
margin: 0 20px 0 0;
}

@media (max-width: 480px) {
	.kokubu-group main .nav-blk ul {
	display: flex;
	}
}

.kokubu-group main .nav-blk li {
width: calc(100% / 8);
max-width: 126px;
}

@media (max-width: 480px) {
	.kokubu-group main .nav-blk ul {
	justify-content: flex-start;
	}
	.kokubu-group main .nav-blk li {
	width: calc((100% / 3) - 10px);
	margin: 0 10px 25px 0;
	}
	.kokubu-group main .nav-blk li:nth-of-type(3n) {
	margin: 0 0 25px;
	}

	#ob-index main .nav-blk ul li {
	margin: 0 10px 25px 0;
	}
}

.kokubu-group main .nav-blk li a {
display: block;
text-align: center;
font-size: 1.4rem;
border: 3px solid #ED0022;
border-radius: 12px;
padding: 90px 0 15px;
}

@media (max-width: 480px) {
	.kokubu-group main .nav-blk li a {
	font-size: 1.2rem;
	padding: 60px 0 10px;
	}
}


.kokubu-group main .nav-blk li a:before {
content: '';
display: inline-block;
width: 53%;
height: 90px;
position: absolute;
left: 50%;
transform: translateX( -50% );
top: 0;
background-image: url(../image/ico01.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

@media (max-width: 480px) {
	.kokubu-group main .nav-blk li a:before {
	height: 60px;
	}
}

.kokubu-group main .nav-blk li:nth-of-type(2) a:before {
background-image: url(../image/ico29.png);
}

.kokubu-group main .nav-blk li:nth-of-type(3) a:before {
background-image: url(../image/ico02.png);
}

.kokubu-group main .nav-blk li:nth-of-type(4) a:before {
background-image: url(../image/ico03.png);
}

.kokubu-group main .nav-blk li:nth-of-type(5) a:before {
background-image: url(../image/ico27.png);
}

.kokubu-group main .nav-blk li:nth-of-type(6) a:before {
background-image: url(../image/ico05.png);
width: 62%;
}

.kokubu-group main .nav-blk li:nth-of-type(7) a:before {
background-image: url(../image/ico28.png);
}

.kokubu-group main .nav-blk li:nth-of-type(8) a:before {
background-image: url(../image/ico06.png);
}

#ob-index main .nav-blk li:nth-of-type(6) a:before {
background-image: url(../image/ico06.png);
}

.kokubu-group main .nav-blk ul + p {
width: 80%;
margin: 0 auto;
}

.kokubu-group main header {
border-bottom: 3px solid #d2d2d2;
padding: 0 0 1.7em 120px;
margin: 0 0 1.5em;
}

.kokubu-group main header:before {
content: '';
display: inline-block;
width: 100px;
height: 100px;
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

@media (max-width: 480px) {
	.kokubu-group main header {
	border-bottom: 2px solid #d2d2d2;
	padding: 0 0 1.7em 60px;
	margin: 0 0 1.5em;
	}

	.kokubu-group main header:before {
	width: 50px;
	height: 50px;
	}
}

.kokubu-group main section:nth-of-type(1) header:before {
background-image: url(../image/ico01.png);
top: 30px;
}

.kokubu-group main section:nth-of-type(2) header:before {
background-image: url(../image/ico29.png);
top: 10px;
}

.kokubu-group main section:nth-of-type(3) header:before {
background-image: url(../image/ico02.png);
}

.kokubu-group main section:nth-of-type(4) header:before {
background-image: url(../image/ico03.png);
}

.kokubu-group main section:nth-of-type(5) header:before {
background-image: url(../image/ico27.png);
}

.kokubu-group main section:nth-of-type(6) header:before {
background-image: url(../image/ico05.png);
}

/* .kokubu-group main section:nth-of-type(7) header:before {
background-image: url(../image/ico28.png);
} */

.kokubu-group main #pet header:before {
background-image: url(../image/ico30n.jpg);
}

.kokubu-group main section:nth-of-type(8) header {
	padding: 0 0 1.7em 225px;
	padding: 0 0 1.7em 120px;
}
.kokubu-group main #sonota header:before {
background-image: url(../image/ico06.png);
top: -15px;
}
.kokubu-group main section:nth-of-type(9) header:before {
background-image: url(../image/ico06.png);
top: -15px;
}

#ob-index main section:nth-of-type(3) header:before {
background-image: url(../image/ico03.png);
}
#ob-index main section:nth-of-type(4) header:before {
background-image: url(../image/ico27.png);
}
#ob-index main section:nth-of-type(5) header:before {
background-image: url(../image/ico05.png);
}
#ob-index main section:nth-of-type(6) header {
	padding: 0 0 1.7em 225px;
	padding: 0 0 1.7em 120px;
}
#ob-index main section:nth-of-type(6) header:before {
background-image: url(../image/ico30n.jpg);
/* width: 80px;
height: 29px; */
/* top: -30px; */
/* top: 18px; */
}
/* .kokubu-group main section:nth-of-type(7) header:before {
background-image: url(../image/ico06.png);
top: -15px;
} */

#ob-index main #pet header:before {
	background-image: url(../image/ico30n.jpg);
	}
	
	#ob-index main #sonota header:before {
	background-image: url(../image/ico06.png);
	top: -15px;
	}

@media (max-width: 480px) {
	.kokubu-group main section:nth-of-type(8) header {
	padding: 0 0 1.5em 120px;
	padding: 0 0 1.5em 94px;
	}
	.kokubu-group main section:nth-of-type(8) header:before {
	/* width: 109px;
	height: 82px;
	top: 0; */
    top: 2px;
	}
	.kokubu-group main section:nth-of-type(9) header:before {
	top: -5px;
	}

	#ob-index main section:nth-of-type(6) header {
	padding: 0 0 1.5em 120px;
	}
	#ob-index main section:nth-of-type(6) header:before {
	width: 109px;
	height: 82px;
	top: 0;
	}
	#ob-index main section:nth-of-type(7) header:before {
	top: -5px;
	}
}

.kokubu-group main header > .wrapper {
align-items: flex-end;
}

.kokubu-group main header h2 {
font-size: 3.8rem;
text-align: left;
}

.kokubu-group main header .note {
	position: absolute;
	top: -30px;
	left: -10px;
	font-size: 1.4rem;
	line-height: 1.5;
}

@media (max-width: 480px) {
	.kokubu-group main header h2 {
	font-size: 1.9rem;
	}

	.kokubu-group main header .note {
		top: -25px;
		left: 0;
		font-size: 1.1rem;
	}
}

.kokubu-group header .summary {
font-size: 1.8rem;
line-height: 1.333333;
}

@media (max-width: 480px) {
	.kokubu-group header .summary {
	font-size: 1.2rem;
	}

	.kokubu-group #jidosha header .summary {
	margin: 0 0 0 -60px;
	}
}

.kokubu-group main .btn-blk li a {
height: 82px;
line-height: 82px;
}

@media (max-width: 480px) {
	.kokubu-group main .btn-blk li:nth-of-type(1) a,
	.kokubu-group main .btn-blk li:nth-of-type(2) a {
	height: 48px;
	line-height: 48px;
	}

	.kokubu-group main .btn-blk li:nth-of-type(3) a,
	.kokubu-group main .btn-blk li:nth-of-type(4) a {
	height: auto;
	line-height: 1;
	}
}

.kokubu-group #jidosha .btn-blk li:nth-of-type(1) a,
.kokubu-group #shushin-irou .btn-blk li:nth-of-type(1) a,
.kokubu-group #shushin-gan .btn-blk li:nth-of-type(1) a,
.kokubu-group #kasai .btn-blk li:nth-of-type(1) a {
background: #eeeeee;
color: #125099;
border: 2px solid #125099;
}

.kokubu-group #jidosha .btn-blk li:nth-of-type(1) a span:before,
.kokubu-group .shushin .btn-blk li:nth-of-type(1) a span:before,
.kokubu-group #kasai .btn-blk li:nth-of-type(1) a span:before,
.kokubu-group #group .btn-blk li:nth-of-type(1) a span:before {
content: '';
display: inline-block;
width: 40px;
height: 28px;
background-image: url(../image/ico14.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin: 0 24px 0 0;
vertical-align: -4px;
}

@media (max-width: 480px) {
	.kokubu-group #jidosha .btn-blk li:nth-of-type(1) a span:before,
	.kokubu-group .shushin .btn-blk li:nth-of-type(1) a span:before,
	.kokubu-group #kasai .btn-blk li:nth-of-type(1) a span:before  {
	width: 23px;
	height: 16px;
	margin: 0 14px 0 0;
	vertical-align: -3px;
	}
}

#active-index #dantai .btn-blk li {
margin: 0 0 24px;
}

#active-index #dantai .btn-blk li.ver1 {
	width: auto;
	margin: 0;
}

.kokubu-group #dantai .btn-blk li:nth-child(n+3) a:after {
display: none;
}

.kokubu-group #dantai .btn-blk li:nth-of-type(1) a,
.kokubu-group #sougou .btn-blk li:nth-of-type(1) a,
.kokubu-group #group .btn-blk li:nth-of-type(1) a,
.kokubu-group #pet .btn-blk li a.panf {
background: #FBE476;
color: #fd5b03;
border: 2px solid #FD5B03;
}

.kokubu-group #dantai .btn-blk li.ver1:nth-of-type(1) a {
	height: auto;
	background: none;
	border: none;
	line-height: normal;
}

.kokubu-group #dantai .btn-blk li:nth-of-type(1) a span:before,
.kokubu-group #sougou .btn-blk li:nth-of-type(1) a span:before,
.kokubu-group #group .btn-blk li:nth-of-type(1) a span:before,
.kokubu-group #pet .btn-blk li a.panf:before {
content: '';
display: inline-block;
width: 36px;
height: 35px;
background-image: url(../image/ico_pamphlet.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin: 0 24px 0 0;
vertical-align: -7px;
}

@media (max-width: 480px) {
	.kokubu-group #dantai .btn-blk li:nth-of-type(1) a span:before,
	.kokubu-group #sougou .btn-blk li:nth-of-type(1) a span:before,
    .kokubu-group #group .btn-blk li:nth-of-type(1) a span:before,
.kokubu-group #pet .btn-blk li a.panf:before {
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	vertical-align: -5px;
	}
}

.kokubu-group #dantai .btn-blk li:nth-of-type(1) a:after,
.kokubu-group #sougou .btn-blk li:nth-of-type(1) a:after,
.kokubu-group #group .btn-blk li:nth-of-type(1) a:after,
.kokubu-group #pet .btn-blk li a.panf:after {
background-image: url(../image/ico_arrow_right3.png);
}

.kokubu-group #dantai .btn-blk li.ver1:nth-of-type(1) a:after {
	display: none;
}

.kokubu-group #jidosha .btn-blk li:nth-of-type(2) a span:before,
.kokubu-group #dantai .btn-blk li:nth-of-type(2) a span:before,
.kokubu-group #kasai .btn-blk li:nth-of-type(2) a span:before,
.kokubu-group .shushin .btn-blk li:nth-of-type(2) a span:before {
content: '';
display: inline-block;
width: 36px;
height: 28px;
background-image: url(../image/ico_mail.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin: 0 24px 0 0;
vertical-align: -4px;
}

@media (max-width: 480px) {
	.kokubu-group #jidosha .btn-blk li:nth-of-type(2) a span:before,
	.kokubu-group #dantai .btn-blk li:nth-of-type(2) a span:before,
	.kokubu-group #kasai .btn-blk li:nth-of-type(2) a span:before,
	.kokubu-group .shushin .btn-blk li:nth-of-type(2) a span:before {
	width: 20px;
	height: 15px;
	margin: 0 10px 0 0;
	vertical-align: -3px;
	}
}

.kokubu-group #kasai .btn-blk li:nth-of-type(1) .note {
	margin-top: 5px;
	font-size: 1.5rem;
	color: #125099;
	line-height: 1;
}

.kokubu-group  #dantai .btn-blk + .notes {
font-size: 1.6rem;
font-weight: 600;
text-align: center;
}
.text-sub {
	margin-bottom: 30px;
	text-align: center;
	line-height: 1.45;
}
.text-sub span {
	display: block;
}

@media (max-width: 480px) {
	.kokubu-group  #dantai .btn-blk + .notes {
	font-size: 1.1rem;
	}
	.text-sub {
		margin-bottom: 20px;
		line-height: 1.45;
	}
	.text-sub span {
		text-align: left;
	}
}

.kokubu-group .bnr {
margin: 0 0 2em;
}

.kokubu-group #jidosha header .wrapper {
justify-content: flex-start;
margin: -30px 0 10px;
}

.kokubu-group #jidosha header .wrapper .note {
	position: absolute;
	top: -15px;
	left: -100px;
	font-size: 1.4rem;
	line-height: 1.5;
}

.kokubu-group #jidosha header figure {
position: absolute;
top: 30px;
right: 0px;
}

@media (max-width: 480px) {
	.kokubu-group #jidosha header figure {
	width: 104px;
	top: -17px;
	right:10px;
	}
}

.kokubu-group #jidosha header figcaption {
position: absolute;
top: -30px;
left: -170px;
line-height: 1.4;
}

@media (max-width: 480px) {
	.kokubu-group #jidosha header figcaption {
	top: -18px;
	left: -95px;
	}

	.kokubu-group #jidosha header .sp {
	margin: 10px 0 0 -60px;
	font-size: 1.1rem;
	}
}

.kokubu-group #jidosha header h2 {
line-height: 1;
margin: 0 20px 0 0;
}

@media (max-width: 480px) {
	.kokubu-group #jidosha header h2 {
	position: absolute;
	top: 30px;
	}
}

.kokubu-group #jidosha header h2 + p {
font-size: 5.519rem;
font-weight: 600;
line-height: 1;
}

.kokubu-group #jidosha header h2 + p .text-red {
font-size: 2.534rem;
}

.kokubu-group #jidosha header h2 + p .text-red em {
font-size: 5.519rem;
font-weight: 600;
margin: 0 0 0 20px;
}

.kokubu-group #jidosha header h2 + p .text-red strong {
font-size: 9.8rem;
font-weight: 600;
}

.kokubu-group #jidosha header h2 + p .text-red + span {
font-size: 1.3rem;
display: inline-block;
line-height: 1.846154;
margin: 0 0 0 1em;
}

.kokubu-group #jidosha .btn-blk li {
	display: block;
	margin: 0 auto;
}

.kokubu-group #jidosha .btn-blk li:nth-of-type(2):before {
	content: '※現役職員の方のみが対象です。';
	font-size: 1.5rem;
	color: #125099;
	position: absolute;
	left: 0;
	top: -20px;
}

@media (max-width: 480px) {
	.kokubu-group #jidosha .btn-blk li {
		margin: 0 0 30px;
	}
	.kokubu-group #jidosha .btn-blk li:nth-of-type(2):before {
		font-size: 1.2rem;
		top: -15px;
	}
}


.kokubu-group #dantai header h2 span {
	font-size: 2.4rem;
}

@media (max-width: 480px) {
	.kokubu-group #dantai header h2 {
		margin: 0 0 1em;
	}

	.kokubu-group #dantai header h2 span {
		font-size: 1.4rem;
	}
}

.kokubu-group #dantai header + p {
display: flex;
font-size: 8.65rem;
font-weight: 600;
letter-spacing: 0.075em;
justify-content: center;
align-items: flex-end;
line-height: 1;
margin: 0 0 40px;
}


.kokubu-group #dantai header + p:before {
content: '団体割引';
display: flex;
font-size: 2.824rem;
color: #125099;
width: 264px;
justify-content: center;
align-items: center;
height: 60px;
border: 3px solid #125099;
border-radius: 30px;
box-sizing: border-box;
margin: 0 10px 40px 0;
letter-spacing: 0;
}

.kokubu-group #dantai header + p strong {
font-size: 16rem;
}

.kokubu-group #dantai header + p + p {
font-size: 2.6rem;
color: #125099;
text-align: center;
margin: 0 0 1em;
}


@media (max-width: 480px) {
	.kokubu-group #jidosha header h2 + p {
	font-size: 2.76rem;
	padding: 55px 0 0;
	}

	.kokubu-group #jidosha header h2 + p .text-red {
	font-size: 1.269rem;
	}

	.kokubu-group #jidosha header h2 + p .text-red em {
	font-size: 2.76rem;
	margin: 0 0 0 5px;
	}

	.kokubu-group #jidosha header h2 + p .text-red strong {
	font-size: 4.9rem;
	}

	.kokubu-group #jidosha header h2 + p .text-red + span {
	font-size: 1rem;
	position: absolute;
	right: -5px;
	bottom: 0;
	}

	.kokubu-group #dantai header + p {
	font-size: 4.33rem;
	margin: 0 0 20px;
	}

	.kokubu-group #dantai header + p:before {
	font-size: 1.412rem;
	width: 132px;
	height: 30px;
	border: 2px solid #125099;
	border-radius: 15px;
	margin: 0;
	position: absolute;
	top: 0;
	right: 30px;
	}

	.kokubu-group #dantai header + p strong {
	font-size: 8rem;
	}

	.kokubu-group #dantai header .wrapper {
	display: flex;
	width: 106%;
	margin: 0 0 2em;
	}
}

.kokubu-group #dantai p + .wrapper {
margin: 0 0 2em;
}

.kokubu-group #dantai p + .wrapper li {
text-align: left;
font-size: 2.2rem;
color: #FF0000;
line-height: 1.45;
}
ul.around li {
text-align: left;
font-size: 2.2rem;
color: #FF0000;
line-height: 1.45;
}

.kokubu-group #dantai p + .wrapper li:after {
content: '';
height: 130px;
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin: 10px auto 0;
}
ul.around li:after {
content: '';
height: 130px;
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin: 10px auto 0;
}
.kokubu-group #dantai p + .wrapper li:nth-of-type(1):after {
background-image: url(../image/ico07.png);
width: 222px;
}

.kokubu-group #dantai p + .wrapper li:nth-of-type(2):after {
background-image: url(../image/ico08.png);
width: 315px;
}

.kokubu-group #dantai p + .wrapper li:nth-of-type(3):after {
background-image: url(../image/ico09.png);
width: 218px;
}
ul.around {
    display: flex;
    justify-content: center;
}
ul.around li:nth-child(1) {
    margin-right: 45px;
}
ul.around li:nth-child(1):after {
    background: url(../image/ico32.png) no-repeat;
    width: 214px;
}
ul.around li:nth-child(2):after {
    background: url(../image/ico33.png) no-repeat;
    width: 98px;
}

@media (max-width: 480px) {
	.kokubu-group #dantai .inner {
		padding-top: 40px;
	}
	.kokubu-group #dantai p + .wrapper li {
		width: 240px;
		margin: 0 auto .5em;
	font-size: 1.5rem;
	}
		.kokubu-group #dantai p + .wrapper {
	margin:0;
	}
	.kokubu-group #dantai p + .wrapper li:after {
	height: 65px;
	margin: 5px auto 0;
	}

	.kokubu-group #dantai p + .wrapper li:nth-of-type(1):after {
	width: 111px;
	}

	.kokubu-group #dantai p + .wrapper li:nth-of-type(2):after {
	width: 157px;
	}

	.kokubu-group #dantai p + .wrapper li:nth-of-type(3):after {
	width: 109px;
	}
    ul.around {
        display: block;
    }
    ul.around li {
        width: 240px;
        margin: 0 auto .5em;
	    font-size: 1.5rem;
		}
	ul.around li:nth-child(2) {
		width:245px;
	}
    ul.around li:after {
        height: 65px;
	    margin: 5px auto 0;
    }
    ul.around li:nth-child(1):after {
        background-size: 107px auto;
        background-position: center;
        width: 107px;
    }
    ul.around li:nth-child(1) {
    margin-right: auto;
}
    ul.around li:nth-child(2):after {
        background-size: 49px auto;
        background-position: center;
        width: 49px;
    }
}

.kokubu-group #sougou header h2 span {
	font-size: 2.4rem;
}

@media (max-width: 480px) {
	.kokubu-group #sougou header h2 {
		margin: 0 0 1em;
	}

	.kokubu-group #sougou header h2 span {
		font-size: 1.4rem;
	}
}

.kokubu-group #sougou header + p {
display: flex;
font-size: 8.65rem;
font-weight: 600;
letter-spacing: 0.075em;
justify-content: center;
align-items: flex-end;
line-height: 1;
margin: 0 0 40px;
}


.kokubu-group #sougou header + p:before {
content: '団体割引';
display: flex;
font-size: 2.824rem;
color: #125099;
width: 264px;
justify-content: center;
align-items: center;
height: 60px;
border: 3px solid #125099;
border-radius: 30px;
box-sizing: border-box;
margin: 0 10px 40px 0;
letter-spacing: 0;
}

.kokubu-group #sougou header + p strong {
font-size: 16rem;
}

.kokubu-group #sougou header + p + p {
font-size: 2.6rem;
color: #125099;
text-align: center;
margin: 0 0 1em;
}

.kokubu-group #sougou p + .wrapper {
	margin: 0 0 2em;
}
.kokubu-group #sougou p + .wrapper.ver1 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.kokubu-group #sougou p + .wrapper li {
text-align: left;
font-size: 2.2rem;
color: #FF0000;
line-height: 1.45;
position: relative;
}
.kokubu-group #sougou p + .wrapper li.ver1 {
	margin: 0 50px 0 0;
}

.kokubu-group #sougou p + .wrapper li:after {
content: '';
height: 130px;
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin: 10px auto 0;
}

.kokubu-group #sougou p + .wrapper li:nth-of-type(1):after {
background-image: url(../image/ico10.png);
width: 182px;
}

.kokubu-group #sougou p + .wrapper.ver1 li:nth-of-type(1):after {
background-image: url(../image/ico11.png);
width: 124px;
margin: 0;
float: right;
}

.kokubu-group #sougou p + .wrapper li:nth-of-type(2):after {
background-image: url(../image/ico11.png);
width: 124px;
margin: 0;
position: absolute;
bottom: 0;
right: 0;
}

.kokubu-group #sougou p + .wrapper.ver1 li:nth-of-type(2):after {
background-image: url(../image/ico31.png);
width: 169px;
position: static;
margin: 0 auto;
}

.kokubu-group #sougou p + .wrapper li:nth-of-type(3):after {
background-image: url(../image/ico31.png);
width: 169px;
}

@media (max-width: 480px) {
	.kokubu-group #sougou .inner {
	padding-top: 40px;
	}

	.kokubu-group #sougou header + p {
	font-size: 4.33rem;
	margin: 0 0 20px;
	}

	.kokubu-group #sougou header + p:before {
	font-size: 1.412rem;
	width: 132px;
	height: 30px;
	border: 2px solid #125099;
	border-radius: 15px;
	margin: 0;
	position: absolute;
	top: 0;
	right: 30px;
	}

	.kokubu-group #sougou header + p strong {
	font-size: 8rem;
	}

	.kokubu-group #sougou header .wrapper {
	display: flex;
	width: 106%;
	margin: 0 0 2em;
	}

	.kokubu-group #sougou p + .wrapper li {
		width: 240px;
		margin: 0 auto .5em;
	font-size: 1.5rem;
	}
	.kokubu-group #sougou p + .wrapper li.ver1 {
		margin: 0 auto .5em;
	}

	.kokubu-group #sougou p + .wrapper li:after {
	height: 65px;
	margin: 5px auto 0;
	}

	.kokubu-group #sougou p + .wrapper li:nth-of-type(1):after {
	width: 91px;
	}

	.kokubu-group #sougou p + .wrapper.ver1 li:nth-of-type(1):after {
	float: none;
	margin: 5px auto 0;
	}

	.kokubu-group #sougou p + .wrapper li:nth-of-type(2):after {
	width: 62px;
	position: static;
	margin: 5px auto 0;
	}

	.kokubu-group #sougou p + .wrapper li:nth-of-type(3):after {
	width: 85px;
	}
}

.kokubu-group #kasai header + p,
.kokubu-group .shushin header + p,
.kokubu-group #group header + p,
.kokubu-group #pet header + p {
font-size: 4.8rem;
font-weight: 600;
line-height: 1.3;
display: flex;
justify-content: space-between;
align-items: center;
}

.kokubu-group #kasai header + p .text-red,
.kokubu-group .shushin header + p .text-red,
.kokubu-group #group header + p .text-red,
.kokubu-group #pet header + p .text-red {
font-size: 8.6rem;
}

@media (max-width: 480px) {
	.kokubu-group #kasai .inner {
	padding-top: 40px;
	}

	.kokubu-group #kasai header + p {
	font-size: 2.4rem;
	text-align: left;
	line-height: 1.2;
	}

	.kokubu-group #kasai header + p,
	.kokubu-group .shushin header + p {
	display: block;
	}

	.kokubu-group #kasai header + p .text-red,
	.kokubu-group .shushin header + p .text-red{
	font-size: 4.6rem;
	}
}
.kokubu-group #kasai header h2 span {
	font-size: 2.4rem;
}
.kokubu-group #kasai header + p {
display: flex;
font-size: 8.65rem;
font-weight: 600;
letter-spacing: 0.075em;
justify-content: center;
align-items: flex-end;
line-height: 1;
margin: 0 0 40px;
}

.kokubu-group #kasai header + p:before {
content: '団体扱大口割引';
display: flex;
font-size: 2.824rem;
color: #125099;
width: 264px;
justify-content: center;
align-items: center;
height: 60px;
border: 3px solid #125099;
border-radius: 30px;
box-sizing: border-box;
margin: 0 10px 40px 0;
letter-spacing: 0;
}

.kokubu-group #kasai header + p strong {
font-size: 16rem;
}

.kokubu-group #kasai header + p span {
	font-size: 1.3rem;
	display: inline-block;
	line-height: 1.846154;
}

.kokubu-group #kasai header + p + .wrapper {
margin: 0 0 1.8em;
}

.kokubu-group #kasai header + p + .wrapper p {
display: flex;
align-items: center;
background: #125099;
color: #fff;
font-size: 2.6rem;
line-height: 1.4615385;
height: 100px;
padding: 0 50px;
border-radius: 50px;
}

@media (max-width: 480px) {
	.kokubu-group #kasai header h2 span {
		font-size: 1.4rem;
	}
	.kokubu-group #kasai header + p {
	font-size: 4.33rem;
	margin: 0 0 20px;
	}

	.kokubu-group #kasai header + p:before {
	font-size: 1.412rem;
	width: 132px;
	height: 30px;
	border: 2px solid #125099;
	border-radius: 15px;
	margin: 0;
	position: absolute;
	top: 0;
	right: 30px;
	}

	.kokubu-group #kasai header + p strong {
	font-size: 8rem;
	}

	.kokubu-group #kasai header + p + .wrapper p {
	font-size: 1.4rem;
	height: 52px;
	border-radius: 26px;
	padding: 0 0 0 30px;
	width: 72%;
	margin: 0 auto 1em;
	}
}

.kokubu-group #kasai header + p +.wrapper figure {
width: calc(100% - 500px);
justify-content: center;
align-items: flex-end;
}

@media (max-width: 480px) {
	.kokubu-group #kasai header + p +.wrapper figure {
	width: 100%;
	display: flex;
	padding: 0 20px;
	}
}

.kokubu-group #kasai header + p +.wrapper figure img:nth-of-type(1) {
width: 25%;
}

.kokubu-group #kasai header + p +.wrapper figure img:nth-of-type(2) {
width: 21.8%;
}


.kokubu-group .shushin header + p {
margin: 0 0 1em;
flex-wrap: wrap;
}

.kokubu-group #shushin-gan header + p {
line-height: 1.3;
margin: 0;
}
.kokubu-group #shushin-gan header + p .text-red {
font-size: 4.8rem;
}

.kokubu-group #shushin-gan header + p + p {
 font-size: 4.8rem;
font-weight: 600;
line-height: 1.3;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin: 0 0 1em;
}

.kokubu-group #shushin-gan header + p + p .text-red {
font-size: 8.6rem;
}


@media (max-width: 480px) {
	.kokubu-group .shushin header + p {
	font-size: 2.4rem;
	text-align: left;
	line-height: 1.3;
	}

	.kokubu-group #shushin-gan header + p .text-red {
	font-size: 2.4rem;
	}

	.kokubu-group #shushin-gan header + p + p {
		display: block;
	font-size: 2.4rem;
	}

	.kokubu-group #shushin-gan header + p + p .text-red {
	font-size: 4.6rem;
	}

	.kokubu-group #kasai header + p {
	margin: 0 0 0.833333em;
	}

	.kokubu-group .shushin header + p .text-red {
	font-size: 2.9rem;
	}
}

.kokubu-group .shushin header + p + .wrapper {
	width: 900px;
margin: 0 auto 2em;
}

.kokubu-group .shushin header + p + .wrapper div {
width: calc(50% - 30px);
margin: 0 0 60px;
background: #FCF2E5;
padding: 30px 30px 25px;
}
.kokubu-group .shushin header + p + .wrapper div:nth-of-type(3),
.kokubu-group .shushin header + p + .wrapper div:nth-of-type(4) {
margin: 0;
}

#ob-index .shushin header + p + .wrapper div:nth-of-type(1) {
padding: 30px 10px 25px;
}

.kokubu-group .shushin header + p + .wrapper div h3 {
font-size: 3.8rem;
color: #E70012;
margin: 0 0 0.5em;
}

#ob-index .shushin header + p + .wrapper div:nth-of-type(1) h3 {
font-size: 3.6rem;
}

.kokubu-group .shushin header + p + .wrapper div h3:before {
content: '';
display: block;
height: 136px;
margin: 0 auto;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

.kokubu-group .shushin header + p + .wrapper div:nth-of-type(1) h3:before {
background-image: url(../image/ico15.png);
width: 113px;
}
.kokubu-group .shushin header + p + .wrapper div:nth-of-type(2) h3:before {
background-image: url(../image/ico16.png);
width: 136px;
}
.kokubu-group .shushin header + p + .wrapper div:nth-of-type(3) h3:before {
background-image: url(../image/ico17.png);
width: 128px;
}
.kokubu-group .shushin header + p + .wrapper div:nth-of-type(4) h3:before {
background-image: url(../image/ico18.png);
width: 113px;
}

#ob-index .shushin header + p + .wrapper div:nth-of-type(1) h3:before {
background-image: url(../image/ico19.png);
width: 244px;
}
#ob-index .shushin header + p + .wrapper div:nth-of-type(2) h3:before {
background-image: url(../image/ico20.png);
width: 122px;
}
#ob-index .shushin header + p + .wrapper div:nth-of-type(3) h3:before {
background-image: url(../image/ico21.png);
width: 329px;
}
#ob-index .shushin header + p + .wrapper div:nth-of-type(4) h3:before {
background-image: url(../image/ico22.png);
width: 110px;
}

.kokubu-group .shushin .wrapper + h4 {
	margin: 0 auto 30px;
	text-align: center;
	font-size: 2.4rem;
}
.kokubu-group .shushin .wrapper + h4  + img {
	display: block;
	width: 70%;
	margin: 0 auto;
}

.kokubu-group #shushin-gan header + p + p + .wrapper {
margin: 0 auto 1em;
}

.kokubu-group #shushin-gan header + p + p + .wrapper div {
width: calc(33% - 22px);
margin: 0;
background: #FCF2E5;
padding: 20px 20px 30px;
}
.kokubu-group #shushin-gan header + p + p + .wrapper div:nth-of-type(3),
.kokubu-group #shushin-gan header + p + p + .wrapper div:nth-of-type(4) {
margin: 0;
}

#ob-index #shushin-gan header + p + p + .wrapper div {
padding: 20px 15px 30px;
}

.kokubu-group #shushin-gan header + p + p + .wrapper div h3 {
font-size: 2.6rem;
color: #E70012;
margin: 0 0 0.5em;
}

.kokubu-group #shushin-gan header + p + p + .wrapper div h3:before {
content: '';
display: block;
height: 136px;
margin: 0 auto;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

#ob-index #shushin-gan header + p + p + .wrapper div h3:before {
height: 100px;
}

.kokubu-group #shushin-gan header + p + p + .wrapper div:nth-of-type(1) h3:before {
background-image: url(../image/ico15.png);
width: 113px;
}
.kokubu-group #shushin-gan header + p + p + .wrapper div:nth-of-type(2) h3:before {
background-image: url(../image/ico16.png);
width: 136px;
}
.kokubu-group #shushin-gan header + p + p + .wrapper div:nth-of-type(3) h3:before {
background-image: url(../image/ico17.png);
width: 128px;
}

#ob-index #shushin-gan header + p + p + .wrapper div:nth-of-type(1) h3:before {
background-image: url(../image/ico19.png);
width: 173px;
}
#ob-index #shushin-gan header + p + p + .wrapper div:nth-of-type(2) h3:before {
background-image: url(../image/ico20.png);
width: 94px;
}
#ob-index #shushin-gan header + p + p + .wrapper div:nth-of-type(3) h3:before {
background-image: url(../image/ico21.png);
width: 266px;
}

.kokubu-group #shushin-gan header + p + p + .wrapper div p {
font-size: 1.6rem;
}

@media (max-width: 480px) {
	.kokubu-group .shushin header + p + .wrapper {
	width: 94%;
	}

	.kokubu-group .shushin header + p + .wrapper div {
	width: 100%;
	margin: 0 0 25px;
	padding: 30px;
	}
	.kokubu-group .shushin header + p + .wrapper div:nth-of-type(3) {
	margin: 0 0 25px;
	}

	#ob-index .shushin header + p + .wrapper div:nth-of-type(1) {
	padding: 30px 10px;
	}

	.kokubu-group .shushin header + p + .wrapper div h3 {
	font-size: 1.9rem;
	}

	.kokubu-group .shushin header + p + .wrapper div h3:before {
	height: 68px;
	}

	#ob-index .shushin header + p + .wrapper div:nth-of-type(1) h3 {
	font-size: 1.8rem;
	}

	#ob-index .shushin header + p + .wrapper div:nth-of-type(3) h3:before {
	width: 165px;
	}

	.kokubu-group .shushin .wrapper + h4 {
		margin: 0 auto 20px;
		font-size: 1.6rem;
	}
	.kokubu-group .shushin .wrapper + h4  + img {
		width: 100%;
	}

	.kokubu-group #shushin-gan header + p + p + .wrapper div {
	width: 100%;
	margin: 0 0 25px;
	padding: 30px;
	}
	.kokubu-group #shushin-gan header + p + p + .wrapper div:nth-of-type(3) {
	margin: 0;
	}

	.kokubu-group #shushin-gan header + p + p + .wrapper div h3 {
	font-size: 1.9rem;
	}

	.kokubu-group #shushin-gan header + p + p + .wrapper div h3:before {
	height: 68px;
	}

	.kokubu-group #shushin-gan header + p + p + .wrapper div p {
	font-size: 1.4rem;
	}
}

.kokubu-group .shushin header + p + ul li .notes {
position: absolute;
bottom: -30px;
left: -20%;
color: #333;
font-size: 1.5rem;
width: 140%;
display: block;
text-align: center;
}

@media (max-width: 480px) {
	.kokubu-group .shushin header + p + ul li {
	width: 80%;
	font-size: 1.9rem;
	height: 44px;
	border-radius: 22px;
	margin: 0 auto 1.4em;
	}

	.kokubu-group .shushin header + p + ul li .notes {
	position: absolute;
	bottom: -18px;
	font-size: 1.1rem;
	}
}

.kokubu-group .shushin .btn-blk {
margin: 0 0 2em;
}

.kokubu-group .shushin .btn a {
display: flex;
justify-content: center;
align-items: center;
height: 100px;
font-size: 3.2rem;
font-weight: 600;
color: #125099;
letter-spacing: 0.1em;
background: #64d3dd;
border-bottom: 8px solid #36adb7;
}

@media (max-width: 480px) {
	.kokubu-group .shushin .btn a {
	height: 62px;
	font-size: 1.6rem;
	line-height: 1.3;
	border-bottom: 4px solid #36adb7;
	text-align: left;
	}
}

.kokubu-group .shushin .btn a > span:before {
content: '';
display: inline-block;
width: 80px;
height: 70px;
background-image: url(../image/ico13.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin: 10px 24px 0 0;
vertical-align: -25px;
}

@media (max-width: 480px) {
	.kokubu-group .shushin .btn a > span {
	padding: 0 0 0 60px;
	}

	.kokubu-group .shushin .btn a > span:before {
	width: 50px;
	height: 40px;
	position: absolute;
	top: -10px;
	left: 0;
	}
}


.kokubu-group #group header + p + p {
	font-size: 3.2rem;
	margin: 0 0 1em;
}

.kokubu-group #group header + p + p + .wrapper {
	align-items: flex-end;
	margin: 0 0 2em;
}

.kokubu-group #group header + p + p + .wrapper div:nth-of-type(1) {
	width: 640px;
}
.kokubu-group #group header + p + p + .wrapper div:nth-of-type(1) h3 {
	text-align: left;
	font-size: 4.2rem;
	color: #FF0000;
}
.kokubu-group #group header + p + p + .wrapper div:nth-of-type(1) ul li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 2rem;
	font-weight: normal;
	line-height: 2.3;
}
.kokubu-group #group header + p + p + .wrapper div:nth-of-type(1) ul li .note {
	font-size: 1.3rem;
}

.kokubu-group #group header + p + p + .wrapper div:nth-of-type(2) {
	width: 388px;
	padding: 50px 25px 25px;
	background-color: #f0f1f5;
	color: #333;
}
.kokubu-group #group header + p + p + .wrapper div:nth-of-type(2) h3 {
	text-align: center;
	font-size: 4.2rem;
	margin: 0 0 10px;
}
.kokubu-group #group header + p + p + .wrapper div:nth-of-type(2) p {
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.67;
}

@media (max-width: 480px) {
	.kokubu-group #group header + p {
		display: block;
		font-size: 2.4rem;
    text-align: left;
    line-height: 1.3;
	}
	.kokubu-group #group header + p .text-red {
		font-size: 4.6rem;
	}
	.kokubu-group #group header + p + p {
		font-size: 2.4rem;
		margin: 0 0 1em;
	}

	.kokubu-group #group header + p + p + .wrapper {
		width: 94%;
		margin: 0 auto 2em;
	}

	.kokubu-group #group header + p + p + .wrapper div:nth-of-type(1) {
		width: 100%;
		margin: 0 auto 1em;
	}
	.kokubu-group #group header + p + p + .wrapper div:nth-of-type(1) h3 {
		font-size: 2rem;
	}
	.kokubu-group #group header + p + p + .wrapper div:nth-of-type(1) ul li {
		font-size: 1.5rem;
	}
	.kokubu-group #group header + p + p + .wrapper div:nth-of-type(1) ul li .note {
		font-size: 1.2rem;
	}

	.kokubu-group #group header + p + p + .wrapper div:nth-of-type(2) {
		width: 100%;
		padding: 30px;
	}
	.kokubu-group #group header + p + p + .wrapper div:nth-of-type(2) h3 {
		font-size: 2rem;
	}
	.kokubu-group #group header + p + p + .wrapper div:nth-of-type(2) p {
		font-size: 1.5rem;
	}
}


.kokubu-group #pet header + p {
	margin: 0 0 1em;
}

.kokubu-group #pet .btn-blk {
justify-content: center;
}

.kokubu-group #pet .btn-blk li:nth-of-type(1),
.kokubu-group #pet .btn-blk li:nth-of-type(2) {
width: 45%;
max-width: 500px;
margin: 0 26px;
text-align: center;
font-size: 2.4rem;
font-weight: 600;
}
.kokubu-group #pet .btn-blk li:nth-of-type(1) a,
.kokubu-group #pet .btn-blk li:nth-of-type(2) a {
display: block;
margin: 1em auto 0;
}
.kokubu-group #pet .btn-blk li:nth-of-type(1) a:after,
.kokubu-group #pet .btn-blk li:nth-of-type(2) a:after {
display: none;
}
.kokubu-group #pet .btn-blk li:nth-of-type(1) a:nth-of-type(2),
.kokubu-group #pet .btn-blk li:nth-of-type(2) a:nth-of-type(2) {
width: 372px;
}

@media (max-width: 480px) {
	.kokubu-group #pet header + p {
		display: block;
		font-size: 2.4rem;
    text-align: left;
    line-height: 1.3;
	}
	.kokubu-group #pet header + p .text-red {
		font-size: 4.6rem;
	}

	.kokubu-group #pet .btn-blk li:nth-of-type(1),
	.kokubu-group #pet .btn-blk li:nth-of-type(2) {
	width: 100%;
	max-width:100%;
	font-size: 1.6rem;
	margin: 0 0 2em;
	text-align: left;
	}

	.kokubu-group #pet .btn-blk li:nth-of-type(2) {
	margin: 0;
	}
	.kokubu-group #pet .btn-blk li:nth-of-type(1) a:nth-of-type(2),
	.kokubu-group #pet .btn-blk li:nth-of-type(2) a:nth-of-type(2) {
	width: 70%;
	}
}



.kokubu-group #sonota header h2 {
line-height: 1.1;
}

.kokubu-group #sonota header .summary {
font-size: 2.8rem;
color: #FF0000;
}

@media (max-width: 480px) {
	.kokubu-group #sonota header h2 {
	line-height: 1.3;
	}

	.kokubu-group #sonota header .summary {
	font-size: 1.2rem;
	}
}

.kokubu-group #sonota .inner > .wrapper {
justify-content: center;
align-items: flex-end;
}
.kokubu-group #sonota .inner > .wrapper li {
margin: 0 30px 0 0;
text-align: center;
width: 40%;
}
.kokubu-group #sonota .inner > .wrapper li:nth-child(1) {
/* width: 297px; */
margin-bottom: 30px;
}
.kokubu-group #sonota .inner > .wrapper li:nth-child(1) a img{
	max-width: 100%;
	width: 360px;
}
.kokubu-group #sonota .inner > .wrapper li:nth-child(2) {
/* width: 343px; */
margin-bottom: 30px;
margin-right: 0;
}
.kokubu-group #sonota .inner > .wrapper li:nth-child(2) a img{
	max-width: 100%;
	width: 400px;
}
.kokubu-group #sonota .inner > .wrapper li:nth-child(3) {
	/* width: 255px;
margin: 0; */
}
.kokubu-group #sonota .inner > .wrapper li:nth-child(3) a img{
	max-width: 100%;
	width: 315px;
}
.kokubu-group #sonota .inner > .wrapper li:nth-child(4) {
	/* width: 26%; */
	margin: 0;
}
.kokubu-group #sonota .inner > .wrapper li:nth-child(4) a img{
	max-width: 100%;
	width: 275px;
}
@media screen and (max-width: 480px){
	.kokubu-group #sonota .inner > .wrapper li:nth-child(1) {
	width: 45%;
	margin-bottom: 20px;
	}
	.kokubu-group #sonota .inner > .wrapper li:nth-child(2) {
	width: 47%;
	margin-bottom: 20px;
	}
	.kokubu-group #sonota .inner > .wrapper li:nth-child(3) {
		width: 47%;
	}
	.kokubu-group #sonota .inner > .wrapper li:nth-child(4) {
		width: 43%;
		margin-bottom: 20px;
	}	
}
.kokubu-group #sonota .inner > .wrapper li p {
margin: 5px 0 0;
text-align: center;
font-size: 1.6rem;
line-height: 1;
}

@media (max-width: 480px) {
	.kokubu-group #sonota .inner > .wrapper {
		display: flex;
	justify-content: space-between;
	}

	.kokubu-group #sonota .inner > .wrapper li {
	width: calc((100% - 20px) / 2);
	margin: 0 0 20px;
	}

	.kokubu-group #sonota .inner > .wrapper li:nth-child(3) {
	margin: 0 0 20px;
	}

	.kokubu-group #sonota .inner > .wrapper li:nth-child(n + 5) {
	margin: 0 0 30px;
	}
}

.kokubu-group #sonota .inner > .wrapper + .notes {
font-size: 1.8rem;
line-height: 1.555555;
margin: 20px 0 0;
}

@media (max-width: 480px) {
	.kokubu-group #sonota .inner > .wrapper + .notes {
	font-size: 1.1rem;
	line-height: 1.555555;
	width: 100%;
	margin: 0;
	}
}

/*----------------------------------------------------------------flow*/
#flow main .inner {
max-width: 1044px;
}

#flow main h1 {
font-size: 4rem;
font-weight: normal;
letter-spacing: 0.12em;
padding: 100px 0;
background: #f0f1f5;
margin: 0 0 2em;
}

@media (max-width: 480px) {
	#flow main h1 {
	font-size: 2rem;
	padding: 70px 0;
	}
}

#flow main h1 + .inner .btn-blk {
margin: 0 0 4em;
}

#flow main h1 + .inner .btn-blk li {
width: calc(50% - 25px);
}

#flow main h1 + .inner .btn-blk li a {
display: flex;
height: 80px;
justify-content: center;
align-items: center;
}

@media (max-width: 480px) {
	#flow main h1 + .inner .btn-blk {
	margin: 0 0 3em;
	}

	#flow main h1 + .inner .btn-blk li {
	width: 90%;
	margin: 0 auto 20px;
	}

	#flow main h1 + .inner .btn-blk li:last-of-type {
	margin: 0 auto;
	}

	#flow main h1 + .inner .btn-blk li a {
	height: 50px;
	}
}

#flow main h1 + .inner .btn-blk li a {
background: #eeeeee;
color: #125099;
border: 2px solid #125099;
line-height: 1.454545;
}
#flow main h1 + .inner .btn-blk li a:after {
background-image: url(../image/ico_arrow_right2.png);
}

#flow main h1 + .inner .btn-blk li a:hover {
background: #ED0022;
color: #fff;
border: none;
opacity: 1;
}

#flow main h1 + .inner .btn-blk li a:hover:after {
background-image: url(../image/ico_arrow_right.png);
}

#flow .frame-gray {
margin: 0 0 2em;
}

#flow .frame-gray h2 {
font-size: 3.6rem;
letter-spacing: 0.1em;
color: #ED0022;
margin: 0 0 1em;
}

@media (max-width: 480px) {
	#flow .frame-gray h2 {
	font-size: 2rem;
	}
}

#flow .frame-gray > p {
text-align: center;
font-size: 2rem;
margin: 0 0 0.5em;
}

@media (max-width: 480px) {
	#flow .frame-gray > p {
	font-size: 1.5rem;
	line-height: 1.3;
	}
}

#flow .frame-gray  p.phone-num {
font-size: 5.8rem;
font-weight: 600;
line-height: 1;
}
#flow .frame-gray  p.phone-num:before {
content: '';
display: inline-block;
width: 52px;
height: 52px;
background: url(../image/ico_free.png) no-repeat;
}


@media (max-width: 480px) {
	#flow .frame-gray p.phone-num {
	font-size: 3.2rem;
	}

}

#flow .frame-gray > .wrapper {
width: 730px;
margin: 0 auto 1em;
}
#flow .frame-gray > .wrapper p{
font-size: 3.2rem;
}
#flow .frame-gray > .wrapper div p{
font-size: 2rem;
}

@media (max-width: 480px) {
	#flow .frame-gray > .wrapper {
	font-size: 1.1rem;
	display: block;
	width: 100%;
	}
	#flow .frame-gray > .wrapper p{
	font-size: 2rem;
	text-align: center;
	}
	#flow .frame-gray > .wrapper div p{
	font-size: 1.4rem;
	}
}

#flow .frame-gray .btn a {
max-width: 682px;
margin: 0 auto;
height: 84px;
display: flex;
justify-content: center;
align-items: center;
background: #ED0022;
font-size: 3.6rem;
color: #fff;
letter-spacing: 0.1em;
}

#flow .frame-gray .btn a:before {
content: '';
display: inline-block;
width: 52px;
height: 40px;
background-image: url(../image/ico_mail2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin: 0 1em 0 0;
}

#flow .frame-gray .btn a:after {
width: 20px;
height: 30px;
right: 40px;
top: calc(50% - 15px);
background-image: url(../image/ico_arrow_right.png);
}

@media (max-width: 480px) {
	#flow .frame-gray .btn a {
	width: 90%;
	max-width: 90%;
	height: 50px;
	font-size: 1.8rem;
	}

	#flow .frame-gray .btn a:before {
	width: 26px;
	height: 20px;
	}

	#flow .frame-gray .btn a:after {
	width: 10px;
	height: 15px;
	right: 10px;
	top: calc(50% - 7px);
	}
}


#flow .frame-gray:nth-of-type(2) + div > .wrapper {
justify-content: flex-start;
margin: 0 0 2em;
}

#flow .frame-gray:nth-of-type(2) + div > .wrapper > div {
width: calc(calc(100% - 100px) / 3);
border: 1px solid #a0a0a0;
padding: 30px;
margin: 0 50px 0 0;
}

@media (max-width: 480px) {
	#flow .frame-gray:nth-of-type(2) + div > .wrapper > div {
	width: 100%;
	padding: 15px;
	margin: 0 0 1.5em;
	}
}

#flow .frame-gray:nth-of-type(2) + div > .wrapper > div h3 {
line-height: 1;
margin: 0 0 15px;
}

#flow .frame-gray:nth-of-type(2) + div > .wrapper > div:nth-of-type(1) h3 {
width: 266px;
}

#flow .frame-gray:nth-of-type(2) + div > .wrapper > div:nth-of-type(2) h3 {
width: 212px;
}

#flow .frame-gray:nth-of-type(2) + div > .wrapper > div .logo {
line-height: 1;
margin: 0 0 15px;
}

#flow .frame-gray:nth-of-type(2) + div > .wrapper > div:nth-of-type(1) .logo {
width: 132px;
}

#flow .frame-gray:nth-of-type(2) + div > .wrapper > div:nth-of-type(2) .logo {
width: 135px;
}

#flow .frame-gray:nth-of-type(2) + div > .wrapper > div .phone-num {
font-size: 2.6rem;
font-weight: 600;
line-height: 1;
margin: 0 0 10px;
}

#flow .frame-gray:nth-of-type(2) + div > .wrapper > div dl,
#flow .frame-gray:nth-of-type(2) + div > .wrapper > div dl + .notes {
font-size: 1.6rem;
line-height: 1;
}

@media (max-width: 480px) {
	#flow .frame-gray:nth-of-type(2) + div > .wrapper > div dl,
	#flow .frame-gray:nth-of-type(2) + div > .wrapper > div dl + .notes {
	font-size: 1.2rem;
	display: flex;
	}
}

#flow .frame-gray:nth-of-type(2) + div > .wrapper > div dt {
width: 5em;
margin: 0 0 0.5em;
}

#flow .frame-gray:nth-of-type(2) + div > .wrapper > div dd {
width: calc(100% - 5em);
margin: 0 0 0.5em;
}

#flow .frame-gray:nth-of-type(2) + div > .wrapper + .notes {
font-size: 1.5rem;
margin: 0 0 5.333333em;
}

#flow .frame-gray:nth-of-type(2) + div > .wrapper + .notes li {
line-height: 1.3;
}

#flow .frame-gray:nth-of-type(2) + div > .wrapper + .notes li:nth-of-type(1) {
margin: 0 0 1em;
}

@media (max-width: 480px) {
	#flow .frame-gray:nth-of-type(2) + div > .wrapper + .notes {
	font-size: 1.2rem;
	text-indent: -1em;
	margin: 0 0 3em 1em;
	}

	#flow .frame-gray:nth-of-type(2) + div > .wrapper + .notes li {
	font-size: 1.2rem;
	text-indent: -1em;
	margin: 0 0 0 1em;
	}

	#flow .frame-gray:nth-of-type(2) + div > .wrapper + .notes li:nth-of-type(1) {
	margin: 0 0 1em 1em;
	}
}

#flow #off_hours > h2 {
font-size: 3.6rem;
letter-spacing: 0.1em;
color: #ED0022;
margin: 0 0 1em;
}

@media (max-width: 480px) {
	#flow #off_hours > h2 {
	font-size: 2rem;
	line-height: 1.3;
	}
}

#flow #off_hours .frame-gray {
text-align: center;
}

#flow #off_hours h3 {
	text-align: left;
font-size: 2.8rem;
color: #ED0022;
margin: 0 0 1em;
line-height: 1;
}

#flow #off_hours p {
font-size: 2rem;
margin: 0 0 2em;
line-height: 1.6;
}

#flow #off_hours .notes {
font-size: 1.5rem;
line-height: 1.73;
margin: 0 0 80px;
}

@media (max-width: 480px) {
	#flow #off_hours h3 {
	font-size: 2rem;
	}
	#flow #off_hours p {
	font-size: 1.2rem;
	text-align: left;
	}
	#flow #off_hours .notes {
font-size: 1.5rem;
line-height: 1.73;
}
}

#flow #off_hours .frame-gray {
text-align: center;
}

#flow #off_hours .frame-gray  h3 {
	text-align: center;
font-size: 3.6rem;
}

#flow #off_hours .frame-gray  h3 span {
	font-size: 2.4rem;
}

#flow #off_hours .frame-gray .notes li {
font-size: 1.5rem;
line-height: 1.73;
}

#flow #off_hours .wrapper {
	justify-content: flex-start;
}

#flow #off_hours .wrapper .box {
	text-align: left;
width: 370px;
margin: 0 40px 40px 0;
padding: 30px;
border: solid 1px #707070;
}
#flow #off_hours .wrapper .box img {
	width: auto;
}

#flow #off_hours .wrapper .box  h4 {
	text-align: left;
font-size: 2.4rem;
}

#flow #off_hours .wrapper .box  h3 span {
	font-size: 2.4rem;
}

#flow #off_hours .wrapper .box   {
	font-size: 2.4rem;
	width: 370px;
}

#flow #off_hours .notes li {
font-size: 1.5rem;
text-align: left;
line-height: 1.73;
}
#flow #off_hours .wrapper .box .phone-num {
font-size: 3.2rem;
color: #BC0000;
text-align: left;
line-height: 1.73;
margin: 0 0 10px;
}
#flow #off_hours .wrapper .box .phone-num:before {
display: none;
}
#flow #off_hours .wrapper .box p {
	text-align: left;
font-size: 1.6rem;
}
#flow #off_hours .wrapper .box p.ver1 {
	position: relative;
	padding: 0 0 0 20px;
	font-size: 2.2rem;
	margin: 20px 0 0 0;
}
#flow #off_hours .wrapper .box p.ver1:before {
	content: "";
	position: absolute;
	display: block;
	top: 7px;
	left: 0;
	z-index: 10;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 15.6px;
	border-color: transparent transparent transparent #ed0022;
}
#flow #off_hours .wrapper .box p a {
	text-decoration: underline;
}
#flow #off_hours .wrapper .box p a:hover {
	opacity: 1;
	text-decoration: none;
}

#flow #off_hours .frame-gray .notes li:nth-of-type(1) {
margin: 0 0 1em;
}

@media (max-width: 480px) {
	#flow #off_hours .wrapper .box {
	width: 90%;
	margin: 0 auto 20px;
	padding: 20px;
	}

	#flow #off_hours .wrapper .box  h4 {
	font-size: 1.8rem;
	}

	#flow #off_hours .wrapper .box  h3 span {
		font-size: 1.8rem;
	}

	#flow #off_hours .wrapper .box .phone-num {
	font-size: 1.8rem;
	}
	#flow #off_hours .wrapper .box p {
		text-align: left;
	font-size: 1.3rem;
	}
	#flow #off_hours .wrapper .box p.ver1 {
		font-size: 1.6rem;
		padding: 0 0 0 10px;
		margin: 10px 0 0 0;
	}
	#flow #off_hours .wrapper .box p.ver1:before {
		border-width: 5px 0 5px 8.7px;
	}
}

#flow #off_hours .frame-gray .btn a {
width: 100%;
max-width: 100%;
margin: 0 auto;
height: 84px;
display: flex;
justify-content: center;
align-items: center;
background: #ED0022;
font-size: 3.6rem;
color: #fff;
letter-spacing: 0.1em;
}

@media (max-width: 480px) {
	#flow #off_hours .frame-gray .btn a {
	height: 50px;
	font-size: 1.8rem;
	}

	#flow #off_hours .frame-gray .btn a {
	height: 70px;
	flex-direction: column;
	}
}

#flow #off_hours .frame-gray:nth-of-type(1) .btn a {
margin: 0 auto 45px;
}

#flow #off_hours .frame-gray .btn a:before,
#flow #off_hours .frame-gray .btn a:after {
display: none;
}

/*----------------------------------------------------------------car-lp*/
#car-lp h1.inner {
margin: 0 auto 86px;
}

@media (max-width: 480px) {
	#car-lp h1.inner {
	margin: 0 auto 30px;
	}
}

#car-lp .discount p:nth-of-type(3) {
margin: 0 0 50px;
}

#car-lp .discount p:nth-of-type(3) em {
letter-spacing: -0.03em;
}

#car-lp .frame-gray {
margin: 0 auto 70px;
border: none;
}

#car-lp .frame-gray .btn-blk {
margin: 0 0 1em;
}

@media (max-width: 480px) {
	#car-lp .frame-gray .btn-blk {
	margin: 0 0 30px;
	}
}

#car-lp .btn-blk li {
width: 47.6280834%;
margin: 0 0 50px;
}

#car-lp .btn-blk li:nth-child(1) {
width: 100%;
}


#car-lp .btn-blk li a:after {
display: none;
}

#car-lp .btn-blk li:nth-child(n + 2) {
margin: 0;
}


@media (max-width: 480px) {
	#car-lp .btn-blk li {
	width: 100%;
	margin: 0 0 2.5em;
	}

	#car-lp .btn-blk li:nth-child(n + 2) {
	margin: 0 0 2.5em;
	}

	#car-lp .btn-blk li:last-of-type {
	margin: 0;
	}
}

#car-lp .bnr {
height: 242px;
background: url(../image/bnr06.png) no-repeat top center / cover;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 0 70px;
}

#car-lp .bg-brown + .bnr {
margin: 0 0 150px;
}

#car-lp .bnr p {
	text-align: center;
font-size: 2.4rem;
color: #fff;
letter-spacing: 0.1em;
margin: 0 0 0.8em;
}

#car-lp .bnr p.btn a {
width: 408px;
height: 70px;
background: #fff;
color: #ED0022;
border-radius: 60px;
font-size: 2,4rem;
font-weight: 600;
letter-spacing: 0.075em;
display: flex;
justify-content: center;
align-items: center;
}

#car-lp .bnr p.btn a:after {
width: 20px;
height: 30px;
right: 50px;
top: calc(50% - 15px);
background-image: url(../image/ico_arrow_right5.png);
}

@media (max-width: 480px) {
	#car-lp .bnr {
	height: auto;
	background: rgba(76, 98, 151, 0.6);
	margin: 0 0 50px;
	padding: 50px 0;
	}

	#car-lp .bg-brown + .bnr {
	margin: 0 0 50px;
	}

	#car-lp .bnr p {
	font-size: 1.8rem;
	}

	#car-lp .bnr p.btn {
	margin: 0;
	}

	#car-lp .bnr p.btn a {
	width: 261px;
	height: 60px;
	border-radius: 30px;
	font-size: 1.8rem;
	box-shadow: 0px 2px 0px 0px rgba(6,41,81,1);
	}

	#car-lp .bnr p.btn a:after {
	width: 10px;
	height: 15px;
	right: 26px;
	top: calc(50% - 7px);
	}
}

#car-lp section:nth-of-type(1) {
margin: 0 0 70px;
}

@media (max-width: 480px) {
	#car-lp section:nth-of-type(1) {
	margin: 0 0 50px;
	}
}

#car-lp section:nth-of-type(1) h2 {
font-size: 3.2rem;
color: #ED0022;
margin: 0 0 2em;
}

@media (max-width: 480px) {
	#car-lp section:nth-of-type(1) h2 {
	font-size: 1.9rem;
	}
}

#car-lp section:nth-of-type(1) .wrapper figure,
#car-lp section:nth-of-type(1).wrapper .text-blk {
width: calc(50% - 30px);
}

@media (max-width: 480px) {
	#car-lp section:nth-of-type(1) .wrapper figure,
	#car-lp section:nth-of-type(1).wrapper .text-blk {
	width: 100%;
	}

	#car-lp section:nth-of-type(1) .wrapper figure {
	margin: 0 0 2em;
	}
}

#car-lp section:nth-of-type(1) .wrapper .text-blk ul {
margin: 0 0 2em;
}

#car-lp section:nth-of-type(1) .wrapper .text-blk li {
font-size: 2.2rem;
line-height: 1;
margin: 0 0 1.727272em;
padding: 0 0 0 2em;
}

#car-lp section:nth-of-type(1) .wrapper .text-blk li:before {
content: '';
width: 29px;
height: 23px;
display: block;
background-image: url(../image/ico_check.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
left: 0;
top: 0;
}

@media (max-width: 480px) {
	#car-lp section:nth-of-type(1) .wrapper .text-blk li {
	font-size: 1.4rem;
	line-height: 1;
	}

	#car-lp section:nth-of-type(1) .wrapper .text-blk li:before {
	width: 15px;
	height: 12px;
	}
}

#car-lp section:nth-of-type(1) .wrapper .text-blk .btn a {
width: 420px;
height: 82px;
line-height: 82px;
font-size: 2.2rem;
color: #ED0022;
letter-spacing: 0.075em;
border: 2px solid #ED0022;
margin: 0 auto;
}
#car-lp section:nth-of-type(1) .wrapper .text-blk .btn a:after {
background-image: url(../image/ico_arrow_right5.png);
}

@media (max-width: 480px) {
	#car-lp section:nth-of-type(1) .wrapper .text-blk .btn a {
	width: 72%;
	height: 50px;
	line-height: 50px;
	font-size: 1.3rem;
	}
}

#car-lp .bg-brown {
margin: 0 0 70px;
}

#car-lp .bg-brown h2 {
letter-spacing: 0;
color: #ED0022;
}

@media (max-width: 480px) {
	#car-lp .bg-brown h2 {
	width: calc(100% + 80px);
	margin: 0 0 1em -40px;
	font-size: 2.1rem;
	line-height: 1.3;
	}
}

#car-lp .bg-brown .inner > .wrapper > div:nth-of-type(1) h3:before {
background-image: url(../image/ico15.png);
width: 113px;
}

#car-lp .bg-brown .inner > .wrapper > div:nth-of-type(2) h3:before {
background-image: url(../image/ico16.png);
width: 136px;
}

#car-lp .bg-brown .inner > .wrapper > div:nth-of-type(4) h3:before {
background-image: url(../image/ico17.png);
width: 128px;
}

#car-lp .bg-brown .inner > .wrapper > div:nth-of-type(3) h3:before {
background-image: url(../image/ico23.png);
width: 113px;
}


/*----------------------------------------------------------------medical-active, medical-ob*/
.medical h1.inner {
margin: 0 auto 86px;
}

@media (max-width: 480px) {
	.medical h1.inner {
	margin: 0 auto 30px;
	}

	.medical h1 + h2 {
	width: 90%;
	font-size: 1.6rem;
	height: 38px;
	border-radius: 19px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ED0022;
	color: #fff;
	margin: 0 auto 30px;
	}

	.medical h1 + h2:before {
	content: '';
	width: 26px;
	height: 44px;
	display: inline-block;
	background-image: url(../image/ico_medical_h2_sp.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 15px 10px 0 0;
	}
}

.medical h1 + h2 + .bnr {
margin: 0 auto 1.5em;
max-width: 1048px;
}

.medical .bg-brown .inner > .wrapper {
margin: 0 0 5em;
}

#medical-active .bg-brown .inner > .wrapper > div:nth-of-type(1) h3:before {
background-image: url(../image/ico15.png);
width: 113px;
}

#medical-active .bg-brown .inner > .wrapper > div:nth-of-type(2) h3:before {
background-image: url(../image/ico16.png);
width: 136px;
}

#medical-active .bg-brown .inner > .wrapper > div:nth-of-type(3) h3:before {
background-image: url(../image/ico17.png);
width: 128px;
}

#medical-active .bg-brown .inner > .wrapper > div:nth-of-type(4) h3:before {
background-image: url(../image/ico18.png);
width: 113px;
}

#medical-ob .bg-brown .inner > .wrapper > div:nth-of-type(1) h3:before {
background-image: url(../image/ico19.png);
width: 244px;
}

#medical-ob .bg-brown .inner > .wrapper > div:nth-of-type(2) h3:before {
background-image: url(../image/ico16.png);
width: 136px;
}

#medical-ob .bg-brown .inner > .wrapper > div:nth-of-type(3) h3:before {
background-image: url(../image/ico21.png);
width: 329px;
}

#medical-ob .bg-brown .inner > .wrapper > div:nth-of-type(4) h3:before {
background-image: url(../image/ico22.png);
width: 110px;
}

@media (max-width: 480px) {
	.medical .bg-brown .inner > .wrapper > div h3:before {
	max-width: 100%;
	}
}

.medical .bg-brown .btn a {
max-width: 840px;
margin: 0 auto;
height: 108px;
display: flex;
justify-content: center;
align-items: center;
background: #ED0022;
font-size: 4.2rem;
color: #fff;
letter-spacing: 0.1em;
}

.medical .bg-brown .btn a:before {
content: '';
display: inline-block;
width: 76px;
height: 57px;
background-image: url(../image/ico_mail2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin: 0 20px 0 0;
}

.medical .bg-brown .btn a:after {
content: '';
display: inline-block;
width: 20px;
height: 30px;
position: absolute;
right: 50px;
top: calc(50% - 15px);
background-image: url(../image/ico_arrow_right.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

@media (max-width: 480px) {
	.medical .bg-brown .btn a {
	max-width: 100%;
	height: 42px;
	font-size: 1.8rem;
	}

	.medical .bg-brown .btn a:before {
	width: 26px;
	height: 20px;
	margin: 0 10px 0 0;
	}

	.medical .bg-brown .btn a:after {
	width: 10px;
	height: 15px;
	right: 10px;
	top: calc(50% - 7px);
	}
}

.medical .bg-brown h2 {
font-size: 3.6rem;
color: #ED0022;
letter-spacing: 0.15em;
margin: 0 0 1.8em;
}

@media (max-width: 480px) {
	.medical .bg-brown h2 {
		width: 100%;
	font-size: 2rem;
	}
}

.medical .bg-gray {
margin: 0 0 80px;
}

.medical .bg-gray h2 {
font-size: 3.6rem;
letter-spacing: 0.15em;
margin: 0 0 1.8em;
}

@media (max-width: 480px) {
	.medical .bg-gray h2 {
	font-size: 2rem;
	}
}

.medical .bg-gray .inner > figure {
background: #fff;
padding: 60px 0;
margin: 0 auto;
text-align: center;
}

.medical .bg-gray .inner > figure img {
width: 70.350877%;
display: inline-block;
margin: 0;
}

@media (max-width: 480px) {
	.medical .bg-gray .inner > figure {
	padding: 30px 0;
	}

	.medical .bg-gray .inner > figure img {
	width: 90%;
	}
}

.medical .products-list .inner > div {
background: #fff;
padding: 60px 140px;
margin: 0 auto 2em;
}

@media (max-width: 480px) {
	.medical .products-list .inner > div {
	padding: 30px 0;
	}
}

.medical .products-list .inner > div h3 {
width: 410px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
font-size: 3.2rem;
letter-spacing: 0.15em;
color: #ED0022;
border: 3px solid #ED0022;
margin: 0 auto 2em;
}

@media (max-width: 480px) {
	.medical .products-list .inner > div h3 {
	width: 11em;
	height: 40px;
	font-size: 1.6rem;
	border: 2px solid #ED0022;
	margin: 0 auto 1.5em;
	}
}

.medical .products-list .inner > div {
text-align: center;
}

.medical .products-list .inner > div figure {
margin: 0 0 5em;
}

.medical .products-list .inner > div:nth-of-type(1) figure img {
width: 428px;
}

.medical .products-list .inner > div:nth-of-type(2) figure img {
width: 375px;
}

@media (max-width: 480px) {
	.medical .products-list .inner > div figure {
	margin: 0 0 3em;
	}

	.medical .products-list .inner > div:nth-of-type(1) figure img {
	width: 253px;
	}

	.medical .products-list .inner > div:nth-of-type(2) figure img {
	width: 206px;
	}
}

.medical .products-list .inner > div h4 {
margin: 0 auto 1em;
}


.medical .products-list .inner > div:nth-of-type(1) h4,
.medical .products-list .inner > div:nth-of-type(2) h4 {
width: 330px;
}

@media (max-width: 480px) {
	.medical .products-list .inner > div:nth-of-type(1) h4,
	.medical .products-list .inner > div:nth-of-type(2) h4 {
	width: 165px;
	}
}

.medical .products-list .inner .btn.panf a {
width: 332px;
height: 82px;
display: flex;
justify-content: center;
align-items: center;
font-size: 2.2rem;
letter-spacing: 0;
color: #125099;
border: 2px solid #125099;
background: #eee;
margin: 0 auto 0.5em;
}

.medical .products-list .inner .btn.panf a:before,
.medical .products-list .inner .btn.panf a:after {
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
}


.medical .products-list .inner .btn.panf a:before {
	display: inline-block;
	width: 40px;
	height: 28px;
	background-image: url(../image/ico14.png);
	left: 44px;
	top: 25px;
}

.medical .products-list .inner .btn.panf a:after {
width: 18px;
height: 18px;
right: 24px;
top: calc(50% - 9px);
background-image: url(../image/ico_arrow_right2.png);
}

@media (max-width: 480px) {
	.medical .products-list .inner .btn.panf a {
	width: 70%;
	height: 48px;
	font-size: 1.3rem;
	}

	.medical .products-list .inner .btn.panf a:before {
	width: 23px;
	height: 16px;
	left: 22px;
	top: 14px;
	}

	.medical .products-list .inner .btn.panf a:after {
	width: 9px;
	height: 9px;
	right: 12px;
	top: calc(50% - 5px);
	}
}

#medical-active .products-list .inner .btn.detail {
padding-top: 24px;
}
.medical .products-list .inner .btn.detail a {
width: 332px;
height: 82px;
display: flex;
justify-content: center;
align-items: center;
font-size: 2.2rem;
letter-spacing: 0;
color: #125099;
border: 2px solid #125099;
background: #eee;
margin: 0 auto 0.5em;
}

.medical .products-list .inner .btn.detail a:before,
.medical .products-list .inner .btn.detail a:after {
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
}


.medical .products-list .inner .btn.detail a:before {
	display: inline-block;
	width: 40px;
	height: 28px;
	background-image: url(../image/ico14.png);
	left: 44px;
	top: 25px;
}

.medical .products-list .inner .btn.detail a:after {
width: 18px;
height: 18px;
right: 24px;
top: calc(50% - 9px);
background-image: url(../image/ico_arrow_right2.png);
}

@media (max-width: 480px) {
	.medical .products-list .inner .btn.detail a {
	width: 100%;
	height: 48px;
	font-size: 1.3rem;
	}

	.medical .products-list .inner .btn.detail a:before {
	width: 23px;
	height: 16px;
	left: 8px;
	top: 14px;
	}

	.medical .products-list .inner .btn.detail a:after {
	width: 9px;
	height: 9px;
	right: 12px;
	top: calc(50% - 5px);
	}
}

.medical .products-list .inner > div .notes {
font-size: 1.5rem;
line-height: 1.6;
}

.medical .products-list .inner > div .notes + .btn a {
max-width: 500px;
margin: 0 auto;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
background: #143F68;
font-size: 2.2rem;
color: #fff;
letter-spacing: 0.1em;
}


.medical .products-list .inner > div .notes + .btn a:after {
content: '';
display: inline-block;
width: 15px;
height: 23px;
position: absolute;
right: 34px;
top: calc(50% - 11px);
background-image: url(../image/ico_arrow_right.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

@media (max-width: 480px) {
	.medical .products-list .inner > div .notes {
	font-size: 1.2rem;
	line-height: 1.2;
	margin: 0 0 5px 0;
	}
	.medical .products-list .inner > div .notes + .btn a {
	max-width: 100%;
	height: 48px;
	font-size: 1.3rem;
	line-height: 1.4;
	}

	.medical .products-list .inner > div .notes + .btn a:before {
	width: 20px;
	height: 15px;
	margin: 0 15px 0 0;
	}

	.medical .products-list .inner > div .notes + .btn a:after {
	width: 9px;
	height: 14px;
	right: 10px;
	top: calc(50% - 7px);
	}
}

.medical .products-list .inner > div figure.wrapper {
flex-wrap: nowrap;
align-items: center;
margin: 0 0 3.5em;
}

.medical .products-list .inner > div figure.wrapper.center {
justify-content: center;
}

.medical .products-list .inner > div:nth-of-type(1) figure.wrapper img:nth-of-type(1) {
width: 220px;
}

.medical .products-list .inner > div:nth-of-type(1) figure.wrapper img:nth-of-type(2) {
width: 251px;
}

.medical .products-list .inner > div:nth-of-type(2) figure.wrapper img:nth-of-type(1) {
width: 249px;
}

.medical .products-list .inner > div:nth-of-type(2) figure.wrapper img:nth-of-type(2) {
width: 375px;
}

.medical .products-list .inner > div .wrapper {
margin: 0 0 3.5em;
}
.medical .products-list .inner > div .wrapper.center {
justify-content: center;
}
.medical .products-list .inner > div .wrapper.ver2 {
	margin: 0 0 2em;
}
.medical .products-list .inner > div .wrapper div {
	width: 400px;
}


@media (max-width: 480px) {
	.medical .products-list .inner > div figure.wrapper {
	width: 90%;
	margin: 0 auto 1em;
	text-align: center;
	}

	.medical .products-list .inner > div .wrapper:nth-of-type(2) {
	display: flex;
	}

	.medical .products-list .inner > div .wrapper figure:nth-of-type(1) {
	margin: 0 0 2em;
	}

	.medical .products-list .inner > div:nth-of-type(1) figure.wrapper img:nth-of-type(1) {
	width: 130px;
	}

	.medical .products-list .inner > div:nth-of-type(1) figure.wrapper img:nth-of-type(2) {
	width: 150px;
	}

	.medical .products-list .inner > div:nth-of-type(2) figure.wrapper img:nth-of-type(1) {
	width: 147px;
	}

	.medical .products-list .inner > div:nth-of-type(2) figure.wrapper img:nth-of-type(2) {
	width: 221px;
	}

	.medical .products-list .inner > div figure.wrapper + .wrapper,
	.medical .products-list .inner > div .wrapper:nth-of-type(2) {
	display: flex;
	width: 92%;
	margin: 0 auto 1em;
	}
	.medical .products-list .inner > div figure.wrapper + .wrapper.ver2 {
    	margin: 0 auto 2em;
	}

	.medical .products-list .inner > div .wrapper div {
	width: 45% !important;
	}
}


.medical .products-list .inner > div .wrapper:nth-of-type(1) figure:nth-of-type(1) img {
width: 375px;
}

.medical .products-list .inner > div .wrapper:nth-of-type(1) figure:nth-of-type(2) img {
width: 249px;
}

.medical .products-list .inner > div .wrapper:nth-of-type(2) figure:nth-of-type(1) img {
width: 428px;
}

.medical .products-list .inner > div .wrapper:nth-of-type(2) figure:nth-of-type(2) img {
width: 220px;
}

@media (max-width: 480px) {
	.medical .products-list .inner > div .wrapper:nth-of-type(1) figure:nth-of-type(1) img {
	width: 206px;
	}

	.medical .products-list .inner > div .wrapper:nth-of-type(1) figure:nth-of-type(2) img {
	width: 137px;
	}

	.medical .products-list .inner > div .wrapper:nth-of-type(2) figure:nth-of-type(1) img {
	width: 253px;
	}

	.medical .products-list .inner > div .wrapper:nth-of-type(2) figure:nth-of-type(2) img {
	width: 130px;
	}
}

.medical .products-list .inner > div .wrapper > div h4 {
margin: 0 0 1em;
}

.medical .products-list .inner > div:nth-of-type(1) .wrapper > div:nth-of-type(1) h4,
.medical .products-list .inner > div:nth-of-type(2) .wrapper > div:nth-of-type(1) h4  {
width: 136px;
}

.medical .products-list .inner > div:nth-of-type(1) .wrapper > div:nth-of-type(2) h4,
.medical .products-list .inner > div:nth-of-type(2) .wrapper > div:nth-of-type(2) h4 {
width: 220px;
}

@media (max-width: 480px) {
	.medical .products-list .inner > div:nth-of-type(1) .wrapper > div:nth-of-type(1) h4,
	.medical .products-list .inner > div:nth-of-type(2) .wrapper > div:nth-of-type(1) h4 {
	width: 68px;
	}

	.medical .products-list .inner > div:nth-of-type(1) .wrapper > div:nth-of-type(2) h4,
	.medical .products-list .inner > div:nth-of-type(2) .wrapper > div:nth-of-type(2) h4 {
	width: 110px;
	margin: 0 0 1em -15px;
	}
}

.medical .products-list .inner > div .wrapper .btn.panf {
margin: 0 0 2em;
}
.medical .products-list .inner > div .wrapper.ver2 .btn.panf {
	margin: 0;
}

.medical .products-list .inner > div .wrapper .btn.panf a {
width: 270px;
height: 54px;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
font-size: 2.2rem;
letter-spacing: 0;
color: #E70012;
border: 3px solid #E70012;
border-radius: 27px;
}

.medical .products-list .inner > div .wrapper .btn.panf a:before,
.medical .products-list .inner > div .wrapper .btn.panf a:after {
content: '';
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
}

.medical .products-list .inner > div .wrapper .btn.panf a:before {
width: 35px;
height: 50px;
left: 24px;
top: -14px;
background-image: url(../image/ico_pamphlet2.png);
}

.medical .products-list .inner > div .wrapper .btn.panf a:after {
width: 18px;
height: 18px;
right: 24px;
top: 50%;
transform: translateY( -50% );
background-image: url(../image/ico_arrow_right4.png);
}

@media (max-width: 480px) {
	.medical .products-list .inner > div .wrapper .btn.panf a {
	width: 100%;
	height: 27px;
	font-size: 1.1rem;
	border-radius: 14px;
	}

	.medical .products-list .inner > div .wrapper .btn.panf a:before {
	width: 20px;
	height: 25px;
	left: 12px;
	top: -7px;
	}

	.medical .products-list .inner > div .wrapper .btn.panf a:after {
	width: 9px;
	height: 9px;
	right: 12px;
	top: calc(50% - 5px);
	transform: none;
	}
}

.medical .products-list .inner > div .wrapper + .btn a {
max-width: 500px;
margin: 0 auto;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
background: #ED0022;
font-size: 2.2rem;
color: #fff;
letter-spacing: 0.1em;
}

.medical .products-list .inner > div .wrapper + .btn a:before {
content: '';
display: inline-block;
width: 36px;
height: 27px;
background-image: url(../image/ico_mail.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin: 0 25px 0 0;
}

.medical .products-list .inner > div .wrapper + .btn a:after {
content: '';
display: inline-block;
width: 15px;
height: 23px;
position: absolute;
right: 34px;
top: 50%;
transform: translateY( -50% );
background-image: url(../image/ico_arrow_right.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

@media (max-width: 480px) {
	.medical .products-list .inner > div .wrapper + .btn a {
	max-width: 90%;
	height: 48px;
	font-size: 1.3rem;
	}

	.medical .products-list .inner > div .wrapper + .btn a:before {
	width: 20px;
	height: 15px;
	margin: 0 15px 0 0;
	}

	.medical .products-list .inner > div .wrapper + .btn a:after {
	width: 9px;
	height: 14px;
	right: 20px;
	top: calc(50% - 7px);
	}
}



/*----------------------------------------------------------------kojin, houjin*/
.other main > header {
height: 350px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 0 50px;
}

#kojin main > header {
background-image: url(../image/main_kojin.png);
}

#houjin main > header {
background-image: url(../image/main_houjin.png);
}

@media (max-width: 480px) {
	.other main > header {
	height: 250px;
	margin: 0 0 25px;
	}

	#kojin main > header {
	background-image: url(../image/main_kojin_sp.png);
	}

	#houjin main > header {
	background-image: url(../image/main_houjin_sp.png);
	}
}

.other main header h1 {
font-size: 3rem;
letter-spacing: 0.025em;
margin: 0 0 1em;
}

#houjin main header h1 {
color: #fff;
}

@media (max-width: 480px) {
	.other main header h1 {
	font-size: 2rem;
	}
}

.other main header .btn-blk {
width: 81.578947%;
max-width: 930px;
}

.other main header .btn-blk li {
width: calc(50% - 34px);
}

.other main header + .btn-blk {
display: none;
}

@media (max-width: 480px) {
	.other main header .btn-blk {
	display: none !important;
	}

	.other main header + .btn-blk {
	display: block;
	width: 94%;
	margin: 0 auto 30px;
	}

	.other main header + .btn-blk li {
	width: 100%;
	margin: 0 0 15px;
	}
}

.other main header .btn-blk a {
width: 100%;
height: 82px;
display: flex;
justify-content: center;
align-items: center;
color: #125099;
border: 2px solid #125099;
background: #fff;
}
#houjin main header .btn-blk li:nth-child(1) a {
color: #fff;
border: none;
background: #ED0022;
}
#houjin main header .btn-blk li:nth-child(1) a:before {
content: '';
display: inline-block;
width: 55px;
height: 58px;
margin-right: 10px;
background-image: url(../image/ico24.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}
#houjin main header .btn-blk li:nth-child(1) a:after {
background-image: url(../image/ico_arrow_right.png);
}
#houjin main header .btn-blk li:nth-child(2) a:before {
content: '';
display: inline-block;
width: 35px;
height: 40px;
margin-right: 10px;
background-image: url(../image/ico25.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}

#kojin main header .btn-blk li:nth-child(2) a {
color: #fff;
border: none;
background: #ED0022;
}
#kojin main header .btn-blk li:nth-child(2) a:before {
content: '';
display: inline-block;
width: 35px;
height: 40px;
margin-right: 10px;
background-image: url(../image/ico25.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}
#kojin main header .btn-blk li:nth-child(2) a:after {
background-image: url(../image/ico_arrow_right.png);
}
#kojin main header .btn-blk li:nth-child(1) a:before {
content: '';
display: inline-block;
width: 55px;
height: 58px;
margin-right: 10px;
background-image: url(../image/ico24.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}

@media (max-width: 480px) {
	.other main header + .btn-blk a {
	height: 46px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #125099;
	border: 1px solid #125099;
	background: #fff;
	}

	#houjin main header + .btn-blk li:nth-child(1) a {
	color: #fff;
	border: none;
	background: #ED0022;
	}
	#houjin main header + .btn-blk li:nth-child(1) a:before {
	content: '';
	display: inline-block;
	width: 28px;
	height: 29px;
	margin-right: 10px;
	background-image: url(../image/ico24.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	}
	#houjin main header + .btn-blk li:nth-child(1) a:after {
	background-image: url(../image/ico_arrow_right.png);
	}
	#houjin main header + .btn-blk li:nth-child(2) a:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 20px;
	margin-right: 10px;
	background-image: url(../image/ico25.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	}

	#kojin main header + .btn-blk li:nth-child(2) a {
	color: #fff;
	border: none;
	background: #ED0022;
	}
	#kojin main header + .btn-blk li:nth-child(2) a:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 20px;
	margin-right: 10px;
	background-image: url(../image/ico25.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	}
	#kojin main header + .btn-blk li:nth-child(2) a:after {
	background-image: url(../image/ico_arrow_right.png);
	}
	#kojin main header + .btn-blk li:nth-child(1) a:before {
	content: '';
	display: inline-block;
	width: 28px;
	height: 29px;
	margin-right: 10px;
	background-image: url(../image/ico24.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	}
}

.other main header .btn-blk a:after {
content: '';
display: inline-block;
width: 8px;
height: 12px;
position: absolute;
right: 22px;
top: calc(50% - 6px);
background-image: url(../image/ico_arrow_right2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

.other main > .inner > h2 {
font-size: 3rem;
letter-spacing: 0.025em;
margin: 0 0 1em;
}

@media (max-width: 480px) {
	.other main > .inner > h2 {
	font-size: 2rem;
	}
}

.other main > .inner > .summary {
width: 81.578947%;
max-width: 930px;
font-size: 1.8rem;
font-weight: 400;
line-height: 1.6;
letter-spacing: 0.05em;
margin: 0 auto 4em;
}

@media (max-width: 480px) {
	.other main > .inner > .summary {
	width: 94%;
	max-width: 94%;
	font-size: 1.2rem;
	margin: 0 auto 2em;
	}
}

.other main > .inner .wrapper {
padding: 0 0 3em;
margin: 0 0 3em;
border-bottom: 1px solid #999999;
}

.other main > .inner .wrapper:last-of-type {
margin: 0 0 5em;
}

.other main > .inner .wrapper figure {
width: 38.070175%;
}

.other main > .inner .wrapper .text-blk {
width: 58.596491%;
}

@media (max-width: 480px) {
	.other main > .inner .wrapper figure {
	width: 100%;
	margin: 0 0 2em;
	}

	.other main > .inner .wrapper .text-blk {
	width: 100%;
	}
}

.other main > .inner .wrapper .text-blk h3 {
font-size: 2.4rem;
letter-spacing: 0.025em;
line-height: 1;
color: #001F6B;
text-align: left;
margin: 0 0 1em;
}

@media (max-width: 480px) {
	.other main > .inner .wrapper .text-blk h3 {
	font-size: 1.8rem;
	}
}

.other main > .inner .wrapper .text-blk h3 + p {
line-height: 1.6;
letter-spacing: 0.025em;
font-weight: 400;
}

.other main > .inner .wrapper .text-blk h3 + p span {
display: block;
font-size: 1.4rem;
}

#houjin main .inner .wrapper .text-blk h3 + p {
margin: 0 0 1em;
}

#houjin main .inner .wrapper .text-blk h4 {
font-size: 2rem;
letter-spacing: 0.025em;
text-align: left;
}

@media (max-width: 480px) {
	#houjin main .inner .wrapper .text-blk h4 {
	font-size: 1.4rem;
	}
}

#houjin main .inner .wrapper .text-blk h4 + p {
font-weight: 400;
letter-spacing: 0.025em;
}

#houjin main .inner .wrapper .text-blk h4 + p:before {
content: '●';
color: #001F6B;
margin: 0 0.5em 0 0;
}

#houjin main .inner .wrapper .text-blk + .frame-gray {
	width: 100%;
margin-top: 30px;
padding: 30px 0;
}
#houjin main .inner .wrapper .text-blk + .frame-gray h3 {
font-size: 2.4rem;
letter-spacing: 0.025em;
line-height: 1;
color: #001F6B;
text-align: center;
margin: 0 0 1em;
}
#houjin main .inner .wrapper .text-blk + .frame-gray ul {
width: 510px;
margin: 0 auto;
}
#houjin main .inner .wrapper .text-blk + .frame-gray ul li {
margin-bottom: 15px;
font-size: 2rem;
line-height: 1;
}
#houjin main .inner .wrapper .text-blk + .frame-gray ul li:before {
content: '▶︎';
color: #001F6B;
margin: 0 0.5em 0 0;
}

.other main > .inner .wrapper + .btn a {
width: 434px;
height: 68px;
display: flex;
justify-content: center;
align-items: center;
color: #ED0022;
border: 2px solid #ED0022;
margin: 0 auto 150px;
}

@media (max-width: 480px) {
	#houjin main .inner .wrapper .text-blk + .frame-gray {
	margin-top: 1em;
	padding: 1em;
	}
	#houjin main .inner .wrapper .text-blk + .frame-gray h3 {
	font-size: 1.8rem;
	}
	#houjin main .inner .wrapper .text-blk + .frame-gray ul {
	width: 100%;
	}
	#houjin main .inner .wrapper .text-blk + .frame-gray ul li {
	margin-bottom: 1em;
	font-size: 1.3rem;
	line-height: 1.6;
	}

	.other main > .inner .wrapper + .btn a {
	width: 100%;
	height: 46px;
	border: 1px solid #ED0022;
	margin: 0 auto 50px;
	font-size: 1.6rem;
	}
}


.other main > .inner .wrapper + .btn a:after {
content: '';
display: inline-block;
width: 8px;
height: 12px;
position: absolute;
right: 22px;
top: calc(50% - 6px);
background-image: url(../image/ico_arrow_right5.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

#kojin #sonota {
margin: 0 auto 5em;
}

#kojin #sonota header {
border-bottom: 3px solid #d2d2d2;
padding: 0 0 1.7em 120px;
margin: 0 0 1.5em;
}

#kojin #sonota header:before {
content: '';
display: inline-block;
width: 100px;
height: 100px;
position: absolute;
left: 0;
top: -15px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-image: url(../image/ico06.png);
}

#kojin #sonota header h2 {
font-size: 3.8rem;
text-align: left;
line-height: 1.1;
}

#kojin #sonota header .summary {
font-size: 2.8rem;
line-height: 1.333333;
}

#kojin #sonota .wrapper li {
width: calc(calc(100% - 64px) / 3);
margin: 0 0 32px;
}

#kojin #sonota .wrapper + .notes {
font-size: 1.8rem;
line-height: 1.555555;
margin: 10px 0 0;
}

@media (max-width: 480px) {
	#kojin #sonota header {
	border-bottom: 2px solid #d2d2d2;
	padding: 0 0 1.7em 60px;
	margin: 0 0 1.5em;
	}

	#kojin #sonota header:before {
	width: 50px;
	height: 50px;
	top: -5px;
	}

	#kojin #sonota header h2 {
	font-size: 1.9rem;
	line-height: 1.3;
	}

	#kojin #sonota header .summary {
	font-size: 1.2rem;
	}

	#kojin #sonota .wrapper {
	display: flex;
	}

	#kojin #sonota .wrapper li {
	width: calc(calc(100% - 20px) / 2);
	margin: 0 0 20px;
	}

	#kojin #sonota .wrapper li:nth-child(n + 5) {
	margin: 0 0 30px;
	}

	#kojin #sonota .wrapper + .notes {
	font-size: 1.1rem;
	line-height: 1.555555;
	width: 100%;
	margin: 0;
	}
}


/*----------------------------------------------------------------company*/
#company main .inner {
	max-width: 1044px;
	padding-bottom: 160px;
}

#company main h1 {
	font-size: 4rem;
	font-weight: normal;
	letter-spacing: 0.12em;
	padding: 100px 0 30px;
	background: #f0f1f5;
	margin: 0 0 2em;
	color: #125099;
}
#company main h1 span {
	display: block;
	margin-top: 15px;
	font-size: 2.4rem;
	color: #ED0022;
}

#company main h2 {
	margin: 0 0 25px;
	padding: 25px 40px;
	border: solid 1px #ED0022;
	text-align: left;
	font-size: 2.2rem;
	color: #ED0022;
	line-height: 1;
}

#company main p {
	margin: 0 0 65px;
	text-align: left;
	font-size: 1.8rem;
	line-height: 1.6;
}

#company main table {
	width: 100%;
	margin: 0 0 65px;
	border: solid 1px #bbb;
	border-collapse: collapse;
}
#company main table th {
	width: 25%;
	padding: 20px 30px;
	background-color: #eee;
	border-bottom: solid 1px #bbb;
	vertical-align: top;
	text-align: left;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 2.13;
	background-clip: padding-box;
}
#company main table td {
	width: 75%;
	padding: 20px 30px;
	border-bottom: solid 1px #bbb;
	text-align: left;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 2.13;
}

#company main .wrapper {
	flex-wrap: nowrap;
	align-items: flex-start;
	margin: 0 0 95px;
}
#company main .wrapper div {
	width: 47%;
}
#company main .wrapper div h3 {
	text-align: left;
	font-size: 1.8rem;
	line-height: 1.78;
}
#company main .wrapper div h3.red {
	color: #ED0022;
}
#company main .wrapper div h3.blue {
	margin-top: 40px;
	color: #064E77;
}
#company main .wrapper div p {
	margin: 0;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 2.13;
}
#company main .wrapper img {
	width: 50%;
	border: solid 1px #eee;
}

@media (max-width: 480px) {
	#company main .inner {
		padding-bottom: 80px;
	}

	#company main h1 {
		font-size: 2rem;
		padding: 70px 0 30px;
	}
	#company main h1 span {
		font-size: 1.4rem;
		line-height: 1.6;
	}

	#company main h2 {
		margin: 0 0 20px;
		padding: 15px 20px;
		font-size: 1.8rem;
	}

	#company main p {
		margin: 0 0 50px;
		font-size: 1.4rem;
	}

	#company main table {
		margin: 0 0 50px;
	}
	#company main table th {
		padding: 10px 15px;
		font-size: 1.4rem;
	}
	#company main table td {
		padding: 10px 15px;
		font-size: 1.4rem;
	}

	#company main .wrapper {
		margin: 0 0 60px;
	}
	#company main .wrapper div {
		width: 100%;
	}
	#company main .wrapper div h3 {
		font-size: 1.6rem;
	}
	#company main .wrapper div h3.blue {
		margin-top: 20px;
	}
	#company main .wrapper div p {
		font-size: 1.4rem;
	}
	#company main .wrapper img {
		width: 100%;
		margin-top: 10px;
	}
}


/*----------------------------------------------------------------policy*/
#policy main .inner {
	max-width: 1044px;
	padding-bottom: 160px;
}

#policy main h1 {
	font-size: 4rem;
	font-weight: normal;
	letter-spacing: 0.12em;
	padding: 100px 0 30px;
	background: #f0f1f5;
	margin: 0 0 2em;
	color: #125099;
}
#policy main h1 span {
	display: block;
	margin-top: 15px;
	font-size: 2.4rem;
	color: #ED0022;
}

#policy main .lead {
	margin: 0 0 40px;
	padding-bottom: 40px;
	border-bottom: solid 1px #AFAEAE;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.78;
}

#policy main ol li {
	list-style: outside decimal;
	margin: 0 0 30px 1.5em;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.78;
}


@media (max-width: 480px) {
	#policy main .inner {
		padding-bottom: 80px;
	}

	#policy main h1 {
		font-size: 2rem;
		padding: 70px 0 30px;
	}
	#policy main h1 span {
		font-size: 1.4rem;
		line-height: 1.6;
	}

	#policy main .lead {
		margin: 0 0 30px;
		padding-bottom: 30px;
		font-size: 1.4rem;
	}

	#policy main ol li {
		font-size: 1.4rem;
	}
}


/*----------------------------------------------------------------privacy*/
#privacy main .inner {
	max-width: 1044px;
	padding-bottom: 160px;
}

#privacy main h1 {
	font-size: 4rem;
	font-weight: normal;
	letter-spacing: 0.12em;
	padding: 100px 0 30px;
	background: #f0f1f5;
	margin: 0 0 2em;
	color: #125099;
}
#privacy main h1 span {
	display: block;
	margin-top: 15px;
	font-size: 2.4rem;
	color: #ED0022;
}

#privacy main .lead {
	margin: 0 0 110px;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.78;
}
#privacy main .lead .right {
	display: block;
	text-align: right;
}

#privacy main .block {
	margin: 0 0 85px;
}
#privacy main .block h2 {
	margin: 0 0 25px;
	padding: 25px 40px;
	background-color: #eee;
	text-align: left;
	font-size: 2.2rem;
	color: #125099;
	line-height: 1;
}
#privacy main .block p {
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.78;
}

#privacy main .contact {
	width: 90%;
	margin: 0 auto;
	padding: 30px 40px;
	background: linear-gradient(#fff, #EFEEEE);
	border: solid 1px #9A9A9A;
}
#privacy main .contact .link {
	width: 49%;
}
#privacy main .contact .link p {
	padding: 7px 8px;
	background-color: #D77F7F;
	text-align: center;
	font-size: 1.6rem;
	font-weight: normal;
	color: #fff;
	line-height: 1;
}
#privacy main .contact .link h3 {
	text-align: center;
	font-size: 3.6rem;
	font-weight: normal;
	color: #062346;
	line-height: 1.5;
}
#privacy main .contact .link p.gray {
	padding: 7px 8px;
	background-color: #C2C2C2;
	text-align: center;
	font-size: 1.6rem;
	font-weight: normal;
	color: #fff;
	line-height: 1;
}
#privacy main .contact .link p.gray a {
	font-size: 1.6rem;
	font-weight: normal;
	color: #fff;
	line-height: 1;
}
#privacy main .contact .link p.gray a:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	margin-left: 20px;
	background: url(../image/ico_arrow_right6.png) no-repeat;
	background-size: 100% auto;
}

#privacy main .contact .tel {
	width: 49%;
}
#privacy main .contact .tel p {
	margin-bottom: 15px;
	padding: 7px 8px;
	background-color: #21305B;
	text-align: center;
	font-size: 1.6rem;
	font-weight: normal;
	color: #fff;
	line-height: 1;
}
#privacy main .contact .tel .wrapper {
	margin-bottom: 15px;
}
#privacy main .contact .tel .wrapper:nth-of-type(2) {
	margin-bottom: 0;
}
#privacy main .contact .tel .wrapper p {
	margin: 0;
	padding: 0;
	background: none;
	text-align: left;
	font-size: 2.3rem;
	font-weight: normal;
	color: #333;
}
#privacy main .contact .tel .wrapper p.num {
	font-size: 2.8rem;
	font-weight: bold;
	color: #167AA9;
}


@media (max-width: 480px) {
	#privacy main .inner {
		padding-bottom: 80px;
	}

	#privacy main h1 {
		font-size: 2rem;
		padding: 70px 0 30px;
	}
	#privacy main h1 span {
		font-size: 1.4rem;
		line-height: 1.6;
	}

	#privacy main .lead {
		margin: 0 0 30px;
		padding-bottom: 30px;
		font-size: 1.4rem;
	}

	#privacy main .block {
		margin: 0 0 40px;
	}
	#privacy main .block h2 {
		margin: 0 0 15px;
		padding: 15px 20px;
		font-size: 1.8rem;
	}
	#privacy main .block p {
		font-size: 1.4rem;
	}

	#privacy main .contact {
		width: 100%;
		padding: 10px;
	}
	#privacy main .contact .link {
		width: 100%;
		margin-bottom: 10px;
	}
	#privacy main .contact .link p {
		padding: 7px 8px;
		font-size: 1.4rem;
	}
	#privacy main .contact .link h3 {
		font-size: 2rem;
	}
	#privacy main .contact .link p.gray {
		padding: 7px 8px;
		font-size: 1.4rem;
	}
	#privacy main .contact .link p.gray a {
		font-size: 1.4rem;
	}
	#privacy main .contact .link p.gray a:after {
		margin-left: 10px;
	}

	#privacy main .contact .tel {
		width: 100%;
	}
	#privacy main .contact .tel p {
		margin-bottom: 5px;
		padding: 7px 8px;
		font-size: 1.4rem;
	}
	#privacy main .contact .tel .wrapper {
		display: flex;
		margin-bottom: 5px;
	}
	#privacy main .contact .tel .wrapper p {
		font-size: 1.6rem;
	}
	#privacy main .contact .tel .wrapper p.num {
		font-size: 2rem;
	}

}


/*----------------------------------------------------------------net*/
#net main .inner {
max-width: 1044px;
padding-bottom: 130px;
}

#net main h1 {
font-size: 4rem;
font-weight: normal;
letter-spacing: 0.12em;
padding: 100px 0;
background: #f0f1f5;
margin: 0 0 2em;
}

@media (max-width: 480px) {
	#net main .inner {
	padding-bottom: 80px;
	}
	#net main h1 {
	font-size: 2rem;
	padding: 70px 0;
	}
}

#net main h2 {
font-size: 3.6rem;
font-weight: normal;
letter-spacing: 0.36px;
margin: 0 0 26px;
}

#net main p {
font-size: 2.4rem;
font-weight: normal;
margin: 0 0 60px;
}

#net main .wrapper {
justify-content: center;
flex-wrap: wrap;
align-items: flex-start;
}
#net main .wrapper.ver2 {
	margin: 0 0 0 100px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
#net main .wrapper a {
display: block;
width: 360px;
margin-bottom: 50px;
}
#net main .wrapper a:nth-of-type(odd) {
margin-right: 130px;
}
#net main .wrapper a img {
display: block;
width: auto;
margin-bottom: 15px;
}
#net main .wrapper a p {
font-size: 1.8rem;
font-weight: bold;
margin: 0 0 0 35px;
}
#net main .wrapper a p:before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background: url(../image/ico_arrow_right4.png) no-repeat;
background-size: 100% auto;
margin-right: 14px;
}

@media (max-width: 480px) {
	#net main h2 {
	font-size: 3rem;
	letter-spacing: 0.28px;
	margin: 0 0 20px;
	}

	#net main p {
	font-size: 1.8rem;
	margin: 0 0 40px;
	}

	#net main .wrapper {
	display: block;
	}
	#net main .wrapper.ver2 {
		margin: 0;
	}
	#net main .wrapper a {
	display: block;
	width: 90%;
	margin: 0 auto 30px;
	}
	#net main .wrapper a:nth-of-type(odd) {
	margin: 0 auto 30px;
	}
	#net main .wrapper a img {
		max-width: 100%;
	margin: 0 auto 15px;
	}
	#net main .wrapper a p {
	text-align: center;
	font-size: 1.4rem;
	margin: 0;
	}
	#net main .wrapper a p:before {
	width: 14px;
	height: 14px;
	margin-right: 10px;
	}
}

.btn-blk .bnr-calc{
	width: 70% !important;
	max-width: initial !important;
}

.text-link{
	text-decoration: underline;
	display: inline-block;
	margin-top: 20px;
	font-size: 16px;
}

.text-link:hover{
	text-decoration: none;
}
.kokubu-group #sonota .inner > .wrapper.wrapper-sonota{
	align-items: flex-start;
}