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

/*100 200 300 400 500 700 900*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


body {
  font-size: 14px;
  font-family: 'Outfit', 'Noto Sans Japanese', sans-serif;
  font-weight: 200;
  text-align: justify;
  background-color: #fff;
  color: #555;
}

a:hover img {
	opacity: 0.8;
}

/*　header　*/
#header {
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 500;
}

/*　footer　*/
#footer {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #F6F6F6;
  margin-top: 60px;
}
#footer .copy {
	font-size: 0.85em;
  font-weight: 400;
}
#footer ul {
  border: none;
  padding: 0px 0px 0px 5px ;
  font-size: 0.9em;
  font-weight: 400;
}
#footer ul li {
  border: none;
  padding: 3px 10px;
  background-color: #F6F6F6;
}
#footer ul li a:link, #footer ul li a:visited {
  color: #5299BB;
}

/* mainImg */
#mainimg {
  margin-bottom: 60px;
}

/* concept */
#concept {
  margin-bottom: 60px;
  font-size: 20px;
  text-align: center;
  line-height: 1.8em;
  font-family: zen-old-mincho, sans-serif;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  #concept {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  #concept {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  #concept .br {
    display: none;
  }
}

#concept strong {
  font-weight: 900;
  font-size: 1.15em;
}

/* option */
#option { 
}
#option .optionBox {
  margin-bottom: 30px;
}
#option .optionBox img {
  border-radius: 14px;
  border: 2px solid #cfd9de;
}

#option .new {
	font-size: 24px;
	margin-bottom: 5px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.2em;
	background-color: #cfd9de;
	border-radius: 14px;
  color: #CC090C;
}

/* list */
#list {
}

#list .contentscell {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
}
@media (min-width: 576px) {
  #list .contentscell {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  #list .contentscell {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 992px) {
  #list .contentscell {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  #list .contentscell {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1450px) {
  #list .contentscell {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1600px) {
  #list .contentscell {
    padding-left: 30px;
    padding-right: 30px;
  }
}

#list .contentscell .img {
  border: 1px solid #bbb;
}

#list .contentscell a:hover .img {
	opacity: 0.8;
}

#list .contentscell h3 {
  font-size: 16px;
  font-weight: 400;
  color: #111;
  margin-top: 5px;
  margin-bottom: 0px;
  width: 100%;
}
#list .contentscell .cv {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 14px;
  width: 100%;
  text-align: right;
}
#list .contentscell .txt {
  margin-top: 15px;
  margin-bottom: 10px;
  width: 100%;
}
#list .contentscell .link {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 35px;
  width: 100%;
  text-align: right;
}
#list .contentscell a:link {
  text-decoration: none;
  color: #111;
}
#list .contentscell a:visited {
  color: #111;
}

#list .labelTitle {
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  #list .labelTitle {
    line-height: 0.5em;
  }
}
#list .labelTitle .icon {
  margin-bottom: 5px;
  margin-right: 3px;
}
#list .labelTitle .mini {
  font-size: 0.6em;
  margin-left: 0.7em;
}
@media (max-width: 767.98px) {
  #list .labelTitle .mini {
    margin-left: 1.5em;
  }
}

/* work */
#work h3 {
  margin-bottom: 0px;
  margin-top: 30px;
  text-align: center;
}
#work .cv {
  margin-bottom: 0px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}
#work .data {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 14px;
  text-align: center;
}
#work .txt {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 16px;
    text-align: justify;
}
@media (max-width: 575.98px) {
  #work .txt {
    width: 90%;
  }
}
#work .link {
  text-align: center;
  font-weight: 500;
  margin-bottom: 60px;
  font-size: 16px;
}
#work .mov {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}

#work .tokubtn {
  margin-bottom: 60px;
  font-size: 1.3em;
}

/* contact */
#form {
  font-size: 16px;
  margin-top: 30px;
}
#form .small {
  font-size: 14px;
}
#form .attention {
  font-size: 14px;
  margin-top: 60px;
}
.cop {
  display: none;
}
#form .title {
  font-size: 36px;
}

/* thanks */
#thanks {
	margin-top: 60px;
  font-size: 16px;
}
#thanks .txt {
  line-height: 2.1em;
}
#thanks .title {
  font-size: 36px;
}
#thanks .btn {
  margin-top: 30px;
}

/* guide */
#guide {
  margin-top: 60px;
  font-size: 16px;
}
#guide p {
  font-size: 18px;
  margin-bottom: 30px;
}
#guide h3 {
  font-weight: 300;
}
#guide ul {
	margin-left: 16px;
  margin-bottom: 60px;
}
#guide ul li {
  line-height: 2em;
}