@charset "UTF-8";
/******* setting.scss *******/
/******* mixin.scss *******/
/* line 5, ../sass/style.scss */
.contents,
.BlogList section,
.BlogContent .social,
.BlogContent .pageNav {
  *zoom: 1;
}
/* line 11, ../sass/style.scss */
.contents:after,
.BlogList section:after,
.BlogContent .social:after,
.BlogContent .pageNav:after {
  content: " ";
  clear: both;
  display: block;
}

/* line 18, ../sass/style.scss */
.contents .side nav.sideProfile .link a,
.contents .side section.sideProfile .link a,
.BlogList .pageList li a,
.BlogContent .pageNav li a,
.ProfileContent .link a {
  border: 1px solid #0C83C6;
  color: #0C83C6;
}
/* line 26, ../sass/style.scss */
.contents .side nav.sideProfile .link a:hover,
.contents .side section.sideProfile .link a:hover,
.BlogList .pageList li a:hover,
.BlogContent .pageNav li a:hover,
.ProfileContent .link a:hover {
  background-color: #0C83C6 !important;
  color: #fff;
  text-decoration: none;
}

/******* reset.scss *******/
/* line 34, ../sass/style.scss */
html,
body {
  margin: 0;
  max-width: 100%;
  min-height: 100%;
  padding: 0;
  text-align: center;
  position: relative;
  -webkit-text-size-adjust: 100%;
}

/* line 45, ../sass/style.scss */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address, textarea, input {
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  font-size: 14px;
  color: #333;
  font-style: normal;
  line-height: 160%;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

/* line 56, ../sass/style.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/* line 62, ../sass/style.scss */
caption,
th {
  text-align: left;
}

/* line 67, ../sass/style.scss */
td,
th {
  vertical-align: top;
}

/* line 72, ../sass/style.scss */
fieldset,
img,
abbr {
  border: none;
}

/* line 78, ../sass/style.scss */
li {
  list-style-type: none;
}

/* line 82, ../sass/style.scss */
strong {
  font-weight: bold;
}

/* line 86, ../sass/style.scss */
a {
  color: #0C83C6;
  text-decoration: none;
}
/* line 90, ../sass/style.scss */
a:hover {
  text-decoration: underline;
}

/* line 95, ../sass/style.scss */
img {
  vertical-align: bottom;
}

/* line 99, ../sass/style.scss */
.wrapper {
  background: #E8F7FF;
  max-width: 1980px;
  margin: 0 auto;
  position: relative;
}

/******header******/
/* line 108, ../sass/style.scss */
header {
  width: 100%;
  height: 640px;
  padding: 40px;
  position: relative;
  background: url("../img/index/vaBg02.png") left 120px bottom 0 no-repeat;
  box-sizing: border-box;
  margin-bottom: 40px;
}
/* line 116, ../sass/style.scss */
header p.logo {
  display: block;
  padding: 40px;
  border-radius: 0 0 40px 0;
  border-right: 5px solid #66CCFF;
  border-bottom: 5px solid #66CCFF;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
/* line 128, ../sass/style.scss */
header p.headReed {
  position: absolute;
  top: 20px;
  left: 250px;
}
/* line 133, ../sass/style.scss */
header h1.vaImg {
  display: block;
  width: calc(100% - 80px);
  height: 520px;
  position: absolute;
  left: 40px;
  top: 60px;
  z-index: 0;
  box-sizing: border-box;
  background: url("../img/index/vaBg.jpg") 50% 50% no-repeat;
  border: 10px solid #66CCFF;
  border-radius: 40px;
  text-indent: -9999px;
}

/******footer******/
/* line 150, ../sass/style.scss */
footer {
  background: #0C83C6;
  min-width: 1200px;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
}
/* line 157, ../sass/style.scss */
footer ul {
  margin: 0 auto 20px;
}
/* line 160, ../sass/style.scss */
footer ul li {
  display: inline-block;
  margin: 0 8px;
}
/* line 166, ../sass/style.scss */
footer .copy {
  color: #fff;
  font-size: 120%;
}

/******contents******/
/* line 173, ../sass/style.scss */
.contents {
  margin: 0 auto;
  padding: 0 0 80px;
  position: relative;
  text-align: left;
  width: 1200px;
}
/* line 180, ../sass/style.scss */
.contents .main {
  background: #fff;
  float: right;
  width: 860px;
  border-radius: 20px;
}
/* line 187, ../sass/style.scss */
.contents .side {
  float: left;
  width: 300px;
}
/* line 191, ../sass/style.scss */
.contents .side nav,
.contents .side section {
  background: #fff;
  margin-bottom: 40px;
  padding: 35px 40px;
  border-radius: 20px;
}
/* line 197, ../sass/style.scss */
.contents .side nav h2,
.contents .side section h2 {
  border-bottom: 1px dotted #0C83C6;
  color: #0C83C6;
  font-size: 180%;
  font-weight: normal;
  line-height: 100%;
  padding-bottom: 35px;
  text-align: center;
}
/* line 210, ../sass/style.scss */
.contents .side nav.sideProfile .pict,
.contents .side section.sideProfile .pict {
  margin: 0 auto 15px;
  text-align: center;
}
/* line 214, ../sass/style.scss */
.contents .side nav.sideProfile .pict img,
.contents .side section.sideProfile .pict img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 20px;
}
/* line 221, ../sass/style.scss */
.contents .side nav.sideProfile h2,
.contents .side section.sideProfile h2 {
  color: #0C83C6;
  font-size: 160%;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
/* line 228, ../sass/style.scss */
.contents .side nav.sideProfile h2 span,
.contents .side section.sideProfile h2 span {
  display: block;
  font-size: 65%;
  font-weight: normal;
  margin-bottom: 15px;
}
/* line 236, ../sass/style.scss */
.contents .side nav.sideProfile p,
.contents .side section.sideProfile p {
  font-size: 90%;
  margin-bottom: 35px;
}
/* line 241, ../sass/style.scss */
.contents .side nav.sideProfile .link,
.contents .side section.sideProfile .link {
  text-align: center;
}
/* line 244, ../sass/style.scss */
.contents .side nav.sideProfile .link a,
.contents .side section.sideProfile .link a {
  display: block;
  padding: 20px 0;
  text-decoration: none;
  transition: 0.3s;
  border-radius: 10px;
}
/* line 256, ../sass/style.scss */
.contents .side section.sideProfile p span {
  font-size: 90%;
}
/* line 262, ../sass/style.scss */
.contents .side nav.contact,
.contents .side section.contact {
  margin: 0;
  text-align: center;
}
/* line 267, ../sass/style.scss */
.contents .side nav.contact h2,
.contents .side section.contact h2 {
  margin-bottom: 30px;
}
/* line 273, ../sass/style.scss */
.contents .side section.contact h2 {
  margin-bottom: 0;
  border-bottom-style: none;
}
/* line 278, ../sass/style.scss */
.contents .side section.contact a {
  display: block;
  padding: 20px 0;
  text-decoration: none;
  border: 1px solid #0C83C6;
  color: #0C83C6;
  transition: 0.3s;
  border-radius: 10px;
}
/* line 286, ../sass/style.scss */
.contents .side section.contact a:hover {
  background-color: #0C83C6;
  color: #fff;
}
/* line 295, ../sass/style.scss */
.contents .side nav ul li {
  border-bottom: 1px dotted #0C83C6;
}
/* line 298, ../sass/style.scss */
.contents .side nav ul li a {
  background: url(../img/common/navIcon.gif) no-repeat 0 50%;
  background-size: 14px;
  display: block;
  padding: 18px 0 18px 30px;
  text-decoration: none;
}
/* line 305, ../sass/style.scss */
.contents .side nav ul li a:hover {
  text-decoration: underline;
}

/* line 315, ../sass/style.scss */
.pageTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
}
/* line 320, ../sass/style.scss */
.pageTop img {
  cursor: pointer;
  width: 90px;
  transition: opacity 0.3s;
}
/* line 325, ../sass/style.scss */
.pageTop img:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
}
/* line 334, ../sass/style.scss */
.pageTop.abs {
  position: absolute;
}

/******BlogList******/
/* line 341, ../sass/style.scss */
.BlogList {
  padding: 40px 40px;
}
/* line 343, ../sass/style.scss */
.BlogList section {
  border-bottom: 1px dotted #ccc;
  margin: 0 auto 40px;
  padding: 0 0 35px;
}
/* line 348, ../sass/style.scss */
.BlogList section .pict {
  float: left;
  width: 240px;
}
/* line 352, ../sass/style.scss */
.BlogList section .pict img {
  transition: opacity 0.3s;
  width: 100%;
  border-radius: 10px;
}
/* line 356, ../sass/style.scss */
.BlogList section .pict img:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
}
/* line 365, ../sass/style.scss */
.BlogList section .pict + .secCont {
  float: right;
  width: 520px;
}
/* line 372, ../sass/style.scss */
.BlogList section .secCont h2 {
  font-size: 175%;
  font-weight: normal;
  margin-bottom: 10px;
}
/* line 378, ../sass/style.scss */
.BlogList section .secCont p {
  font-size: 110%;
  margin-bottom: 10px;
  height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* line 387, ../sass/style.scss */
.BlogList section .secCont p.date {
  color: #0c83c6;
  font-size: 120%;
  margin: 0;
  text-align: right;
}
/* line 397, ../sass/style.scss */
.BlogList .pageList {
  text-align: center;
}
/* line 400, ../sass/style.scss */
.BlogList .pageList li {
  display: inline-block;
  margin: 0 2px;
  vertical-align: middle;
}
/* line 405, ../sass/style.scss */
.BlogList .pageList li a {
  display: block;
  padding: 3px 10px;
  text-align: center;
}
/* line 412, ../sass/style.scss */
.BlogList .pageList li.c a {
  background: #0C83C6;
  color: #fff;
}
/* line 418, ../sass/style.scss */
.BlogList .pageList li.prev {
  margin: 0 8px 0 0;
}
/* line 421, ../sass/style.scss */
.BlogList .pageList li.prev a {
  border: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  height: 19px;
  width: 10px;
  content: "";
  padding: 0;
  background-image: url(../img/blog/pageNavIcon01.png);
}
/* line 435, ../sass/style.scss */
.BlogList .pageList li.prev a:hover {
  background-color: #fff !important;
}
/* line 441, ../sass/style.scss */
.BlogList .pageList li.next {
  margin: 0 0 0 8px;
}
/* line 444, ../sass/style.scss */
.BlogList .pageList li.next a {
  border: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  height: 19px;
  width: 10px;
  content: "";
  padding: 0;
  background-image: url(../img/blog/pageNavIcon02.png);
}
/* line 458, ../sass/style.scss */
.BlogList .pageList li.next a:hover {
  background-color: #fff !important;
}

/******BlogContent******/
/* line 470, ../sass/style.scss */
.blogDetail header {
  background-image: url("../img/index/vaBgSec.png");
  height: 380px;
}
/* line 473, ../sass/style.scss */
.blogDetail header h1.vaImg {
  height: 280px;
  background-image: url("../img/common/vaBg.jpg");
}

/* line 480, ../sass/style.scss */
.topicPath {
  padding-bottom: 40px;
}
/* line 483, ../sass/style.scss */
.topicPath ol {
  background: #fff;
  display: table;
  padding: 15px 20px;
  border-radius: 20px 0 0 0;
}
/* line 489, ../sass/style.scss */
.topicPath ol li {
  display: table-cell;
  background: url(../img/blog/topicIcon.jpg) no-repeat 10px 50%;
  padding: 0 0 0 35px;
  white-space: nowrap;
  vertical-align: middle;
}
/* line 496, ../sass/style.scss */
.topicPath ol li:first-child {
  background: none;
  padding: 0;
  vertical-align: middle;
}
/* line 501, ../sass/style.scss */
.topicPath ol li:first-child img {
  vertical-align: middle;
}
/* line 506, ../sass/style.scss */
.topicPath ol li:last-child {
  white-space: normal;
}

/* line 513, ../sass/style.scss */
.BlogContent {
  padding: 40px;
}
/* line 516, ../sass/style.scss */
.BlogContent p {
  font-size: 125%;
  line-height: 180%;
  margin-bottom: 30px;
}
/* line 521, ../sass/style.scss */
.BlogContent p.date {
  color: #0C83C6;
  margin-bottom: 20px;
}
/* line 526, ../sass/style.scss */
.BlogContent p.thanks {
  text-align: center;
}
/* line 531, ../sass/style.scss */
.BlogContent h2 {
  font-size: 260%;
  border-bottom: 1px dotted #0C83C6;
  margin-bottom: 40px;
  padding-bottom: 25px;
}
/* line 538, ../sass/style.scss */
.BlogContent h3 {
  background: url(../img/blog/hBg.gif) repeat;
  border: 1px solid #0C83C6;
  border-left-width: 10px;
  font-size: 180%;
  margin-bottom: 35px;
  padding: 15px 20px;
}
/* line 547, ../sass/style.scss */
.BlogContent h4 {
  background: url(../img/blog/hBg.gif) repeat;
  border-left: 10px solid #0C83C6;
  font-size: 150%;
  margin-bottom: 35px;
  padding: 15px 20px;
}
/* line 555, ../sass/style.scss */
.BlogContent h5 {
  border-left: 10px solid #0C83C6;
  font-size: 150%;
  margin-bottom: 35px;
  padding: 0 0 0 20px;
}
/* line 562, ../sass/style.scss */
.BlogContent h6 {
  background: url(../img/blog/hBg.gif) repeat;
  font-size: 150%;
  margin-bottom: 35px;
  padding: 15px 20px 15px 30px;
}
/* line 569, ../sass/style.scss */
.BlogContent .pict {
  margin: 0 auto 40px;
  text-align: center;
}
/* line 573, ../sass/style.scss */
.BlogContent .pict span {
  display: block;
  font-size: 120%;
  margin: 20px auto 0;
  text-align: center;
}
/* line 581, ../sass/style.scss */
.BlogContent iframe,
.BlogContent .pict img,
.BlogContent img {
  max-width: 100%;
  height: auto;
}
/* line 588, ../sass/style.scss */
.BlogContent iframe {
  height: 400px;
}
/* line 592, ../sass/style.scss */
.BlogContent .social {
  border-top: 1px dotted #ccc;
  margin: 0 auto 40px;
  padding: 40px 0 0;
}
/* line 597, ../sass/style.scss */
.BlogContent .social li {
  float: left;
  margin: 0 0 0 3%;
  text-align: center;
  width: 31.2%;
  transition: opacity 0.3s;
}
/* line 604, ../sass/style.scss */
.BlogContent .social li:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
}
/* line 612, ../sass/style.scss */
.BlogContent .social li img {
  width: auto;
}
/* line 616, ../sass/style.scss */
.BlogContent .social li:first-child {
  margin: 0;
}
/* line 620, ../sass/style.scss */
.BlogContent .social li a {
  display: block;
}
/* line 624, ../sass/style.scss */
.BlogContent .social li.google {
  background-color: #DC4E41;
}
/* line 628, ../sass/style.scss */
.BlogContent .social li.insta {
  background-color: #40729B;
}
/* line 632, ../sass/style.scss */
.BlogContent .social li.twitter {
  background-color: #45B0E3;
}
/* line 636, ../sass/style.scss */
.BlogContent .social li.facebook {
  background-color: #39599F;
}
/* line 642, ../sass/style.scss */
.BlogContent .pageNav {
  border-top: 1px dotted #ccc;
  margin: 0 auto;
  padding: 40px 0 0;
  text-align: center;
  position: relative;
}
/* line 649, ../sass/style.scss */
.BlogContent .pageNav li {
  border: 1px solid #0C83C6;
  font-size: 120%;
  padding-bottom: 15px;
  width: 31.2%;
  border-radius: 10px;
}
/* line 656, ../sass/style.scss */
.BlogContent .pageNav li a {
  border: none;
  display: block;
  padding: 10px 30px 30px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  transition: 0.3s;
  border-radius: 10px;
}
/* line 668, ../sass/style.scss */
.BlogContent .pageNav li:hover {
  background-color: #0C83C6;
}
/* line 671, ../sass/style.scss */
.BlogContent .pageNav li:hover a {
  color: #fff;
}
/* line 676, ../sass/style.scss */
.BlogContent .pageNav li.prev {
  position: absolute;
  top: 40px;
  left: 0;
  background-image: url(../img/blog/pageNavIcon01.png);
  background-position: 5% 50%;
  background-repeat: no-repeat;
}
/* line 684, ../sass/style.scss */
.BlogContent .pageNav li.prev:hover {
  background-image: url(../img/blog/pageNavIcon01hover.png);
}
/* line 689, ../sass/style.scss */
.BlogContent .pageNav li.next {
  position: absolute;
  top: 40px;
  right: 0;
  background-image: url(../img/blog/pageNavIcon02.png);
  background-position: 95% 50%;
  background-repeat: no-repeat;
}
/* line 697, ../sass/style.scss */
.BlogContent .pageNav li.next:hover {
  background-image: url(../img/blog/pageNavIcon02hover.png);
}
/* line 702, ../sass/style.scss */
.BlogContent .pageNav li.all {
  margin: 0 auto;
  padding-bottom: 0;
  text-align: center;
}
/* line 707, ../sass/style.scss */
.BlogContent .pageNav li.all a {
  padding-top: 26px;
  font-weight: bold;
}
/* line 715, ../sass/style.scss */
.BlogContent form {
  font-size: 260%;
  border-bottom: 1px dotted #0C83C6;
  margin-bottom: 40px;
  padding-bottom: 25px;
}
/* line 722, ../sass/style.scss */
.BlogContent table {
  width: 100%;
}
/* line 725, ../sass/style.scss */
.BlogContent table th,
.BlogContent table td {
  padding: 2%;
  border: 1px solid #0C83C6;
  color: #0C83C6;
  vertical-align: middle;
  font-size: 120%;
}
/* line 734, ../sass/style.scss */
.BlogContent table th {
  width: 30%;
  text-align: center;
  background-color: rgba(255, 100, 140, 0.1);
}
/* line 740, ../sass/style.scss */
.BlogContent table td {
  width: 70%;
}
/* line 743, ../sass/style.scss */
.BlogContent table td input,
.BlogContent table td textarea {
  padding: 1%;
  width: 80%;
}
/* line 749, ../sass/style.scss */
.BlogContent table td textarea {
  height: 250px;
}
/* line 756, ../sass/style.scss */
.BlogContent .ButtonArea #Submit {
  padding: 1% 5%;
}

/******ProfileContent******/
/* line 766, ../sass/style.scss */
.prof header {
  height: 400px;
}
/* line 768, ../sass/style.scss */
.prof header h1.vaImg {
  height: 280px;
  background-image: url("../img/common/vaBg.jpg");
}
/* line 775, ../sass/style.scss */
.prof .contents .side {
  display: none;
}
/* line 779, ../sass/style.scss */
.prof .contents .main {
  width: 100%;
}

/* line 785, ../sass/style.scss */
.ProfileContent {
  padding: 40px;
}
/* line 788, ../sass/style.scss */
.ProfileContent .nameArea {
  position: relative;
  margin-bottom: 40px;
}
/* line 792, ../sass/style.scss */
.ProfileContent .nameArea .pict {
  width: 680px;
}
/* line 795, ../sass/style.scss */
.ProfileContent .nameArea .pict img {
  width: 100%;
}
/* line 800, ../sass/style.scss */
.ProfileContent .nameArea section {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 400px;
}
/* line 809, ../sass/style.scss */
.ProfileContent .nameArea section h2 {
  color: #0C83C6;
  font-size: 260%;
  font-weight: normal;
  margin-bottom: 25px;
}
/* line 817, ../sass/style.scss */
.ProfileContent .nameArea section dl dt {
  border-bottom: 1px dotted #ccc;
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
/* line 825, ../sass/style.scss */
.ProfileContent .nameArea section dl dd {
  font-size: 280%;
  font-weight: bold;
}
/* line 833, ../sass/style.scss */
.ProfileContent .commentArea {
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}
/* line 838, ../sass/style.scss */
.ProfileContent .commentArea .pict {
  position: absolute;
  top: 0;
  right: 0;
}
/* line 844, ../sass/style.scss */
.ProfileContent .commentArea dl {
  border-bottom: 1px dotted #ccc;
  display: table;
  padding: 35px 0;
  width: 690px;
}
/* line 850, ../sass/style.scss */
.ProfileContent .commentArea dl:first-of-type {
  border-top: 1px dotted #ccc;
}
/* line 854, ../sass/style.scss */
.ProfileContent .commentArea dl dt {
  display: table-cell;
  font-size: 140%;
  font-weight: bold;
  vertical-align: middle;
  width: 230px;
}
/* line 862, ../sass/style.scss */
.ProfileContent .commentArea dl dd {
  font-size: 105%;
  display: table-cell;
  vertical-align: middle;
}
/* line 870, ../sass/style.scss */
.ProfileContent .link {
  background: #F4F9F5;
  padding: 40px 0;
  text-align: center;
  border-radius: 20px;
}
/* line 876, ../sass/style.scss */
.ProfileContent .link a {
  font-size: 140%;
  display: inline-block;
  text-decoration: none;
  padding: 25px 0;
  width: 530px;
  border-radius: 10px;
  transition: 0.3s;
}