@charset "UTF-8";
/*------------------
  reset CSS
-------------------*/
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  color: #262A2E;
  font-family: 'Noto Sans JP', sans-serif;
  scroll-behavior: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

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

a {
  color: initial;
  text-decoration: none;
}

p {
  margin: 0;
}

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul li a:hover {
	color: #B32619;
	/*transition: all 0.5s;/*アニメーション設定*/
}

.default-bgcolor	{
	    background: #B32619!important;
}
.default-color	{
	    color: #B32619!important;
}
.ind {
    text-indent: -1em;
    margin-left: 1em;
}


/*--------------------------
  body
---------------------------*/


.container {
	max-width: 1280px;
	width: 90%;
	margin: 0 auto;
}

header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 70px;
	background: #fff;
	display: flex;
    align-items: center;
    z-index: 10;
}
.header-inner	{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	display: flex;
    align-items: center;
}

h1 {
    width: 30%;
	font-weight: bold;
	font-size: min(1.3vw,1.8rem)
}
h1 span {
	color: #B32619;
}


/* グローバルナビゲーション共通 */

.hamburger-menu{
    width: 70%;
	display: flex;
	align-items: center;
    justify-content: flex-end;
}
.menu-content ul {
	display: flex;
}
.menu-content ul li {
	font-size: min(1vw,1.4rem);
	font-weight: bold;
}
.menu-content ul li a {
	font-size: min(1vw,1.4rem);
	font-weight: bold;
}

.menu-content ul li::after {
	content: "|";
	margin-left: 10px;
	padding-right: 10px;
	font-size: 1.4rem;
	font-weight: normal;
}
.menu-content ul li:last-child::after {
	content: "";
	display: inline-block;
	margin-left: 0px;
	padding-right: 0px;
}
.menu-contentSub	{
	display:none;
}

#menu-btn-check {
    display: none;
}
@media screen and (max-width: 991px) {
	.header-inner	{
		width: 100%;
	}
	h1 {
	    width: 290px;
		font-size: 1.5rem;
		line-height: 1.5;
		padding-left: 5%;
	}
	.menu-btn {
	    position: fixed;
	    top: 0px;
	    right: 0px;
	    display: flex;
	    height: 70px;
	    width: 70px;
	    justify-content: center;
	    align-items: center;
	    z-index: 90;
	    background-color: #B32619;
	}
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
	    content: '';
	    display: block;
	    height: 3px;
	    width: 25px;
	    border-radius: 3px;
	    background-color: #ffffff;
	    position: absolute;
	   		 transition: all .4s;/*アニメーションの設定*/
	}
	.menu-btn span:before {
	    bottom: 8px;
	}
	.menu-btn span:after {
	    top: 8px;
	}
	#menu-btn-check:checked ~ .menu-btn span {
	    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	}
	#menu-btn-check:checked ~ .menu-btn span::before {
	    bottom: 0;
	    transform: rotate(45deg);
	}
	#menu-btn-check:checked ~ .menu-btn span::after {
	    top: 0;
	    transform: rotate(-45deg);
	}
	.menu-content {
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    top: 0;
	    left: 100%;/*leftの値を変更してメニューを画面外へ*/
	    z-index: 80;
	    background-color: #BA625B;
	    transition: all 0.5s;/*アニメーション設定*/
	    overflow: auto;
	}


	.menu-content ul li:last-child::after {
		display: none;
	}
	.menu-content ul {
		display: block;
	    padding: 70px 30px 0;
	}
	/*.menu-content ul li {
	    border-bottom: solid 1px #ffffff;
	    list-style: none;
	}*/
	.menu-content ul li {
		font-size: 1.8rem;
		color: #fff;
	}
	.menu-content ul li::after {
		display: none;
	}
	.menu-content ul li a {
	    display: block;
	    width: 100%;
	    font-size: 1.6rem;
	    box-sizing: border-box;
	    color:#ffffff;
	    text-decoration: none;
	    padding: 9px 15px 10px 0;
	    position: relative;
	}
	.menu-content_sp	{
		display: flex;
		align-items: center;
	}
	.menu-content_sp span	{
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin-right: 30px;
	}
	.menu-content_sp span:last-child	{
	    margin-right: 0px;
	}
	.menu-content ul li.menu-content_sp span a	{
	    margin-right: 40px;
	    padding-right: 0px;
	}
	.menu-content ul li.menu-content_sp span a:last-child	{
	    margin-right: 0px;
	}
/*		.menu-content_sp a::after	{
		    content: "|";
		    margin-left: 2.5rem;
		    font-size: 1.8rem;
	    }
		.menu-content_sp a:last-child::after	{
		    content: "";
		    display: inline-block;
	    }
	/*.menu-content ul li a::before {
	    content: "";
	    width: 7px;
	    height: 7px;
	    border-top: solid 2px #ffffff;
	    border-right: solid 2px #ffffff;
	    transform: rotate(45deg);
	    position: absolute;
	    right: 11px;
	    top: 16px;
	}*/
	#menu-btn-check:checked ~ .menu-content {
	    left: 0;/*メニューを画面内へ*/
	}
	.menu-contentSub	{
		display:block;
	}
	.menu-contentSub ul	{
	    padding: 10px 0px;
	    border-top: solid 2px #fff;
	    margin: 20px 30px;
	    line-height: 1.8;
	}
	.menu-contentSub ul li a	{
	    font-size: 1.4rem;
	}
	.menu-content .menu-spBtn	{
		display: flex;
		justify-content: center;
	}
	.menu-content .menu-spBtn a	{
		background: #fff;
		color: #B32619;
		font-size: 1.6rem;
	}
	.menu-contentSub p	{
	    margin: 20px 30px;
	    color: #fff;
	    font-size: 1.2rem;		
	}


}

/* TOP通 */
.mainSlide	{
    margin-top: 70px;
	padding-top: 70px;	
    background-image: url(main-bg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 65%;
	height: min(50vw,650px);
}
.mainSlide-inner	{
	max-width: 1200px;
	width: 100%;
	margin: -70px auto 0;
}
.slideBox	{
	display: flex;	
    justify-content: space-between;
    align-items: center;
}
.slideBox-img	{
	max-width: 750px;
    width: 55vw;
}
.slideBox-img .animation	{
	position: relative;
	z-index: -1;
	margin: 20px auto 0;
	width: 95%;
}
.slideBox-img .animation	{
	position: relative;
	z-index: -1;
	margin: 0 auto;
}
.slideBox-img #animation01	{
	width: 87%;
	padding-top: 30px;
}
.slideBox-img #animation02	{
	width: 95%;
}
.slideBox-img #animation03	{
	width: 105%;
}

.slideBox-catch	{
	margin-top: -100px;
	flex: 1;
}
.slideBox-catch h2	{
	font-size: min(2.4vw,3.2rem);
	font-weight: bold;
    line-height: 1.6;
    margin-bottom: 30px;
}
.slideBox-catch p	{
	font-size: min(1.4vw,1.8rem);
    line-height: 1.8;
}
.slideBox-manga	{
	position: relative;
    width: 100%;
    z-index: 1;
}
.slideBox-manga a	{
    position: absolute;
    top: 10px;
    right: 0;
    width: 25%;	
}
.mainSlide-inner .slideBox-manga img	{
	width: auto;
	padding: 1%;
    position: absolute;
    top: 0;
    right: 0;
	transition : 0.5s;
}
.slideBox-manga:hover.slideBox-manga img:nth-of-type(2) {
	opacity: 0;
}
.slideBox-btn	{
    position: relative;	
}
.slideBox-btn a	{
	width: 140px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: solid 1px #B32619;
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #B32619;
    background: #fff;
}
.slideBox-btn a::after	{
    content: "";
    display: inline-block;
    width: 15px;
    background-size: contain;
    background-image: url(../img/icon-link-arrow_on.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    height: 15px;
    padding-left: 5px;
    padding-top: 3px;
}
.slick-dots {
    position: absolute;
    bottom: 20%;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    left: 0;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #B32619;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.fade {
  width: 100%;
  height: 100%;
}

.fade img {
    width: 95%;
    object-fit: cover;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.slideBox	{
		position: relative;
		display: block;	
		 /* height: 90vh; */
	}
	.slideBox-catch{
		margin-top: 40px;
		height: 35vh;
	}
	.slideBox-catch h2	{
		font-size: min(4.2vw,2.2rem);
	    margin-bottom: 20px;
	}
	.slideBox-catch p {
	    font-size: min(3.6vw,1.5rem);
	    line-height: 1.7;
		letter-spacing: -0.5px;
		position: relative;
		z-index: 10;
	}
	.slideBox-btn a	{
		top: -10px;
		right: 1%;
	}
	.slideBox-manga a {
	    top: 10px;
	    right: 1%;
	    width: 30%;	
	}
	.slideBox-img {
	    position: relative;
	    top: 0;
	    width: 100vw;
	    margin: 0 calc(50% - 50vw);
	    display: block;
	}

	.mainSlide	{
		background-size: 110%;
		height: auto;
	}
	.mainSlide-inner {
		width: 85%;
	}

	.slick-dots {
	    position: relative;
	    bottom: 0;
	    display: block;
	    width: 100%;
	    padding: 0 0 20px 0;    
	    margin: 0 auto;
	    list-style: none;
	    text-align: center;
	    left: auto;
	}
}



#category	{
    padding-top: 70px;
    margin-top: -70px;	
}
.categoryBg	{
	background: #FAFAFA;
}
.category-wrap	{
    position: relative;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}

.category-wrap ul	{
	display: flex;
    position: relative;
    width: 100%;
    padding-inline-start: 0px;
    	    transition: 0.5s;
}

.category-wrap ul li.category-tab	{
	width: 20%;
	height: 240px;
    list-style: none;
    list-style-position: inside;
     /* cursor:pointer; */
}


.category-wrap ul li.category-tab > a	{
	position: relative;
    font-size: min(1.5vw,2rem);
    line-height: 1.5;
    color: #fff;
    text-align: center;
	width: 100%;
    height: 240px;
    align-items: center;
    display: flex;
    justify-content: center;
	cursor: default;
    padding-top: 40px;
}
.category-wrap ul li.category-tab.show	{
    background-color:rgba(221,46,30,0.45);
	transition : 0.5s;
}
.category-wrap ul li.category-tab.show > a	{
	color: #B32619!important;
}

.category-wrap ul li.category-tab.show a.h-arrow::before	{
    content: '';
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 15px solid #fff;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.category-wrap ul li.category01	{
	background-color: #DD2E1E;
	transition : 0.5s;
}
.category-wrap ul li.category02	{
	background-color: #CE2314;
	transition : 0.5s;
}
.category-wrap ul li.category03	{
	background-color: #B32619;
	transition : 0.5s;
}
.category-wrap ul li.category04	{
	background-color: #9F2115;
	transition : 0.5s;
}
.category-wrap ul li.category05	{
	background-color: #881307;
	transition : 0.5s;
}

.category01 .category-nav {
	    background-image: url(../img/top-category-icon-group.png);
	    background-repeat: no-repeat;
	    background-position: top 35% center;
	    background-size: 30px;	
}
.category01.show .category-nav {
	    background-image: url(../img/top-category-icon-group_on.png);
	    background-repeat: no-repeat;
	    background-position: top 35% center;
	    background-size: 30px;	
}
.category02 .category-nav {
	    background-image: url(../img/top-category-icon-life.png);
	    background-repeat: no-repeat;
	    background-position: top 35% center;
	    background-size: 30px;	
}
.category02.show .category-nav {
	    background-image: url(../img/top-category-icon-life_on.png);
	    background-repeat: no-repeat;
	    background-position: top 35% center;
	    background-size: 30px;	
}
.category03 .category-nav {
	    background-image: url(../img/top-category-icon-car.png);
	    background-repeat: no-repeat;
	    background-position: top 35% center;
	    background-size: 30px;	
}
.category03.show .category-nav {
	    background-image: url(../img/top-category-icon-car_on.png);
	    background-repeat: no-repeat;
	    background-position: top 35% center;
	    background-size: 30px;	
}
.category04 .category-nav {
	    background-image: url(../img/top-category-icon-kasai.png);
	    background-repeat: no-repeat;
	    background-position: top 35% center;
	    background-size: 30px;	
}
.category04.show .category-nav {
	    background-image: url(../img/top-category-icon-kasai_on.png);
	    background-repeat: no-repeat;
	    background-position: top 35% center;
	    background-size: 30px;	
}
.category05 .category-nav {
	    background-image: url(../img/top-category-icon-iryo.png);
	    background-repeat: no-repeat;
	    background-position: top 35% center;
	    background-size: 30px;	
}
.category05.show .category-nav {
	    background-image: url(../img/top-category-icon-iryo_on.png);
	    background-repeat: no-repeat;
	    background-position: top 35% center;
	    background-size: 30px;	
}



.category-box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: none;
}
.category-box.show{
	display: block;
	padding-bottom: 70px;
}
.category-change-page {
	position: relative;
    width: 90%;
	max-height: 820px;
    height: 820px;
    margin: auto;
    text-align: center;
    color: #666;
    background-color: #fff;
    z-index: 100;
    overflow: hidden;
    box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 10%);
}

.category-box-inner	{
	display: flex;
	 /* padding: 3%; */
}
.category-box-inner_company	{
    display: flex;
    position: absolute;
    bottom: 20px;
    width: 100%;
}
.category-boxItem	{
    position: relative;
    width: 50%;	
}
.category-boxItem-inner	{
    padding: 10% 10% 0;	
}
.category-boxItem h3	{
	background: #B32619;
    font-size: min(1.5vw,1.9rem);
    color: #fff;
    text-align: center;
	padding: 25px 20px 25px 40px;
    margin-bottom: 30px;
}
.category-boxItem h3.icon_life,
.category-boxItem h3.icon_group,
.category-boxItem h3.icon_car,
.category-boxItem h3.icon_kasai,
.category-boxItem h3.icon_iryo
	{
	display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.category-boxItem h3.icon_life::before	{
    content: "";
    display: inline-block;
    position: absolute;
    top: 53%;
    left: 25%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 2.7rem;
    background-size: contain;
    background-image: url(../img/top-category-icon-life.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    height: 2.7rem;

}
.category-boxItem h3.icon_group::before	{
    content: "";
    display: inline-block;
    position: absolute;
    top: 53%;
    left: 8%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 2.7rem;
    background-size: contain;
    background-image: url(../img/top-category-icon-group.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    height: 2.7rem;
}
.category-boxItem h3.icon_car::before	{
    content: "";
    display: inline-block;
    position: absolute;
    top: 53%;
    left: 24%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 2.9rem;
    background-size: contain;
    background-image: url(../img/top-category-icon-car.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    height: 2.9rem;
}
.category-boxItem h3.icon_kasai::before	{
    content: "";
    display: inline-block;
    position: absolute;
    top: 53%;
    left: 35%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 2.5rem;
    background-size: contain;
    background-image: url(../img/top-category-icon-kasai.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    height: 2.5rem;
}
.category-boxItem h3.icon_iryo::before	{
    content: "";
    display: inline-block;
    position: absolute;
    top: 53%;
    left: 25%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 2.7rem;
    background-size: contain;
    background-image: url(../img/top-category-icon-iryo.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    height: 2.7rem;
}
.category-boxItem h4	{
    font-size: min(2.6vw,3.3rem);
    font-weight: bold;
    margin-bottom: 25px;
    text-align: left;
    line-height: 1;
}
.category-boxItem h4 span	{
    font-size: 50%;
}
.category-boxItem p	{
	font-size: min(1.5vw,1.8rem);
    font-weight: bold;
    line-height: 1.5;
    text-align: justify;
    margin-bottom: 5px;
}
.category-boxItem-point	{
  padding-top: 20px;
  height: 180px;
}
.category-boxItem-point p	{
	position: relative;
	font-size: min(1.4vw,1.6rem);
	font-weight: bold;
	line-height: 1.6;
    padding-left: 2em;
    margin-bottom: 10px;
}
.category-boxItem-point p::before	{
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px;
    width: 22px;
    background-size: contain;
    background-image: url(../img/icon-check.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    height: 22px;
}
.category-boxItem-btnArea_custom	{
	padding: 0% 5%;
}
.category-boxItem-btnArea_custom .category-boxItem-btnArea	{
    width: 86%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.category-boxItem-btnArea_custom .category-boxItem-btnArea a	{
    margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
	.category-boxItem-btnArea_custom	{
		padding: 0% 0%;
	}	
	.category-boxItem-btnArea_custom .category-boxItem-btnArea	{
	    width: 100%;
		margin: 0 auto;
	}
	.category-box-inner_company	{
	    position: relative;
	}
}
.category-boxItem-btnArea	{
	display: flex;
}

.category-boxItem-btn	{
	position: relative;
    border: solid 2px #B32619;
    color: #B32619;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    /* font-size: 1.6rem;
	width: 194px;
	height: 40px; */
    width: 170px;
    height: 45px;
    padding: 0 30px;
    margin-bottom: 10px;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-right: 1%;
    transition: 0.5s; */
}
.category-boxItem-btn:hover	{
    color: #fff;
	background: #B32619;
}
.category-boxItem-btn__out::after {
    content: "";
    display: inline-block;
    position: absolute;
	right: 12px;
    top: 30%;
    width: 15px;
    background-size: contain;
    background-image: url(../img/icon-link-arrow-out.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    height: 15px;
}    
.category-boxItem-btn__out:hover::after {
	content: "";
    display: inline-block;
    background-image: url(../img/icon-link-arrow-out_on.png);
}
.category-boxItem > p.category-boxItem-company {
    font-size: min(1vw,1.2rem);
    font-weight: normal;
    padding-left: 10%;
    margin-top: 30px;
    max-width: 500px;
}
p.category-boxItem-company__life {
    width: 60%;
}
p.category-boxItem-company__group,
p.category-boxItem-company__car,
p.category-boxItem-company__kasai {
    margin-right: calc(50% - 50vw);
}
.category-boxItem > p.category-boxItem-company > span.category-boxItem-company-guard {
    display: inline-block;
   /* width: 60%; */
    margin-bottom: 10px;
}
.category-boxItem > p.category-boxItem-company > span.category-boxItem-company-guard-ind {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 1em;
    text-indent: -1em;
}
#group .category-boxItem > p.category-boxItem-company > span.category-boxItem-company-guard,
#life .category-boxItem > p.category-boxItem-company > span.category-boxItem-company-guard {
    width: 100%;
}


.category-boxItem-img__life		{
	position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;	
}
.category-boxItem-img__group		{
    position: absolute;
    top: 20%;
    right: 10%;
    width: 80%;
}
.category-boxItem-img__car		{
	position: absolute;
    bottom: 0%;
    right: 0;
    width: 55%;
}
.category-boxItem-img__kasai		{
	position: absolute;
    top: 20%;
    right: 15%;
    width: 80%;
}
.category-boxItem-img__iryo		{
	position: absolute;
    top: 20%;
    right: 10%;
    width: 80%;
}
/*半円リンクボタン*/
.category-onlineBtn a	{
	position: absolute;
	right: 0%;
	bottom: 0%;
	width: 150px;
    height: 150px;
    background-color: #B32619;
    border-radius: 100% 0px 0px 0px;
    color: #fff;
    padding: 80px;
	transition:0.5s all;
    font-size: 1.6rem;
    font-weight: bold;
}
.category-onlineBtn a p	{
    position: absolute;
    right: 15%;
    bottom: 25%;
    margin-bottom: 0rem;
    line-height: 1.3;
}
.category-onlineBtn a:hover	{
	padding: 90px;
	transition:0.5s all;
	/* transform:scale(1.1, 1.1);
	transform-origin:right bottom; */
    font-size: 1.8rem!important;
    color: #fff!important;
}
.category-onlineBtn-h	{
	text-align: left;
}
.category-onlineBtn-h img	{
	width: 20%;
    position: absolute;
    bottom: 1px;
    right: 10px;	
}
.category-onlineBtn a p:nth-child(2) {
	display: none;
}
.category-onlineBtn a:hover p:nth-child(1) {
	display: none;
}
.category-onlineBtn a:hover p:nth-child(2) {
	display: block;
}
.category-boxItem-link a {
    position: absolute;
    bottom: 10px;
    padding-left: 8%;
    font-size: 1.45rem;
	color: #B32619;
    font-weight: normal;
	display: flex;
}
.category-boxItem-link a:hover  {
    text-decoration: underline;
}
.category-boxItem-link a::after {
    content: url(../img/icon-link-arrow_on.png);
    display: inline-block;
    padding-left: 5px;
    padding-top: 2px;
}
.category-boxItem p.category-boxItem-guard_medical 	{
	position: absolute;
    bottom: 0px;
    left: 10px;
    width: calc(100% - 220px);
    font-size: min(1vw,1.2rem);
    line-height: 1.7;
    font-weight: normal;
}


@media screen and (max-width: 768px) {
	.category-box-inner	{
		display: block;
		padding: 0%;
	}
	.category-boxItem {
	    width: 100%;
	}
	.category-boxItem-inner {
	    padding: 0%;
	}
	.category-boxItem h3 {
	    font-size: 1.8rem;
	    margin-top: 40px;
	    margin-bottom: 20px;
	    text-align: center;
	    padding: 20px 10px;
	}
	.category-boxItem h3.icon_life,
	.category-boxItem h3.icon_group,
	.category-boxItem h3.icon_car,
	.category-boxItem h3.icon_kasai,
	.category-boxItem h3.icon_iryo {
  		padding-left: 13%;
  		justify-content: center;
  		text-align: left;
	}
	.category-boxItem h3.icon_life::before	{
	    width: 2rem;
	    left: 20%;
		top: 56%;
	}
	.category-boxItem h3.icon_group::before	{
	    width: 2rem;
	    left: 12%;
		top: 58%;
	}
	.category-boxItem h3.icon_car::before	{
	    width: 2rem;
	    left: 15%;
		top: 60%;
	}
	.category-boxItem h3.icon_kasai::before	{
	    width: 2rem;
	    left: 30%;
		top: 50%;
	}
	.category-boxItem h3.icon_iryo::before	{
	    width: 2rem;
	    left: 15%;
		top: 57%;
	}
	.category-boxItem h4 {
	    font-size: 2.2rem;
	    margin-bottom: 15px;
	}
	.category-boxItem p {
	    font-size: 1.6rem;
	    line-height: 1.7;
	    margin-bottom: 0px;
	}
	.category-boxItem-point {
	    height: auto;
	    margin-bottom: 20px;
	}
	.category-boxItem-point p {
	    line-height: 1.7;
	    padding-bottom: 15px;
	}
	.category-boxItem-point p::before {
	    top: 2px;
	}
	.category-boxItem > p.category-boxItem-company {
	    font-size: 1.1rem;
	    line-height: 1.4;
	    font-weight: normal;
	    position: relative;
	    bottom: 10px;
	    padding-left: 0%;
	    padding-top: 20px;
	    margin-top: 10px;
	}
	.category-boxItem > p.category-boxItem-company > span.category-boxItem-company-guard {
	    font-size: 1rem;
	    line-height: 1.3;
	    width: 100%;
	    margin-bottom: 5px;
	}
	.category-boxItem > p.category-boxItem-company > span.category-boxItem-company-guard-ind {
	    font-size: 1rem;
	    line-height: 1.3;
	    margin-bottom: 5px;
	}
	.category-boxItem-btn	{
		margin: 0 auto 10px;
		width: 100%;
		height: 60px;
	}
	.category-boxItem-btn__out::after {
		width: 20px;
		height: 20px;
	}
	.category-boxItem-btnArea	{
		display: block;
	}
	.category-boxItem-btnArea a 	{
		margin-bottom: 15px;
	}
	.category-boxItem-btnArea a:last-child 	{
		margin-bottom: 0px;
	}
	.category-boxItem-img__life {
	    position: relative;
	    width: 100%;	    
	}
	.category-boxItem-img__group {
	    position: relative;
	    top: 20px;
	    right: 0%;
	    width: 100%;
	}
	.category-boxItem-img__car {
	    position: relative;
	    width: 100%;
	}
	.category-boxItem-img__kasai {
	    position: relative;
	    width: 100%;
		right: 0%;
	}
	.category-boxItem-img__iryo {
	    position: relative;
		top: -15px;
		right: 0%;
	    width: 100%;
	}
	.category-onlineBtn {
		display: inline-block;
		height: 100px;
	}

	.category-onlineBtn a {
		font-size: 1.4rem;
		padding: 0px;
	}
	.category-onlineBtn a:hover {
		font-size: 1.4rem!important;
		padding: 0px;
		transition: 0s all;
	}
	.category-onlineBtn a p {
	    right: 5%;
	    bottom: 15%;
	    margin-bottom: 0rem;
	    text-align: center;
	    line-height: 1.3;	
	}
	.category-onlineBtn-h img {
	    position: relative;
		top: 3px;
		right: 0px;
		width: 13%;
	}
	
	/*アコーディオン全体*/
	.accordion-area{
	    list-style: none;
	    width: 96%;
	    max-width: 900px;
	    margin:0 auto;
	}
	
	/*アコーディオンタイトル*/
	.category-ac-title {
	    position: relative;/*+マークの位置基準とするためrelative指定*/
	    cursor: pointer;
	    font-size: 1.6rem;
	    color: #fff;	    
	    height: 100px;
	    display: flex;
	    justify-content: center;
	    padding-top: 60px;
	}
	
	/*アイコンの＋と×*/
	.category-ac-title::before,
	.category-ac-title::after{
	    position: absolute;
	    content:'';
	    width: 15px;
	    height: 2px;
	    background-color: #fff;
	}
	.category-ac-title::before{
	    top:48%;
	    right: 15px;
	    transform: rotate(0deg);
	}
	.category-ac-title::after{    
	    top:48%;
	    right: 15px;
	    transform: rotate(90deg);
	}
	
	/*　closeというクラスがついたら形状変化　*/
	.category-ac-title.close::before{
	  transform: rotate(45deg);
	}
	.category-ac-title.close::after{
	  transform: rotate(-45deg);
	}
	
	/*アコーディオンで現れるエリア*/
	.category-ac-box {
		position: relative;
	    display: none;/*はじめは非表示*/
	    background: #fff;
	    margin: 0 5% 10% 5%;
	    padding: 1% 7% 20% 7%;
		box-shadow: 0 3px 5px 0 rgb(0 0 0 / 20%);
	}
	.category-wrap ul:hover {
		margin-bottom: auto;
	}
	.category-wrap ul li.category_sp	{
		width: 100%;
	    height: auto;	
	}
	.category01	{
		background-color: #DD2E1E;
	    background-image: url(../img/top-category-icon-group.png);
	    background-repeat: no-repeat;
	    background-position: top 25% center;
	    background-size: 30px;
	}
	.category01.close {
		background-color: rgba(221,46,30,0.45);
		background-image: url(../img/top-category-icon-group_on.png);
		color: #B32619;
	}
	
	.category02	{
		background-color: #CE2314;
	    background-image: url(../img/top-category-icon-life.png);
	    background-repeat: no-repeat;
	    background-position: top 25% center;
	    background-size: 30px;
	}
	.category02.close {
		background-color: rgba(221,46,30,0.45);
		background-image: url(../img/top-category-icon-life_on.png);
		color: #B32619;
	}

	.category03	{
		background-color: #B32619;
	    background-image: url(../img/top-category-icon-car.png);
	    background-repeat: no-repeat;
	    background-position: top 25% center;
	    background-size: 30px;
	}
	.category03.close {
		background-color: rgba(221,46,30,0.45);
		background-image: url(../img/top-category-icon-car_on.png);
		color: #B32619;
	}
	
	.category04	{
		background-color: #9F2115;
	    background-image: url(../img/top-category-icon-kasai.png);
	    background-repeat: no-repeat;
	    background-position: top 25% center;
	    background-size: 30px;
	}
	.category04.close {
		background-color: rgba(221,46,30,0.45);
		background-image: url(../img/top-category-icon-kasai_on.png);
		color: #B32619;
	}
	
	.category05	{
		background-color: #881307;
	    background-image: url(../img/top-category-icon-iryo.png);
	    background-repeat: no-repeat;
	    background-position: top 25% center;
	    background-size: 30px;
	}
	.category05.close	{
		background-color: rgba(221,46,30,0.45);
		background-image: url(../img/top-category-icon-iryo_on.png);
		color: #B32619;
	}
	.category-wrap ul li:hover {
	    background-color: #FAFAFA;
	}
	.category-boxItem p.category-boxItem-guard_medical 	{
	    top: 0px;
		left: 0px;
	    width: 50%;
	    font-size: 1rem;
	    line-height: 1.3;
	}
}


#subMenu	{
    padding-top: 70px;
    margin-top: -70px;	
}
.subMenuBg {
	background: #fff;
	margin: 150px 0;	
} 
.subMenu-inner {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
}
.subMenu-box {
	width: 20%;
}
.subMenu-box a {
	display: block;
	height: 470px;
	background-color: #386871;
	background-image: linear-gradient(0deg, #386871 0%, #6bbac4 100%);
	border: solid 1px #fff;
    padding: 10%;
    text-align: center;
}
.subMenu-box__first a	{
	border-radius: 12px 0px 0px 12px;
}
.subMenu-box__last a	{
	border-radius: 0px 12px 12px 0px;
}
.subMenu-box a:hover {
	transition : 0.5s;
	opacity: 0.8;
}
.subMenu-box-img	{
	height: 12vw;
    max-height: 120px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;	
}
.subMenu-box-img img {
	width: auto;
    height: 5vw;
    max-height: 80px;
}
.subMenu-box h3 {
	font-size: min(1.2vw,1.6rem);
	font-weight: bold;
	color: #fff;
	line-height: 1.5;
	margin: 10% 0;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: -0.6px;
}
.subMenu-box p {
	font-size: 1.4rem;
	text-align: justify;
	color: #fff;
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.subMenuBg {
		margin: 70px 0;	
	} 
	.subMenu-inner {
	    display: block;
	}
	.subMenu-box {
	    width: 100%;
	}
	.subMenu-box__first a {
	    border-radius: 0px;
	}
	.subMenu-box__last a	{
	    border-radius: 0px;
	}
	.subMenu-box-img {
	    height: 18vw;
	}
	.subMenu-box-img img {
		height: 18vw;
	}
	.subMenu-box h3 {
		font-size: 1.7rem;
		margin: 5% 0;
	}
	.subMenu-box p {
	    font-size: 1.5rem;
	    line-height: 1.5;
	}
	.subMenu-box a {
		display: inline-table;
	    height: 280px;
	    padding: 10%;
	    border: none;
	}
}












/* お問い合わせ共通 */

.info {
	background: #EDEBEB;
    text-align: center;
    padding: 50px 0;
    margin: 0 auto;
} 

.info h3 {
	font-size: 2.8rem;
	font-weight: bold;
	margin-bottom: 50px;
}
.info p {
	font-size: 2.0rem;
	line-height: 1.7;
	font-weight: bold;
}
.info p span {
	font-size: 1.8rem;
	font-weight: normal;
}

.info-table {
	max-width: 1000px;
	width: 100%;
	margin: 60px auto 30px;
}

.info-table table {
	width: 100%;
	border-spacing: 0;
	background: #FFFFFF;
	border-collapse: collapse;
	border: none;
	border-radius: 10px; 
	text-align: left;
}

.info-table table td, .info-table table th{
    border: none;
    border-left: 1px solid #EDEBEB;
    border-top: 1px solid #EDEBEB;
}

.info-table table td:first-child, .info-table table th:first-child{
    border-left:none;
}
.info-table table tr:first-child td, .info-table table tr:first-child th{
    border-top:none;
}

.info-table table th {
	color: #fff;
	font-size: min(2.3vw,3rem);
	line-height: 1.5;
	background: #BA483D;	
	padding: 1% 3%;
	width: 25%;
	height: 240px;
}
.info-table table td {
	font-size: min(1.2vw,1.6rem);
	line-height: 1.7;
	padding: 1% 3%;
}

.info-table table td span {
	font-size: min(2.3vw,3.2rem);
	font-weight: bold;
	line-height: 1.7;
}

.info-table table tr:first-child th:first-child{ /* 最初のtr(行) かつ、最初の td(列) つまり、1行目1列目に適用*/
  border-radius: 10px 0 0 0; /* 左上から指定してゆく */
}
.info-table table tr:first-child td:last-child{ /* 最初のtr(行) かつ、最後の td(列) つまり、1行目3列目に適用*/
  border-radius: 0 10px 0 0;
}
.info-table table tr:last-child th:first-child{ /* 最後のtr(行) かつ、最初の td(列) つまり、3行目1列目に適用*/
  border-radius: 0 0 0 10px;
}
.info-table table tr:last-child td:last-child{ /* 最後のtr(行) かつ、最後の td(列) つまり、3行目3列目に適用*/
  border-radius: 0 0 10px 0;
}

.info-guardArea	{
	margin: 10px 0 70px;
}
.info .info-guard {
    font-size: 1.2rem;
    font-weight: normal;
    text-align: justify;
}
.info p.info-box-txt	{
	font-size: 1.4rem;
	margin-top: 30px;
}

		 
@media screen and (max-width: 768px) {
	.info h3 {
	    font-size: 2.0rem;
	    margin-bottom: 30px;
	}
	.info p {
	    font-size: 1.8rem;
	    line-height: 1.5;
	}
	.info p span {
	    font-size: 1.6rem;
	}
	.info-table table {
	    background: none;
	    width: 80%;
	    margin: 0 auto;
	}
	.info-table {
	    margin: 20px auto 30px;
	}	

	.info-table table td, .info-table table th{
	    display: block;
	}
	.info-table table th {
		color: #BA483D;
		font-size: 2.2rem;
		background: none;
	    border-bottom: solid 1px #BA483D;
	    height: auto;
	     /* width: 100vw; */
		margin: 0 calc(50% - 50vw);
		margin-top: 40px;
		padding-left: 20%;
		width: auto;
	}
	.info-table table td {
	    border-left: solid 1px #BA483D;
	    border-bottom: solid 1px #BA483D;
	    background: #fff;
		margin-right: calc(50% - 50vw);
			/* width: 100vw; */
		font-size: 1.6rem;
		padding: 5%;
	}
	.info-table table td span {
		font-size: 2.4rem;
	}

	.info-table table tr:first-child th:first-child{ /* 最初のtr(行) かつ、最初の td(列) つまり、1行目1列目に適用*/
	  border-radius: 0px 0 0 0; /* 左上から指定してゆく */
	}
	.info-table table tr:first-child td:last-child{ /* 最初のtr(行) かつ、最後の td(列) つまり、1行目3列目に適用*/
	  border-radius: 0 0px 0 0;
	}
	.info-table table tr:last-child th:first-child{ /* 最後のtr(行) かつ、最初の td(列) つまり、3行目1列目に適用*/
	  border-radius: 0 0 0 0px;
	}
	.info-table table tr:last-child td:last-child{ /* 最後のtr(行) かつ、最後の td(列) つまり、3行目3列目に適用*/
	  border-radius: 0 0 0px 0;
	}

	.info .info-guard {
	    padding: 0 10%;
	}
	.info-guardArea	{
		margin: 10px 0 50px;
	}
}	


/* ボツパターン
.info-inner {
	display: flex;
	justify-content: center;
}
.info-box	{
	max-width: 500px;
    background: #fff;
    border-radius: 10px;
    padding: 20px 0 30px;
    margin: 30px 5px;
    width: 100%;
}
.info-box-img {
    height: 70px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;	
}
.info-box-img img {
	width: auto;
}	
.info-box p {
	font-size: min(2.3vw,3.2rem);
	line-height: 0.9;
	color: #B32619;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.info-box p span {
	font-size: min(1.1vw,1.6rem);
	color: #B32619;
}
*/

.info-partner	{
    max-width: 800px;
    width: 100%;
    margin: 0 auto;	
}
.info-partner h4	{
	font-size: 1.6rem;	
	font-weight: normal;
    text-align: left;
    margin: 70px 0 10px 0;
}
.info-partnerList	{
	display: flex;
    text-align: left;	
    gap: 60px;
}
.info-partnerList ul	{
	
}
.info-partnerList li	{
	font-size: 1.2rem;	
	line-height: 2;
}

@media screen and (max-width: 768px) {
	.info-partner {
	    width: 90%;
	}
	.info-partner h4 {
	    margin: 60px 0 10px 0;
	}
	.info-partnerList {
	    display: block;
	}
	.info-partnerList li {
	    line-height: 1.5;
	    margin-bottom: 10px;
	}	
}







/* フッター共通 */

footer {
	background: #707070;
    padding: 40px 0;
    display: flex;
    justify-content: center;
	
}
.footer-inner {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}
.footer-menu {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}
.footer-menu li {
}
.footer-menu li::after {
    content: "|";
    margin-left: 15px;
    padding-right: 15px;
    font-size: 1.3rem;
    color: #fff;
}
.footer-menu li:last-child::after {
    content: "";
    display: inline-block;
    margin-left: 0px;
    padding-right: 0px;
}
.footer-menu li a {
    font-size: 1.3rem;
    color: #fff;
}

.footer-copy {
	display: flex;
	justify-content: center;
}
.footer-copy li {
	padding: 0 30px;
    font-size: 1.3rem;
    color: #fff;	
}
.footer-copy li a {
    font-size: 1.3rem;
    color: #fff;	
}
@media screen and (max-width: 768px) {
	footer {
	    padding: 30px 0;
	}
	.footer-menu {
	    display: block;
	}
	.footer-menu li {
	    line-height: 2;
	}
	.footer-menu li::after {
	    content: "";
	    display: none;
	}
	.footer-copy {
	    display: block;
	}
	.footer-copy li {
	    padding: 0 0px;
	    font-size: 1rem;
	    text-align: center;
	    line-height: 2;
	}
}






















/* 下層ページ
団体総合生活保険、Bグループ保険 */
	
#life,
#group {
	background: #FAFAFA;
}
#life .container_category,
#group .container_category	{
    position: relative;
    max-width: 1200px;
    width: 90%;
    margin: 70px auto 130px;
    padding-bottom: 230px;
}
#life .category-onlineBtn,
#group .category-onlineBtn	{
    position: absolute;
	right: 7%;
    bottom: 15%;
}
#life .category-onlineBtn a,
#group .category-onlineBtn a {
    border-radius: 100%;
    position: absolute;
        right: 10%;
		bottom: 10%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#life .category-onlineBtn a p,
#group .category-onlineBtn a p {
    position: absolute;
        right: auto;
		bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#life .category-onlineBtn a:hover,
#group .category-onlineBtn a:hover {
    font-size: 1.8rem!important;
}

@media screen and (max-width: 768px) {
	#life .container_category,
	#group .container_category {
	    width: 80%;
	    margin: 0px auto 100px;
	    padding-bottom: 100px;
	    padding-top: 70px;
	}
	#life .category-boxItem-img__life,
	#group .category-boxItem-img__life {
	    width: 80%;
	    margin: 20px auto;
	}
	#life .category-onlineBtn,
	#group .category-onlineBtn {
	    position: relative;
	    right: 50%;
	    bottom: -70px;
	    left: 50%;
	    transform: translate(-50%,-50%);
	}
	#life .category-onlineBtn a p,
	#group .category-onlineBtn a p {
		width: 60%;
	}
	#life .category-onlineBtn a:hover,
	#group .category-onlineBtn a:hover {
	    font-size: 1.4rem!important ;
	}
}


/* 下層ページ
自動車保険、火災保険、がん保険・医療保険  */

.mainPage	{
	padding-top: 70px;
	background-image: linear-gradient(0deg, #FFF 0%, #fff2e8 30%);
	 /* padding-bottom: 10%; */
}
.container_page	{
	position: relative;
	max-width: 860px;
	width: 90%;
	margin: 0 auto;
}
.mainPage-inner	{
    background-repeat: no-repeat;
    background-position: center left 90%;
    background-size: min(42% , 480px);
    /* background-size: contain; */
    overflow: auto;
}
.mainPage-inner__car	{
    background-image: url(../img/category-img-car.png);
    /* min-height: 34vw; */
	min-height: 600px;
}
.mainPage-inner__kasai	{
    background-image: url(../img/category-img-kasai.png);
    /* min-height: 34vw; */
	min-height: 600px;
}
.mainPage-inner__medical	{
    background-image: url(../img/category-img-iryo.png);
    /* min-height: 34vw; */
	min-height: 600px;
}
.mainPage-inner h2	{
	font-size: min(3.3vw,4.5rem);
	font-weight: bold;
	color: #B32619;
    display: flex;
    align-items: center;
	margin: 15% 0 5% 0;
	width: 100%;
	letter-spacing: 2px;
}
.mainPage-inner__car h2::before	{
    content: "";
    display: inline-block;
    margin-right: 2%;
    width: min(3.3vw,4.5rem);
    background-size: contain;
    background-image: url(../img/top-category-icon-car_on.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    height: min(3.3vw,4.5rem);
	margin-top: 7px;
}
.mainPage-inner__kasai h2::before	{
    content: "";
    display: inline-block;
    margin-right: 2%;
    width: min(3.3vw,4.5rem);
    background-size: contain;
    background-image: url(../img/top-category-icon-kasai_on.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    height: min(3.3vw,4.5rem);
	margin-top: 7px;
}
.mainPage-inner__medical h2::before	{
    content: "";
    display: inline-block;
    margin-right: 2%;
    width: min(3.3vw,4.5rem);
    background-size: contain;
    background-image: url(../img/top-category-icon-iryo_on.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    height: min(3.3vw,4.5rem);
	margin-top: 7px;
}
.mainPage-inner h2 span	{
    font-size: min(1.7vw,2.0rem);
    color: #fff;
    background: #B32619;
    padding: 6px 20px;
    margin: 4px 0 0 15px;
    letter-spacing: 3px;
}
.mainPage-inner p	{
	font-size: min(1.5vw,2.0rem);
	font-weight: bold;
	line-height: 2;
	color: #707070;
}
section {
    margin-top: -70px;
    padding-top: 70px;
	margin-bottom: 130px;
}
section h3 {
	font-size: min(2vw,2.6rem);
	font-weight: bold;
	border-left:solid 7px #B32619;
	padding: 0 0 3px 10px;
	margin-bottom: 40px;
}
.mainPage-inner p.page-guard 	{
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.7;	
    width: 55%;
    margin-top: 50px;
}
.mainPage-inner p.page-guard:nth-of-type(3) 	{
    margin-top: 0px;
}

.page-link li {
    margin-left: 2.4em;
}
.page-link li a {
	position: relative;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.5;
    text-indent: -1.5em;
}
.page-link li a::before {
	content: url(../img/icon-arrow.png);
    display: inline-block;
	position: absolute;
    left: 0;
    width: 1.2em;
    height: 1em;
    background-size: contain;
}
.page-point	{
	margin-bottom: 30px;
}
.page-point li	{
	position: relative;
    font-size: min(1.6vw,1.8rem);
    font-weight: bold;
    line-height: 2.5;
    padding-left: 2em;
}
.page-point li::before	{
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 13px;
    width: 22px;
    background-size: contain;
    background-image: url(../img/icon-check.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    height: 22px;
}
.pageBnr	{
    border: solid 1px #707070;
    padding: 3% 5%;
    text-align: center;	
    margin-bottom: 30px;
}
.pageBnr img {
    max-width: 500px;
   /* width: auto;
    max-height: 80px; */
}
.page-btnArea	{
	display: flex;
}
.page-btnArea > div	{
	display: block;
	width: 40%;
	margin-right: 20px;
}
.page-btnArea div:last-child	{
	margin-right: 0px;
}
.btn {
	margin: 0 auto  15px;
    display: inline-block;	
	width: 100%;
}
.btn a { 
    width: 315px;
    height: 70px;
    font-size: 2.0rem;
    font-weight: bold;
    color: #fff;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
	/* transition : 0.5s; */
}
.btn a:hover { 
	/* transition : 0.5s; */
	opacity: 0.8;
}
.btn:last-child {
    margin-bottom: 0px;
}
.btn a.default-bdcolor	{
	max-width: 365px;
	width: 100%;
    border: solid 2px #B32619;
    color: #B32619;
    font-size: min(1.4vw,1.7rem);	
    padding-right: 50px;
    padding-left: 50px;
    text-align: center;
}
.btn a.default-bdcolor:hover	{
	background: #B32619;
    color: #fff;
}
.check-icon	{
	position: relative;
}
.check-icon::after	{
    content: "";
    display: inline-block;
    position: absolute;
    right: 25px;
	top: 30%;
    width: 22px;
    background-size: contain;
    background-image: url(../img/icon-link-arrow-out.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    height: 22px;
}
.check-icon:hover::after	{
    content: "";
    display: inline-block;
    background-image: url(../img/icon-link-arrow-out_on.png);
}


.container_page-tab	{
	position: relative;
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}
/*タブ実装*/
.container_page-tab .btn_area {
	margin-top: 30px;
	margin-bottom: 100px;
}
.tab_box .btn_area {
	display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tab_box .tab_btn {
    width: 32%;
    border-bottom: solid 1px #D5D5D5;
}
.tab_box .tab_btn a {
    width: 100%;
    height: 114px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: min(1.5vw,1.8rem);
    line-height: 1.5;
    color: #262A2E;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease 0s;
}
.tab_box .tab_btn:hover {
    background: #F0F0F0;
}
.tab_box .tab_btn.active {
    background: #F0F0F0;
}
.tab_box .tab_panel {
    display:none;
}
.tab_box .tab_panel.active {
    display:block;
}
	
.dli-chevron-down {
  display: inline-block;
  vertical-align: middle;
  color: #B32619;
  line-height: 1;
  width: 0.5em;
  height: 0.5em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(25%) rotate(135deg);
    margin: 10px;
}



@media screen and (max-width: 768px) {
	.container_page	{
		width: 85%;
	}
	.mainPage {
	    padding-bottom: 80px;
	}
	.mainPage-inner h2	{
		font-size: 3.8rem;
	    margin: 60px 0 25px 0;
	    width: 100%;
	    text-align: left;
	    display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;	    
	}
	 /*.mainPage-inner h2::before	{
	    display: none;
	} */
	.mainPage-inner__car h2::before	{
		width: 3.8rem;
		height: 3.8rem;
	    margin-right: 10px;
	}
	.mainPage-inner__kasai h2::before	{
		width: 3.8rem;
		height: 3.8rem;
		margin-right: 10px;
	}
	.mainPage-inner__medical h2::before	{
		width: 3.8rem;
		height: 3.8rem;
		margin-right: 10px;
	}
	.mainPage-inner h2 span	{
		font-size: 2.0rem;
	    padding: 6px 20px;
	    margin: 10px auto;
	    display: table;
	}
	.mainPage-inner p	{
		font-size: 1.8rem;
		line-height: 1.8;
	}
	.mainPage-inner {
	    background-position: bottom left;
	    width: 80%;
	    height: 600px;
	    margin: 0 auto;
	}
	.mainPage-inner__car {
	    background-size: 100%;
	    background-position: center bottom;
	    height: 650px;
	}
	.mainPage-inner__kasai {
	    background-size: 100%;
	    background-position: center bottom;
	    min-height: 500px;
		height: 500px;
	}
	.mainPage-inner__medical {
	    background-size: 100%;
	    background-position: center bottom;
	    height: 760px;
	}
	section {
	    margin-bottom: 90px;
	}
	section h3 {
	    font-size: 2.2rem;
	    margin-bottom: 25px;
	}
	.page-point li {
	    font-size: 1.6rem;
	    line-height: 2;
	    padding-left: 2.5em;
	    margin-bottom: 10px;
	}
	.pageBnr {
	    padding: 10% 5%;
	}
	.page-btnArea	{
		display: block;
	}
	.page-btnArea > div {
	    display: block;
	    width: 100%;
	    margin: 0 0px 0px 0;
	}
	.mainPage-inner p.page-guard 	{
	    font-size: 1.2rem;
	    line-height: 1.5;
	    width: 100%;
	    margin-top: 20px;
	}
	.btn {
		margin-bottom: 0px;
	}	
	.btn a {
		width: 80%;
		height: 60px;
	}
	.btn a.default-bdcolor {
		font-size: 1.4rem;
		margin: 0 auto 20px;
	}
	.page-btnArea div:last-child {
	    margin: 0 0px 0px 0;
	}
	.check-icon::after	{
	    width: 20px;
   		height: 20px;
	}


	.tab_box .tab_btn {
	    width: 50%;
	}
	.tab_box .tab_btn {
	    border-bottom: solid 1px #D5D5D5;
	}
	.tab_box .tab_btn:last-child {
	    border-bottom: none;
	}
	.tab_box .tab_btn:nth-child(odd) {
	    border-right: solid 1px #D5D5D5;
	}
	.tab_box .tab_btn a {
	    height: 106px;
	    font-size: 1.3rem;
	    padding: 5px;
	}
	.dli-chevron-down {
	    width: 1em;
	    height: 1em;
	    border: 0.2em solid currentColor;
	    border-left: 0;
	    border-bottom: 0;
	    box-sizing: border-box;
	    transform: translateY(25%) rotate(135deg);
	    margin: 5px;
	}
	.page-point li::before	{
		top: 7px;
	}
}





.external	{
    margin: 70px auto;
}
.external h2	{
	font-size: min(2.3vw,3.2rem);
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	padding: 70px 0 50px;
}
.external p	{
	font-size: min(1.3vw,1.8rem);
	line-height: 1.8;
}
.external-btnArea	{
	display: flex;
	margin: 50px auto;
}
.external p.external-guard	{
	font-size: min(1.3vw,1.6rem);
	line-height: 1.8;
}
.external-guardlist {
	font-size: min(1.2vw,1.5rem);
	line-height: 1.7;
}
.external-guardlist li {
	margin-left: 1em;
	text-indent: -0.5em;
}
.external-guardlist li::before {
   content: "●";
	display: inline-block;
	color: #707070;
	font-size: 1em;
}
.btn-back	{
	background: #707070;
}

@media screen and (max-width: 768px) {
	.external-btnArea {
	    display: block;
		margin: 40px auto;		
	}
	.external h2	{
		font-size: 2rem;
		letter-spacing: 1.5px;
		padding: 60px 0 20px;
	}
	.external-btnArea .btn 	{
		margin-bottom: 20px;
	}
	.external-btnArea .btn:last-child 	{
		margin-bottom: 0px;
	}
	.external p.external-guard	{
		font-size: 1.2rem;
	}
	.external p	{
		font-size: 1.6rem;
		line-height: 1.7;
	}
	.external-guardlist {
		font-size: 1.2rem;
		line-height: 1.7;
	}


}










/* 上に戻るボタン */
#page-top a{
	display: block;
	width: 90px;
	height: 90px;
	transition:all 0.5s;
}
@media screen and (max-width: 768px) {
	#page-top a{
		width: 60px;
		height: 60px;
	}	
}
#page-top a:hover{
}

/*リンクを右下に固定*/
#page-top {
  position: fixed;
  right: 3%;
  z-index: 2;
    /*はじめは非表示*/
  opacity: 0;
  transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(100px);
  }
}