@charset 'utf-8';

/*-----------------------------------------------
	students
------------------------------------------------*/
#greeting #contents_inner{width: 100%; padding: 0 0 0 0;}
.category{max-width: 768px; margin: 0 auto 3.5em auto;}
.category ul{display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; max-width: 768px; margin: 0 auto;}
.category ul li.name1,
.category ul li.name2{width: 100%; text-align: center; font-size: 128.57142%; padding: 0 0 1.5em 0; }
.category ul li.name1:before{display:inline-block;content: ""; background: url(../../common/images/ico_pit-l.png) no-repeat; background-size:contain; width: 42px; height: 41px;}

.category.kaicho ul li.name1:before{display:inline-block;content: ""; background: url(../../common/images/ico_hyow-l.png) no-repeat; background-size:contain; width: 42px; height: 41px; }


.category ul li.name2:before{content: url(../../common/images/ico_hyow-l.png); width: 5.1282%; max-width: 40px; line-height: 2;}


.category ul li.name1 .k_sub1,
.category ul li.name2 .k_sub1{display: block;}
/*personal information*/
.category ul li.name1 .k_sub2{display: block; width: 100%; font-size: 60%; text-align: center;line-height: 1.0;}/* position: absolute; top: 1.8em; left: 0;*/

.category ul li.name2 .k_sub2{display: block; width: 100%; font-size: 90%; text-align: center;}/* position: absolute; top: 3em; left: 0; */

/*title*/
.category ul li.name1 .k_sub3{display: block; font-size: 90%; padding: 30px 0 0 0; line-height:1.6em; }
.category ul li.name2 .k_sub3{display: block; font-size: 116.6666%; padding: 10px 0 0 0;}


/*.category ul li.name2 .name_sub{display: block; font-size: 52%; padding: 0 0 10px 0; line-height: 1.3;}*/
.category ul li.pic{width: 80%; margin: 0 auto; text-align: center; padding:8px 0 0 0;}
.category ul li.pic img{width: 70%; }
/**/
.category ul li.text{width: 90%; margin: 0 auto; padding: 0;/* line-height: 1.9;*/}
.category ul li.text .text1, .category .text .text2{display: block; padding: 2.5em 0 0 0;}

@media print, screen and (min-width: 769px){
#greeting #contents_inner{padding: 0 0 5em 0;}
.category{max-width: 780px; margin: 0 auto 7em auto;}
.category:last-child{margin: 0 auto 4em auto;}
.category ul{max-width: 1040px;}
.category ul li.name1,
.category ul li.name2{ position:relative; width: 67.94872%; text-align: left; font-size: 150%; padding: 0 0 0 0; -webkit-flex-grow: 1; flex-grow: 1; -webkit-box-sizing: border-box; box-sizing: border-box;}
.category ul li.name1:before{vertical-align: -.5em; margin: 0 .5em 0 0;}
.category ul li.name2:before{vertical-align: -.9em; margin: 0 .5em 0 0;}
.category ul li.name1 .k_sub1,
.category ul li.name2 .k_sub1{display: none;}

/*personal information*/
.category ul li.name1 .k_sub2{position: absolute; top: .7em; left: 3.2em; font-size: 70%; text-align: left;line-height: 1em;}

.category ul li.name2 .k_sub2{position: absolute; top: 1.2em; left: 1.2em; font-size: 100%; text-align: left;}
/*title*/
.category ul li.name1 .k_sub3{font-size: 100%; padding: 1em 0 0 0; }
.category ul li.name2 .k_sub3{font-size: 125%; padding: .3em 1.2em 0 0;}
/*.category ul li.name2 .name_sub{display: inline; font-size: 62.5%; padding: 0 0 0 0;}*//*name2 = When there is a catch phrase, Open */
.category ul li.pic{width: 16%; margin: 0 0; -webkit-flex-grow: 1; flex-grow: 1; -webkit-box-sizing: border-box; box-sizing: border-box;} /*width: 32.05128%;*/
.category ul li.text{width: 100%; margin: 0 auto;}
/**/
.category ul li.text .text1, .category .text .text2{display: block; padding: 1.0em 0 0 0; }
}