@charset "UTF-8";
/* ============================================================
受講生の声
個別ページ
============================================================ */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, table, tr, th, td,
header, hgroup, nav, section, article, aside, footer, figure, figcaption, address, strong, em, div {
    margin: 0;
    padding: 0;
    font-size: 100%;
	font-weight:normal;
	font-style:normal;
	line-height: 1.0;
	list-style:none;
    font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic', system-ui, sans-serif;
	text-align:left;
}
img {
    border:none;
    max-width: 100%;
    vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

#bread {
    width: 100%;
    max-width: 1000px;
    padding: 10px 50px;
    margin: 0 auto;
	margin-top: 100px;
    text-align: left;
    font-size: 12px;
	box-sizing: border-box;
}
#bread a {
    text-decoration: none;
}
#bread a:after {
    content: ">";
    margin: 0 .5em;
}

.pc { display: block;}
.sp { display: none;}

.bg-beige{ background-color: #f3f3f2;}

.flex{ display: flex;}

.inner{
    width: 90%;
    max-width: 1000px;
    margin: auto;
    position: relative;
}

main a {
	opacity:1;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	transition:.4s;
}
main a:hover {
	opacity:0.5;
}

.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.ml40 { margin-left: 40px !important;}
.pt0 { padding-top: 0 !important;}

.bold { font-weight:bold; }

.bluebold {
	color: #1a2b75;
	padding: 0 0 30px 0;
	line-height: 1.4;
}

/* 動画埋め込みレスポンシブ対応 */
.video_wrap {
    max-width: 900px;
    margin: auto;
}
.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

@media screen and (max-width: 999px){
	#bread{ display: none;}
}

@media screen and (max-width:499px) {
    .pc { display: none;}
    .sp { display: block;}
}


/* --------------------------
.pagettl
-------------------------- */
.wrap_pagettl{
    background-color: #f3f3f2;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .15);
    color: #1c236d;
    margin-bottom: 58px;
    padding: 5px 0;
}
.inner_pagettl{
    width: 96.4%;
    margin: auto;
    border-bottom: 1px dashed;
    padding: 15px 0;
}
.pagettl{
    font-size: 30px;
    text-align: center;
}
.pagettl .en{
    display: block;
    font-family: 'Josefin Slab', serif;
    font-size: 1rem;
    margin-top: 10px;
}
.supplementary_text{
    font-size: 12px;
    text-align: right;
    max-width: 1000px;
    margin: auto;
    margin-top: -1em;
}
@media screen and (max-width:599px) {
    .wrap_pagettl{
        position: relative;
    }
    .inner_pagettl{
        width: 89.5%;
    }
    .supplementary_text{
        position: absolute;
        right: 2.6%;
        bottom: -2em;
    }
}

/* --------------------------
.pagehead
-------------------------- */
.pagehead .flex {
    justify-content: space-between;
    margin-bottom: 50px;
}

.pagehead .photo {
	width:36%;
	position: relative;
}
.pagehead .photo img {
	width:100%;
	height:auto;
}
.pagehead .photo .icn{
	display: flex;
	justify-content: flex-end;
    gap: 6px;
	position: absolute;
    width: 96px;
    right: 6px;
    top: -10px;
}

.pagehead .txt {
	width:58%;
}
.pagehead .txt > .voice_name .name {
	display: block;
	font-size: 1.5em;
	line-height: 1.4;
	color: #000000;
	padding: 0 0 7px 0;
}
.pagehead .txt > .voice_name .status {
	display: block;
	font-size: 0.9em;
	line-height: 1.5;
}

.wrap_school_profile {
	padding: 0 0 20px 0;
}
.school_profile {
	font-size: 16px;
    display: inline-flex;
    align-items: center;
    margin-right: 1em;
	margin-bottom:10px;
}

.school_profile .icn {
    flex: 1 0 auto;
	background-color: #1c236d;
	color: #fff;
	padding: 6px 20px;
	margin-right: 10px;
	border-radius: 20px;
	text-align: center;
}
/* .school_profile .icn.mf {
	background-color:#8a9f55;
	font-weight:bold;
	color:#ffffff;
	padding:6px 20px;
	display:inline-block;
	margin-right:10px;
	border-radius:20px;
	letter-spacing:2px;
	margin-bottom:10px;
	font-size:90%;
	width: auto;
	text-align: center;
}
.school_profile .icn.mf2 {
	background-color:#8a9f55;
	font-weight:bold;
	color:#ffffff;
	padding:6px 20px;
	display:inline-block;
	margin-right:10px;
	border-radius:20px;
	letter-spacing:2px;
	margin-bottom:10px;
	font-size:90%;
	width: 30%;
	text-align: center;
} */
.school_profile .icn.fudo {
	background-color:#44a1c5;
}
.school_profile .icn.fx {
	background-color:#c36380;
}
.school_profile .icn.kabu {
	background-color:#5e76a7;
}
.school_profile .icn.kyouyou {
	background-color:#7e678d;
}
.school_profile .icn.retire {
	background-color:#eb7846;
}
.school_profile .icn.mf,
.school_profile .icn.parallelincome,
.school_profile .icn.zemi {
	background-color:#8a9f55;
}
.school_profile .icn.seminar {
	background-color:#f0961e;
}
.school_profile span.sinbun {
	width: 36%;
}

.h1 {
	font-size: 1.5em;
	padding:0 0 30px 0;
	line-height:1.55;
}
.h1 span {
	display:block;
}

@media screen and (max-width: 830px) {
	.wrap_school_profile {
		padding:0 0 15px 0;
		font-size:0.8em;
	}
	.h1 {
		padding:0 0 10px 0;
		font-size: 1.1em;
	}

	.h1 span {
		display:inline;
	}

	.pagehead .photo {
		width:28%;
	}

	.pagehead .txt {
		width:68%;
	}
}
@media screen and (max-width:599px) {
	.school_profile .icn.parallelincome {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (max-width:499px) {
    .pagehead .flex {
        flex-direction: column;
        margin-bottom: 20px;
    }

	.pagehead .photo {
		width:100%;
		margin:0 auto 20px;
	}
	.pagehead .txt {
        width:100%;
    }

}

.pagehead .tags {
    display: flex;
	flex-wrap: wrap;
    gap: .5em;
    margin-top: 25px;
}
.pagehead .tags li{
	font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pagehead .tags .ttl{
    color: #1c236d;
    margin-bottom: 3px;
}
.pagehead .tags .tag{
    background-color: #1c236d;
    border-radius: 2em;
    color: #fff;
    min-width: 70px;
    padding: 5px;
    text-align: center;
}
.pagehead .tags.fudo .ttl{ color: #45a1c4;}
.pagehead .tags.fudo .tag{ background-color: #45a1c4;}

.pagehead .tags.kabu .ttl{ color: #5e76a7;}
.pagehead .tags.kabu .tag{ background-color: #5e76a7;}

.pagehead .tags.mf .ttl{ color: #8a9f55;}
.pagehead .tags.mf .tag{ background-color: #8a9f55;}

.pagehead .tags.kyouyou .ttl{ color: #7e678d;}
.pagehead .tags.kyouyou .tag{ background-color: #7e678d;}

.pagehead .tags.retire .ttl{ color: #eb7846;}
.pagehead .tags.retire .tag{ background-color: #eb7846;}

.pagehead .tags.fx .ttl{ color: #c36380;}
.pagehead .tags.fx .tag{ background-color: #c36380;}


.txt_about_grandprix{
	font-size: 12px;
    line-height: 1.6;
    max-width: 900px;
    margin: 0 auto 25px;
}


/* --------------------------
.changing
-------------------------- */
.changing{
    box-sizing: border-box;
    background-color: #f3f3f2;
    border-radius: 5px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .15);
    color: #1c236d;
    margin: 25px auto 0;
    padding: 16px;
    max-width: 900px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.video_wrap + .changing{
	margin-top: 80px;
}
.changing .ttl{
    line-height: 1.6;
    text-align: center;
}
.changing .ttl::before{
    content: "";
    display: block;
    padding-top: 54px;
    background: url(/img2016/voice/icn_changing.svg) center/contain no-repeat;
}
.changing .ba dt{
    border-radius: 2em;
    font-size: 14px;
    margin: 0 auto 12px;
    padding: 6px;
    text-align: center;
    width: 160px;
}
.changing .ba.before dt{
    border: 1px solid;
}
.changing .ba.after dt{
    background-color: #E16F4E;
    color: #fff;
}
.changing .ba dd{
    line-height: 1.6;
    text-align: center;
}
.changing .ba.after dd{
    color: #E16F4E;
}
.changing .arw{
    background: url(/img2016/voice/arw_changing.svg) center/contain no-repeat;
    padding: 15px;
}
@media screen and (max-width:599px) {
    .changing{
        flex-wrap: wrap;
    }
	.video_wrap + .changing{
		margin-top: 25px;
	}
    .changing .ttl{
        flex: 1 1 100%;
        font-size: 14px;
        margin-bottom: 1em;
    }
    .changing .ttl::before{
        padding-top: 40px;
    }
    .changing .ba{
        flex: 0 0 35.5%;
        align-self: flex-start;
    }
    .changing .ba dt{
        width: 110px;
    }
    .changing .arw{
        align-self: flex-end;
        margin-bottom: 1em;
    }
}


/* --------------------------
.hightlights
-------------------------- */
.hightlights {
	background-image:url(/img2016/voice/common/bg_yellow.png);
	background-repeat:repeat;
	padding:15px 10px 15px 30px;
	border-radius:1px;
	display:table !important;
	width:calc(100% - 40px);
	width:-webkit-calc(100% - 40px);
	margin:30px 0 0 0;
}

.hightlights .ttl {
	width:16% !important;
	display:table-cell !important;
	float:none !important;
	vertical-align:middle;
}

.hightlights .txt {
	padding:0 0 0 35px;
	width:80% !important;
	display:table-cell !important;
	float:none !important;
	vertical-align:middle;
}

.hightlights .txt li {
	line-height:1.6;
	padding:6px 0;
	list-style-type:disc;
	list-style-position:outside;
	margin-left:10px;
}

@media screen and (max-width: 830px) {
	.hightlights {
		padding:10px 5px 10px 10px;
		width:calc(100% - 15px);
		width:-webkit-calc(100% - 15px);
	}
	.hightlights .ttl {
		width:24% !important;
		vertical-align:top;
	}

	.hightlights .ttl img {
		padding:10px 0 0 0;
	}

	.hightlights .txt {
		padding:0 0 0 10px;
	}
	.hightlights .txt li {
		font-size:0.82em;
	}
}


/* --------------------------
.school_profile_other
-------------------------- */
.school_profile_other{
	margin-top: 60px;
}
.school_profile_other .ttl{
    border-top: 1px dashed #1c236d;
    font-size: 19px;
    margin: 1em 0 2em;
    position: relative;
	text-align: center;
}
.school_profile_other .ttl > span{
	width: fit-content;
	background-color: #fff;
    padding: 0 1.5em;
    position: absolute;
    top: -0.5em;
    left: 50%;
    transform: translateX(-50%);
}
.school_profile_other p{
	line-height: 1.6;
	max-width: 94.5%;
    margin: auto;
}

@media screen and (min-width: 600px) {
	.school_profile_other p{
		text-align: center;
	}
	.school_profile_other p > a{
		white-space: nowrap;
	}
}


/* --------------------------
.history
-------------------------- */
.history {
	background-color: #f3f3f2;
	margin: 90px auto;
}
.history .inner {
	padding-bottom: 70px;
}
.history h2 {
	font-family: 'Josefin Slab', serif;
	letter-spacing:2px;
	font-size:3.2em;
	text-align:center;
	padding:100px 0 50px 0;
}

.history ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 50px 6%;
}
.history li {
	background-color: #fff;
	border-radius: 10px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
}
.history li img {
	width: 77.78%;
    margin: 0 auto;
	object-fit: contain;
}

.history li .time_history {
    order: -1;
    color: #1c236d;
    border-bottom: 1px dashed;
    font-size: 18px;
	line-height:1.3;
    text-align: center;
	padding-bottom: 10px;
    margin-bottom: 1em;
}

.history li .ttl_history {
    color: #1c236d;
	font-size: 14px;
	font-weight: bold;
    line-height: 1.2;
    margin: 16px 0 12px;
}

.history li p {
	line-height: 1.4;
	font-size: 12px;
}

@media screen and (max-width: 599px) {
	.history {
		margin: 70px auto 30px;
	}
	.history .inner {
		padding-bottom: 60px;
	}
	.history h2 {
		padding-top: 0;
	}
	.history ul {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 40px;
	}
	.history li .time_history{
		font-size: 16px;
	}
}

/* 矢印 */
.history li:not(:last-child)::after {
	content: "";
	width: 22px;
	height: 22px;
	border-right: 1px solid #1c236d;
	border-bottom: 1px solid #1c236d;
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: -15%;
	margin: auto;
}
@media screen and (min-width: 976px) {
	.history li:nth-child(4n+1):not(:first-child)::before {
		content: "";
		width: 22px;
		height: 22px;
		border-right: 1px solid #1c236d;
		border-bottom: 1px solid #1c236d;
		transform: rotate(-45deg);
		position: absolute;
		top: 0;
		bottom: 0;
		left: -18%;
		margin: auto;
	}
}
@media screen and (min-width: 682px) and (max-width: 975px) {
	.history li:nth-child(3n+1):not(:first-child)::before {
		content: "";
		width: 22px;
		height: 22px;
		border-right: 1px solid #1c236d;
		border-bottom: 1px solid #1c236d;
		transform: rotate(-45deg);
		position: absolute;
		top: 0;
		bottom: 0;
		left: -18%;
		margin: auto;
	}
}
@media screen and (max-width: 681px) {
	.history li:not(:last-child)::after {
		width: 15px;
		height: 15px;
		right: -8%;
	}
	.history li:nth-child(even)::after {
		transform: rotate(45deg);
		position: absolute;
		top: auto;
		bottom: -20px;
		right: 104%;
	}
}


/* --------------------------
.interview
-------------------------- */
@media screen and (min-width: 600px) {
	.interview{ margin-bottom: 80px;}
}
.interview h2 {
	font-family: 'Josefin Slab', serif;
	letter-spacing:2px;
	font-size:3.2em;
	text-align:center;
}
.pagehead + .interview .inner {
	padding-top: 90px;
}
@media screen and (max-width: 599px) {
	.pagehead + .interview .inner {
		padding-top: 70px;
	}
}
.interview h3 {
	color:#1a2b75;
	font-size: 20px;
	line-height:1.4;
	text-align: left;
}

.interview p {
	line-height:2.1;
	font-size:0.9em;
}
.interview p + p {
	margin-top: 1em;
}

.interview .question {
    font-size: 20px;
	border-bottom: 1px dashed;
    color: #1c236d;
    margin-bottom: 12px;
    padding: 0;
}

.interview .ssstory + .ssstory {
	margin-top: 1em;
}

.interview .ssstory .left {
	float:left;
	width:65%;
	margin-top:-8px;
}
@media screen and (max-width:499px) {
	.interview .question {
		font-size: 16px;
	}
    .interview .ssstory .left {
        float:none;
        width:100%;
    }
}

.interview .ssstory p {
	margin-left:0px;
}

@media screen and (max-width: 830px) {
	.interview .ssstory p {
		margin-left:0px;
	}
}

.interview .ssstory .right {
	float:right;
	width:30%;
}
@media screen and (max-width:499px) {
    .interview .ssstory .right {
        float:none;
        width:100%;
        margin: 1em auto;
    }
}

.interview .ssstory .right img {
	width:100%;
	height:auto;
}

.ssstory img { margin-bottom: 20px;}

.img-right {
	max-width: 300px;
	margin-left: 20px;
	float: right;
}
.img-left {
	max-width: 300px;
	margin-right: 20px;
	float: left;
}
@media screen and (max-width: 599px) {
	.ssstory > p:has(.img-right),
	.ssstory:has(.box_figure) {
		display: flex;
		flex-direction: column;
	}
	.img-right {
		width: 100%;
		max-width: none;
		margin-top: 1em;
		margin-bottom: 0;
		margin-left: 0;
		float: unset;
		order: 1;
	}
	.img-left {
		width: 100%;
		max-width: none;
		margin-right: 0;
		float: unset;
	}
}

/* 
.box_figure
（文章中の図
　.img-right、.img-left と併せて使用）
 */
.box_figure{
    box-sizing: border-box;
	background: #f3f3f2;
    padding: 1em;
    margin-bottom: 1em;
}
.box_figure h4{
	color: #1c236d;
	font-size: 16px;
	text-align: center;
	margin-bottom: 1em;
}
.box_figure figcaption{
	color: #1c236d;
	font-size: 14px;
	line-height: 1.6;
}
@media screen and (min-width: 600px){
	.box_figure{
		width: 55%;
		max-width: 550px;
	    padding: 25px;
	}
}

/* 開閉部分 */
.interview .wrap_h3{
	background: #E8E9EE;
	border-radius: 10px;
	color: #1c236d;
	margin-top: 60px;
	margin-bottom: 20px;
}
.interview .wrap_h3 .num{
	font-family: 'Josefin Slab', serif;
	font-size: 47px;
	line-height: 1;
}
.interview .conts{
	display: none;
}
@media screen and (min-width: 600px) {
	.interview .wrap_h3{
		display: flex;
		align-items: center;
		padding: 20px 30px;
		cursor: pointer;
	}
	.interview .wrap_h3 h3{ margin-right: 10px;}
	.interview .wrap_h3 .num{ margin-right: 20px;}
	.interview .wrap_h3::after{
		content: '';
		flex: 0 0 auto;
		width: 16px;
		height: 16px;
		border-left: 1px solid;
		border-bottom: 1px solid;
		transform: rotate(-45deg);
		transform-origin: 4px 6px;
		transition: all .2s;
		display: inline-block;
		margin-left: auto;
		margin-bottom: 3px;
	  }
	.interview .wrap_h3.active::after{ transform: rotate(135deg);}

	.interview .wrap_h3 .more{ display: none;}

	.interview .conts{ padding: 0 20px;}
}

@media screen and (max-width: 599px) {
	.interview .wrap_h3{ padding: 10px;}
	.interview .wrap_h3 .num{
	  display: block;
	  text-align: center;
	  line-height: 1.3;
	}
	.interview .wrap_h3 .more{
	  display: block;
	  text-align: center;
	  margin: 1em auto 0;
	  border: 0;
	  outline: 0;
	  background: #fff;
	  color: #60659a;
	  padding: 0 1em;
	  border-radius: 1em;
	}
	.interview .wrap_h3 .more::after{
	  content: '';
	  width: 8px;
	  height: 8px;
	  border-left: 1px solid;
	  border-bottom: 1px solid;
	  transform: rotate(-45deg);
	  transform-origin: 4px 6px;
	  transition: all .2s;
	  display: inline-block;
	  margin-left: .8em;
	  margin-bottom: 3px;
	}
	.interview .wrap_h3.active .more::after{ transform: rotate(135deg);}
}


/* --------------------------
.btn_detail_school
-------------------------- */
#first_btn.btn_detail_school{
	padding-bottom: 40px !important;
}
.btn_detail_school,
.btn_detail_school.kabu,
.btn_detail_school.fx,
.btn_detail_school.kyouyouschool,
.btn_detail_school.retirement,
.btn_detail_school.mutualfund,
.btn_detail_school.kaikei,
.btn_detail_school.parallelincome {
	text-align:center;
	padding:0px 0 80px 0;
	width:90%;
	margin:0 auto;
}
.btn_detail_school a {
	display:inline-block;
	background-image:url(/img2016/voice/common/icn_fudosan.png);
	background-repeat:no-repeat;
	background-position:left 20px center;
	padding:30px 13px;
	background-color:#44a1c5;
	border-radius:50px;
	color:#ffffff;
	letter-spacing:2px;
	font-size:1.3em;
	text-decoration:none;
	line-height:1;
}
.btn_detail_school.kabu a {
	display:inline-block;
	background-image:url(/img2016/voice/common/icn_kabu.png);
	background-repeat:no-repeat;
	background-position:left 20px center;
	padding:30px 13px;
	background-color:#5e76a7;
	border-radius:50px;
	color:#ffffff;
	letter-spacing:2px;
	font-size:1.3em;
	text-decoration:none;
	line-height:1;
}
.btn_detail_school.fx a {
	display:inline-block;
	background-image:url(/img2016/voice/common/icn_fx.png);
	background-repeat:no-repeat;
	background-position:left 20px center;
	padding:30px 13px;
	background-color:#c36380;
	border-radius:50px;
	color:#ffffff;
	letter-spacing:2px;
	font-size:1.3em;
	text-decoration:none;
	line-height:1;
}
.btn_detail_school.kyouyouschool a {
	display:inline-block;
	background-image:url(/img2016/voice/common/icn_kyouyouschool.png);
	background-repeat:no-repeat;
	background-position:left 20px center;
	padding:30px 13px;
	background-color:#7e678d;
	border-radius:50px;
	color:#ffffff;
	letter-spacing:2px;
	font-size:1.3em;
	text-decoration:none;
	line-height:1;
}
.btn_detail_school.retirement a {
	display:inline-block;
	background-image:url(/img2016/voice/common/icn_retirement.png);
	background-repeat:no-repeat;
	background-position:left 20px center;
	padding:30px 13px;
	background-color:#e16f4e;
	border-radius:50px;
	color:#ffffff;
	letter-spacing:2px;
	font-size:1.3em;
	text-decoration:none;
	line-height:1;
}
.btn_detail_school.mutualfund a {
	display:inline-block;
	background-image:url(/img2016/voice/common/icn_mutualfund.png);
	background-repeat:no-repeat;
	background-position:left 20px center;
	padding:30px 13px;
	background-color:#8a9f55;
	border-radius:50px;
	color:#ffffff;
	letter-spacing:2px;
	font-size:1.3em;
	text-decoration:none;
	line-height:1;
}
.btn_detail_school.kaikei a {
	display:inline-block;
	padding:30px 13px;
	background-color:#8a9f55;
	background-image: none;
	border-radius:50px;
	color:#ffffff;
	letter-spacing:2px;
	font-size:1.3em;
	text-decoration:none;
	line-height:1;
}
.btn_detail_school.parallelincome a {
	display:inline-block;
	padding:30px 13px;
	background-color:#8a9f55;
	background-image: none;
	border-radius:50px;
	color:#ffffff;
	letter-spacing:2px;
	font-size:1.3em;
	text-decoration:none;
	line-height:1;
}
.btn_detail_school.kabu a span,
.btn_detail_school a span,
.btn_detail_school.fx a span,
.btn_detail_school.kyouyouschool a span,
.btn_detail_school.retirement a span,
.btn_detail_school.mutualfund a span,
.btn_detail_school.kaikei a span,
.btn_detail_school.parallelincome a span {
	display:block;
	background-image:url(/img2016/voice/common/arrow_white.png);
	background-repeat:no-repeat;
	background-position:right 20px center;
	padding:0 95px;
}
.btn_detail_school.parallelincome a span {
	padding: 0 50px 0 30px;
}

@media screen and (max-width:800px) {
	.btn_detail_school.kabu a,
	.btn_detail_school a,
	.btn_detail_school.fx a,
	.btn_detail_school.kyouyouschool a,
	.btn_detail_school.retirement a,
	.btn_detail_school.mutualfund a,
	.btn_detail_school.kaikei a,
	.btn_detail_school.parallelincome a {
		font-size:1.1em;
		display:block;
	}
    .btn_detail_school.kabu a span,
	.btn_detail_school a span,
	.btn_detail_school.fx a span,
	.btn_detail_school.kyouyouschool a span,
	.btn_detail_school.retirement a span,
	.btn_detail_school.mutualfund a span,
	.btn_detail_school.kaikei a span,
	.btn_detail_school.parallelincome a span {
		padding:0 30px;
	}
}
@media screen and (max-width:499px) {
	.btn_detail_school.kabu a,
	.btn_detail_school a,
	.btn_detail_school.fx a,
	.btn_detail_school.kyouyouschool a,
	.btn_detail_school.retirement a,
	.btn_detail_school.mutualfund a,
	.btn_detail_school.kaikei a,
	.btn_detail_school.parallelincome a {
		font-size:1.05em;
		background-position:left 10px center;
		background-size:30px auto;
		letter-spacing:0px;
		display:block;
	}
	.btn_detail_school.parallelincome a {
		padding-top: 20px;
		padding-bottom: 20px;
		line-height: 1.4;
	}
    .btn_detail_school.kabu a span,
	.btn_detail_school a span,
	.btn_detail_school.fx a span,
	.btn_detail_school.kyouyouschool a span,
	.btn_detail_school.retirement a span,
	.btn_detail_school.mutualfund a span,
	.btn_detail_school.kaikei a span,
	.btn_detail_school.parallelincome a span {
		padding:0 30px;
		background-position:right 10px center;
	}
	.btn_detail_school.parallelincome a span {
		padding: 0 30px 0 20px;
	}
}


/* --------------------------
.stage_henka
-------------------------- */
.stage_henka {
	width:60%;
	margin: 30px auto 0;
}
.stage_henka .ttl {
	color:#1a2a75;
	font-weight:bold;
	font-size: 18px !important;
}
.stage_henka dl {
	overflow:hidden;
	font-size:20px;
	margin-bottom: 10px;
}

dl.kangaekata dt,
dl.tamekata dt,
dl.tukaikata dt,
dl.kasegikata dt,
dl.fuyasikata dt,
dl.ijikanri dt,
dl.syakai dt {
	color:#FFF;
	font-weight:bold;
	width:31%;
	float:left;
	padding:2%;
	height: 20px;
}
dl.kangaekata dt {
	background-color:#92c5eb;
}
dl.tamekata dt {
	background-color:#f7bfa0;
}
dl.tukaikata dt {
	background-color:#c098c5;
}
dl.kasegikata dt {
	background-color:#abd7bc;
}
dl.fuyasikata dt {
	background-color:#ea998f;
}
dl.ijikanri dt {
	background-color:#9996c9;
}
dl.syakai dt {
	background-color:#facd93;
}
dl.kangaekata dt span,
dl.tamekata dt span,
dl.tukaikata dt span,
dl.kasegikata dt span,
dl.fuyasikata dt span,
dl.ijikanri dt span,
dl.syakai dt span {
	font-family: 'Josefin Slab', serif;
	margin-right: 10px;
	font-size:24px;
}
dl.kangaekata dt span {
	color:#44a1c5;
}
dl.tamekata dt span {
	color:#ed7847;
}
dl.tukaikata dt span {
	color:#88308d;
}
dl.kasegikata dt span {
	color:#03ae7a;
}
dl.fuyasikata dt span {
	color:#d7063a;
}
dl.ijikanri dt span {
	color:#5e76a7;
}
dl.syakai dt span {
	color:#f3971c;
}
dl.kangaekata dd,
dl.tamekata dd,
dl.tukaikata dd,
dl.kasegikata dd,
dl.fuyasikata dd,
dl.ijikanri dd,
dl.syakai dd {
	width:61%;
	float:right;
	padding:2%;
	height: 20px;
	position: relative;
}
dl.kangaekata dd {
	background:#e1f1f9;
	color:#44a1c5;
}
dl.tamekata dd {
	background:#fce7da;
	color:#ed7847;
}
dl.tukaikata dd {
	background:#e5d7e9;
	color:#88308d;
}
dl.kasegikata dd {
	background:#e0f0e5;
	color:#03ae7a;
}
dl.fuyasikata dd {
	background:#f7d9d2;
	color:#d7063a;
}
dl.ijikanri dd {
	background:#d6d5ea;
	color:#5e76a7;
}
dl.syakai dd {
	background:#fdecd5;
	color:#f3971c;
}
.stageaf1,.stageaf2,.stageaf3,.stageaf4,.stageaf5,.stageaf6,.stageaf7 { margin-right:30px; }
.stageaf1:after,
.stageaf2:after,
.stageaf3:after,
.stageaf4:after,
.stageaf5:after,
.stageaf6:after,
.stageaf7:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -7px;
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
	margin-left: 10px;
}
.stageaf1:after {
	 border-left: 15px solid #44a1c5;
}
.stageaf2:after {
	 border-left: 15px solid #ed7847;
}
.stageaf3:after {
	 border-left: 15px solid #88308d;
}
.stageaf4:after {
	 border-left: 15px solid #03ae7a;
}
.stageaf5:after {
	 border-left: 15px solid #d7063a;
}
.stageaf6:after {
	 border-left: 15px solid #5e76a7;
}
.stageaf7:after {
	 border-left: 15px solid #f3971c;
}

@media screen and (max-width:800px) {
	.stage_henka {
		width: 100%;
/* 		margin:0 auto; */
	}
	.stage_henka dl {
		font-size: 90%;
	}
}


@media screen and (max-width: 599px) {
    section .inner{ padding: 40px 0;}

    .comment_slick.slick-initialized .slick-slide{ padding: 0 10px;}
}

/* ------------------------------
footer
------------------------------ */
.footer .fotter_inquiry,
.footer .fotter_inquiry .inquiry_btn_list li,
.footer .site_link_list {
  line-height: 1.8;
}
@media screen and (max-width: 599px) {
  .footer .site_link_list li {
    line-height: 1.8;
  }
}