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


/*=================================
   bace
  =================================*/
html{
  font-size: 62.5%;
}
body{
  color: #2f2f2f;
  font-size: 1.6rem;
  line-height: 1.8em;
  font-feature-settings: "palt";
  letter-spacing: -0.01em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;	
	border-top: 5px solid #e394ac;
}
*{
 box-sizing: border-box;
}

/*
header, main, footer, .reserve_icon{
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

*/

/*
¥´¥·¥Ã¥¯
.noto-serif-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100~900;
  font-style: normal;
}
*/

/*
Í襴¥·¥Ã¥¯
.noto-serif-jp {
  font-family: 'Zen Maru Gothic', serif;
}
*/

img{
  max-width: 100%;
  height: auto;
}


main {
  position: relative;
}

footer a:hover {
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 0.6;
}

/*=================================
   common
  =================================*/
/*  flexbox
-------------------------*/
.flexbox {
  display: -webkit-flex;
  display:    -moz-flex;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.flexbox959{
  display: -webkit-flex;
  display:    -moz-flex;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.flexbox-w {
  display: -webkit-flex;
  display:    -moz-flex;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.s-between{
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.h-center{
 align-items: center;
}

.f-container { 
	justify-content: center; 
}


.flexbox_size1 {
	column-gap: 3%;
	margin:auto; 
}
.flexbox_size1 li{
	flex: 1;
}



/*  float
-------------------------*/
.float-right{
  float: right;
}
.float-right::after{
  clear: both;
}
.float-left{
  float: left;
}
.float-left::after{
  clear: both;
}

@media screen and (max-width:959px){

.flexbox959 {
    display: block;
  }
	
}	
	
/*=================================
 * media (sp)
  =================================*/
@media screen and (max-width:560px){
  /*=================================
     bace (sp)
    =================================*/
  body{
    font-size: 1.7rem;
    line-height: 1.7em;
  }

  /*=================================
     common (sp)
    =================================*/
	
  /*  flexbox
  -------------------------*/
  .flexbox {
    display: block;
  }
	
	
	
  }

/* ëŠÔ’¥ê¥ó¥¯·Ç±íʾ
----------------------------------*/

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

a[href^="tel:"] {
  text-decoration: none;
}

/*  inner
-------------------------*/
.inner{
width: 90%;
margin:auto;
}

@media screen and (min-width: 1140px) {
.inner{
 width: 1100px;
}	
	
	
}

/*  inner1366
-------------------------*/
.inner2{
width: 90%;
margin: 0 auto;
}

@media screen and (min-width: 1360px) {
.inner2{
 width: 1360px;
}	
	
	
}


/*=================================
   footer
  =================================*/
footer{
/*position: relative;	footerÉϤÇpagetop¤ò¥¹¥È¥Ã¥×¤µ¤»¤ë*/
}

#footer{
clear:both;
padding:5vw 0px;
	font-weight: 400;	
}

footer .footer_area{
flex: 1.8;
}

footer .footer_ph{
width: 35%;
margin-right: 20px;	
}


footer .footer_ph img{
width: 100%;
}


footer .footer_text{
width: 50%;
}


footer .footer_list{
	flex: 1;
}

footer .footer_list ul{
flex-grow: 1;
}

footer .footer_list li{
	margin-bottom: 10px;
	font-size: 15px;
}

footer .footer_list a{
color: #2f2f2f;
font-size: 0.9em;	
}



.copyright{
text-align: center;
font-size: 1.4rem;
background: #EBEBEB;
width: 100%;
padding: 1em;
margin-top: 1em;
font-weight: 400;	
}


@media screen and (max-width: 560px) {
	
footer .footer_area{
text-align: center;
}	
	
footer .footer_ph{
width: 100%;
margin-right: 20px;	
}


footer .footer_text{
width: 100%;
	font-size: 15px;
}	
	
footer .footer_list{
	text-align: left;
	list-style-type: none;
	padding-top: 1em;
/*
      display: flex;
      flex-wrap: wrap;
*/ 
    }
	

	
footer .footer_list li{
      margin: 5px;
	  display: block;
	  font-size: 14px;
	  margin-bottom: 1em;
      /*width: calc(50% - 10px);*/
}	
	
.copyright{
padding-bottom: 1em;
}
	
}

/*-----------------------------------------------
¥Ú©`¥¸¥ê¥¿©`¥ó¡î×·¼Ó
----------------------------------------------- */
#page-top {
  position: fixed;
  bottom: 0;
  right: 0;
  font-size: 100%;
  z-index: 3;	
}

#page-top p {
  display: inline-block;
}

#page-top img{
  width: 40px;
  height: auto;
}

#page-top a {
  background: #fff;
  text-decoration: none;
  width: 60px;
  height: 60px;
  padding: 4px 0;
  text-align: center;
  display: block;
  border-radius:10px 0px 0 0;
  border-top: 3px #D64A75 solid;
  border-left: 3px #D64A75 solid;
  line-height: 55px;
}


@media screen and (max-width: 560px) {
  #page-top {
	transition: 0.5s;/*¤Õ¤ï¤Ã¤ÈÏû¤¹*/
  }
	
	
	
/*footer¤Þ¤Ç¥¹¥¯¥í©`¥ë¤·¤¿¤éÏû¤¹*/
.is-hidden {
  visibility: hidden;
  opacity: 0;

}
	
}





/*=================================
   header¤³¤³¤«¤é
  =================================*/
 header {

 }
 
/*top¤Î¤ß*/

.key-visual {
/*¥Õ¥¡©`¥¹¥È¥Ó¥å©`
    width: calc(100% - 30px); 
    height:calc( 100vh - 30px);
    position: relative;
	margin:0 15px;
	top: 15px;
*/	 
}

.logo_area{
	flex:1;
	align-items: center;
}

.logo{
	margin: 10px 0 0 40px;
	z-index: 999;
}

.logo img{
	max-width: 260px;
}


	

@media screen and (max-width:560px){

.logo{
	margin: 0px auto;
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
}
	
.logo img{
	width: 80%;
	height: auto;
	max-width: 270px;
}
	
}






/*=================================
   top-main-images
  =================================*/
.top_main_area{
	margin: 50px auto;
	} 

.top_main_area h1{
	display: none;
	
}

.top_main_area .right_full {
	position: relative;
	/*margin-right: calc(50% - 50vw);*/
}

.top_main_area ul{ /* ¥ê¥¹¥ÈÈ«Ìå¤Î¥¹¥¿¥¤¥ë */
	display: flex;
	/*max-width: 1000px;*/
	justify-content: space-between;	
	line-height: 1.5;
	width: 95%;
	margin: auto;
}

 
.top_main_area li { /* ¸÷¥ê¥¹¥È¤Î¥¹¥¿¥¤¥ë */
  /*width: 28%;*/
  justify-content: space-between;
  flex-shrink: 0;
  list-style: none;
  flex: 1;
}


.top_main_area li:nth-child(1){ 
	margin-right: 40px;
}

.top_main_area li:nth-child(3){ 
	width: 23%;
	background-image: url("/faculty/education/naga-tokushi/inclusive/images/home/copy_back.svg");
	background-repeat: no-repeat;	
	background-size:  85%; 
	background-position: center center;
}

.top_main_area li h2{
    margin-left: auto;
    margin-right: auto;
	line-height: 1.6;
	font-size: 2.5vw;
	font-weight: 600;
  -webkit-writing-mode: vertical-rl; 
  -moz-writing-mode: vertical-rl; 
  -ms-writing-mode: tb-rl; 
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright; 
  -moz-text-orientation: upright; 
  -ms-text-orientation: upright; 
  text-orientation: upright;	
}

 .suji_tate {
  text-combine-upright: all;
}

.top_main_area .photo_waku{ 
	 border-radius: 0px 35px 0px 35px;
}


.top_main_area img { /* »­Ïñ¤Î¥¹¥¿¥¤¥ë */
  width: 100%;
  object-fit: cover;
} 


.top_main_area li .ph_area{ 
	position: relative;
}

.top_main_area li .school_area{ 
	position: absolute;
	bottom: -30px;
	right: 10px;
}

.top_main_area li .school_area img{ 
	position: relative;
}

.top_main_area li .school_name{ 
	position: absolute;
	top:calc( 50% - 30px);
	right: 0;
	left: 0;
	margin:auto;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	font-size: 19px;
}





 
@media screen and (max-width: 560px) {
	
.top_main_area{
	margin: 20px auto;
	background-image: url("/faculty/education/naga-tokushi/inclusive/images/home/copy_back_sp.svg");
	background-repeat: no-repeat;	
	background-size:  80%; 
	background-position: center top;
	/*transform: rotate(45deg); »ØÜž */
	} 

.top_main_area_in{
	text-align: center;
	margin: auto;
	/*transform: rotate(-45deg); »ØÜž‘ø¤¹ */
	} 	
	
.top_main_area h1{
	display: initial;
	line-height: 1.4;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	margin: auto;
}	
	
.top_main_area ul{ /* ¥ê¥¹¥ÈÈ«Ìå¤Î¥¹¥¿¥¤¥ë */
	margin:0px auto;
	overflow-x: auto;
	padding-bottom: 30px;
	width: 100%;	
}	
 
.top_main_area li { /* ¸÷¥ê¥¹¥È¤Î¥¹¥¿¥¤¥ë */
	width: 75%;
	font-size: 15px;
	padding:15px 15px 0;
	flex: none;
}
	
.top_main_area li:nth-child(1){ 
	margin-right: 0px;
}	
			
.top_main_area li:nth-child(3){ 
	display: none;
}
	
}





/*=================================
   ¥È¥Ô¥Ã¥¯¥¹
  =================================*/
.news_topics_area{
	text-align: left;
	margin-left: 30px;
	} 

.news_topics{
	/*background:rgba(235,235,235,0.85);*/
	background: #ebebeb;
	border-radius: 10px;
	z-index: 10;
	padding: 0 30px 0px 10px;
	display: inline-block;
	margin-right: 40px;
	} 

.news_topics a{
	color: #4D4D4D;
	}

.news_topics>div{
	padding: 10px;
	flex-grow: 2;
	}




.news_topics .day_title{
    display:inline-block;
    cursor:pointer;
    position: relative;
    text-decoration: none;
	font-size: 14px;
	padding: 10px;
}

.news_topics .day_title::before{
    content: "TOPICS";
    display:inline-block;
	font-size: 20px;
	/*font-family: "Noto Serif JP", serif;*/
	font-weight: 500;
	color: #dd7190;
	position: absolute;
	left: 0;
}

.news_topics .day_title::after{
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 0px;
    width: 20px;
    height: 5px;
    border: none;
    transform: skew(45deg);
    transition: .3s;
	border-right: 2px solid #040000;
    border-bottom: 1.3px solid #040000;
}
.news_topics .day_title:hover::after{
    right: -10px;
    width: 30px;
}

.news_topics .day_title span{
    font-size: 1.2em;
}

.news_topics .day_title>p{
	float: left;
	margin-right: 20px;
	margin-left: 80px;
	font-weight: 500;
	}

.news_topics .day_title>h2{
	float: left;
	margin-right: 20px;
	font-weight: 500;
	}


 @media screen and (max-width: 560px) {
	 
.news_topics_area{
	text-align: center;
	margin-left: auto;
	}  
	 
.news_topics{
	/*background:rgba(235,235,235,0.85);*/
	background: #ebebeb;
	border-radius: 10px;
	z-index: 10;
	padding: 0 30px 0px 10px;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	text-align: left;
	} 	 
} 
 

/*=================================
   ¹²Í¨ £¨ºá¥¹¥¯¥í©`¥ë·Ç±íʾ£©
  =================================*/
.container_no_overflow{
  overflow-x: hidden;
}

  /*=================================
 »­ÏñÅäÖÃ
  =================================*/
 .img_area {
	margin:30px auto;
	/*width: calc(100% - 30px);*/
} 

 
 /*=================================
 »­ÏñÅäÖá¡×ó
  =================================*/
  
  /*»­Ïñ×ó*/
.page-company-imgleft{
  display: flex;
  justify-content: space-between;
  max-width: 1100px;
  padding: 50px;
  align-items: flex-start;
}



.page-company-imgleft .column{
  width: 56%;
  /*width: 64%;*/
}

.page-company-imgleft img{
  width: 100%;
  height: auto;
   /*border-radius: 0px 50px 0px 50px;½ÇÍ褬±À¤ì¤ë*/

}

.page-company-imgleft .column-outside-left p{
  padding-left: 40px;
  font-weight: 400;
  font-size: 80%;
}


/*×ó‚ȤØÒªËؤòŽÚ¤²¤ë£¨2¥«¥é¥à£©*/
.page-company-imgleft .column-outside-left{
    flex: 1;
    margin-left: calc(50% - 50vw);
    margin-right: 4%;
}

.page-company-imgleft .column div:nth-child(1) img{
	max-width: 600px;
	margin-bottom: 1vw;
	
}



@media screen and (max-width:1112px){

.page-company-imgleft .column{
  width: 64%;

}
	
}



@media screen and (max-width:560px){

	
.page-company-imgleft{
  flex-direction: column;
  padding:0 0px;	
}
	
.page-company-imgleft img{
}	

.page-company-imgleft .column{
  width: 100%;
  margin-bottom: 20px;
}


	
.page-company-imgleft .column-outside-left{
    margin-left: 0px;
    margin-right: 0px;
}

.page-company-imgleft .column-outside-left p{
  padding-left: 0px;
}		
	
}


/*=================================
  »­ÏñÅäÖá¡ÓÒ
  =================================*/
/*»­ÏñÓÒ*/
.page-company-imgright{
  display: flex;
  justify-content: space-between;
  max-width: 1100px;
  padding: 20px;
  margin: auto;
  flex-direction: row-reverse;/*»­ÏñÓҤΈöºÏÈë*/
  margin-top: 2em;
  align-items: flex-start;
  
}


.page-company-imgright .column{
  width: 56%;
  /*width: 64%;*/
}

/*Ó҂ȤØÒªËؤòŽÚ¤²¤ë£¨2¥«¥é¥à£©*/
.page-company-imgright .column-outside-right{
    flex: 1;
    margin-right: calc(50% - 50vw);
    margin-left: 4%;
}



.page-company-imgright .column-outside-right p{
  padding-right: 40px;
  font-weight: 400;
  font-size: 80%;
  text-align: right;
}

.page-company-imgright img{
  width: 100%;
  height: auto;
  /*border-radius: 50px 0px 50px 0px;½ÇÍ褬±À¤ì¤ë*/
}

.page-company-imgright .column div:nth-child(1) img{
	max-width: 600px;
	margin: 2em auto 1vw;
}


@media screen and (max-width:1024px){

.page-company-imgright .column{
  width: 64%;
}
	
}


@media screen and (max-width:560px){
	
.page-company-imgright{
  flex-direction: column;
  padding:0 15px;	
}
	
.page-company-imgright img{

}

.page-company-imgright .column-outside-right p{
  padding-right: 0px;
}

.page-company-imgright .column{
  width: 100%;
  margin-bottom: 20px;
}
	
.page-company-imgright .column-outside-right{
    margin-left: 0px;
    margin-right: 0px;
}
	
	
	
}
  

/*=================================
»­ÏñÒ»²¿½ÇÍè
  =================================*/
.imgleft_kadomaru img{
	border-radius: 0px 50px 0px 50px;
	border: 3px solid #dc5a81;
}

.imgright_kadomaru img{
	border-radius: 50px 0px 50px 0px;
	border: 3px solid #dc5a81;
}


/*=================================
ÐÂ×ÅÒ»ÓE
  =================================*/
.top_koushin_list {
	margin-top: 50px;
	column-gap: 3%;
}

.top_koushin_list li {
	width: 30%;
	font-weight: 400;
}

.top_koushin_list h3 {
	font-weight: 500;
	font-size: 18px;
}

.top_koushin_list h3 a{
	color: #000;
}

.top_koushin_list .thumbnail{
position: relative;
}

.top_koushin_list .thumbnail .ph_kadomaru{
border-radius: 15px;	
}

.top_koushin_list .thumbnail .ph_kadomaru span{
color: aqua;	
}


.top_koushin_list .category_kind_area{
position:absolute;
top:-10px;
left:10px;
}

.category_kind{
background: #EFBBCB;
padding: 0px 10px 0;
color: #2F2F2F;
text-align: center;
font-size: 15px;
margin-right: 5px;
border-radius: 5px;	
}

.category_kind a{
color: #2F2F2F;
}

.category_kind a:visited{
color: #2F2F2F;
}

@media screen and (max-width:560px){
	
.top_koushin_list li {
	width: 100%;
	margin-bottom: 30px;
}
	
}	


/*=================================
±¾188betÌåÓý_188bet±¸ÓÃÍøÖ·¤ÎÄ¿µÄ£¨TOP£©
  =================================*/
.top_mokuteki1{
	position: relative;
	max-width: 270px;
	right: 0;
	left: 0;
	margin: 0 auto;
}

.top_mokuteki2{
	position: relative;
	max-width: 280px;
	left: 0;
	top:-30px;
	margin: 0 auto;
}

.top_mokuteki_text{
	position: absolute;
	line-height: 1.4;
	text-align: center;
	font-size: 19px;
  top: 15%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;	
	color: #fff;
}




/*=================================
   common(page-title)
  =================================*/
.common_title{
text-align: center;
position: relative;	
}

.common_title a{
color: #2f2f2f;
}


.common_title img{
	max-width: 350px;
}

.common_title h1{
	position: absolute;
	line-height: 1.4;
	text-align: center;
	font-size: 38px;
	top: 40%; 
	transform: translateY(-40%); 
	right: 0;
	left: 0;
	font-weight: 500;
}


.common_title h2 {
  position: relative;
  display: inline-block;
  padding: 0 25px;
    font-size: 31px;
    font-weight: 500;
    line-height: 1.4;
	text-align: center;
}

.common_title h2:before {
  content: url(/faculty/education/naga-tokushi/inclusive/images/midashi_left.svg);
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 28px;
  left:0;
  top: 0;
}

.common_title h2:after {
  content: url(/faculty/education/naga-tokushi/inclusive/images/midashi_left.svg);
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 28px;
  right: 0;
  top: 0;
}


.common_title h3{
	font-size: 23px;
	line-height: 1.5;
	margin: 10px auto;
}

h3.maru_ari{
	font-size: 23px;
	line-height: 1.5;
}

.blog_title h2 {
  position: relative;
  display: inline-block;
  padding: 0;
    font-size: 31px;
    font-weight: 500;
    line-height: 1.4;
}


@media screen and (max-width:560px){

.common_title img{
	max-width: 310px;
}

.common_title h1{
	font-size: 27px;
	position: absolute;
	top: 40%; 
	transform: translateY(-40%); 
	right: 0;
	left: 0;
}

.common_title h2, .blog_title h2{
    font-size: 27px;
    line-height: 1.5;	
}

.common_title h2:before {
  content: url(/faculty/education/naga-tokushi/inclusive/images/midashi_left.svg);
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 28px;
}

.common_title h2:after {
  content: url("/faculty/education/naga-tokushi/inclusive/images/midashi_left.svg");
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 28px;	
}
	
.common_title h3{
	font-size: 20px;
	margin: 10px auto;
}	

}


/*=================================
  Óè¼s¥Ü¥¿¥ó(ÓÒÉÏ)
  =================================*/
 .reserve_icon{
	position:fixed;
	bottom: 80px;
	right: 20px;
	z-index: 10!important;
	display: block;
}

.reserve_icon li{
z-index: 9999;/*¥Ü¥¿¥ó¤ò×îÇ°Ãæ¤Ë*/
/*	
	background: #fff;
	border-top: 3px solid #2f2f2f;
	border-bottom: 3px solid #2f2f2f;
	border-left: 3px solid #2f2f2f;
	border-radius:  15px 0px 0px 15px;
	margin-bottom: 3px;
	width: 55px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
*/ 
}

.reserve_icon li:nth-child(1) {
font-size: 1.2em;
vertical-align: middle;
text-align: center;
}

.reserve_icon li:nth-child(2) {
padding: 0.8em 0.5em 0.8em 0;
}

.reserve_icon .mailicon::before {
/*	
    content: url(/faculty/education/naga-tokushi/inclusive/images/mail.svg);
    display: inline-block;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
	margin-right: 3px;
*/ 	
}

.reserve_icon img{
	width: 	250px;
	height: auto;
}

.reserve_icon a{
	color: #2f2f2f;
}



 

/*=================================
¥á©`¥ë¤ÈëŠÔ’ ¹²Í¨
  =================================*/
.tel_mail{
	padding: 40px 20px;
	font-weight: 400;
	}


/*tel*/
.tel_area{
justify-content: center;
align-items: center;
margin-left: 20px;
color: #D64A75;	
}


.tel-img::before {
    content: url(/faculty/education/naga-tokushi/inclusive/images/tel.svg);
    display: inline-block;
    vertical-align: top;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.tel-img a {
	color: #D64A75;	
	font-weight: 700;
	
}

.tel-img{
	font-size: 3.5rem;
}



@media screen and (max-width:560px){

.tel_area{
	text-align: center;
	margin: auto;
	font-size: 15px;
}
	
.tel-img::before {
    content: url(/faculty/education/naga-tokushi/inclusive/images/tel.svg);
    display: inline-block;
    vertical-align: top;
    -webkit-transform: scale(1);
    transform: scale(1);
	margin-top: 2px;
}
	
	
}




/*¥á©`¥ë*/

.mail_area a{
background: #fff;
border: 3px solid #D64A75;
border-radius: 50px;
max-width: 580px;
justify-content: center;
align-items: center;
padding: 0.7em 50px;
margin:20px auto;
text-align: center;
font-size: 20px;
display: block;
color: #D64A75;
line-height: 1.5;
padding-top: 17px;	
}

.mail_area a:hover{
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 0.6;
}

.mail-img::before {
    content: url(/faculty/education/naga-tokushi/inclusive/images/mail.svg);
    display: inline-block;
    vertical-align:middle;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
	margin-top: 0px;
}



@media screen and (max-width:560px){
	
.mail_area a{
background: #fff;
border: 3px solid #D64A75;
border-radius: 50px;
max-width: 580px;
justify-content: center;
align-items: center;
padding: 0.7em 10px;
margin:20px auto;
text-align: center;
font-size: 17px;
display: block;
color: #D64A75;
line-height: 1.5;
padding-top: 17px;	
}
	
.mail-img::before {
    content: url(/faculty/education/naga-tokushi/inclusive/images/mail.svg);
    display: block;
    vertical-align: top;
    -webkit-transform: scale(1);
    transform: scale(1);
	margin-top: 2px;
}
	
	
}	

  


/*=================================
   home¤È¹²Í¨¡¡¤³¤³¤Þ¤Ç
  =================================*/




/*=================================
   ÏÂŒÓ
  =================================*/

/*=================================
   ±¾188betÌåÓý_188bet±¸ÓÃÍøÖ·¤Ë¤Ä¤¤¤Æ/188betÌåÓý_188bet±¸ÓÃÍøÖ·ÄÚÈÝ
  =================================*/

.outline_list {
	padding:20px 20px 10px;
	font-weight: 500;
	font-size: 28px;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
} 

.outline_list ul {
	margin-top: 0px;
	padding:0px 40px;
}

.outline_list li {
	margin: 10px auto 20px;
	list-style-type:    disc;
} 

 
@media screen and (max-width:560px){
	
.outline_list {
	padding:20px 20px 10px;
	font-weight: 500;
	font-size: 23px;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
} 
	
.outline_list ul {
	margin-bottom: 10px;
	padding:0px 10px 0  20px;
}	
	
.outline_list li {
	margin: 10px auto 20px;
	list-style-type:    disc;
}	

} 



/*=================================
±¾188betÌåÓý_188bet±¸ÓÃÍøÖ·¤Î¸ÅÒª
  =================================*/
.keikyu_outline {
	column-gap: 1%;	
} 

.keikyu_outline > li:nth-child(1) {
	flex: 1;
	margin-bottom: 10px;
} 

.keikyu_outline > li:nth-child(2) {
	flex: 1.7;	
}

.keikyu_outline > li:nth-child(3) {
	flex: 1;
}

.keikyu_outline > li:nth-child(2) ul li{
	list-style-type:    disc;
	margin-left: 30px;
}

.keikyu_outline > li:nth-child(3) img{
	max-width: 160px;
}


.keikyu_outline_list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}


.keikyu_outline_list li{
	list-style-type:    disc;
	margin-left: 30px;
}



/*=================================
188betÌåÓý_188bet±¸ÓÃÍøÖ·ÄÚÈÝ
  =================================*/
.keikyu_naiyou {
	column-gap: 1%;	
} 

.keikyu_naiyou > li:nth-child(1) {
	flex: 1;
	margin:0 auto 10px;
} 

.keikyu_naiyou > li:nth-child(2) {
	flex: 5;	
}


.keikyu_naiyou > li:nth-child(2) ul li{
	list-style-type:    disc;
	margin-left: 30px;
}

/*=================================
188betÌåÓý_188bet±¸ÓÃÍøÖ·ÄÚÈÝ ½»»¥
  =================================*/
.change_textarea li{
	gap: 3%;
	margin-bottom: 20px;
}

.change_textarea li .column2{
	flex: 1;
}


.change_textarea li:nth-child(odd) {/*żÊý¡¸even¡¹¡¢ÆæÊý¡¸odd¡¹*/
 flex-direction: row-reverse;
}

.change_textarea li:nth-child(even) .ph_area{
	margin-left: 40px;
}


.change_textarea li:nth-child(odd) .ph_area{
	margin-right: 40px;
}




/*=================================
   Ó›ÊÂÄÚ¥«¥Æ¥´¥ê
  =================================*/	

.blog_area .category_kind{
background: #EFBBCB;
padding: 0px 10px 0;
color: #2F2F2F;
text-align: center;
font-size: 15px;
margin-right: 5px;
border-radius: 5px;
display: inline-block;
}




.blog_area .blog_day{
display: inline-block;
padding: 0px 10px 0 0;	
}


.blog_text a{
text-decoration: underline;	
}

.blog_text p{
margin-bottom: 20px;
}

@media screen and (max-width:560px){

.blog_area .blog_day{
display: block;
}
	
	
}

/*=================================
   ӛʥꥹ¥È
  =================================*/

dl.blog_post_list {
    overflow: hidden;
    zoom: 1;
	margin:5em auto 3em ;
	flex: 5;
}
dl.blog_post_list dt {
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 140px;
    float: left;
    clear: both;
}
dl.blog_post_list dd {
    margin-bottom: 20px;
    padding: 0 0 20px 160px;
    border-bottom: solid 1px #ccc;
}

dl.blog_post_list h3{
font-weight: normal;
}

dl.blog_post_list dd a{
  display: block; 
color: #4682b4;	
}

dl.blog_post_list dd a:hover{
  opacity: 0.6;  
}



@media screen and (max-width:800px){
		
	
dl.blog_post_list dt {
    margin-bottom: 0px;
    padding-bottom: 0px;
	padding-top: 20px;
    width: 100%;
    float: none;
    clear: both;
}
dl.blog_post_list dd {
    margin: 0px 0px 0px 0px;
    padding: 10px 0 20px 20px;
    border-bottom: solid 1px #ccc;
}
		
	
}


/*=================================
   Ò»ÓE¥«¥Æ¥´¥ê
  =================================*/
.blog_list_area{
column-gap: 2%;
}

.blog_list li{
display: block;
margin-bottom: 5px;	
}


.blog_list .category_kind{
background: #EFBBCB;
padding: 0px 10px 0;
color: #2F2F2F;
text-align: center;
font-size: 15px;
margin-right: 5px;
border-radius: 5px;
}


@media screen and (max-width:560px){
	
.blog_list{
margin-bottom: 30px;
}

}


/*=================================
   ¥×¥ë¥À¥¦¥ó
  =================================*/
.cp_ipselect03 {
  position: relative;
  display: flex;
  align-items: center;
  margin: 5px auto;
  border: 2px solid #d64a75;
  border-radius: 2px;
}
/*¥×¥ë¥À¥¦¥ó¤ÎÈý½Ç¤òÔO¶¨*/
.cp_ipselect03::before {
  position: absolute;
  right: 15px;
  content: '';
  width: 16px;
  height: 8px;
  background: #d64a75;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.cp_ipselect03 select {
  width: 100%;
  padding: 10px 45px 10px 10px;
  color: #666666;
  color: #d64a75;
  cursor: pointer;
  text-overflow: ellipsis;/*¥Æ¥­¥¹¥È¤¬¥ª©`¥Ð©`¤·¤¿¤é'...'¤ÇÊ¡ÂÔ*/
  z-index: 1;
  /* ˜ËœÊ¤Î¥¹¥¿¥¤¥ë¤òŸo„¿¤Ë¤¹¤ë */
  border: none;
  appearance: none;
  outline: none;
  background: transparent;
}

.cp_ipselect03 select:nth-child(1){
  font-size: 16px;
}


/*=================================
   ¥Ú©`¥¸¥Í©`¥·¥ç¥ó
  =================================*/
.pager li{
	display: inline-block;
	margin: 8px;
	}

.pager li.prev, .pager li.next{
background: #EFBBCB;
padding: 0px 10px 0;
color: #2F2F2F;
text-align: center;
font-size: 15px;
margin-right: 5px;
border-radius: 5px;
width: 40px;	
	}


/*=================================
ÏŒӥک`¥¸¤³¤³¤Þ¤Ç
  =================================*/
  
  




/*=================================
 ¥Ñ¥ó¤¯¤º
  =================================*/
.breadcrumb-area{
	margin: 2em auto;
	font-weight: 400;
	font-size: 0.85em;
	}

.breadcrumb-area a{
	color: #93733b
	}

.breadcrumb-area .current-item{
	font-weight: 400;
	}	


.pankuzu_arrow{
    display:inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10.4px;
    border-color: transparent transparent transparent #93733b;
	margin-right: 3px;
}

/*=================================
¥¹¥¯¥í©`¥ë¥¢¥Ë¥á
  =================================*/
.sa {
  opacity: 0;
  transition: all .5s ease;
}

.sa.show {
  opacity: 1;
  transform: none;
}

.sa--lr {
  transform: translate(-100px, 0);
}

.sa--rl {
  transform: translate(100px, 0);
}

.sa--up {
  transform: translate(0, 100px);
}

.sa--down {
  transform: translate(0, -100px);
}

.sa--scaleUp {
  transform: scale(.5);
}

.sa--scaleDown {
  transform: scale(1.5);
}

.sa--rotateL {
  transform: rotate(180deg);
}

.sa--rotateR {
  transform: rotate(-180deg);
}








/*=================================
¤³¤³¤Þ¤Ç
  =================================*/

/*=================================
¥Ü¥¿¥ó
  =================================*/

.button1{
    display:inline-block;
    padding:15px 50px 15px 20px;
    text-align:center;
    margin:10px auto;
    cursor:pointer;
    position: relative;
    text-decoration: none;
	border-radius:30px;
	font-size: 19px;
	font-weight: 500;
	border:3px solid #D64A75;
	/*width: 100%;*/
	color: #D64A75;
}
.button1::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 20px;
    height: 5px;
    border: none;
    transform: skew(45deg);
    transition: .3s;
	border-right: 3px solid #D64A75;
    border-bottom: 2px solid #D64A75;
}
.button1:hover::after{
    right: 10px;
    width: 30px;
}

.button_w350{
    width: 350px;
}



@media (max-width:834px){
	
.button1{
    width: 100%;
	border-radius:50px;
	font-size: 1em;
	padding:10px 20px 10px 10px;
}
	
	
}


@media (max-width:560px){
	
.button_w350{
    width: 100%;
}
	
}	

/*=================================
   ¥À¥¦¥ó¥í©`¥É¥Ü¥¿¥ó
  =================================*/
.dl_btn{
    display:inline-block;
    padding:10px 20px 10px 20px;
    margin:10px auto;
    cursor:pointer;
    position: relative;
    text-decoration: none;
	border-radius:50px;
	font-size: 19px;
	font-weight: 500;
	color: #D64A75;
	border:3px solid #D64A75;
	line-height: 1.5;
	text-align: center;
}
.dl_btn::after{
	content: url(/faculty/education/naga-tokushi/inclusive/images/icon_dl.svg);
	position: absolute;
	width:21px;
	height:19px;
	right: 20px;
	top: calc(50% - 10px);
}




/*=================================
   ¹²Í¨ £¨hover’ˆ´ó£©
  =================================*/
.hover-img {
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  line-height: 0;/* Èë¤ì¤Ê¤¤¤È¤Ï¤ß³ö¤ë */
}
.hover-img img {
  height: auto;
  transition: transform .6s ease;/* ¤æ¤Ã¤¯¤ê‰ä»¯ */
  width: 100%;
}
.hover-img:hover img {
  transform: scale(1.1);/* ’ˆ´ó */
}

/*=================================
   ¹²Í¨ ¥Ü¥¿¥óλÖÃ
  =================================*/
.linkarea_space33{
	padding-left: 33%;
}

@media (max-width:560px){

.linkarea_space33{
	padding-left: 0%;
}
	
}	
	
/*=================================
   ¹²Í¨ 
  =================================*/
.circle{
	width:120px;
	height:120px;
	border-radius:50%;
	background:#f9e7ed;
	text-align:center;
	margin: auto;
}
.circle p{
   text-align:center;
   line-height:1.5;
   padding-top: 30px;
   /*color: #d64a75;*/
}

/*=================================
   ¹²Í¨ 
  =================================*/
.btn_link{
	margin: auto;
	text-align: center;
}

.btn_link a:hover{
    opacity: .7;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.marker {
    background: linear-gradient(transparent 50%, #f9e7ed 50%);
}

.marker2 {
    background: linear-gradient(transparent 95%, #d64a75 95%);
}

.maru {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #dd7190;
  text-align:center;
  line-height: 45px;
  font-size: 23px;
  font-weight: 600;
  color: #fff;
  margin-right: 5px;
} 





.parts_center {text-align: center!important;}
.parts_right {text-align: right!important; }
.parts_left {text-align: left !important;  }
.pc-center{text-align: center;   }
.pc-right{text-align: right;   }

.space-top-3{margin-top: -3px!important;}
.space-top-10{margin-top: -10px!important;}
.space-top-15{margin-top: -15px!important;}

.space-top10{margin-top: 10px!important;}
.space-top20{margin-top: 20px!important;}
.space-top30{margin-top: 30px!important;}
.space-top40{margin-top: 40px!important;}
.space-top50{margin-top: 50px!important;}
.space-top60{margin-top: 60px!important;}
.space-top70{margin-top: 70px!important;}
.space-top80{margin-top: 80px!important;}

.space-top1{margin-top: 1vw!important;}
.space-top2{margin-top: 2vw!important;}
.space-top5{margin-top: 5vw!important;}
.space-top8{margin-top: 8vw!important;}

.space-bottom1{margin-bottom: 1em!important;}
.space-bottom3{margin-bottom: 3em!important;}
.space-bottom-4{margin-bottom: -4rem!important;}

.space-bottom3p{padding-bottom: 3em!important;}

.space-top_bottom1{margin-top: 1em; margin-bottom: 1em; }
.space-top_bottom3{margin-top: 3em; margin-bottom: 3em; }

.space-top_bottom2p{padding-top: 2em; }

.space-padding30{padding: 0em 30px; }


.bg-color{
	background-color: #F9E7ED;
}



.text-common{
	line-height: 2em;
}

.text_justify_pcsp{
	text-align: justify;
	text-justify: inter-ideograph;
}

.text-size1_3{font-size: 1.3em!important;}
.text-size18{font-size: 18px!important;}
.text-size23{font-size: 23px!important;}
.text-size_s{font-size: 0.85em!important;}
.text-size_ss{font-size: 0.75em!important;}

.font-w400{
	font-weight: 400;
}

.font-w600{
	font-weight: 600;
}

.font-eiji{
	font-family: "Roboto Slab", serif;
}



.font_red{
	color: #e85027;
}

.font_pink{
	color: #d64a75;
}

.font_orange{
	color: #f7b515;
}


.kome{
padding-left:1em;
text-indent:-1em;
}

.area70{
width: 70%;
margin: auto;	
}

.area80{
width: 80%;
margin: auto;	
}

.ph_img30 img{
width: 30%;
}

.ph_img50 img{
width: 50%;
}

.ph_img70 img{
width: 70%;
}

@media only screen and (max-width: 959px) {

.ph_img70 img, .ph_img50 img, .ph_img30 img{
	width: 60%;
}
	
}

@media only screen and (max-width: 560px) {
	
.ph_img70 img, .ph_img50 img, .ph_img30 img{
	width: 100%;
	}
	
.area70, .area80{
width: 100%;
margin: auto;	
}	

.pc-center{
	text-align:left;
	}
	
.pc-right{
	text-align:left;
	}
	
.sp-center{
	text-align:center;
	}	
	
.postWrap{
	padding:0px 10px;
	}
	
.text_justify{
	text-align: justify;
	text-justify: inter-ideograph;
}	
		
}



.clears{clear:both;}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ¥Ñ¥½¥³¥ó¤ÇÒŠ¤¿¤È¤­¤Ï"pc"¤Îclass¤¬¤Ä¤¤¤¿»­Ïñ¤¬±íʾ¤µ¤ì¤ë */
.display-pc { display: block !important; }
.display-sp { display: none !important; }
/* ¥¹¥Þ©`¥È¥Õ¥©¥ó¤ÇÒŠ¤¿¤È¤­¤Ï"sp"¤Îclass¤¬¤Ä¤¤¤¿»­Ïñ¤¬±íʾ¤µ¤ì¤ë */
@media only screen and (max-width: 560px) {
.display-pc { display: none !important; }
.display-sp { display: block !important; }
}

/* ¥Ñ¥½¥³¥ó¤ÇÒŠ¤¿¤È¤­¤Ï"pc"¤Îclass¤¬¤Ä¤¤¤¿»­Ïñ¤¬±íʾ¤µ¤ì¤ë */
.display-pc834 { display: block !important; }
.display-sp834 { display: none !important; }
/* ¥¹¥Þ©`¥È¥Õ¥©¥ó¤ÇÒŠ¤¿¤È¤­¤Ï"sp"¤Îclass¤¬¤Ä¤¤¤¿»­Ïñ¤¬±íʾ¤µ¤ì¤ë */
@media only screen and (max-width: 834px) {
.display-pc834 { display: none !important; }
.display-sp834 { display: block !important; }
}

/* ¥Ñ¥½¥³¥ó¤ÇÒŠ¤¿¤È¤­¤Ï"pc"¤Îclass¤¬¤Ä¤¤¤¿»­Ïñ¤¬±íʾ¤µ¤ì¤ë */
.display-pc1112 { display: block !important; }
.display-sp1112 { display: none !important; }
/* ¥¹¥Þ©`¥È¥Õ¥©¥ó¤ÇÒŠ¤¿¤È¤­¤Ï"sp"¤Îclass¤¬¤Ä¤¤¤¿»­Ïñ¤¬±íʾ¤µ¤ì¤ë */
@media only screen and (max-width: 1112px) {
.display-pc1112 { display: none !important; }
.display-sp1112 { display: block !important; }
}

	

/* pc¸ÄÐÐ<br class="br-pc">,¡¡sp¸ÄÐÐ<br class="br-sp">  */
@media screen and (min-width: 1024px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 1024px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/* pc¸ÄÐÐ<br class="br-pc834">,¡¡sp¸ÄÐÐ<br class="br-sp834">  */
@media screen and (min-width: 834px){	
  .br-pc834 { display:block; }
  .br-sp834 { display:none; }
}
@media screen and (max-width: 834px){	
  .br-pc834 { display:none; }
  .br-sp834 { display:block; }
}

/* pc¸ÄÐÐ<br class="br-pc768">,¡¡sp¸ÄÐÐ<br class="br-sp768">  */
@media screen and (min-width: 768px){	
  .br-pc768 { display:block; }
  .br-sp768 { display:none; }
}
@media screen and (max-width: 768px){	
  .br-pc768 { display:none; }
  .br-sp768 { display:block; }
}

/* pc¸ÄÐÐ<br class="br-pc560">,¡¡sp¸ÄÐÐ<br class="br-sp560">  */
@media screen and (min-width: 560px){	
  .br-pc560 { display:block; }
  .br-sp560 { display:none; }
}
@media screen and (max-width: 560px){	
  .br-pc560 { display:none; }
  .br-sp560 { display:block; }
}

@media screen and (max-width: 560px){	
.break-box {
   display: flex;            /*flex¥³¥ó¥Æ¥Ê»¯ */
   flex-direction: column;  /*¿kÏò¤­¤ËÅäÖà */
}

.turns1 { order: 1; }   /* ÅäÖÃ혤ò1·¬Ä¿¤Ë */		
.turns2 { order: 2; }   /* ÅäÖÃ혤ò2·¬Ä¿¤Ë */	
	
}