@charset "UTF-8";
h3{
	margin:auto;
}
#head_imgcont {
    width: 100%;
    height: 500px;
    overflow: hidden;
}
#head_img {
    width: 100%;
    height: 700px;
    background-image: url(image.php?id=065);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#sec01{
    margin-bottom:200px;
}

/*
.plan_scroll_cont{
	width:100%;
	height:100%;
    margin-top:100px;
}

.plan_scroll_cont_bgA,.plan_scroll_cont_bgB{
	opacity: 0;
      pointer-events: none; 
}*/
@media (max-width: 865px) {
.plan_scroll_cont{
	overflow-x:scroll;
	position:relative;
}
/*
.plan_scroll_cont_bgA{
	opacity: 1;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:hsla(0,0%,0%,0.2);
	mix-blend-mode: darken;
      pointer-events: none; 
    transition:0.2s ease-in-out;
}
.plan_scroll_cont_bgB{
	opacity: 1;
      width: 100px;
      height: 100px;
	position:sticky;
	background-image:url(../img/flick.svg);
	background-size:100% 100%;
	background-position:center;
	background-repeat:no-repeat;
      bottom: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none; 
    transition:0.2s ease-in-out;
}*/

}

.plan_scroll_cont .display_cont{
	min-width:700px;
	position:relative;
    margin-top:100px;
}
.plan_item{
	width:32%;
	margin:0 0.5%;
	background-color: var(--darkgray);
	padding-bottom:50px;
}
.plan_item_plus{
	width:98%;
	margin:50px 1% 0px 1%;
	background-color: var(--darkgray);
	padding-top:30px;
	padding-bottom:50px;
	position:relative;
}
.plan_item_plus::before{
	content:"";
	width:70px;
	height:70px;
	position:absolute;
	z-index:1;
	top:-45px;
	left:calc(50% - 35px);
	background-image:url("../img/plus.png");
	background-position:center center;
	background-size:100% 100%;
	background-repeat:no-repeat;
}
.plan_item_plus::after{
	content:"任意で追加";
	position:absolute;
	top:0;
	left:0;
	color:var(--crmwhite);
	font-size: clamp(10px, calc(10px + 0.625vw), 14px);
	line-height: 2;
	padding:30px 40px  35px 40px;
	border-radius:0 0 35px 0;
	background: linear-gradient(#55496A, #394D9C);
	background-position:center center;
	background-size:100% 100%;
	background-repeat:no-repeat;
}
@media (max-width: 1149px) {
.plan_item_plus::after{
	padding:20px 25px;
	border-radius:0 0 20px 0;
}
}
@media (max-width: 768px) {
.plan_item_plus{
	padding-top:60px;
}
.plan_item_plus::after{
	padding:15px 20px;
	border-radius:0 0 15px 0;
}
}
.plan_imgA,.plan_imgB,.plan_imgC{
	width:100%;
	text-align:center;
	background-size: 100% 100%;
	background-repeat:no-repeat;
	padding: 30px 0 100px 0;
}
.plan_imgA img,.plan_imgB img,.plan_imgC img{
	width:70%;
	max-width:300px;
}
.plan_imgA{
	background-image:url("image.php?id=033");
	background-position:center bottom;
}
.plan_imgB{
	background-image:url("image.php?id=034");
	background-position:center bottom;
}
.plan_imgC{
	background-image:url("image.php?id=035");
	background-position:center bottom;
}
.plan_item_title{
	font-weight:700;
	text-align: center;
	margin:0 10px;
	padding-top:30px;
}
.plan_item_txt{
	text-align: center;
	margin:0 10px;
	padding:5px 5% 0px 5%;
}
@media (max-width: 768px) {
	.plan_item_txt{
	margin:0;
}
}

.kyosan_btncont {
    display: flex;
    justify-content: center;
    margin: 100px auto 0 auto;
}
.kyosan_btn {
    padding: 30px 50px;
    color: #e565a5;
    border: 1px solid #e565a5;
    font-weight: 900;
    margin-right: 5px;
    display: flex;
    transition: all .3s;
}
.kyosan_btn:hover{
  color:var(--crmwhite);
  background-color:#e565a5;
}
.kyosan_btn span{
  display:block;
  position:relative;
	width: 12px;
	height: 20px;
}
.kyosan_btn span::after{
  content:"";
  position:absolute;
  top:3px;
  left: 30px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #e565a5;
	border-right: 2px solid #e565a5;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
  display:flex;
  transition: all .3s;
}
.kyosan_btn:hover span::after{
	border-top: 2px solid var(--crmwhite);
	border-right: 2px solid var(--crmwhite);
}


.kyosan_btn2cont {
    display: flex;
    justify-content: center;
    margin: 50px auto 0 auto;
}
.kyosan_btn2 {
    padding: 30px 50px;
    color: var(--crmwhite);
    border: 1px solid var(--crmwhite);
    font-weight: 900;
    margin-right: 5px;
    display: flex;
    transition: all .3s;
}
.kyosan_btn2:hover{
  border: 1px solid var(--darkgray);
  background-color:var(--darkgray);
}
.kyosan_btn2 span{
  display:block;
  position:relative;
	width: 12px;
	height: 20px;
}
.kyosan_btn2 span::after{
  content:"";
  position:absolute;
  top:3px;
  left: 30px;
	width: 10px;
	height: 10px;
	border-top: 2px solid var(--crmwhite);
	border-right: 2px solid var(--crmwhite);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
  display:flex;
  transition: all .3s;
}
#sec02{
	margin-top:100px;
	padding:100px 0;
	background: linear-gradient(45deg, #c46f54, #b28a54);
}
#sec03{
	margin-top:100px;
	padding:100px 0;
	background: linear-gradient(45deg, #7081b3, #969696);
}
#sec04{
	margin:100px 0 200px 0;
	padding:100px 0;
	background: linear-gradient(45deg, #704254, #af6e54);
}
.partner_intitle{
	text-align: center;
	margin-bottom:50px;
}
#sec02 .display_cont, #sec03 .display_cont, #sec04 .display_cont {
    justify-content: space-around;
}
.circle_item{
	width:30%;
	margin:30px 0;
}
.circle_item img{
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding: 0 10px;
    display: block;
}
.circle_item_minititle {
    text-align: center;
    white-space: nowrap;
    font-weight: 900;
    font-size: 1.2rem;
    margin-top: 50px;
}
.circle_item_text {
    white-space: nowrap;
    text-align: center;
    margin-top: 30px;
}