@charset "utf-8";

/* =====================
    PC
    - common
    - joinArea
    - flowArea
    - inqueryArea

    SP
    - common
    - joinArea
    - flowArea
    - inqueryArea
===================== */

/* --- PC --- */

@media (min-width: 769px){

.sp{
	display: none;		
}

.fw {
	line-height: 1.4;
}

.fw .l-inner {
	padding: 0px;
}
	
h2{
	font-weight: 500;
	font-size: 22px;
	margin-top:63px;
	position: relative;
}

.mainContents h2::after {
    content: "";
    position: absolute;
	bottom: -15px;
    left: 50%;
    width: 80px;
    height: 4px;
    background: #0099ff;
    transform: translate(-50%, 0);
}

.fw .mainContents section{
	margin: 0 auto;
	width:100%;
	text-align: center;
	margin-bottom: 63px;
}

.mainContents ul{
	margin-top: 65px;
	display: flex;
	justify-content: center;
}
	
.mainContents p{
	font-size: 20px;
	margin:0 0 25px;
	line-height: 1.4;
}

.mainContents img{
	width: 230px;
	height: 325px;
	margin-bottom: 25px;
}

.my_calendar img {
    width: 325px;
    height: auto;
}	
.mainContents .c-btn--blue {
	margin-bottom: 15px;
}

.mainContents .btnRed{
	width: 218px;
	height: 50px;
}

.member_pamphlet{
	border-top: 1px solid #CDD6DD;
	width: 1200px;
}
	
.mainContents .member_pamphlet li {
	width: 43%;
}

/* --- 電子版カレンダー
.digital_calendar {
	border-top: 1px solid #CDD6DD;
}

.mainContents .digital_calendar li {
	width: 50%;
}

.mainContents .digital_calendar li img {
	height: auto;
}
 --- */
.mainContents .intxt{
	font-size: 15px;
	margin: 0 0 25px;
}
	
#footer {
	padding-top:57px;
}	
	
}

/* --- 以下SP表示 --- */

@media (max-width: 768px){

.fw .mainContents {
	line-height: 1.15;
}

.fw .l-inner {
	padding: 0px;
}

h2 {
	font-size:4.3vw;
	position: relative;
	margin: 0 auto;
}
	
.mainContents h2::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 20vw;
    height: 4px;
    background: #0099ff;
    transform: translate(-50%, 0);
	}

.fw .mainContents .total_pamphlet_sp {
	margin: 8.4vw 15px 15.4vw;
	text-align: center;
}	
	
.mainContents ul{
	margin-top: 10.6vw;
}
	
.mainContents img{
	width: 60vw;
	margin-bottom: 5.8vw;
}

.my_calendar img{
	width: 75vw;
}
.mainContents p{
	font-size: 3.8vw;
	padding: 0 0 5.8vw;
	margin:0 auto;
}
	
.mainContents .c-btn--blue{
	margin-bottom:2.7vw;
}

.mainContents .c-btn{
	max-width: 450px;
	width: 60vw;
}

.fw .mainContents .btn_sp{
	margin-bottom: 19vw;
}	

.mainContents .btnBlue span{
	font-size:3.7vw;
}
	
.mainContents .btnRed span{
	font-size:3.7vw;
}

.fw .c-btn--s a {
	width: 100%;
    min-width: 0px;
	font-size:3.7vw;
	box-sizing: content-box;
	padding: 10px;
	height: 2em;
	border-radius: 33px;
	min-height: 0px;
}

.fw .c-btn--s a:after {
    width: 18px;
    margin-left: 4px;
}

.mainContents .intxt{
	font-size: 3.5vw;
	padding: 0 0 5.8vw;
}	

.fw .member_pamphlet{
	padding: 15.4vw 0 0vw 0;
	border-top: 1px solid #CDD6DD;
	width: auto;
	text-align: center;
}
/* --- 電子版カレンダー
.fw .digital_calendar{
	padding: 15.4vw 0 0vw 0;
	border-top: 1px solid #CDD6DD;
	width: auto;
	text-align: center;
}
 --- */
}

/*158_SPCC_WEB-9529にて追記_追加説明文文字色*/
.intxtcolor {
  color: #f00;
}

/* ---20250409追記--- */
@media (min-width: 769px){
  .oyakudachi img {
    width: auto;
  }
}
@media (max-width: 768px){
  .oyakudachi img {
    width: 40.35vw;
  }
}