@charset "UTF-8";

textarea{white-space:pre}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
table{border-collapse:collapse;border-spacing:0}
.clearfix:before,.clearfix:after{content:'.';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both}
.clearfix{zoom:1}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.check blockquote{
  quotes:initial;
}

body{
	overflow-x:hidden;
}
main{
	width: 96%;
	max-width: 980px;
	margin: 3% auto;
	line-height: 200%;
}

::placeholder {color: #aaa;}

.center{
  text-align: center !important;
  align-content: center !important;
  margin-left: auto !important;
	margin-right: auto !important;
}

.border{border:1px solid #151A59;}


/* アンケート
-----------------------------------------------*/

.mn{
  width: 60%;
}

.question{
	text-align:center;
	font-size:100%;
}
.question h1,.question h2 { 
	display: inline-block;
  text-align: left;

	font-size:100%;
	line-height: 200%;
	padding:20px 0;
	font-weight: bold;
	color: #00426b;
	font-family:Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Helvertica Neue', Helvetica, Arial, sans-serif;
}
.question h2 {
	text-align:left;
	margin-left: 3%;
	font-size:100%;
}
.box36 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#rating{
  font-size:0;
  width:100%;
}

#rating img{
  width: 9%;
  margin: 2% 0;
}

#EditForm textarea{
	width: 100% !important;
}

#EditForm td {
  display: block;
  padding-right: 0;
  padding-left: 0;
  width: 100% !important;
  text-align:left;
}

.question p {
	padding: 3%;
	border-radius: 30px;
}

.box26 {
    position: relative;
    //margin-bottom:2rem;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #9f7c30;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
    color: #9f7c30;
    text-align:left;
}
.question label {
  text-align:left;
  margin-top: 20px;
  border-bottom: solid 1px #000;
}

.question .opt td{
  text-align:left;
}

.question .red{
  font-size:80%;
  color:red;
}

#EditForm .help-inline{
  margin-bottom: 3rem !important;
}

#EditForm td:nth-child(1) {
  //padding: 1em 0 !important;
}

#top-pagetop {display:none;}

#EditForm td:nth-child(1) {
  padding: 30px 10px 0px 0px !important;
}
#EditForm td:nth-child(2) {
 //padding: 5px 0 20px 20px !important;
}
#EditForm td{
  padding: 5px 0 !important;
}

#EditForm input,#EditForm select {
	font-size:120% !important;
}
#EditForm input,#EditForm select {
    height: 50px !important;
}
#EditForm input[type=checkbox] + label, #EditForm input[type=radio] + label {
    margin-right: 0 !important;
}

#EditForm table{
	width: 100%;
}

#EditForm .opt p{
  font-size:0.8rem;
  color:red;
  display: inline-block;
}



/*      [SmartPhone]
-----------------------------------------------*/

@media screen and (max-width: 768px) {
  main{
    margin: 10% auto;
  }

  .c100-content .c100title {
    position: relative;width:100%;
    margin-top: 20px;
  }
  .c100-content .tit{
    position: relative;
    margin: auto;
    left: 0;
    right:0;
    width:90%;
    text-align: center;
    margin-top: 3rem;
  }

  .c100-content .c100titles {
    width: 100%;
    height: 400px;
  }
  .c100-content .c100titles img{
    width: auto;
    margin-left: -50%;
    height:400px;
  }

  .c100-content .book li:first-child{
    width: 100%;
    margin: auto;
  }
  .c100-content .book li:last-child{
    width: 100%;
    margin: auto;
    padding-left: 0;
  }

  .logo{
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }
  .box26 {
      //padding: 1em 1em;
  }

  #EditForm td:nth-child(1) {
      font-weight: normal !important;
      padding: 1em 0 !important;
  }

  .logo-ch {
    display: none;
  }
  .mn{
    width: 90%;
  }
}

@media screen and (max-width: 640px){
  .c100-content h3 {
    text-align: left !important;
    font-size:1.4rem;
    line-height: 2.5rem;
  }
  .logo.mn{
    width: 80%;
  }
}


/* -----------------------------------------------------------------
   form
   ----------------------------------------------------------------- */

.ng-hide {
    display: none !important;
}

#EditForm {
  font-size:1.1em;
}


/*お問い合わせボタン*/
a.btn_contact,a.btn_other,a.btn_tenant{
  color: #FFF;
}
.btn_contact,.btn_other,.btn_tenant{
  color: #FFF;
  font-size: 18px;
  line-height: 2.0rem;
  cursor: pointer;
  background:#151A59;
  text-decoration: none;
}
.btn_contact,.btn_other {
  display: inline-block;
  padding: 15px 60px 15px 60px;
}
.btn_contact:hover,.btn_other:hover {
  opacity:0.8;
}



/* -----------------------------------------------------------------
   common系
   ----------------------------------------------------------------- */

form .err{
    background-color: #FFE3E3 !important
}

p{
  letter-spacing: 0.02rem;
}

.impro::before {
  content:"★";
  position:absolute;
  font-size:1em;
  color:red;
  left:0;
  top:0;
  z-index:999;
}


.small{
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
}

.center{
  text-align: center !important;
  align-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.left{
  text-align: left !important;
  align-content: left !important;
  margin-left: 0 !important;
}

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

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

.flex{
  display: flex;
}

.bold{
  font-weight:bold;
}


/* -----------------------------------------------------------------
   input長
   ----------------------------------------------------------------- */
.col-0{
  width: 2%;
}
.col-1{
  width: 80px;
}
.col-2{
  width: 160px;
}
.col-3{
  width: 240px;
}
.col-4{
  width: 320px;
}
.col-5{
  width: 400px;
}
.col-6{
  width: 480px;
  max-width:100%;
}
.col-7{
  width: 560px;
  max-width:100%;
}

.mt-1{
  margin-top:1rem !important;
}
.my-2{
  margin-top:2rem !important;
  margin-bottom:2rem !important;
}
.mb-1{
  margin-bottom:1rem !important;
}
.ml-1{
  margin-left:1rem !important;
}
.py-1{
  padding-top:1rem !important;
  padding-bottom:1rem !important;
}