*{margin:0;padding:0;}
.bg_01{position:relative;}
/* ボタン本体 */
.btn-3d {
  display: inline-block;
  padding: 0.8em 3em;
  background-color: #34b496;
  box-shadow: 0 5px 0 #298c75;
  border-radius: 60px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s;
}

/* ホバー時 */
.btn-3d:hover {
  box-shadow: none;
  transform: translateY(5px);
}

/*コメント*/
article .news-list__list-item{line-height:1.3;}
/*========= LoadingのためのCSS ===============*/
.mark_blue{background: linear-gradient(transparent 70%, #0170c1 70%);}

.mark_skyblue{background: linear-gradient(transparent 70%, #01b0f1 70%);}

.mark_green{background: linear-gradient(transparent 70%, #8AC75A 70%);}

.mark_yellowgreen{background: linear-gradient(transparent 70%, #92d051 70%);}

.mark_orange{background: linear-gradient(transparent 70%, #ffc000 70%);}

.mark_red{background: linear-gradient(transparent 70%, #fe0000 70%);}

.mark-navy
{background: linear-gradient(transparent 80%, #476cf1 80%);}

.back_navy{background:rgba(71,108,241,1.0);}

.back_white{background:rgba(255,255,255,0.6);}

.back_silver{background:linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);}

.grow2 time, .grow2 h3{padding:5%;} 

.clearfix::after {
    content: " ";
    display: block;
    clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	color: #999;
	background-color: #FFF;
	border: solid 1px #e0e0d2;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
.wp-pagenavi a:hover{
    color:#FFF; 
    background-color:#999; 
    border-color:#999;
    }
.wp-pagenavi span.current{
	color: #FFF;
	background-color: #66cccc;
	border-color: #66cccc;
	font-weight: bold;
    }

.anim .bg-wrap,
.anim .bg-wrap .inn {
  display: block;
}
 
.anim .bg-wrap {
  overflow: hidden;
  opacity: 0;
}
 
.anim .bg-wrap + .bg-wrap {
  margin-bottom: 10px;
}
 
.anim .bg-wrap .inn.large {
  font-size: 36px;
  font-weight: bold;
}
.anim .bg-wrap .inn.small {
  font-size: 15px;
}
 
.anim .bg-wrap .inn {
  opacity: 0;
  transform: translateY(-100px);
  transition: 2s cubic-bezier(0.22, 1, 0.36, 1);
}
 
.anim.is-animated .bg-wrap {
  opacity: 1;
}
 
.anim.is-animated .bg-wrap .inn {
  opacity: 1;
  transform:  translateY(0px);
}

.right00{text-align:right;}

.left00{text-align:left;}

.center{text-align:center;}

ul.gnavi li{list-style:none;}

.gnavi li a{
    /*線の基点とするためrelativeを指定*/
	position: relative;
}

.gnavi li.current a,
.gnavi li a:hover{
	color:rgba(123,140,153,1.0);text-decoration:none;
}

.gnavi li a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    top: 0;
    left: 0%;
    /*線の形状*/
    width: 100%;
    height: 2px;
    background:#ff6b00;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
}

/*現在地の形状の設定*/
.gnavi li.current a::after {
    transform: scale(0.2, 1);/*X方向に0.2スケール拡大*/
}

/*現在地を含むhoverの設定*/
.gnavi li.current a:hover::after,
.gnavi li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}

ul{list-style:none;}

.ul-align-center{display: flex;
    align-items: center;
    flex-direction: column;}

.ul-align-right{display: flex;line-height:2.0;
    align-items: flex-end;justify-content: flex-start;
    flex-direction: column;}

.ul-align-left{display: flex;line-height:2.0;
    align-items: flex-start;justify-content: flex-start;
    flex-direction: column;}

.fadeConts {
	
	opacity: 0;
	-webkit-transition: 2s;
	-o-transition: 2s;
	transition: 2s;}

.fadeConts.show {
	opacity: 1;}

.bg_00{position:relative;width:100%;}

.font_family{font-family: 'Time New Roman', serif;}

.swiper-slide-active .s-right-text {
  animation: slideFromBottom 1.5s ease 0s 1 normal;}

.swiper-slide-active .s-right-text2 {
  animation: slideFromBottom 1.5s ease 0s 1 normal;}

.swiper-slide-active .s-right-text3 {
  animation: slideFromBottom 1.5s ease 0s 1 normal;}

.swiper-slide-active .s-right-text4 {
  animation: slideFromBottom 1.5s ease 0s 1 normal;}

.swiper-slide-active .s-right-text0 {
  animation: slideFromBottom 1.5s ease 0s 1 normal;}
/*image-button*/
figure {
	overflow: hidden;
}
figure img {
	transition: .5s;
}
a:hover figure img {opacity:0.7;
	transform: scale(1.1);
}

/*image-button_end*/
.is-layer-dot-before{position: relative;
    overflow: hidden;
    max-width: 640px;
    margin: 0 auto;
    max-height: 960px;}

.is-layer-dot {background-color:rgba(0,0,0,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;}

.is-layer-dot-before2{position: relative;
    overflow: hidden;
    max-width: 960px;
    margin: 0 auto;
    max-height: 640px;}

.is-layer-dot2 {background-color:rgba(0,0,0,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;border:5px solid rgba(71,108,241,1.0);}
/*text-one-figure*/
.yoko{writing-mode: horizontal-tb;display:inline-block;}

.eachTextAnime span
{opacity: 0;writing-mode: horizontal-tb;display:inline-block;}

.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}
/*text-one-figure_end*/
/* アニメーション設定 */
.arrow2 p {
  margin: 0;
  padding-left: 5px;
  font-weight: bold;
}
.arrow2 span {
  display: block;
  width: 100px;
  height: 2px;
  background-color: rgba(0,0,0,1.0);
  position: relative;
  transform: scale(0, 1);
  transform-origin: top left;
  animation: arrow03 5s ease-in-out infinite forwards;
}
@keyframes arrow03 {
    0% { transform: scale(0, 1); }
    30% { transform: scale(0, 1); }
    40% { transform: scale(1, 1); }
    85% { transform: scale(1, 1); opacity: 1;}
    90% { transform: scale(1, 1); opacity: 0; }
    100% { transform: scale(1, 1); opacity: 0; }
}
.arrow2 span::after {
  content: "";
  display: block;
  width: 8px;
  height: 15px;
  border-right: 2px solid rgba(0,0,0,1.0);
  transform: rotate(-45deg) scale(1, 0);
  transform-origin: right bottom;
  position: absolute;
  bottom: 2px;
  right: 1px;
  animation: arrow04 5s ease-in-out infinite forwards;
}
@keyframes arrow04 {
    0% { transform: rotate(-45deg) scale(1, 0); }
    45% { transform: rotate(-45deg) scale(1, 0); }
    55% { transform: rotate(-45deg) scale(1, 1); }
    85% { transform: rotate(-45deg) scale(1, 1); opacity: 1;}
    90% { transform: rotate(-45deg) scale(1, 1); opacity: 0; }
    100% { transform: rotate(-45deg) scale(1, 1); opacity: 0; }
}

.between02{margin:2%;}

.between03{padding:6%;}

.line-height2{line-height:2.0;}

.text a, .text a:hover, .text a:hover:after{color:#000;

text-decoration:none;}

.form-width{max-width:80%;}
/*button_start*/
.button a {
  
  background-color: rgba(71,108,241,1.0);
  border-radius: 5px;
  box-shadow: 0 3px 0 rgba(71,108,241,1.0);
  color: #fff;
  display: inline-block;
  font-size: 1.0em;
  font-weight: bold;line-height:1.5;
  text-align: center;
  text-decoration: none;
  padding: 0.15em 0.75em;
}
.button a:hover {color:#fff;line-height:1.5;
  box-shadow: none;text-decoration: none;
  transform: translate3d(0, 3px, 0);
}
/*button_start*/
.button  {
  
  background-color: rgba(71,108,241,1.0);
  border-radius: 5px;
  box-shadow: 0 3px 0 rgba(71,108,241,1.0);
  color: #fff;
  display: inline-block;
  font-size: 1.0em;
  font-weight: bold;line-height:1.5;
  text-align: center;
  text-decoration: none;
  padding: 0.15em 0.75em;
}
.button:hover {color:#fff;line-height:1.5;
  box-shadow: none;text-decoration: none;
  transform: translate3d(0, 3px, 0);
}
/*button_end*/
.bg_gray01{background-color:rgba(169,169,169,0.3);height:60vh;}

.bg_gray02{background-color:rgba(169,169,169,0.5);height:90vh;}

.bg_gray03{background-color:rgba(169,169,169,0.5);height:70vh;}

.border02{border:2px solid rgba(169,169,169,1.0); border-radius:3px;

padding:2.5px;}

.s-right-text-left {z-index:-1;
  position: absolute;
  top: 40%;
  left: 0%;
  width: 70%;
   }

.s-right-text-right {z-index:-1;
  position: absolute;
  top: 40%;
  right: 0%;
  width: 85%;
   }

.s-right-text-right2 {z-index:-1;
  position: absolute;
  top: 20%;
  right: 0%;
  width: 70%;
   }

.s-right-text-left2 {z-index:-1;
  position: absolute;
  top: 20%;
  left: 0%;
  width: 70%;
   }

.s-right-right3 {z-index:-1;
  position: absolute;
  top: 60%;
  right: 0%;
  width: 70%;
   }

.s-right-text-left3 {z-index:-1;
  position: absolute;
  top: 60%;
  left: 0%;
  width: 70%;
   }

.s-right-text-b {z-index:-1;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
   }

.s-right-text-c {z-index:-1;
  position: absolute;
  top: 30%;
  right: 0%;
  width: 70%;
   }

html{height:100%;}

body{overflow-x:hidden;height:100%;

font-family:font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;}

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

@keyframes slideFromBottom {
  0%, 25% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@-webkit-keyframes slideFromBottom {
  0%, 25% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.dot_bottom{border-bottom:3px dotted gray;}

.navy01{color:rgba(71,108,241,1.0);}

.gray01 a, .gray01 a:hover, .gray01 a:hover:after

{color:rgba(123,140,153,1.0);text-decoration:none;}

.gray01{color:rgba(123,140,153,1.0);}

.green01{color:rgba(138,199,90,1.0);text-shadow:2px 2px 2px #000;

-webkit-text-shadow:2px 2px 2px #000;}

.green01 a, .green01 a:hover, .green01 a:hover:after

{color:rgba(138,199,90,1.0);text-shadow:2px 2px 2px #000;

-webkit-text-shadow:2px 2px 2px #000;text-decoration:none;}

.orange0{color:rgba(240,154,132,1.0);}

.orange01{color:#ffc000;text-shadow:2px 2px 2px #000;

-webkit-text-shadow:2px 2px 2px #000;}

.orange02{color:rgba(217,83,10,1.0);text-shadow:1px 1px 1px gray;

-webkit-text-shadow:1px 1px 1px gray;}

.orange03{color:rgba(221,140,0,1.0);text-shadow:1px 1px 1px white;

-webkit-text-shadow:1px 1px 1px white;}

.orange04{color:rgba(221,140,0,1.0);text-shadow:1px 1px 1px black;

-webkit-text-shadow:1px 1px 1px black;}

.blue01{color:rgba(0,102,255,1.0);text-shadow:1px 1px 1px white;

-webkit-text-shadow:1px 1px 1px white;}

.red01{color:#f00;text-shadow:1px 1px 1px black;

-webkit-text-shadow:1px 1px 1px black;}

.red01 a, .red01 a:hover, .red01 a:hover:after{color:#f00;

text-shadow:1px 1px 1px black;

-webkit-text-shadow:1px 1px 1px black;text-decoration:none;}

.red02{color:rgba(255,128,124,1.0);}

.red02 a, .red02 a:hover, .red02 a:hover:after

{color:rgba(255,128,124,1.0);text-decoration:none;}

.title a, .title a:hover, .title a:hover:after{text-decoration:none;}

.black01{color:#000;text-shadow:1px 1px 1px white;

-webkit-text-shadow:1px 1px 1px white;}

.black01 a, .black01 a:hover, .black01 a:hover:after

{color:#000;text-shadow:1px 1px 1px white;

-webkit-text-shadow:1px 1px 1px white;text-decoration:none;}

.white01{color:#fff;}

.white02{color:#fff;text-shadow:1px 1px 1px black;

-webkit-text-shadow:1px 1px 1px black;}

.white03{color:#fff;text-shadow:2px 2px 2px black;

-webkit-text-shadow:2px 2px 2px black;}

.white03 a, .white03 a:hover, .white03 a:hover:after

{color:#fff;text-shadow:2px 2px 2px black;

-webkit-text-shadow:2px 2px 2px black; text-decoration:none;}

.white01 a, .white01 a:hover, .white01 a:hover:after{color:#fff;}

.pinky{color:rgba(237,157,173,1.0);text-shadow:1px 1px 1px black;

-webkit-text-shadow:1px 1px 1px black;}

@media screen and (max-width:3000px){
html{height:100%;}

body {overflow-x:hidden;font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
 }

.fixed_bottom{width:100%;position:fixed;bottom:0;min-height:10vh;

background:rgba(255,255,255,0.7);z-index:100;margin-bottom:5px;padding:0;}

.wrap_grid{display:grid;

grid-template-columns:repeat(5,1fr);}

.main-text{grid-column:1/4;grid-row:2/3;z-index:2;}

.sub-text{grid-column:1/4;grid-row:4/5;z-index:2;}
.image-01{grid-column:2/6;grid-row:2/6;}

.between-padding-left{padding:0 2% 0 65%;}

.between-padding{padding:2% 10%;}

.between00{padding:0 10%;}
.wrap2 {
    width: 50%;
    float: right;padding:0 0 0 20%;
  }

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}
/*index.html_start*/
.background_index0{background:url("../img/index07-survey-QR-pc.jpg") no-repeat;

width:100%;height:0;padding-top:calc(125%/3);background-size:100%;

background-position:center center;}

.background_gray01{background-color:gray; background-repeat:no-repeat;

width:100%;height:0;padding-top:calc(125%/3);background-size:100%;

background-position:center center;}

.background_index00{background:url("../img/index08_L-color.jpg") no-repeat;

width:100%;height:0;padding-top:calc(125%/3);background-size:100%;

background-position:center center;}

.background_gray02{background-color:gray; background-repeat:no-repeat;

width:100%;height:0;padding-top:calc(300%/3);background-size:100%;

background-position:center center;}

.background_index000{background:url("../img/index13_ML_color.jpg") no-repeat;

width:100%;height:0;padding-top:calc(150%/3);background-size:100%;

background-position:center center;}

.title0{background:url("../img/title02.png") center center no-repeat; 
width:100%;height:0;padding-top:calc(560%/21);background-size:70%;}

.s-right-text {z-index:2;
  position: absolute;
  top: 50%;
  left: 45%;
  width: 100%;
   }

.s-right-text2 {z-index:6;
  position: absolute;
  top:15%;
  left: 0%;
  width: 100%;
   }

.s-right-text0 {z-index:10;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
   }

.s-right-text3 {z-index:2;
  position: absolute;
  top: 2%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:70%;
  left: 0%;
  width: 100%;
   }
.sub_index{width:75%;margin:0 auto;}

.bg_inner{display: flex;
  justify-content: center;}

.bg_inner_left{display: flex;
  justify-content: center;
  align-items: left;  }
/*flexbox*/
.flexbox, .flexbox0, .flexbox_lineup{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox_lineup li{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;padding:0 5px;}

.flexbox_original{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;}

.flexbox_original li{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	padding:0 5px;}

.flexbox_center01
       {display:-webkit-box;width:100%;
  	display:-ms-flexbox;
  	display:flex;}

.flexbox_center01 li{display:-webkit-box;width:100%;
  	display:-ms-flexbox;justify-content: center;
  	display:flex;
        -webkit-box-align: center;
	-ms-flex-align: center;
        align-items: center;padding:0 5px;}

.flexbox_flow{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.between-right{padding:0 3% 0 0;}
.between-left{padding:0 0 0 3%;}

#id2 > li{
  flex:1 0 20%;}

#id2 .grow02{
  flex:4 0 70%;}

#id3 > li{
  flex:1 0 30%;}

#id3 .grow03{
  flex:2 0 60%;}

.post-loop-wrap article {
width: 30%;
height:400px;
overflow-y:hidden;
margin: 0px 0% 30px 1%;
padding:0px;
float:left;
position:relative;}

.post-loop-wrap article p{
line-height:1.3;
}

.flexbox_blog{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;    
  display : flex;
  -webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding:0 5px;}

.flexbox_blog li p{
  line-height:1.3;padding:5%;}

/*top.html_start*/
.sub_staff, .sub_staff2, .sub_staff3{width:80%;margin:0 auto;}
/*table*/
.sub_staff th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff table,.sub_staff td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff tr{border:1px solid gray;}

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(200%/3);}

.sub_staff td{width:calc(100%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff2 table,.sub_staff2 td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff2 tr{border:1px solid gray;}

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff2 th{width: calc(100%/3);}

.sub_staff2 td{width:calc(200%/3);}
/*table_end*/
.sub_question{width:75%;margin:0 auto;}

/*table*/
.sub_staff3 th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff3 tr{border:1px solid gray;font-weight:600;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;font-size: 1.0em;}

.sub_staff3 th{width: calc(100%/3);}

.sub_staff3 td{width:calc(100%/3);}
/*table_end*/

.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_3 img{width:60%;display:inline-block;}

.picture_01 img{width:20%;display:inline-block;}

.picture_456 img{width:40%;display:inline-block;}

.picture_789 a img{width:20%;display:inline-block;margin:0;padding:0;}

.size{font-size:3.2em;font-weight:bold;}

.size_a{font-size:2.3em;font-weight:bold;}

.size_b{font-size:1.0em;font-weight:bold;}

.size_c{font-size:1.1em;font-weight:400;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.2em;font-weight:400;}

.size_small02{font-size:1.6em;font-weight:bold;}

.size_small03{font-size:2.2em;font-weight:bold;}

.size_small04{font-size:1.4em;font-weight:600;}

.footer01{width:100%;height:auto;margin-top:auto;

background:url("../img/index06_footer.jpg") no-repeat;

background-position:center center;background-size:cover;}

.footer01 a, .footer01 a:hover, .footer01 a:hover:after

{text-decoration:none;}

a.btn--orange {font-size:1.3em;text-decoration:none;
  color:#fff;font-weight:bold;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
}
a.btn--orange:hover, a.btn--orange:hover:after {
  margin-top: 3px;
  font-size:1.3em;
  color:#fff;font-weight:bold;text-decoration:none;
  
  border-bottom: 2px solid #b84c00;
}
a.btn--shadow {text-decoration:none;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.btn0,
a.btn0,
button.btn0 {font-weight:bold;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
    
}

a.btn-solid-line {text-decoration:none;
  border-right: 4px solid #0a5f4a;
  border-bottom: 10px solid #0f745b;
  border-left: 4px solid #8cf9de;
  border-radius: 0;
  background: rgba(5,199,86,1.0);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
  
}

a.btn-solid-line:hover, a.btn-solid-line:hover:after{
  margin-top: 3px;text-decoration:none;
  border-right: 4px solid rgba(5,199,86,1.0);
  border-bottom: 7px solid rgba(5,199,86,1.0);
  border-left: 4px solid rgba(5,199,86,1.0);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
}

a.btn-solid-gold {text-decoration:none;
  border-right: 4px solid #cea82c;
  border-bottom: 10px solid #987c1e;
  border-left: 4px solid #ffed8b;
  border-radius: 0;
  background: -webkit-gradient(linear, right top, left top, from(#ffd75b), color-stop(30%, #fff5a0), color-stop(40%, #fffabe), color-stop(50%, #ffffdb), color-stop(70%, #fff5a0), to(#fdd456));
  background: -webkit-linear-gradient(right, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);
  background: linear-gradient(-90deg, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
}

a.btn-solid-gold:hover, a.btn-solid-gold:hover:after {
  margin-top: 3px;text-decoration:none;
  border-right: 4px solid #cea82c;
  border-bottom: 7px solid #987c1e;
  border-left: 4px solid #ffed8b;
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
}

.btn-radius-gradient-wrap {font-size:1.1em;text-decoration:none;
  display: inline-block;
  color:rgba(230,121,40,1);
  padding: 0.5rem;

  border-radius: 100vh;
  background: #f2f5f6;
  background: -webkit-linear-gradient(
    to top,
    #f2f5f6 0%,
    #e3eaed 37%,
    #96a1a5 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f5f6),
    color-stop(37%, #e3eaed),
    to(#96a1a5)
  );
  background: -webkit-linear-gradient(
    top,
    #f2f5f6 0%,
    #e3eaed 37%,
    #96a1a5 100%
  );
  background: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #96a1a5 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#96a1a5', GradientType=0);
}

a.btn-radius-gradient {font-size:1.1em;text-decoration:none;
  border-radius: 100vh;color:rgba(230,121,40,1);
  background: #e3eaed;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e3eaed),
    to(#f2f5f6)
  );
  background: -webkit-linear-gradient(top, #e3eaed 0%, #f2f5f6 100%);
  background: linear-gradient(to bottom, #e3eaed 0%, #f2f5f6 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3eaed', endColorstr='#f2f5f6', GradientType=0);
}

a.btn-radius-gradient:hover, a.btn-radius-gradient:hover:after{font-size:1.1em;
  -webkit-transform: scale(1.05);text-decoration:none;
  color:rgba(230,121,40,1);
  transform: scale(1.05);
}

.layout2{z-index:3;width:100vw;
  display:block;
  position:relative;
  background: white;
  min-height:100vh;
}


}

@media (min-width:961px) and (max-width:1399px){
html{height:100%;}

body {overflow-x:hidden;font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }
.between00{padding:0 10%;}
.wrap2 {
    width: 50%;
    float: right;padding:0 0 0 20%;
  }
.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

.fixed_bottom{width:100%;position:fixed;bottom:0;min-height:10vh;

background:rgba(255,255,255,0.7);z-index:100;margin-bottom:5px;padding:0;}
/*index.html_start*/
.background_index0{background:url("../img/index07-survey-QR-pc.jpg") no-repeat;

width:100%;height:0;padding-top:calc(125%/3);background-size:100%;

background-position:center center;}

.background_gray01{background-color:gray; background-repeat:no-repeat;

width:100%;height:0;padding-top:calc(125%/3);background-size:100%;

background-position:center center;}

.background_index00{background:url("../img/index08_L-color.jpg") no-repeat;

width:100%;height:0;padding-top:calc(125%/3);background-size:100%;

background-position:center center;}

.background_gray02{background-color:gray; background-repeat:no-repeat;

width:100%;height:0;padding-top:calc(300%/3);background-size:100%;

background-position:center center;}

.background_index000{background:url("../img/index13_ML_color.jpg") no-repeat;

width:100%;height:0;padding-top:calc(150%/3);background-size:100%;

background-position:center center;}

.title0{background:url("../img/title02.png") center center no-repeat; 
width:100%;height:0;padding-top:calc(560%/21);background-size:70%;}

.s-right-text {z-index:5;
  position: absolute;
  top: 50%;
  left: 45%;
  width: 100%;
   }

.s-right-text2 {z-index:6;
  position: absolute;
  top: 15%;
  left: 0%;
  width: 100%;
   }

.s-right-text0 {z-index:10;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
   }

.s-right-text3 {z-index:5;
  position: absolute;
  top: 2%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:5;
  position: absolute;
  top:70%;
  left: 0%;
  width: 100%;
   }
.sub_index{width:75%;margin:0 auto;}

.bg_inner{display: flex;
  justify-content: center;}

.bg_inner_left{display: flex;
  justify-content: center;
  align-items: left;  }

.flexbox, .flexbox0, .flexbox_lineup{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox_lineup li{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;padding:0 5px;}

.flexbox_original{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;}

.flexbox_original li{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	padding:0 5px;}

.flexbox_center01
       {display:-webkit-box;width:100%;
  	display:-ms-flexbox;
  	display:flex;}

.flexbox_center01 li{display:-webkit-box;width:100%;
  	display:-ms-flexbox;justify-content: center;
  	display:flex;
        -webkit-box-align: center;
	-ms-flex-align: center;
        align-items: center;padding:0 5px;}

.flexbox_flow{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding:0 5px;}

.between-right{padding:0 3% 0 0;}
.between-left{padding:0 0 0 3%;}

#id2 > li{
  flex:1 0 20%;}

#id2 .grow02{
  flex:4 0 70%;}

#id3 > li{
  flex:1 0 30%;}

#id3 .grow03{
  flex:2 0 60%;}

.post-loop-wrap article {
width: 30%;
height:400px;
overflow-y:hidden;
margin: 0px 0% 30px 1%;
padding:0px;
float:left;
position:relative;}

.post-loop-wrap article p{
line-height:1.3;
}

.flexbox_blog{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;    
  display : flex;
  -webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding:0 5px;}

.flexbox_blog li p{
  line-height:1.3;padding:5%;}

.sub_question{width:80%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff3{width:80%;margin:0 auto;}
/*table*/
.sub_staff th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff table,.sub_staff td
{border:1px solid gray;font-weight:600;padding:5px;}

.sub_staff tr{border:1px solid gray;}

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(200%/3);}

.sub_staff td{width:calc(100%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff2 table,.sub_staff2 td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff2 tr{border:1px solid gray;}

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff2 th{width: calc(100%/3);}

.sub_staff2 td{width:calc(200%/3);}
/*table_end*/
/*table*/
.sub_staff3 th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff3 tr{border:1px solid gray;font-weight:600;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;font-size: 1.0em;}

.sub_staff3 th{width: calc(100%/3);}

.sub_staff3 td{width:calc(100%/3);}
/*table_end*/
.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_3 img{width:60%;display:inline-block;}

.picture_01 img{width:20%;display:inline-block;}

.picture_456 img{width:40%;display:inline-block;}

.picture_789 a img{width:20%;display:inline-block;margin:0;padding:0;}

.size{font-size:3.2em;font-weight:bold;}

.size_a{font-size:2.3em;font-weight:bold;}

.size_b{font-size:1.0em;font-weight:bold;}

.size_c{font-size:1.1em;font-weight:400;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.2em;font-weight:400;}

.size_small02{font-size:1.6em;font-weight:bold;}

.size_small03{font-size:2.2em;font-weight:bold;}

.size_small04{font-size:1.4em;font-weight:600;}

.footer01{width:100%;height:auto;margin-top:auto;

background:url("../img/index06_footer.jpg") no-repeat;

background-position:center center;background-size:cover;}

.footer01 a, .footer01 a:hover, .footer01 a:hover:after

{text-decoration:none;}

a.btn--orange {font-size:1.3em;text-decoration:none;
  color:#fff;font-weight:bold;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
}
a.btn--orange:hover, a.btn--orange:hover:after {
  margin-top: 3px;text-decoration:none;
  font-size:1.3em;
  color:#fff;font-weight:bold;
  
  border-bottom: 2px solid #b84c00;
}
a.btn--shadow {text-decoration:none;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.btn0,
a.btn0,
button.btn0 {font-weight:bold;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
    
}

a.btn-solid-line {text-decoration:none;
  border-right: 4px solid #0a5f4a;
  border-bottom: 10px solid #0f745b;
  border-left: 4px solid #8cf9de;
  border-radius: 0;
  background: rgba(5,199,86,1.0);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
  
}

a.btn-solid-line:hover, a.btn-solid-line:hover:after{
  margin-top: 3px;text-decoration:none;
  border-right: 4px solid rgba(5,199,86,1.0);
  border-bottom: 7px solid rgba(5,199,86,1.0);
  border-left: 4px solid rgba(5,199,86,1.0);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
}

a.btn-solid-gold {text-decoration:none;
  border-right: 4px solid #cea82c;
  border-bottom: 10px solid #987c1e;
  border-left: 4px solid #ffed8b;
  border-radius: 0;
  background: -webkit-gradient(linear, right top, left top, from(#ffd75b), color-stop(30%, #fff5a0), color-stop(40%, #fffabe), color-stop(50%, #ffffdb), color-stop(70%, #fff5a0), to(#fdd456));
  background: -webkit-linear-gradient(right, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);
  background: linear-gradient(-90deg, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
}

a.btn-solid-gold:hover, a.btn-solid-gold:hover:after {
  margin-top: 3px;text-decoration:none;
  border-right: 4px solid #cea82c;
  border-bottom: 7px solid #987c1e;
  border-left: 4px solid #ffed8b;
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
}

.btn-radius-gradient-wrap {font-size:1.1em;text-decoration:none;
  display: inline-block;
  color:rgba(230,121,40,1);
  padding: 0.5rem;

  border-radius: 100vh;
  background: #f2f5f6;
  background: -webkit-linear-gradient(
    to top,
    #f2f5f6 0%,
    #e3eaed 37%,
    #96a1a5 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f5f6),
    color-stop(37%, #e3eaed),
    to(#96a1a5)
  );
  background: -webkit-linear-gradient(
    top,
    #f2f5f6 0%,
    #e3eaed 37%,
    #96a1a5 100%
  );
  background: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #96a1a5 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#96a1a5', GradientType=0);
}

a.btn-radius-gradient {font-size:1.1em;text-decoration:none;
  border-radius: 100vh;color:rgba(230,121,40,1);
  background: #e3eaed;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e3eaed),
    to(#f2f5f6)
  );
  background: -webkit-linear-gradient(top, #e3eaed 0%, #f2f5f6 100%);
  background: linear-gradient(to bottom, #e3eaed 0%, #f2f5f6 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3eaed', endColorstr='#f2f5f6', GradientType=0);
}

a.btn-radius-gradient:hover, a.btn-radius-gradient:hover:after{font-size:1.1em;
  -webkit-transform: scale(1.05);text-decoration:none;
  color:rgba(230,121,40,1);
  transform: scale(1.05);
}

.layout2{z-index:3;width:100vw;
  display:block;
  position:relative;
  background: white;
  min-height:100vh;
}


}

@media (min-width:769px) and (max-width:960px){
html{height:100%;}

body {overflow-x:hidden;font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }
.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

.fixed_bottom{width:100%;position:fixed;bottom:0;min-height:10vh;

background:rgba(255,255,255,0.7);z-index:100;margin-bottom:5px;padding:0;}

.between00{padding:0 5%;}

.wrap_grid{display:grid;

grid-template-columns:repeat(5,1fr);}

.main-text{grid-column:1/4;grid-row:2/3;z-index:2;}

.sub-text{grid-column:1/4;grid-row:4/5;z-index:2;}
.image-01{grid-column:2/6;grid-row:2/6;}

.between-padding-left{padding:0 2% 0 40%;}

.between-padding{padding:2% 10%;}

.wrap2 {
    width: 50%;
    float: right;padding:0 0 0 10%;
  }
/*index.html_start*/
.background_index0{background:url("../img/index07-survey-QR-pc.jpg") no-repeat;

width:100%;height:0;padding-top:calc(125%/3);background-size:100%;

background-position:center center;}

.background_gray01{background-color:gray; background-repeat:no-repeat;

width:100%;height:0;padding-top:calc(125%/3);background-size:100%;

background-position:center center;}

.background_index00{background:url("../img/index08_L-color.jpg") no-repeat;

width:100%;height:0;padding-top:calc(125%/3);background-size:100%;

background-position:center center;}

.background_gray02{background-color:gray; background-repeat:no-repeat;

width:100%;height:0;padding-top:calc(300%/3);background-size:100%;

background-position:center center;}

.background_index000{background:url("../img/index13_ML_color.jpg") no-repeat;

width:100%;height:0;padding-top:calc(150%/3);background-size:100%;

background-position:center center;}

.title0{background:url("../img/title02.png") center center no-repeat; 
width:100%;height:0;padding-top:calc(560%/21);background-size:70%;}


.s-right-text {z-index:2;
  position: absolute;
  top: 50%;
  left: 45%;
  width: 100%;
   }

.s-right-text2 {z-index:6;
  position: absolute;
  top: 15%;
  left: 0%;
  width: 100%;
   }

.s-right-text0 {z-index:5;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
   }

.s-right-text3 {z-index:2;
  position: absolute;
  top: 2%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:70%;
  left: 0%;
  width: 100%;
   }
.sub_index{width:98%;margin:0 auto;}

.bg_inner{display: flex;
  justify-content: center;}

.bg_inner_left{display: flex;
  justify-content: center;
  align-items: left;  }

.flexbox, .flexbox0, .flexbox_lineup{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;padding:0 5px;}

.flexbox_lineup li{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;padding:0 5px;}

.flexbox_original{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;}

.flexbox_original li{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	padding:0 5px;}

.flexbox_center01
       {display:-webkit-box;width:100%;
  	display:-ms-flexbox;
  	display:flex;}

.flexbox_center01 li{display:-webkit-box;width:100%;
  	display:-ms-flexbox;justify-content: center;
  	display:flex;
        -webkit-box-align: center;
	-ms-flex-align: center;
        align-items: center;padding:0 5px;}

.flexbox_flow{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding:0 5px;}

.between-right{padding:0 3% 0 0;}
.between-left{padding:0 0 0 3%;}

#id2 > li{
  flex:1 0 20%;}

#id2 .grow02{
  flex:4 0 70%;}

#id3 > li{
  flex:1 0 30%;}

#id3 .grow03{
  flex:2 0 60%;}

.post-loop-wrap article {
width: 30%;
height:400px;
overflow-y:hidden;
margin: 0px 0% 30px 1%;
padding:0px;
float:left;
position:relative;}

.post-loop-wrap article p{
line-height:1.3;
}

.flexbox_blog{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;    
  display : flex;
  -webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding:0 2.5px;}

.flexbox_blog li p{
  line-height:1.3;padding:5%;}

.sub_question{width:85%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff3{width:90%;margin:0 auto;}
/*table*/
.sub_staff th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff table,.sub_staff td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff tr{border:1px solid gray;}

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(200%/3);}

.sub_staff td{width:calc(100%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff2 table,.sub_staff2 td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff2 tr{border:1px solid gray;}

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff2 th{width: calc(100%/3);}

.sub_staff2 td{width:calc(200%/3);}
/*table_end*/
/*table*/
.sub_staff3 th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff3 tr{border:1px solid gray;font-weight:600;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;font-size: 1.0em;}

.sub_staff3 th{width: calc(100%/3);}

.sub_staff3 td{width:calc(100%/3);}

/*table_end*/
.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_3 img{width:60%;display:inline-block;}

.picture_01 img{width:25%;display:inline-block;}

.picture_456 img{width:50%;display:inline-block;}

.picture_789 a img{width:30%;display:inline-block;margin:0;padding:0;}

.size{font-size:3.2em;font-weight:bold;}

.size_a{font-size:2.3em;font-weight:bold;}

.size_b{font-size:1.0em;font-weight:bold;}

.size_c{font-size:1.1em;font-weight:400;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.2em;font-weight:400;}

.size_small02{font-size:1.6em;font-weight:bold;}

.size_small03{font-size:2.2em;font-weight:bold;}

.size_small04{font-size:1.4em;font-weight:600;}

.footer01{width:100%;height:auto;margin-top:auto;

background:url("../img/index06_footer.jpg") no-repeat;

background-position:center center;background-size:cover;}

.footer01 a, .footer01 a:hover, .footer01 a:hover:after

{text-decoration:none;}

a.btn--orange {font-size:1.3em;text-decoration:none;
  color:#fff;font-weight:bold;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
}
a.btn--orange:hover, a.btn--orange:hover:after {
  margin-top: 3px;text-decoration:none;
  font-size:1.3em;
  color:#fff;font-weight:bold;
  
  border-bottom: 2px solid #b84c00;
}
a.btn--shadow {text-decoration:none;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.btn0,
a.btn0,
button.btn0 {font-weight:bold;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
    
}

a.btn-solid-line {text-decoration:none;
  border-right: 4px solid #0a5f4a;
  border-bottom: 10px solid #0f745b;
  border-left: 4px solid #8cf9de;
  border-radius: 0;
  background: rgba(5,199,86,1.0);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
  
}

a.btn-solid-line:hover, a.btn-solid-line:hover:after{
  margin-top: 3px;text-decoration:none;
  border-right: 4px solid rgba(5,199,86,1.0);
  border-bottom: 7px solid rgba(5,199,86,1.0);
  border-left: 4px solid rgba(5,199,86,1.0);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
}

a.btn-solid-gold {text-decoration:none;
  border-right: 4px solid #cea82c;
  border-bottom: 10px solid #987c1e;
  border-left: 4px solid #ffed8b;
  border-radius: 0;
  background: -webkit-gradient(linear, right top, left top, from(#ffd75b), color-stop(30%, #fff5a0), color-stop(40%, #fffabe), color-stop(50%, #ffffdb), color-stop(70%, #fff5a0), to(#fdd456));
  background: -webkit-linear-gradient(right, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);
  background: linear-gradient(-90deg, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
}

a.btn-solid-gold:hover, a.btn-solid-gold:hover:after {
  margin-top: 3px;text-decoration:none;
  border-right: 4px solid #cea82c;
  border-bottom: 7px solid #987c1e;
  border-left: 4px solid #ffed8b;
  color:#fff;text-shadow:2px 2px 2px black;
  -webkit-text-shadow:2px 2px 2px black;
}

.btn-radius-gradient-wrap {font-size:1.1em;text-decoration:none;
  display: inline-block;
  color:rgba(230,121,40,1);
  padding: 0.5rem;

  border-radius: 100vh;
  background: #f2f5f6;
  background: -webkit-linear-gradient(
    to top,
    #f2f5f6 0%,
    #e3eaed 37%,
    #96a1a5 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f5f6),
    color-stop(37%, #e3eaed),
    to(#96a1a5)
  );
  background: -webkit-linear-gradient(
    top,
    #f2f5f6 0%,
    #e3eaed 37%,
    #96a1a5 100%
  );
  background: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #96a1a5 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#96a1a5', GradientType=0);
}

a.btn-radius-gradient {font-size:1.1em;text-decoration:none;
  border-radius: 100vh;color:rgba(230,121,40,1);
  background: #e3eaed;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e3eaed),
    to(#f2f5f6)
  );
  background: -webkit-linear-gradient(top, #e3eaed 0%, #f2f5f6 100%);
  background: linear-gradient(to bottom, #e3eaed 0%, #f2f5f6 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3eaed', endColorstr='#f2f5f6', GradientType=0);
}

a.btn-radius-gradient:hover, a.btn-radius-gradient:hover:after{font-size:1.1em;
  -webkit-transform: scale(1.05);text-decoration:none;
  color:rgba(230,121,40,1);
  transform: scale(1.05);
}

.layout2{z-index:3;width:100vw;
  display:block;
  position:relative;
  background: white;
  min-height:100vh;
}


}

@media (min-width:515px) and (max-width:768px){
html{height:100%;}

body {overflow-x:hidden;font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }
.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

.fixed_bottom{width:100%;position:fixed;bottom:0;min-height:10vh;

background:rgba(255,255,255,0.7);z-index:100;margin-bottom:5px;padding:0;}

.between00{padding:0 5%;}

.wrap_grid{display:grid;

grid-template-columns:repeat(5,1fr);}

.main-text{grid-column:1/4;grid-row:2/3;z-index:2;}

.sub-text{grid-column:1/4;grid-row:4/5;z-index:2;}
.image-01{grid-column:2/6;grid-row:2/6;}

.between-padding-left{padding:0 2% 0 10%;}

.between-padding{padding:2% 10%;}

.wrap2 {
    width: 100%;
    float: none;padding:0 0 0 0%;
  }
/*index.html_start*/
.background_index0{background:url("../img/index07-survey-QR-sh.jpg") no-repeat;

width:100%;height:0;padding-top:100%;background-size:100%;

background-position:center center;}

.background_gray01{background-color:gray; background-repeat:no-repeat;

width:100%;height:0;padding-top:100%;background-size:100%;

background-position:center center;}

.background_index00{background:url("../img/index08_s-color.jpg") no-repeat;

width:100%;height:0;padding-top:calc(1300%/10);background-size:100%;

background-position:center center;}

.background_gray02{background-color:gray; background-repeat:no-repeat;

width:100%;height:0;padding-top:100%;background-size:100%;

background-position:center center;}

.background_index000{background:url("../img/index13_s-message_color.jpg") no-repeat;

width:100%;height:0;padding-top:100%;background-size:100%;

background-position:center center;}

.title0{background:url("../img/title02-sh.png") center center no-repeat; 

width:100%;height:0;padding-top:calc(5500%/82);background-size:70%;}


.s-right-text {z-index:2;
  position: absolute;
  top: 50%;
  left: 45%;
  width: 100%;
   }

.s-right-text2 {z-index:6;
  position: absolute;
  top: 15%;
  left: 0%;
  width: 100%;
   }

.s-right-text0 {z-index:5;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
   }

.s-right-text3 {z-index:2;
  position: absolute;
  top: 2%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:70%;
  left: 0%;
  width: 100%;
   }
.sub_index{width:98%;margin:0 auto;}

.bg_inner{display: flex;
  justify-content: center;}

.bg_inner_left{display: flex;
  justify-content: center;
  align-items: left;  }

.flexbox{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;padding:0 2.5px;    
  display : flex;width:100%;}

.flexbox0, .flexbox_lineup {display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding:0 2.5px;}

.flexbox_lineup li{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;padding:0 2.5px;}

.flexbox li{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;padding:0 2.5px;    
  display : flex;width:100%;}

.flexbox_original{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;}

.flexbox_original li{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	padding:0 2.5px;}

.flexbox_center01
       {display: flex;
    align-items: center;
    flex-direction: column;width:100%;}

.flexbox_center01 li{display: flex;
    align-items: center;
    flex-direction: column;width:100%;}

.flexbox_flow{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding:0 2.5px;}

.between-right{padding:0 3% 0 0;}
.between-left{padding:0 0 0 3%;}

#id2 > li{
  flex:1 0 20%;}

#id2 .grow02{
  flex:4 0 70%;}

#id3 > li{
  flex:1 0 30%;}

#id3 .grow03{
  flex:2 0 60%;}

.post-loop-wrap article {
width: 30%;
height:400px;
overflow-y:hidden;
margin: 0px 0% 30px 1%;
padding:0px;
float:left;
position:relative;}

.post-loop-wrap article p{
line-height:1.3;
}

.flexbox_blog{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;    
  display : flex;
  -webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding:0 5px;}

.flexbox_blog li p{
  line-height:1.3;padding:5%;}

.sub_question{width:90%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff3{width:95%;margin:0 auto;}
/*table*/
.sub_staff th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff table,.sub_staff td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff tr{border:1px solid gray;}

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;font-size: 1.1em;}

.sub_staff th{width: calc(200%/3);}

.sub_staff td{width:calc(100%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff2 table,.sub_staff2 td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff2 tr{border:1px solid gray;}

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;font-size: 1.1em;}

.sub_staff2 th{width: calc(100%/3);}

.sub_staff2 td{width:calc(200%/3);}

/*table_end*/
/*table*/
.sub_staff3 th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff3 tr{border:1px solid gray;font-weight:600;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;font-size: 1.0em;}

.sub_staff3 th{width: calc(100%/3);}

.sub_staff3 td{width:calc(100%/3);}

/*table_end*/
.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_3 img{width:60%;display:inline-block;}

.picture_01 img{width:25%;display:inline-block;}

.picture_456 img{width:40%;display:inline-block;}

.picture_789 a img{width:30%;display:inline-block;margin:0;padding:0;}

.size{font-size:3.2em;font-weight:bold;}

.size_b{font-size:1.0em;font-weight:bold;}

.size_a{font-size:1.6em;font-weight:bold;}

.size_c{font-size:1.1em;font-weight:400;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.2em;font-weight:400;}

.size_small02{font-size:1.3em;font-weight:bold;}

.size_small03{font-size:1.6em;font-weight:bold;}

.size_small04{font-size:1.4em;font-weight:600;}

.footer01{width:100%;height:auto;margin-top:auto;

background:url("../img/index06_footer.jpg") no-repeat;

background-position:center center;background-size:cover;}

.footer01 a, .footer01 a:hover, .footer01 a:hover:after

{text-decoration:none;}

a.btn--orange {font-size:1.3em;text-decoration:none;
  color:#fff;font-weight:bold;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
}
a.btn--orange:hover, a.btn--orange:hover:after {
  margin-top: 3px;text-decoration:none;
  font-size:1.3em;
  color:#fff;font-weight:bold;
  background: #f56500;
  border-bottom: 2px solid #b84c00;
}
a.btn--shadow {text-decoration:none;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.btn0,
a.btn0,
button.btn0 {color:#fff;font-weight:bold;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
    
}

a.btn-solid-line {text-decoration:none;
  border-right: 4px solid #0a5f4a;
  border-bottom: 10px solid #0f745b;
  border-left: 4px solid #8cf9de;
  border-radius: 0;
  background: rgba(5,199,86,1.0);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
  
}

a.btn-solid-line:hover, a.btn-solid-line:hover:after{
  margin-top: 3px;text-decoration:none;
  border-right: 4px solid rgba(5,199,86,1.0);
  border-bottom: 7px solid rgba(5,199,86,1.0);
  border-left: 4px solid rgba(5,199,86,1.0);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
}

a.btn-solid-gold {text-decoration:none;
  border-right: 4px solid #cea82c;
  border-bottom: 10px solid #987c1e;
  border-left: 4px solid #ffed8b;
  border-radius: 0;
  background: -webkit-gradient(linear, right top, left top, from(#ffd75b), color-stop(30%, #fff5a0), color-stop(40%, #fffabe), color-stop(50%, #ffffdb), color-stop(70%, #fff5a0), to(#fdd456));
  background: -webkit-linear-gradient(right, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);
  background: linear-gradient(-90deg, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
}

a.btn-solid-gold:hover, a.btn-solid-gold:hover:after {
  margin-top: 3px;text-decoration:none;
  border-right: 4px solid #cea82c;
  border-bottom: 7px solid #987c1e;
  border-left: 4px solid #ffed8b;
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:2.8em;
-webkit-text-shadow:2px 2px 2px black;
}

.btn-radius-gradient-wrap {font-size:1.1em;text-decoration:none;
  display: inline-block;
  color:rgba(230,121,40,1);
  padding: 0.5rem;

  border-radius: 100vh;
  background: #f2f5f6;
  background: -webkit-linear-gradient(
    to top,
    #f2f5f6 0%,
    #e3eaed 37%,
    #96a1a5 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f5f6),
    color-stop(37%, #e3eaed),
    to(#96a1a5)
  );
  background: -webkit-linear-gradient(
    top,
    #f2f5f6 0%,
    #e3eaed 37%,
    #96a1a5 100%
  );
  background: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #96a1a5 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#96a1a5', GradientType=0);
}

a.btn-radius-gradient {font-size:1.1em;text-decoration:none;
  border-radius: 100vh;color:rgba(230,121,40,1);
  background: #e3eaed;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e3eaed),
    to(#f2f5f6)
  );
  background: -webkit-linear-gradient(top, #e3eaed 0%, #f2f5f6 100%);
  background: linear-gradient(to bottom, #e3eaed 0%, #f2f5f6 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3eaed', endColorstr='#f2f5f6', GradientType=0);
}

a.btn-radius-gradient:hover, a.btn-radius-gradient:hover:after{font-size:1.1em;
  -webkit-transform: scale(1.05);text-decoration:none;
  color:rgba(230,121,40,1);
  transform: scale(1.05);
}

.layout2{z-index:3;width:100vw;
  display:block;
  position:relative;
  background: white;
  min-height:100vh;
}


}

@media (min-width:320px) and (max-width:514px){
html{height:100%;}

body {overflow-x:hidden;font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }
.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100%;}

.fixed_bottom{width:100%;position:fixed;bottom:0;min-height:10vh;

background:rgba(255,255,255,0.7);z-index:100;margin-bottom:5px;padding:0;}

.between00{padding:0 3%;}

.wrap_grid{display:grid;

grid-template-columns:repeat(5,1fr);}

.main-text{grid-column:1/4;grid-row:2/3;z-index:2;}

.sub-text{grid-column:1/4;grid-row:4/5;z-index:2;}
.image-01{grid-column:2/6;grid-row:2/6;}

.between-padding-left{padding:0 2% 0 5%;}

.between-padding{padding:2% 10%;}

.wrap2 {
    width: 100%;
    float: none;padding:0 0 0 0%;
  }

/*index.html_start*/
.background_index0{background:url("../img/index07-survey-QR-sh.jpg") no-repeat;

width:100%;height:0;padding-top:100%;background-size:100%;

background-position:center center;}

.background_gray01{background-color:gray; background-repeat:no-repeat;

width:100%;height:0;padding-top:100%;background-size:100%;

background-position:center center;}

.background_index00{background:url("../img/index08_s-color.jpg") no-repeat;

width:100%;height:0;padding-top:calc(1300%/10);background-size:100%;

background-position:center center;}

.background_gray02{background-color:gray; background-repeat:no-repeat;

width:100%;height:0;padding-top:150%;background-size:100%;

background-position:center center;}

.background_index000{background:url("../img/index13_s-message_color.jpg") no-repeat;

width:100%;height:0;padding-top:100%;background-size:100%;

background-position:center center;}

.title0{background:url("../img/title02-sh.png") center center no-repeat; 

width:100%;height:0;padding-top:calc(5500%/82);background-size:70%;}

.s-right-text {z-index:5;
  position: absolute;
  top: 50%;
  left: 45%;
  width: 100%;
   }

.s-right-text2 {z-index:6;
  position: absolute;
  top: 15%;
  left: 0%;
  width: 100%;
   }

.s-right-text0 {z-index:10;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
   }

.s-right-text3 {z-index:2;
  position: absolute;
  top: 2%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:70%;
  left: 0%;
  width: 100%;
   }
.sub_index{width:98%;margin:0 auto;}

.bg_inner{display: flex;
  justify-content: center;}

.bg_inner_left{display: flex;
  justify-content: center;
  align-items: left;  }

.flexbox{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;padding:0 2.5px;    
  display : flex;width:100%;}

.flexbox0, .flexbox_lineup{display: flex;
    align-items: center;
    flex-direction: column;line-height:1.3}

.flexbox li{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;padding:0 2.5px;    
  display : flex;width:100%;}

.flexbox_original{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;}

.flexbox_original li{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	padding:0 2.5px;}

.flexbox_flow{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding:0 2.5px;}

.flexbox_lineup li{display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;padding:0 2.5px;}

.between-right{padding:0 3% 0 0;}
.between-left{padding:0 0 0 3%;}

.flexbox_center01
       {display: flex;
    align-items: center;
    flex-direction: column;width:100%;}

.flexbox_center01 li{display: flex;
    align-items: center;
    flex-direction: column;width:100%;}

#id2 > li{
  flex:1 0 20%;}

#id2 .grow02{
  flex:4 0 70%;}

#id3 > li{
  flex:1 0 30%;}

#id3 .grow03{
  flex:2 0 60%;}

.flexbox0 li{display: flex;
    align-items: center;
    flex-direction: column;line-height:1.3;}

.post-loop-wrap article {
width: 30%;
height:400px;
overflow-y:hidden;
margin: 0px 0% 30px 1%;
padding:0px;
float:left;
position:relative;}

.post-loop-wrap article p{
line-height:1.3;
}

.flexbox_blog{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;    
  display : flex;
  -webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding:0 5px;}

.flexbox_blog li p{
  line-height:1.3;padding:5%;}

.sub_question{width:95%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff3{width:95%;margin:0 auto;}

/*table*/
.sub_staff th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff table,.sub_staff td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff tr{border:1px solid gray;}

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(200%/3);}

.sub_staff td{width:calc(100%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff2 table,.sub_staff2 td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff2 tr{border:1px solid gray;font-weight:600;}

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;font-size: 1.1em;}

.sub_staff2 th{width: calc(100%/3);}

.sub_staff2 td{width:calc(200%/3);}
/*table_end*/
/*table*/
.sub_staff3 th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff3 tr{border:1px solid gray;font-weight:600;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;font-size: 1.0em;}

.sub_staff3 th{width: calc(100%/3);}

.sub_staff3 td{width:calc(100%/3);}

/*table_end*/
.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_3 img{width:60%;display:inline-block;}

.picture_01 img{width:30%;display:inline-block;}

.picture_456 img{width:50%;display:inline-block;}

.picture_789 a img{width:40%;display:inline-block;margin:0;padding:0;}

.size{font-size:1.6em;font-weight:bold;}

.size_a{font-size:1.4em;font-weight:bold;}

.size_b{font-size:1.0em;font-weight:bold;}

.size_c{font-size:1.1em;font-weight:400;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.2em;font-weight:400;}

.size_small02{font-size:1.3em;font-weight:bold;}

.size_small03{font-size:1.4em;font-weight:bold;}

.size_small04{font-size:1.4em;font-weight:600;}

.footer01{width:100%;height:auto;margin-top:auto;

background:url("../img/index06_footer.jpg") no-repeat;

background-position:center center;background-size:cover;}

.footer01 a, .footer01 a:hover, .footer01 a:hover:after

{text-decoration:none;}

a.btn--orange {font-size:1.3em;text-decoration:none;
  color:#fff;font-weight:bold;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
}
a.btn--orange:hover, a.btn--orange:hover:after {
  margin-top: 3px;text-decoration:none;
  font-size:1.3em;
  color:#fff;font-weight:bold;
  
  border-bottom: 2px solid #b84c00;
}
a.btn--shadow {text-decoration:none;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.btn0,
a.btn0,
button.btn0 {font-weight:bold;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
    
}

a.btn-solid-line {text-decoration:none;
  border-right: 4px solid #0a5f4a;
  border-bottom: 10px solid #0f745b;
  border-left: 4px solid #8cf9de;
  border-radius: 0;
  background: rgba(5,199,86,1.0);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:1.3em;
-webkit-text-shadow:2px 2px 2px black;
  
}

a.btn-solid-line:hover, a.btn-solid-line:hover:after{
  margin-top: 3px;text-decoration:none;
  border-right: 4px solid rgba(5,199,86,1.0);
  border-bottom: 7px solid rgba(5,199,86,1.0);
  border-left: 4px solid rgba(5,199,86,1.0);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:1.3em;
-webkit-text-shadow:2px 2px 2px black;
}

a.btn-solid-gold {text-decoration:none;
  border-right: 4px solid #cea82c;
  border-bottom: 10px solid #987c1e;
  border-left: 4px solid #ffed8b;
  border-radius: 0;
  background: -webkit-gradient(linear, right top, left top, from(#ffd75b), color-stop(30%, #fff5a0), color-stop(40%, #fffabe), color-stop(50%, #ffffdb), color-stop(70%, #fff5a0), to(#fdd456));
  background: -webkit-linear-gradient(right, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);
  background: linear-gradient(-90deg, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:1.3em;
-webkit-text-shadow:2px 2px 2px black;
}

a.btn-solid-gold:hover, a.btn-solid-gold:hover:after {
  margin-top: 3px;text-decoration:none;
  border-right: 4px solid #cea82c;
  border-bottom: 7px solid #987c1e;
  border-left: 4px solid #ffed8b;
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:1.3em;
-webkit-text-shadow:2px 2px 2px black;
}

.btn-radius-gradient-wrap {font-size:1.1em;text-decoration:none;
  display: inline-block;color:rgba(230,121,40,1);

  padding: 0.5rem;

  border-radius: 100vh;
  background: #f2f5f6;
  background: -webkit-linear-gradient(
    to top,
    #f2f5f6 0%,
    #e3eaed 37%,
    #96a1a5 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f5f6),
    color-stop(37%, #e3eaed),
    to(#96a1a5)
  );
  background: -webkit-linear-gradient(
    top,
    #f2f5f6 0%,
    #e3eaed 37%,
    #96a1a5 100%
  );
  background: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #96a1a5 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#96a1a5', GradientType=0);
}

a.btn-radius-gradient {font-size:1.1em;text-decoration:none;
  border-radius: 100vh;color:rgba(230,121,40,1);
  background: #e3eaed;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e3eaed),
    to(#f2f5f6)
  );
  background: -webkit-linear-gradient(top, #e3eaed 0%, #f2f5f6 100%);
  background: linear-gradient(to bottom, #e3eaed 0%, #f2f5f6 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3eaed', endColorstr='#f2f5f6', GradientType=0);
}

a.btn-radius-gradient:hover, a.btn-radius-gradient:hover:after{font-size:1.1em;
  -webkit-transform: scale(1.05);text-decoration:none;
  color:rgba(230,121,40,1);
  transform: scale(1.05);
}

.layout2{z-index:3;width:100vw;
  display:block;
  position:relative;
  background: white;
  min-height:100vh;
}



}

@media screen and (max-width:319px){
html{height:100%;}

body {overflow-x:hidden;font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }
.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

.fixed_bottom{width:100%;position:fixed;bottom:0;min-height:10vh;

background:rgba(255,255,255,0.7);z-index:100;margin-bottom:5px;padding:0;}

.between00{padding:0 3%;}

.wrap_grid{display:grid;

grid-template-columns:repeat(5,1fr);}

.main-text{grid-column:1/4;grid-row:2/3;z-index:2;}

.sub-text{grid-column:1/4;grid-row:4/5;z-index:2;}
.image-01{grid-column:2/6;grid-row:2/6;}

.between-padding-left{padding:0 2% 0 10%;}

.between-padding{padding:2% 10%;}

.wrap2 {
    width: 100%;
    float: none;padding:0 0 0 0%;
  }
/*index.html_start*/
.background_index0{background:url("../img/index07-survey-QR-sh.jpg") no-repeat;

width:100%;height:0;padding-top:100%;background-size:100%;

background-position:center center;}

.background_gray01{background-color:gray; background-repeat:no-repeat;

width:100%;height:0;padding-top:100%;background-size:100%;

background-position:center center;}

.background_index00{background:url("../img/index08_s-color.jpg") no-repeat;

width:100%;height:0;padding-top:calc(1300%/10);background-size:100%;

background-position:center center;}

.background_gray02{background-color:gray; background-repeat:no-repeat;

width:100%;height:0;padding-top:150%;background-size:100%;

background-position:center center;}

.background_index000{background:url("../img/index13_s-message_color.jpg") no-repeat;

width:100%;height:0;padding-top:100%;background-size:100%;

background-position:center center;}

.title0{background:url("../img/title02-sh.png") center center no-repeat; 

width:100%;height:0;padding-top:calc(5500%/82);background-size:70%;}

.s-right-text {z-index:2;
  position: absolute;
  top: 50%;
  left: 45%;
  width: 100%;
   }

.s-right-text2 {z-index:6;
  position: absolute;
  top: 15%;
  left: 0%;
  width: 100%;
   }

.s-right-text0 {z-index:10;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
   }

.s-right-text3 {z-index:2;
  position: absolute;
  top: 2%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:70%;
  left: 0%;
  width: 100%;
   }
.sub_index{width:98%;margin:0 auto;}

.bg_inner{display: flex;
  justify-content: center;}

.bg_inner_left{display: flex;
  justify-content: center;
  align-items: left;  }

.flexbox{align-items: center;display:flex;
  	flex-direction: column;width:100%;
	padding:0 0px;}

.flexbox0, .flexbox_lineup{display: flex;
    align-items: center;
    flex-direction: column;line-height:1.3;}

.flexbox li{align-items: center;display:flex;
  	flex-direction: column;width:100%;
	padding:0 0px;}

.flexbox li .grow02{align-items: center;display:flex;
  	flex-direction: column;width:100%;
	padding:0 0px;}

.flexbox_lineup{align-items: center;display:flex;
  	flex-direction: column;width:100%;
	padding:0 0px;}

.flexbox_original{align-items: center;display:flex;
  	flex-direction: column;width:100%;}

.flexbox_original li{align-items: center;display:flex;
  	flex-direction: column;width:100%;
	padding:0 0px;}

.flexbox_lineup li .grow02{align-items: center;display:flex;
  	flex-direction: column;width:100%;
	padding:0 0px;}

.flexbox_flow li .grow03{align-items: center;display:flex;
  	flex-direction: column;width:100%;
	padding:0 0px;}

.flexbox0 li, .flexbox_lineup li{display: flex;
    align-items: center;
    flex-direction: column;line-height:1.3;}

.flexbox_center01
       {display: flex;
    align-items: center;
    flex-direction: column;width:100%;}

.flexbox_center01 li{display: flex;
    align-items: center;
    flex-direction: column;width:100%;}

.post-loop-wrap article {
width: 100%;
height:400px;
overflow-y:hidden;
margin: 0px 0% 30px 0%;
padding:0px;
float:left;
position:relative;
}
.post-loop-wrap article p{
line-height:1.3;
}

.flexbox_blog {display: flex;
    align-items: center;
    flex-direction: column;width:100%;}

.flexbox_blog li{display: flex;
    align-items: center;
    flex-direction: column;width:100%;
	padding:0 0px;}

.between-right{padding:0 0% 0 0;}
.between-left{padding:0 0 0 0%;}

.flexbox_blog li p{
  line-height:1.3;padding:5%;}

.sub_question{width:95%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff3{width:95%;margin:0 auto;}

/*table*/
.sub_staff th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff table,.sub_staff td
{border:1px solid gray;

padding:5px;}

.sub_staff tr{border:1px solid gray;}

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(200%/3);}

.sub_staff td{width:calc(100%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff2 table,.sub_staff2 td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff2 tr{border:1px solid gray;}

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff2 th{width: calc(100%/3);}

.sub_staff2 td{width:calc(200%/3);}

/*table_end*/
/*table*/
.sub_staff3 th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff3 tr{border:1px solid gray;font-weight:600;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;font-size: 1.0em;}

.sub_staff3 th{width: calc(100%/3);}

.sub_staff3 td{width:calc(100%/3);}

/*table_end*/
.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_3 img{width:100%;display:inline-block;}

.picture_01 img{width:30%;display:inline-block;}

.picture_456 img{width:50%;display:inline-block;}

.picture_789 a img{width:40%;display:inline-block;margin:0;padding:0;}

.size{font-size:1.6em;font-weight:bold;}

.size_a{font-size:1.3em;font-weight:bold;}

.size_b{font-size:1.0em;font-weight:bold;}

.size_c{font-size:1.1em;font-weight:400;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.2em;font-weight:400;}

.size_small02{font-size:1.4em;font-weight:bold;}

.size_small03{font-size:1.4em;font-weight:bold;}

.size_small04{font-size:1.4em;font-weight:600;}

.footer01{width:100%;height:auto;margin-top:auto;

background:url("../img/index06_footer.jpg") no-repeat;

background-position:center center;background-size:cover;}

.footer01 a, .footer01 a:hover, .footer01 a:hover:after

{text-decoration:none;}

a.btn--orange {font-size:1.3em;text-decoration:none;
  color:#fff;font-weight:bold;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
}
a.btn--orange:hover, a.btn--orange:hover:after {
  margin-top: 3px;text-decoration:none;
  font-size:1.3em;
  color:#fff;font-weight:bold;
  
  border-bottom: 2px solid #b84c00;
}
a.btn--shadow {text-decoration:none;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.btn0,
a.btn0,
button.btn0 {font-weight:bold;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
    
}

a.btn-solid-line {text-decoration:none;
  border-right: 4px solid #0a5f4a;
  border-bottom: 10px solid #0f745b;
  border-left: 4px solid #8cf9de;
  border-radius: 0;
  background: rgba(5,199,86,1.0);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:1.2em;
-webkit-text-shadow:2px 2px 2px black;
  
}

a.btn-solid-line:hover, a.btn-solid-line:hover:after{
  margin-top: 3px;text-decoration:none;
  border-right: 4px solid rgba(5,199,86,1.0);
  border-bottom: 7px solid rgba(5,199,86,1.0);
  border-left: 4px solid rgba(5,199,86,1.0);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:1.2em;
-webkit-text-shadow:2px 2px 2px black;
}

a.btn-solid-gold {text-decoration:none;
  border-right: 4px solid #cea82c;
  border-bottom: 10px solid #987c1e;
  border-left: 4px solid #ffed8b;
  border-radius: 0;
  background: -webkit-gradient(linear, right top, left top, from(#ffd75b), color-stop(30%, #fff5a0), color-stop(40%, #fffabe), color-stop(50%, #ffffdb), color-stop(70%, #fff5a0), to(#fdd456));
  background: -webkit-linear-gradient(right, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);
  background: linear-gradient(-90deg, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:1.2em;
-webkit-text-shadow:2px 2px 2px black;
}

a.btn-solid-gold:hover, a.btn-solid-gold:hover:after {
  margin-top: 3px;text-decoration:none;
  border-right: 4px solid #cea82c;
  border-bottom: 7px solid #987c1e;
  border-left: 4px solid #ffed8b;
  color:#fff;text-shadow:2px 2px 2px black;
  font-size:1.2em;
-webkit-text-shadow:2px 2px 2px black;
}

.btn-radius-gradient-wrap {font-size:1.1em;text-decoration:none;
  display: inline-block;color:rgba(230,121,40,1);

  padding: 0.5rem;

  border-radius: 100vh;
  background: #f2f5f6;
  background: -webkit-linear-gradient(
    to top,
    #f2f5f6 0%,
    #e3eaed 37%,
    #96a1a5 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f5f6),
    color-stop(37%, #e3eaed),
    to(#96a1a5)
  );
  background: -webkit-linear-gradient(
    top,
    #f2f5f6 0%,
    #e3eaed 37%,
    #96a1a5 100%
  );
  background: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #96a1a5 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#96a1a5', GradientType=0);
}

a.btn-radius-gradient {font-size:1.1em;text-decoration:none;
  border-radius: 100vh;color:rgba(230,121,40,1);
  background: #e3eaed;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e3eaed),
    to(#f2f5f6)
  );
  background: -webkit-linear-gradient(top, #e3eaed 0%, #f2f5f6 100%);
  background: linear-gradient(to bottom, #e3eaed 0%, #f2f5f6 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3eaed', endColorstr='#f2f5f6', GradientType=0);
}

a.btn-radius-gradient:hover, a.btn-radius-gradient:hover:after{font-size:1.1em;
  -webkit-transform: scale(1.05);text-decoration:none;
  color:rgba(230,121,40,1);
  transform: scale(1.05);
}

.layout2{z-index:3;width:100vw;
  display:block;
  position:relative;
  background: white;
  min-height:100vh;
}



}