@charset "utf-8";

.kv.kv__top {
	height: 0;
    padding-top: 33.6%;
    background: url(/insurance/assets/img/corporation/key00.jpg) center center no-repeat;
    background-size: cover;
}
.kv__texts {
	top: 50%;
    transform: translate(0, -50%);
}

.key{
	background: url(../img/key01.jpg) center center no-repeat;
	background-size: cover;
}

.key0{
	background: url(../img/key00.jpg) center center no-repeat;
	background-size: cover;
}

.key2{
	background: url(../img/key02.jpg) center center no-repeat;
	background-size: cover;
}

.key3{
	background: url(../img/key03.jpg) center center no-repeat;
	background-size: cover;
}

.key4{
	background: url(../img/key04.jpg) center center no-repeat;
	background-size: cover;
}

.ourmenu--section2 {
	background-color: #eee;
}
.ourmenu--section3 {
	margin: 0 0 calc(100 / 1000 * 100%);
	background-color: #dedede;
}
.ourmenu__subtitle {
	margin: 0 0 calc(120 / 1000 * 100%) 0;
	color: #f54f58;
	font-size: 2.4rem;
	text-align: center;
}
@media screen and (max-width: 768px) {
    .ourmenu__subtitle  {
        font-size: 3.2vw;
    }
}
.ourmenu__list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
	justify-content: center;
	margin: 0 0 calc(30 / 1000 * 100%);
}
.ourmenu__item--example {
	margin: 0 calc(100 / 1000 * 100%) 0 0;
	width: calc(380 / 1000 * 100%);
}
.ourmenu__examle-title,
.ourmenu__insurance-title {
	position: relative;
	font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
	text-align: center;
}
.ourmenu__examle-list {
	position: relative;
	padding: calc(20 / 380 * 100%);
	border: 1px solid #ff687a;
	background-color: #fff;
	line-height: 2.15;
}
.ourmenu__examle-list:before {
	content: "";
	position: absolute;
	top: calc(-101 / 1000 * 100vw);
	width: calc(120 / 1000 * 100vw);
    height: calc(100 / 1000 * 100vw);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.ourmenu__examle-list:after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(-70/ 1000 * 100vw);
    transform: translate(0, -50%);
    width: calc(70/ 1000 * 100vw);
    height: calc(140 / 1000 * 100vw);
    background-image: url(/insurance/assets/img/corporation/OMyajirushi.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.ourmenu--section1 .ourmenu__examle-list:before {
    background-image: url(/insurance/assets/img/corporation/ourmenu_img1b.png);
}
.ourmenu--section2 .ourmenu__examle-list:before {
    background-image: url(/insurance/assets/img/corporation/ourmenu_img2b.png);
}
.ourmenu__examle-item {
	position: relative;
	left: calc(20 / 380 * 100%);
	font-size: calc(100 / 1366 * 15 * 1vw);
	text-indent: -1em;
}
.ourmenu__examle-item::before {
	content: "•";
    color: rgb(255, 104, 122);
    list-style: disc;
}


.ourmenu__item--insurance {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
	justify-content: center;
	width: calc(520 / 1000 * 100%);
}
.ourmenu__insurance {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	height: 50%;
}
.ourmenu__insurance-list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
	justify-content: center;
	position: relative;
	padding: calc(30 / 1000 * 100%) calc(20 / 1000 * 100%);
	border: 1px solid #ff687a;
	background-color: #fff;
    line-height: 1.5;
}
.ourmenu__insurance--seimei {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.ourmenu__insurance-list--songai {
	height: 80%;
}
.ourmenu__insurance-list--seimei {	
	height: 70%;
}
.ourmenu__insurance-list--songai:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    width: calc(120 / 1000 * 100vw);
    height: calc(100 / 1000 * 100vw);
    top: calc(-101 / 1000 * 100vw);
    right: 0;
    position: absolute;
}
.ourmenu--section1 .ourmenu__insurance-list--songai:before {
    background-image: url(/insurance/assets/img/corporation/ourmenu_img1a.png);
}
.ourmenu--section2 .ourmenu__insurance-list--songai:before {
    background-image: url(/insurance/assets/img/corporation/ourmenu_img2a.png);
}
.ourmenu__insurance-list dl {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	font-size: calc(100 / 1366 * 15 * 1vw);
}
.ourmenu__insurance-list dt {
    display: inline-block;
    width: calc(185 / 480 * 100%);
    text-align: right;
}
.ourmenu__insurance-list dd {
    display: inline-block;
	width: calc(295 / 480 * 100%);
	font-weight: 700;
	text-align: left;
}
.ourmenu__text {
	font-size: calc(100 / 1366 * 15 * 1vw);
	text-align: center;
}

.ourmenu__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.ourmenu__links:first-child {
	margin: 0 0 calc(36 / 1000 * 100%);
}
.ourmenu__link {
    position: relative;
    padding: 2rem 1rem;
    width: calc(440 / 1000 * 100%);
    background-color: #ff687a;
    color: #fefefe;
    font-size: 2.4rem;
    font-weight: 600;
    text-align: center;
    transition: opacity .3s linear;
}
@media screen and (max-width: 768px) {
    .ourmenu__link  {
        padding: 2.67vw 1.33vw;
        font-size: 3.2vw;
    }
}
.ourmenu__link:after {
    content: "";
    position: absolute;
    right: 5%;
    top: 50%;
    width: 15px;
    height: 15px;
    border-top: 1px solid #fefefe;
    border-right: 1px solid #fefefe;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
}
.ourmenu__link:hover {
    opacity: 0.7;
}