@charset "utf-8";
@import "reset.css";
@import "image.css";
@import "scroll-hint.css";/*横スクロール*/
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');


@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");


/*SP max-width: 768px */
/*PC min-width: 769px */

@import url("/faculty/human-in/30th/Style/templates_sp.css") screen and (max-width: 400px);/*_sp*/
@import url("/faculty/human-in/30th/Style/templates_sp.css") screen and (min-width: 401px) and (max-width: 834px);/*_tb*/
@import url("/faculty/human-in/30th/Style/templates.css") print, screen and (min-width: 835px);


@import url("/faculty/human-in/30th/Style/style_sp.css") screen and (max-width: 400px);/*_sp*/
@import url("/faculty/human-in/30th/Style/style_sp.css") screen and (min-width: 401px) and (max-width: 834px);/*_tb*/
@import url("/faculty/human-in/30th/Style/style.css") print, screen and (min-width: 835px);




@import url("/faculty/human-in/30th/Style/sp_navi_animate.css") screen and (min-width: 769px);
@import url("/faculty/human-in/30th/Style/sp_navi.css") screen and (min-width: 769px);
@import url("/faculty/human-in/30th/Style/sp_navi_animate.css") screen and (max-width: 768px);/*_sp*/
@import url("/faculty/human-in/30th/Style/sp_navi.css") screen and (max-width: 768px);/*_sp*/



/*マーカーアニメーション*/

.linemarker.active{
background-position: -100%;
 /*   background-position: -100% .5em;*/
}

.linemarker {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(246,201,19) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(246,201,19) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(246,201,19) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(246,201,19) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(246,201,19) 50%);
    background-repeat: repeat-x;
    background-size: 200% 2.0em;
/*    background-position: 0 1.0em;*/
    transition: all 2s ease;
    line-height:1.4em;
}

.linemarker_pink.active{
background-position: -100%;
 /*   background-position: -100% .5em;*/
}
.linemarker_pink {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(254,169,211) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(254,169,211) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(254,169,211) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(254,169,211) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(254,169,211) 50%);
    background-repeat: repeat-x;
    background-size: 200% 2.0em;
    transition: all 2s ease;
    line-height:1.4em;
}
.linemarker_blue.active{
background-position: -100%;
 /*   background-position: -100% .5em;*/
}
.linemarker_blue {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(153,242,255) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(153,242,255) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(153,242,255) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(153,242,255) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(153,242,255) 50%);
    background-repeat: repeat-x;
    background-size: 200% 2.0em;
    transition: all 2s ease;
    line-height:1.4em;
}
.linemarker_green.active{
background-position: -100%;
 /*   background-position: -100% .5em;*/
}
.linemarker_green {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(182,255,157) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(182,255,157) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(182,255,157) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(182,255,157) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(182,255,157) 50%);
    background-repeat: repeat-x;
    background-size: 200% 2.0em;
    transition: all 2s ease;
    line-height:1.4em;
}

/***************************************/


.inquiry th {
 text-align: left;
 color: #000;
 padding: 10px;
 width: 378px;
 background:#F4F4F4;
 border: 1px solid #CCC;
 vertical-align: middle;
}
.inquiry td {
 width: 578px;	
 padding: 10px;	
 border: 1px solid #CCC;
 vertical-align: middle;
  background:#FFF;
}
/* 必須の調整 */
.haveto {
   font-size: 10pt;
   padding: 5px;
/*   background: #ff0000;*/
   border: solid 1px #D93600; 
   color: #D93600;
   border-radius: 2px;
   margin-right: 2px;
   background-color:#FFF;
}
/* 任意の調整 */
.any {
   font-size: 10pt;
   padding: 5px;
   border: solid 1px #93c9ff; 
   color: #93c9ff;
/*   background: #93c9ff;*/
   border-radius: 2px;
   margin-right: 2px;
   background-color:#FFF;   
}
/* ラジオボタンを縦並び指定 */
.verticallist .wpcf7-list-item {
 display: block;
}
/* 送信ボタンのデザイン変更 */
.soushinbtn{
	padding:10px!important;
	width:40%;
	background: #ff9933!important;
	color: #000;
	font-size: 18px!important;
	font-weight:700;
	border-radius: 0px!important;
	border:0;
	}
.soushinbtn:hover{
	background:#fff!important;
	color:#AB8357;
	border:2px solid #ff9933;
}
/* スマホContact Form 7カスタマイズ */
@media screen and (max-width: 768px) {
.inquiry {
width: 98%!important;
}

.inquiry th, .inquiry td {
display:block;
width: 95%!important;
border-top: none!important;
}
.inquiry tr:first-child th {
 border: 1px solid #CCC;!important;
}
.soushinbtn{
width:80%!important;
font-size: 100%!important;
}

.inquiry textarea,
.inquiry input[type="text"],
.inquiry input[type="tel"],
.inquiry input[type='email']  {
	width: 96%;

}


}



input.btn {
	font-family:'Noto Sans JP', sans-serif;
	font-size:100%;
	font-weight:500;
	background-color: #000;
	color: #FFF;
	border-radius: 5px;				/* 角丸 CSS3草案 */
	-webkit-border-radius: 5px;		/* 角丸 Safari,Chrome用 */
	-moz-border-radius: 5px;
	display: inline-block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#btn_box {
	text-align: center;
	clear: both;
}



.checkbox-input{
}
.checkbox-parts{
}
.checkbox-parts::before{
}
.checkbox-input:checked + .checkbox-parts{
  color: #d01137;
}
.checkbox-input:checked + .checkbox-parts::after{

}



.radio-input{
}
.radio-input + label{
}
.radio-input + label::before{
}
.radio-input:checked + label{
  color: #d01137;
}
.radio-input:checked + label::after{
}