@charset "utf-8";

/* -------------------- 

共通 

-------------------- */

/* --- SP ---------- */

@media print, screen and (max-width: 740px) {
	.grownup{
		letter-spacing: 0;
	}
	
	.grownup .main-title{
		background: url("../images-sp/grownup/grownup-bk.jpg") center top no-repeat;
		background-size: cover;
	}

	.grownup .mframe-common-body h2{
		text-align: center;
		font-size: 110%;
		letter-spacing: 1px;
	}

	.grownup .mframe-common-body h2 span{
		position: relative;
	}

/*
	.grownup .mframe-common-body h2 span:before{
		content:"";
		background: #000;
		height: 1px;
		width: 40px;
		position: absolute;
		left: -60px;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.grownup .mframe-common-body h2 span:after{
		content:"";
		background: #000;
		height: 1px;
		width: 40px;
		position: absolute;
		right: -60px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
*/

	.grownup .mframe-common-body .lead{
		background-color: #f9f9f9;
		padding: 4%;
		margin-bottom: 10%;
	}
	
	.grownup .mframe-common-body .lead .lead-img{
		width: 100%;
		margin: auto;
	}
	
	.grownup .mframe-common-body .lead h3{
		font-size: 100%;
		margin-bottom: 0.5em;
	}
	
	.grownup .mframe-common-body .lead p{
		font-size: 80%;
		margin: 0;
	}
	
	.grownup h4{
		border-left: 4px solid var(--accent-col01);
		padding-left: 6px;
		font-size: 100%;
		margin: 20px 0 10px;
	}
	
	.grownup .link-bnr {
		max-width: 680px;
		width: 100%;
		margin: 20px auto;
	}
}


/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
	.grownup{
		letter-spacing: 0;
	}
	
	.grownup.mframe-common .menu-list ul li{
		width: calc(100% / 4);
	}

	.grownup .main-title{
		background: url("../images/grownup/grownup-bk.jpg") center top no-repeat;
		background-size: cover;
	}

	.grownup.mframe-common .contents-bk .mframe-common-body{
		padding: 50px 30px;
	}

	.grownup .mframe-common-body h2{
		text-align: center;
		font-size: 130%;
		letter-spacing: 1px;
	}

	.grownup .mframe-common-body h2 span{
		position: relative;
	}

	.grownup .mframe-common-body h2 span:before{
		content:"";
		background: #000;
		height: 1px;
		width: 60px;
		position: absolute;
		left: -80px;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.grownup .mframe-common-body h2 span:after{
		content:"";
		background: #000;
		height: 1px;
		width: 60px;
		position: absolute;
		right: -80px;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.grownup .mframe-common-body .lead{
		position: relative;
		background-color: #f9f9f9;
		padding: 3% 2% 3% 20%;
		margin: 6% 6% 6% 16%;
	}
	
	.grownup .mframe-common-body .lead .lead-img{
		position: absolute;
		left: -13%;
		top: -10%;
		width: 35.057%;
	}
	
	.grownup .mframe-common-body .lead h3{
		margin-top: 0;
	}
	
	.grownup .mframe-common-body .lead p{
		font-size: 90%;
		margin-bottom: 0;
	}
	
	.grownup h4{
		border-left: 4px solid var(--accent-col01);
		padding-left: 6px;
		font-size: 140%;
	}
	
	.grownup .link-bnr {
		max-width: 680px;
		width: 100%;
		margin: 40px auto;
	}
}



/* -------------------- 

grownup01.html 

-------------------- */

/* --- SP ---------- */

@media print, screen and (max-width: 740px) {
	.grownup01 .grownup01-wrap{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.grownup01 .grownup01-txt{
		order: 2;
		width: 100%;
	}	
	
	.grownup01 .grownup01-txt p{
		font-size: 80%;
		margin: 0 0 8% 0;
	}

	.grownup01 .grownup01-img{
		margin: auto;
		width: 100%;
	}
	
	.grownup01 .last-wrap{
		margin-top: 5%;
		border-bottom: 1px solid #eee;
	}
}


/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
	
	.grownup01 h4{
		margin: 0.5em 0 0.75em;
	}
	
	.grownup01 .grownup01-wrap{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 88%;
		margin: auto;
		padding-bottom: 5%;
	}
	
	.grownup01 .grownup01-txt{
		order: 2;
		width: 48%;
	}	
	
	.grownup01 .grownup01-txt p{
		font-size: 90%;
		margin: 0 0 8% 0;
	}

	.grownup01 .grownup01-img{
		width: 46.8%;
	}
	
	.grownup01 .last-wrap{
		border-bottom: 1px solid #eee;
	}
	
	.grownup01 .last-wrap .grownup01-txt{
		order: 1;
		width: 54%;
	}
		
	.grownup01 .last-wrap .grownup01-img{
		order: 2;
		width: 35.4%;
		margin-right: 4%;
	}	
}


/* -------------------- 

grownup02.html 

-------------------- */

/* --- SP ---------- */

@media print, screen and (max-width: 740px) {
	
	.grownup02 h4{
		margin: 20px 0 10px;
	}
	
	.grownup02 .grownup02-wrap{
		border: 1px solid #eee;
		box-sizing: border-box;
		padding: 20px 10px 20px 35px;
		margin: auto;
	}

	.grownup02 .grownup02-wrap dl{
		margin: 0;
	}

	.grownup02 .grownup02-wrap dt{
		color: var(--accent-col01);
		font-size: 90%;
		font-weight: bold;
		margin-bottom: 15px;
		padding-left: 8px;
		position: relative;
		line-height: 1.5;
	}

	.grownup02 .grownup02-wrap dt:before{
		position: absolute;
		left: -1.5em;
		content:"Q";
		box-sizing: border-box;
		border-radius: 50%;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		color: #fff;
		background: var(--accent-col01);
		margin-right: 5px;
		display: inline-block;
	}

	.grownup02 .grownup02-wrap dd{
		margin: 0;
		font-size: 80%;
		position: relative;
		padding-left: 8px;
		line-height: 1.6;
	}
	
	.grownup02 .grownup02-wrap dd p a{
		text-decoration: underline;
		color: var(--accent-col01);
	}

	.grownup02 .grownup02-wrap dd:before{
		position: absolute;
		left: -1.5em;
		content:"A";
		box-sizing: border-box;
		border-radius: 50%;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		color: #fff;
		background: #9070b6;
		margin-right: 5px;
		font-size: 125%;
		display: inline-block;
	}

	.grownup02 .lead{
		margin-bottom: 20px;
	}

	.grownup02 .grownup02-wrap.box01 .ir-box{
		width: 160px;
		line-height: 0;
		margin: 5px auto 0;
	}
}


/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
	
	.grownup02 h4{
		margin: 2em 0 1em 0;
	}
	
	.grownup02 .grownup02-wrap{
		border: 1px solid #eee;
		box-sizing: border-box;
		padding: 30px 30px 30px 60px;
		margin-bottom: 15px;
	}

	.grownup02 .grownup02-wrap dl{
		margin: 0;
	}

	.grownup02 .grownup02-wrap dt{
		color: var(--accent-col01);
		font-size: 110%;
		font-weight: bold;
		margin-bottom: 30px;
		padding-left: 8px;
		position: relative;
	}

	.grownup02 .grownup02-wrap dt:before{
		position: absolute;
		left: -1.5em;
		content:"Q";
		box-sizing: border-box;
		border-radius: 50%;
		width: 25px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		color: #fff;
		background: var(--accent-col01);
		margin-right: 10px;
		display: inline-block;
	}

	.grownup02 .grownup02-wrap dd{
		margin: 0;
		font-size: 90%;
		position: relative;
		padding-left: 8px;
	}
	
	.grownup02 .grownup02-wrap dd:before{
		position: absolute;
		left: -1.5em;
		content:"A";
		box-sizing: border-box;
		border-radius: 50%;
		width: 25px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		color: #fff;
		background: #9070b6;
		margin-right: 10px;
		font-size: 125%;
		display: inline-block;
	}
	
	.grownup02 .grownup02-wrap dd p{
		margin-bottom: 0;
	}
	
	.grownup02 .grownup02-wrap dd p a{
		text-decoration: underline;
		color: var(--accent-col01);
	}
	
	.grownup02 .grownup02-wrap.box01{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		 flex-wrap:  wrap;
		-webkit-justify-content: space-between;
		justify-content:  space-between;
		position: relative;
	}

	.grownup02 .grownup02-wrap.box01 .ir-box{
		width: 190px;
		line-height: 0;
	}

	.grownup02 .grownup02-wrap.box01 dl{
		width: calc(100% - 250px);
	}
}



/* -------------------- 

grownup03.html 

-------------------- */

/* --- SP ---------- */

@media print, screen and (max-width: 740px) {
	
	.grownup03 .grownup03-wrap{
		border-top: 1px solid #eee;
		padding: 15px;
	}

	.grownup03 .grownup03-wrap:first-child{
		border-top: 0;
	}

	.grownup03 .grownup03-wrap .ir-box{
		text-align: center;
	}

	.grownup03 .grownup03-wrap .txt-box p{
		font-size: 80%;
		margin: 10px 0 0;
		letter-spacing: 0;
		line-height: 1.6;
	}
}


/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
	
	.grownup03 .grownup03-wrap{
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content:  space-between;
		border-top: 1px solid #eee;
		padding: 15px;
	}

	.grownup03 .grownup03-wrap:first-child{
		border-top: 0;
	}

	.grownup03 .grownup03-wrap .txt-box{
		width: calc(100% - 250px);
	}
	
	.grownup03 .grownup03-wrap .txt-box h4 {
		margin: 0 0 1em 0;
	}

	.grownup03 .grownup03-wrap .txt-box p{
		font-size: 90%;
		margin: 10px 0 0;
	}

	.grownup03 .grownup03-wrap .ir-box{
		width: 300px;
		text-align: center;
	}

	.grownup03 .grownup03-wrap .txt-box{
		width: calc(100% - 320px);
	}
}



/* -------------------- 

grownup04.html 

-------------------- */

/* --- SP ---------- */

@media print, screen and (max-width: 740px) {
	
	.grownup04 .mframe-common-body .lead {
		font-size: 80%;
		text-align: center;
		background-color: unset;
		padding: 0;
		margin: 0 0 20px 0;		
	}
	
	.grownup04 .grownup04-wrap{
		border: 1px solid #eee;
		margin-bottom: 1em;
		width: 100%;
	}
	
	.grownup04 .grownup04-wrap .time{
		text-align: center;
		background-color: #f0f1eb;
		padding: 10px 0;
		margin: 0;
	}
	
	.grownup04 .grownup04-wrap .txt-box{
		padding: 3% 2% 3% 3%;
	}
	
	.grownup04 .grownup04-wrap .txt-box h3{
		margin: 0.5em 0;
		color: var(--accent-col01);
	}	
	
	.grownup04 .grownup04-wrap .txt-box p{
		font-size: 80%;
		margin-bottom: 0;
	}
	
	.grownup04 .grownup04-wrap .ir-box{
		width: 260px;
		margin: auto;
		padding: 3%;
	}
}


/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
	
	.grownup04 .mframe-common-body .lead{
		font-size: 90%;
		text-align: center;
		background-color: unset;
		padding: 0;
		margin: 0 0 40px 0;
	}

	.grownup04 .grownup04-wrap{
		display: table;
		border: 1px solid #eee;
		margin-bottom: 1em;
		width: 100%;
	}
	
	.grownup04 .grownup04-wrap .time,
	.grownup04 .grownup04-wrap .txt-box,
	.grownup04 .grownup04-wrap .ir-box{
		display: table-cell;
		vertical-align: middle;
	}
	
	.grownup04 .grownup04-wrap .time{
		text-align: center;
		background-color: #f0f1eb;
		width: 12%;
		padding: 2%;
	}
	
	.grownup04 .grownup04-wrap .txt-box{
		padding: 3% 2% 3% 3%;
	}
	
	.grownup04 .grownup04-wrap .txt-box h3{
		margin: 0;
		color: var(--accent-col01);
	}
	
	
	.grownup04 .grownup04-wrap .txt-box p{
		font-size: 90%;
		margin-bottom: 0;
	}
	
	.grownup04 .grownup04-wrap .ir-box{
		width: 260px;
		vertical-align: top;
		padding: 3% 2% 3% 0;
	}
}






@media print, screen and (min-width: 1101px) and (max-width: 1260px){

}


@media print, screen and (min-width: 881px) and (max-width: 1100px){
}

@media print, screen and (min-width: 741px) and (max-width: 880px) {
}

@media print, screen and (min-width: 471px) and (max-width: 740px) {
}

@media print, screen and (max-width: 430px) {
}