@charset "UTF-8";
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	変数設定

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*
/* color */
/* font */
/* trans */
/* breakpoint */
/* margin */
/* 固定ページ */
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	HOME【homePage】

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#homePage {
  margin-top: 60vh;
  /*--------------------------------------------------------------
  	NEWS
  --------------------------------------------------------------*/ }

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

	PROFILE【profilePage】

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#profilePage .profile_box {
  overflow: hidden; }
  #profilePage .profile_box .column_l {
    width: 400px; }
  #profilePage .profile_box .column_r {
    width: calc(100% - 440px); }
  #profilePage .profile_box h3 {
    line-height: 1; }
    #profilePage .profile_box h3 span {
      font-size: 1.25rem;
      vertical-align: baseline; }
  #profilePage .profile_box .belongs {
    margin-bottom: 40px; }
  #profilePage .profile_box dl {
    margin-top: 40px; }
    #profilePage .profile_box dl dt, #profilePage .profile_box dl dd {
      float: left;
      margin-bottom: 10px; }
    #profilePage .profile_box dl dt {
      color: #fff;
      background: #ccc;
      border-radius: 5px;
      width: 100px;
      margin-right: 20px;
      text-align: center; }
    #profilePage .profile_box dl dd {
      width: calc(100% - 120px); }
#profilePage .profile_box + .freeBlock {
  margin-top: 100px; }

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

	RESEARCH【researchPage】

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#researchPage .research_box {
  margin-bottom: 50px;
  overflow: hidden; }
  #researchPage .research_box .column_l {
    width: calc(100% - 340px); }
  #researchPage .research_box .column_r {
    width: 300px; }

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

	CLASS【classPage】

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#classPage .class_box {
  margin-bottom: 50px;
  overflow: hidden; }
  #classPage .class_box .column_l {
    width: calc(100% - 340px); }
  #classPage .class_box .column_r {
    width: 300px; }

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

	MEMBER【memberPage】

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 768px) {
  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
  	HOME【homePage】
  
  //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  #homePage {
    margin-top: 40vh;
    /*--------------------------------------------------------------
    	NEWS
    --------------------------------------------------------------*/ }

  	/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
  		PROFILE【profilePage】
  
  	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  #profilePage .profile_box .column_l {
    width: 100%;
    margin-bottom: 25px; }
  #profilePage .profile_box .column_r {
    width: 100%; }
  #profilePage .profile_box h3 span {
    font-size: 1rem; }
  #profilePage .profile_box .belongs {
    margin-bottom: 20px;
    font-size: 0.8rem; }
  #profilePage .profile_box dl {
    margin-top: 20px; }
    #profilePage .profile_box dl dt, #profilePage .profile_box dl dd {
      margin-bottom: 10px; }
  #profilePage .profile_box + .freeBlock {
    margin-top: 50px; }

  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
  	RESEARCH【researchPage】
  
  //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  #researchPage .research_box {
    margin-bottom: 50px;
    overflow: hidden; }
    #researchPage .research_box .column_l {
      width: calc(100% - 340px); }
    #researchPage .research_box .column_r {
      width: 300px; }

  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
  	CLASS【classPage】
  
  //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  #classPage .class_box {
    margin-bottom: 50px;
    overflow: hidden; }
    #classPage .class_box .column_l {
      width: calc(100% - 340px); }
    #classPage .class_box .column_r {
      width: 300px; }

  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
  	MEMBER【memberPage】
  
  //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ }