@charset "utf-8";
/* CSS Document */


.sidebar 
{
	margin-top: 60px;
}

#consultation{
	display: flex;
    flex-wrap: wrap;
}
@media (max-width: 428px) {
#consultation{
	justify-content:center;
}


}

.sidebar a
{
	color: #333;
	text-decoration: none!important;
	transition: 0.5s opacity;
	display: block;
		max-width:390px;
}
.sidebar a:hover
{
	opacity: 0.8;
}
.sidebar dl
{
	border-radius: 4px;
	padding: 15px;
	display: block;
	margin-bottom: 10px;
	width: 100%;
	font-size: 14px;
	max-width: 370px;
	position: relative;
	text-align: center;
}
.sidebar dt,
.sidebar dd
{
	display: block;
	
}
.sidebar dt
{
	font-weight: 100;
	line-height: 1.2;
	padding-bottom: 1em;
}
.sidebar dt img
{
	
}
.sidebar dd
{
	
	text-align: left;
}
.sidebar dd .name
{
	font-size: 15px;
	display: block;
	line-height: 1.2;
	display: block;
	padding-top: 0.5em;

}

.sidebar .manbox{

	display: inline-block;
	text-align: center;
}


.sidebar .copy{
	font-size: 32px;
	height: 3em;
	 display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.3;
  
}
.sidebar .face {
background-size: cover;
    background-position: top center;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: relative;
    display: block;
    margin: auto;
    margin-bottom: 1em;
}
@media (max-width: 428px) {
.sidebar .face {
	    width: 120px;
    height: 120px;
}
}
.sidebar dt br
{
	display: none;
}
.sidebar b
{
	font-size: 100%;
	line-height: 1;
	color: #000000;
	display: block;
}
.sidebar dd span
{
display: block;
font-size: 17px;
line-height: 1.3!important;
padding: 0.5em 0;
}

h2
{
	font-size: 150%;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #666;
}

#data dt
{
display: block;
width: 100%;
text-align: center;
margin-bottom: 15px;
font-size: 18px;
}
#data dd h2
{
text-align: left;
}
#data dd
{
	vertical-align: middle;
margin-bottom: 15px;
text-align:right;
}
#data dd
{
}
#data dd b
{
	line-height: 1.2;
	display: block;
}
/*div#pageTitle.voice #mainInner{
    padding-left:2%;
}*/
div#pageTitle.voice #mainInner h1{
    /*width:30%;*/
    line-height: 1.25;
}
@media (max-width: 428px) {
    div#pageTitle.voice #mainInner h1{
    width:40%;
}
}
/*============================
#faq-list
============================*/
ul#faq-list {
}
ul#faq-list li {
	margin-top:40px; 
}

ul#faq-list h2,
ul#faq-list h3{
	font-size: 24px;
	
	color: #000;
	display: block;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-size: contain;
	height: 3em;
	padding-left: 3em;
	display: flex;
	  flex-direction: column;
  justify-content: center;
}

ul#faq-list li p {
	padding-left: 4.5em;
}
ul#faq-list li .imgbox{
	text-align: center;
	padding-top: 2em;
}
ul#faq-list li .imgbox img{
	max-width: 750px;

}
@media (max-width: 428px) {
	ul#faq-list h2,
    ul#faq-list h3{
		font-size: 20px;
		padding-left: 0.6em;
	}
		ul#faq-list h2 br,
    ul#faq-list h3 br{
			display: none;
		}
	ul#faq-list li p {
		padding:0 1em;
		font-feature-settings: "palt";
	}
}

ul#faq-list li:nth-of-type(1) h2,
ul#faq-list li:nth-of-type(1) h3{
	background-image: url(../img/icon_v01.jpg);
}
ul#faq-list li:nth-of-type(2) h2,
ul#faq-list li:nth-of-type(2) h3{
	background-image: url(../img/icon_v02.jpg);
}
ul#faq-list li:nth-of-type(3) h2,
ul#faq-list li:nth-of-type(3) h3{
	background-image: url(../img/icon_v03.jpg);
}
ul#faq-list li:nth-of-type(4) h2,
ul#faq-list li:nth-of-type(4) h3{
	background-image: url(../img/icon_v04.jpg);
}
ul#faq-list li:nth-of-type(5) h2,
ul#faq-list li:nth-of-type(5) h3{
	background-image: url(../img/icon_v05.jpg);
}
ul#faq-list li:nth-of-type(6) h2,
ul#faq-list li:nth-of-type(6) h3{
	background-image: url(../img/icon_v06.jpg);
}
ul#faq-list li:nth-of-type(7) h2,
ul#faq-list li:nth-of-type(7) h3{
	background-image: url(../img/icon_v07.jpg);
}
ul#faq-list li:nth-of-type(8) h2,
ul#faq-list li:nth-of-type(8) h3{
	background-image: url(../img/icon_v08.jpg);
}
ul#faq-list li:nth-of-type(9) h2,
ul#faq-list li:nth-of-type(9) h3{
	background-image: url(../img/icon_v09.jpg);
}
ul#faq-list li:nth-of-type(10) h2,
ul#faq-list li:nth-of-type(10) h3{
	background-image: url(../img/icon_v10.jpg);
}


/*============================
#data-list
============================*/
.bg_beyourself{
	background-image: url(../img/bg_beyourself.gif);
	background-repeat: no-repeat;
	background-position: right 0% bottom 5%;
}
article#data-list {
	display: flex;

	flex-wrap: wrap;
}


@media (max-width: 428px) {

    article#data-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
  
      }
article#data-list a {
	color: #333;
	text-decoration: none!important;
	transition: 0.5s opacity;
	margin-bottom: 30px;
	display: block;
	width: 33.3%;
}
@media (max-width: 428px) {
article#data-list a {
width: 100%;
}
.bg_beyourself {
        background-image:none;
}


}

article#data-list a:hover {
	opacity: 0.8;
}
article#data-list a dl {
	border: solid 1px #ccc;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 370px;
	background: #fff;
	margin: auto;
}
article#data-list a dl dt,
article#data-list a dl dd  {
	display: block;
	vertical-align: middle;
}
article#data-list a dl dt{
	width: 100%;
}
article#data-list a dl dd {
	position: relative;
	padding: 6%;
}

article#data-list a dl dd p
{
	line-height: 1.3;
}
article#data-list a dl dd b {
	font-size: 120%;
	line-height: 1.2;
	margin-bottom: 10px;
	color: #008b81;
	display: block;
}
article#data-list a dl dd .square {
background-size: cover;
    background-position: top center;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    position: relative;
    display: block;
}
article#data-list a dl dd.mfind {
 /*font-size: 22px;*/
    font-size: 18px;
 padding: 7% 5%;
 line-height: 1.4;
 letter-spacing:-1px;
 /*height: 6em;*/
    height: 8em;
}
article#data-list a dl dd.mfind h2 {
    font-size: 18px;
    font-weight: normal;
    color:#333333;
}
    
@media (max-width: 428px) {
article#data-list a dl dd.mfind {
 /*font-size: 22px;*/
    font-size: 18px;
 padding: 7% 5%;
 line-height: 1.4;
 letter-spacing:-1px;
 height: auto;
}
    }
article#data-list a dl dd .sname {
font-weight: bold;
display: block;
line-height: 1.2;
    font-size: 22px;/*20240526追加*/
}
article#data-list a dl dd .mdata {

}
article#data-list a dl dd.under {
border-top: 1px solid #dedede;
}


.manparent{
	position: relative;
	  background-image: url(../img/bg_studentvoice.gif);
	  background-repeat: no-repeat;
	  background-position: center;
	  min-height: 100px;
}
.manparent .schoolname{
	/*font-size: 24px;*/
    /*font-size: 36px;*/
    font-size: 48px;
	font-weight: bold;
	/*line-height: 3.5;*/
    line-height: 1.25;
}
.manparent .manbox{
	position: absolute;
	top: 0;
	right: 4%;
	display: inline-block;
	text-align: center;
	margin-top: 2em;
	line-height: 1.4;
}

.bg_gray{
	background-color: #eef3f4;
}
.copy{
	font-size: 32px;
	height: 3em;
	 display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.3;
  
}
@media (max-width: 428px) {
	.copy{
	font-size: 19px;
	font-feature-settings: "palt";
}

}
.manparent .face {
background-size: cover;
    background-position: top center;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: relative;
    display: block;
margin-bottom: 0.5em;
}


@media (max-width: 428px) {
.manparent .manbox{
	position: absolute;
	top: 0;
	right: 0%;
	display: block;
	text-align: center;
	width: 30%;
}
.manparent .face {
background-size: cover;
    background-position: center center;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    margin: auto;
    margin-bottom: 0.5em;
    margin-top: 0em;
    position: relative;
    display: block;
}
.manparent .copy{
	font-size: 22px;
line-height: 1.3;
	 display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto;
  
}
.manparent .schoolname{
	/*font-size: 18px;*/
    font-size: 24px;
	font-weight: bold;
	/*line-height: 1;*/
}
.manparent{
	  background-size: contain;
	min-height: 5em;
}
.manparent .manbox{
	line-height: 1.3;
	font-size: 1rem;
}
}

@media (min-width: 768px) {

.sidebar a
{
	display: inline-block;
	width: 49%;
}
	


#data
{
	display: table;
	width: 100%;
	margin: 0 auto 60px;
}
#data dt,
#data dd
{
	display: table-cell;
	vertical-align: middle;
margin-bottom: 0px;
text-align: left;
}
#data dt
{
	width: 220px;
}
#data dd
{
}
#data dd b
{
	line-height: 1.2;
	display: block;
}
}
@media (min-width: 769px) {
.sidebar a
{
	display:block;
	width: 100%;
}
}
@media (min-width: 1024px) {


.sidebar
{
	margin-top: 10%;
}
.sidebar a
{
	display:block;
	width: 33.3%;

}
}