@charset "UTF-8";

/* ******************************************************
Base Function
****************************************************** */
body {-webkit-text-size-adjust: 100%;}

header, footer, nav, section, article, figure, aside {
	display:block;
	margin: 0;
	padding: 0;
}

img{
    vertical-align: bottom;
}

a{
  text-decoration: none;
}

.full{
  width: 100%!important;
}

*{
  box-sizing: border-box;
}

.center{
  text-align: center;
  margin: 0 auto;
}

.flt-r{
  float: right;
}

.flt-l{
  float: left;
}

.t-center{
  text-align: center!important;
}

.t-left{
  text-align: left!important;
}

.t-right{
  text-align: right!important;
}

.v-top{
  vertical-align: top;
}

.v-middle{
  vertical-align: middle;
}

.v-bottom{
  vertical-align: bottom;
}

.trs-03{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;  
}

@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

@keyframes hide{
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}

.opac{
  opacity: 1;
}

.opac:hover{
  opacity: 0.7;
}

.blinking{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.overflow-y{
  overflow-y: scroll;
  overflow-x: hidden;
}

.overflow-x{
  overflow-x: scroll;
  overflow-y: hidden;
}

.resize-x{
  resize: horizontal;
}

.resize-y{
  resize: vertical;
}

.resize-n{
  resize: none;
}

.disp-none{
  display: none;
}

/* ******************************************************
input text width
****************************************************** */
.input-1c{width: 1em;}
.input-2c{width: 2em;}
.input-3c{width: 3em;}
.input-4c{width: 4em;}
.input-5c{width: 5em;}
.input-6c{width: 6em;}
.input-7c{width: 7em;}
.input-8c{width: 8em;}
.input-9c{width: 9em;}
.input-10c{width: 10em;}
.input-11c{width: 11em;}
.input-12c{width: 12em;}
.input-13c{width: 13em;}
.input-14c{width: 14em;}
.input-15c{width: 15em;}
.input-16c{width: 16em;}
.input-17c{width: 17em;}
.input-18c{width: 18em;}
.input-19c{width: 19em;}
.input-20c{width: 20em;}
.input-21c{width: 21em;}
.input-22c{width: 22em;}
.input-23c{width: 23em;}
.input-24c{width: 24em;}
.input-25c{width: 25em;}
.input-26c{width: 26em;}
.input-27c{width: 27em;}
.input-28c{width: 28em;}
.input-29c{width: 29em;}
.input-30c{width: 30em;}


/* Height
****************************************************** */
.h120{height: 120px;}
.h130{height: 130px;}
.h140{height: 140px;}
.h150{height: 150px;}
.h160{height: 160px;}
.h170{height: 170px;}
.h180{height: 180px;}
.h190{height: 190px;}
.h200{height: 200px;}

/* ******************************************************
Clearfix
****************************************************** */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* ******************************************************
width
****************************************************** */
.w4em{width: 4em;}
.w6em{width: 6em;}
.w8em{width: 8em;}
.w10em{width: 10em;}
.w12em{width: 12em;}
.w14em{width: 14em;}
.w16em{width: 16em;}
.w18em{width: 18em;}
.w20em{width: 20em;}
.w22em{width: 22em;}
.w24em{width: 24em;}
.w26em{width: 26em;}
.w28em{width: 28em;}
.w30em{width: 30em;}

.w800{width: 800px;}

/* ******************************************************
Margin & Padding
****************************************************** */
.mt0{margin-top: 0px!important;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px!important;}
.mt40{margin-top: 40px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}
.mt70{margin-top: 70px!important;}
.mt80{margin-top: 80px!important;}
.mt90{margin-top: 90px!important;}
.mt100{margin-top: 100px!important;}

.pt0{padding-top: 0px!important;}
.pt10{padding-top: 10px!important;}
.pt20{padding-top: 20px!important;}
.pt30{padding-top: 30px!important;}
.pt40{padding-top: 40px!important;}
.pt50{padding-top: 50px!important;}

.mb0{margin-bottom: 0px!important;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}
.mb80{margin-bottom: 80px!important;}
.mb90{margin-bottom: 90px!important;}
.mb100{margin-bottom: 100px!important;}
.pb0{padding-bottom: 0px!important;}
.pb10{padding-bottom: 10px!important;}
.pb20{padding-bottom: 20px!important;}
.pb30{padding-bottom: 30px!important;}
.pb40{padding-bottom: 40px!important;}
.pb50{padding-bottom: 50px!important;}
.pb60{padding-bottom: 60px!important;}

.mr0{margin-right: 0px!important;}
.mr5{margin-right: 5px!important;}
.mr10{margin-right: 10px!important;}
.mr20{margin-right: 20px!important;}
.mr30{margin-right: 30px!important;}
.mr40{margin-right: 40px!important;}
.mr50{margin-right: 50px!important;}
.pr0{padding-right: 0px!important;}
.pr10{padding-right: 10px!important;}
.pr20{padding-right: 20px!important;}
.pr30{padding-right: 30px!important;}
.pr40{padding-right: 40px!important;}
.pr50{padding-right: 50px!important;}

.ml0{margin-left: 0px!important;}
.ml5{margin-left: 5px!important;}
.ml10{margin-left: 10px!important;}
.ml20{margin-left: 20px!important;}
.ml30{margin-left: 30px!important;}
.ml40{margin-left: 40px!important;}
.ml50{margin-left: 40px!important;}
.pl0{padding-left: 0px!important;}
.pl10{padding-left: 10px!important;}
.pl20{padding-left: 20px!important;}
.pl30{padding-left: 30px!important;}
.pl40{padding-left: 40px!important;}
.pl50{padding-left: 40px!important;}


/* ******************************************************
Qtip
****************************************************** */
.qtip-content{
  line-height: 1.5!important;
}


/* ******************************************************
Font
****************************************************** */
html {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', YuGothic, meiryo, sans-serif;
	font-size: 62.5%;
	font-weight: 500;
	line-height: 1;
}

body{
  font-size: 10px;
  font-size: 1.0rem;
}

/* ******************************************************
text
****************************************************** */
.text-title-xxlarge{
    font-size: 4rem;
    line-height: 1.5;
    margin-bottom: 10px;
}

.text-title-xlarge{
    font-size: 3rem;
    line-height: 1.5;
    margin-bottom: 10px;
}

.text-title-large{
    font-size: 2.4rem;
    line-height: 1.5;
    margin-bottom: 10px;
}

.text-title-medium{
    font-size: 2rem;
    line-height: 1.5;
}

.text-title-small{
    font-size: 1.8rem;
    line-height: 1.5;
}

.text-large{
    font-size: 1.8rem;
    line-height: 1.5;
}

.text-normal{
    font-size: 1.6rem;
    line-height: 1.5;
}

.text-small{
    font-size: 1.4rem;
    line-height: 1.37;
}


.text-xsmall{
    font-size: 1.2rem;
    line-height: 1.37;
}
.text-xxsmall{
    font-size: 1rem;
    line-height: 1.37;
}

.text-w-normal{
    font-weight: normal;
}

.text-w-bold{
    font-weight: bold;
}

.text-alert{
    color: #e95769;
}

.text-recommend{
    color: #008503;
}

.text-normal{
    color: #646464;
}

.text-marugo{
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.text-white{
  color: #FFF;
}

.text-red{
    color: #e80000;
}

.text-blue{
  color:#2e83c7;
}

.text-lightblue{
  color:#7aa8d9;
}

.text-blk{
    color: #000;
}

.text-gray2{
    color: #4f4f4f;
}

.text-underline{
  text-decoration: underline;
}

/* ******************************************************
border
****************************************************** */
.bt1g{
  border-top: 1px solid #CBCBCB;
}

.bb1g{
  border-bottom: 1px solid #CBCBCB;
}

.bt2g{
  border-top: 2px solid #CBCBCB;
}

.bb2g{
  border-bottom: 2px solid #CBCBCB;
}

.br2a{
  border-radius: 2px;
}

.br4a{
  border-radius: 4px;
}

.br8a{
  border-radius: 8px;
}





/* ******************************************************
form
****************************************************** */
.text-normal_form{
    font-size: 1.4rem;
    line-height: 1.5;
}

.text-normal_form{
    color: #838383;
}

.text-normal_form2{
    font-size: 1.6rem;
    line-height: 1.5;
}

.text-sex_form{
    font-size: 1.7rem;
    line-height: 1.5;
}

.text-small_form{
    font-size: 1.4rem;
    line-height: 1.7;
}

.text-small_form_gray{
    font-size: 1.4rem;
    line-height: 1.5;
    color: #646464;
}




.text-xsmall_form{
    font-size: 1.2rem;
    line-height: 1.6;
}

.mt3{margin-top: 3px!important;}

.text-small_f{
    font-size: 1.4rem;
    line-height: 1.2;
	color: #646464;
}

.h300{height: 300px;}

.h80{height: 80px;}


/* ******************************************************
tatsujin profile
****************************************************** */
.bg_white{
	background: #FFF;
}

.font_white{
	color: #FFF;
}

.pt05{padding-top: 5px!important;}

.h30{height:30px;}



/* ******************************************************
text 栗原追加しました
****************************************************** */


.text-title-dendo{
    font-size: 2.2rem;
    line-height: 1.5;
    margin-bottom: 10px;
    color: #C1272D
}

.text-title-dendo-2{
        color: #C1272D
}




/* ******************************************************
芸術祭応募要項
****************************************************** */

.blue-gekkan{
  color:#7094DB;
}

.red-nenkan{
  color:#FF6569;
}


.hr-gekkan {
height: 1px;
background-color: #7094DB;
border: none;
color: #7094DB;
}

.hr-yusou {
height: 1px;
background-color: #999;
border: none;
color: #999;
}


.color-gray{
    color: #646464;
}

.mr4-p{margin-right: 4%!important;}

.mr5-p{margin-right: 5%!important;}

.w60p{width: 60%;}

.w50p{width: 50%;}

.w57p{width: 57%;}

.w40p{width: 40%;}

.w45p{width: 45%;}

.w10p{width: 10%;}

.w13p{width: 13%;}

.w12p{width: 12%;}

.w15p{width: 15%;}

.w20p{width: 20%;}

.w70p{width: 70%;}

.w85p{width: 85%;}

.w90p{width: 90%;}

.w95p{width: 95%;}


.p_all_30{padding: 30px!important;}