@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, hr, menu, nav, section {
  display: block
}

a, hr {
  padding: 0
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0
}

ins, mark {
  background-color: #ff9;
  color: #000
}

body {
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
line-height: 1
}

nav ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
  content: none
}

a {
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
	
  background: 0 0
}

ins {
  text-decoration: none
}

mark {
  font-style: italic;
  font-weight: 700
}

del {
  text-decoration: line-through
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0
}

input, select {
  vertical-align: middle
}

@media print, screen and (min-width:641px) {
  a, body {
    color: #181818
  }
  body {
   font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: .00425em
  }
  .display, .secondPage {
    position: relative;
    left: 0
  }
  #HEADER, #HEADER .context {
    -webkit-transition: all .4s ease-in-out
  }
  * {
    margin: 0;
    padding: 0;
    zoom: 1
  }
  html {
    -webkit-text-size-adjust: none
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: 500
  }
  img {
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom
  }
  a {
    text-decoration: none;
    outline: 0;
    cursor: pointer
  }
  a:hover {
    color: #666
  }
  a:hover img {
    opacity: .8
  }
  .clear {
    clear: both
  }
  .clearfix:after {
    content: "";
    display: block;
    clear: both
  }
  .display {
    width: 1120px;
    margin: 0 auto;
    top: 0;
    overflow: inherit
  }
  
  i, strong {
    font-style: normal
  }
  .secondPage {
    top: 73px!important
  }
  #HEADER {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    padding: 0 0 24px;
	 
	 
    transition: all .4s ease-in-out
  }
  #HEADER .display {
    width: auto;
    min-width: 1120px
  }
  #HEADER .context {
    transition: all .4s ease-in-out;
    float: left;
    margin: 10px 0 0 32px
  }
  #HEADER .context h1 {
    margin: 8px 0 0
  }
  #HEADER .context h1 img {
    height: 50px
  }
  #HEADER .GLOBAL {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    margin: 24px 32px 0 0;
    float: right;
  }
  #HEADER .GLOBAL ul {
    display: block
  }
  #HEADER .GLOBAL ul li {
    list-style: none;
    float: left;
    margin: 16px 0 0 30px;
	  letter-spacing: 1px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 1;
	  text-align: center;
	  font-weight: bold;
  }
  #HEADER .GLOBAL ul li:first-child {
    margin-left: 0
  }
  #HEADER .GLOBAL ul li a {
    display: block;
    color: #1b1b1b;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 15px
  }
  #HEADER .GLOBAL ul li a:hover {
    text-decoration: none;
	  color:#0054a7;
  }
  #HEADER .GLOBAL ul .contact {
    margin-top: 0
  }
  #HEADER .GLOBAL ul .contact a {
    padding: 16px 56px;
   border: 1px solid #8f7553;
    background: #8f7553
  }
  #HEADER .GLOBAL ul .contact a:hover {
    background: rgba(255, 255, 255, .2);
    text-decoration: none
  }
}

@media screen and (min-width:641px) and (max-width:1200px) {
  #HEADER  h1 img {
    height: 70px;
  }
  #HEADER .GLOBAL ul li {
  }
  #HEADER .GLOBAL ul .contact a {
    padding: 16px 40px!important
  }
}

@media print, screen and (min-width:641px) {
  #FOOTER, #WRAPPER {
    position: relative;
    z-index: 2
  }
 
  #HEADER.active {
    background: #fff;
    padding-bottom: 0px
  }
	#HEADER.active .context {
    margin-top: 0px;
     margin-bottom: 5px
  }
  #HEADER.active .GLOBAL {
    margin-top: 12px
  }
  #HEADER.active .GLOBAL li a {
    color: #1b1b1b;
	margin-top: -5px;
  }
  #HEADER.active .GLOBAL .contact a {
    border: 1px solid #8f7553;
    background: #8f7553;
    color: #1b1b1b;
  }
  #HEADER.active .GLOBAL .contact a:hover {
    border: 1px solid #8f7553;
    background: #8f7553
  }

	
		#HEADER.active .head_add {
    margin-top: -29px;
    
  }
	
  #FOOTER {
    background: #fff;
    top: 0;
    left: 0
  }
  #FOOTER .box {
    padding: 35px 0
  }
  #FOOTER .box dl {
    float: left;
    width: 25%
  }
  #LOADING, #firstView {
    width: 100%;
    height: 100%
  }
  #FOOTER .box dl dt {
    font-size: 16px;
    color: #FFF;
    font-weight: 700;
    margin: 0 0 16px
  }
  #FOOTER .box dl dd {
    margin: 0 0 4px;
    font-size: 10px;
    display: block!important
  }
  #FOOTER .box dl dd a {
    color: #FFF;
    background: url("../images/common/footer_arrow.png") left center no-repeat;
    -ms-background-size: 11px;
    background-size: 11px;
    padding: 0 0 0 20px
  }
  #FOOTER .box dl dd a:hover {
    background-position: 1px center
  }
  #FOOTER .copy {
    background: #0A234D;
    padding: 15px 0;
    color: #FFF;
    font-size: 12px;
    overflow: hidden
  }
  #FOOTER .copy small {
    float: left;
    font-style: normal;
    margin: 12px 0 0
  }
  #FOOTER .copy p {
    float: right
  }
  #page_up {
    position: fixed;
    z-index: 100;
    right: 24px;
    bottom: 24px;
    display: none
  }
  #LOADING {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #1b1b1b;
  }
  #LOADING img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    animation: animetion .4s linear infinite;
    -moz-animation: animetion .4s linear infinite;
    -ms-animation: animetion .4s linear infinite;
    -o-animation: animetion .4s linear infinite;
    -webkit-animation: animetion .4s linear infinite
  }
  @keyframes animetion {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
    }
  }
  @-webkit-keyframes animetion {
    0% {
      transform: rotate(0);
      -webkit-transform: rotate(0)
    }
    100% {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg)
    }
  }
  #WRAPPER {
    top: 0;
    left: 0;
   
  }
  #WRAPPER .wrap {
    padding: 64px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    -ms-background-size: cover;
    background-size: cover
  }
  #WRAPPER .wrap .hgroup {
    text-align: center;
    margin: 0 0 48px
  }
  #WRAPPER .wrap .hgroup h2 {
    line-height: 1.4;
    font-size: 28px
  }
  #WRAPPER .wrap .hgroup p {
    font-size: 14px;
    margin: 4px 0 0
  }
  #firstView {
    position: fixed;
    background: #000;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden
  }
  #firstView .set {
    display: none!important
  }
  #firstView .setMovie img {
    position: fixed;
    top: 50%;
left: 50%;
transform: translate(-50%, -50%);

    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
	  text-align: center;
	 
		
  }
  #firstView .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
    background: url("../images/slider/dotto_sp.png") center center
  }
  #firstView .title .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center
  }
  #firstView .title .scroll {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -30px;
    bottom: 8px;
    width: 60px;
    opacity: 0;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
  }
  #firstView .title .scroll i {
    color: #FFF;
    font-size: 9px;
    display: block;
    margin: 16px 0 0;
    letter-spacing: .02em;
    opacity: .8
  }
  #firstView .title .scroll a {
    display: block
  }
  #firstView .title .mouse {
    text-align: center;
    width: 24px;
    height: 40px;
    margin: 0 auto;
    border: 1.5px solid #FFF;
    border-radius: 20px;
    overflow: hidden
  }
  #firstView .title .text {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 60px 0 0;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
  }
  #firstView .title .text img {
    width: 50%;
    min-width: 800px;
    max-width: 1100px
  }
  .INDEX .blog, .INDEX .first, .INDEX .two {
    min-width: 1120px;
    max-width: 1920px
  }
  #firstView .title .text .btnArea {
    margin: 48px 0 0;
    -webkit-transform: translateX(0) translateY(-16px);
    transform: translateX(0) translateY(-16px);
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    opacity: 0
  }
  #firstView .title .text .btnArea a.btn {
    border: 1px solid #FFF;
    padding: 10px 0;
    width: 210px;
    display: inline-block;
    color: #FFF;
    font-size: 15px;
    letter-spacing: .024em;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 0 8px;
    background: 0 0
  }
  #firstView .title .text .btnArea a.btn:hover {
    background: rgba(255, 255, 255, .3)
  }
  #firstView .title .sns {
    position: absolute;
    bottom: 24px;
    right: 24px
  }
  #firstView .title .sns li {
    float: left;
    list-style: none;
    margin: 0 0 0 16px
  }
  #firstView .title .sns li img {
    width: 24px
  }
  #firstView .title .active {
    opacity: 1
  }
  #firstView .title .btnArea.active {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1
  }
  #firstView .title .scroll.active {
    bottom: 24px;
    opacity: 1
  }
  #firstView .message {
    color: #FFF;
    font-size: 18px;
    margin: 28px 0 0;
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    line-height: 1.4
  }
  #firstView .message strong {
    font-size: 32px;
    display: inline-block;
    margin: 0 4px;
    font-weight: 700
  }
  #firstView .message.active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  .INDEX .hGroup {
    text-align: center;
    line-height: 1;
    margin: 0 0 36px
  }
  .INDEX .hGroup h2 {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .1em
  }
  .INDEX .hGroup p {
    font-size: 15px;
    margin: 12px 0 0
  }
  .INDEX .wrap {
    padding: 64px 0
  }



}

@media screen and (min-width:641px) and (max-width:1300px) {
  
}

@media screen and (min-width:641px) and (min-width:1281px) {
  
}

@media print, screen and (min-width:641px) {



  .INDEX .frontThree {
    padding: 64px 0;
    background: #FFF;
    border-bottom: #ddd 1px solid
  }
  .INDEX .frontThree .bnrs li {
    list-style: none;
    width: 49%;
    float: left
  }
  .INDEX .frontThree .bnrs li:nth-child(2n+2) {
    float: right
  }
  .INDEX .frontThree .bnrs li img {
    width: 100%
  }


  
  
  .wrapper {
    background: #FFF
  }
  .wrapper .bnr_area, .wrapper h3 {
    border-radius: 6px;
    
  }
  .wrapper .left_block {
    width: 65%;
    float: left
  }
  .wrapper .right_block {
    width: 30%;
    float: right
  }
  .wrapper h3 {
    font-size: 20px;
    padding: 5px 20px;
    margin: 0 0 24px
  }
  .wrapper .sbox {
    margin: 0 0 60px
  }
  .wrapper .sbox:last-child {
    margin: 0
  }
  .wrapper .bnr_area {
    padding: 20px;
    margin: 0 0 20px
  }
  .wrapper .bnr_area li {
    list-style: none;
    margin: 0 0 20px
  }
  .wrapper .bnr_area li:last-child {
    margin: 0
  }
  .wrapper .bnr_area li img {
    width: 100%;
    vertical-align: bottom
  }
  .wrapper .bnr_area li a {
    display: block;
    background: #FFF
  }
  .wrapper .bnr_area li a img {
    -webkit-transition: all 160ms ease-in-out;
    transition: all 160ms ease-in-out
  }
  .wrapper .bnr_area li a:hover img {
    opacity: .5
  }

  
}






@media print, screen and (min-width:641px) and (max-width:1024px) {
  a, body {
    color: #181818
  }
  body {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: .00425em;
   
  }
  #HEADER, #HEADER .context {
    -webkit-transition: all .4s ease-in-out
  }
  #FOOTER .box dl dt, #HEADER .GLOBAL, #page .btn, #page .btn_o, #page .forms .wpcf7-submit, #page .portfolio_sp li figure, a {
    cursor: pointer
  }
  .display, .secondPage {
    position: relative;
    left: 0
  }
  #page .float, * {
    zoom: 1
  }
  #page .float:after, .INDEX .staffBlog .photos, .INDEX .staffBlog .photos li:nth-child(3n+1), .STAFF ul li:nth-child(3n+1), .STAFF ul:after, .clear, .clearfix:after, .right_block .gadget .blogList li:nth-child(2n+1) {
    clear: both
  }
  * {
    margin: 0;
    padding: 0
  }
  html {
    -webkit-text-size-adjust: none
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: 500
  }
  img {
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom;
    max-width: 100%;
    height: auto
  }
  a {
    text-decoration: none;
    outline: 0
  }
  a:hover {
    color: #666
  }
  a:hover img {
    opacity: .8
  }
  .clearfix:after {
    content: "";
    display: block
  }
  .display {
    width: auto;
    margin: 0 auto;
    top: 0;
    overflow: inherit
  }
	
	

  
  i, strong {
    font-style: normal
  }
  .secondPage {
    top: 56px!important
  }
  #HEADER {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    transition: all .4s ease-in-out;
    
    height: 56px;
	
  }
  #HEADER .display {
    width: auto;
    min-width: auto;
    overflow: visible
  }
  #HEADER .context {
    transition: all .4s ease-in-out;
    float: left;
    margin: 12px 0 0 16px
  }
  #HEADER .context h1 {
    margin: 4px 0 0
  }
  #HEADER .context h1 img {
    height: 24px
  }
  #HEADER .GLOBAL {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    margin: 12px 16px 0 0;
    float: right;
    background: url("../images/common/heder_nav.png") center 0 no-repeat;
    -ms-background-size: 32px 64px;
    background-size: 32px 64px;
    width: 32px;
    height: 32px
  }
  #HEADER .GLOBAL ul {
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 3;
    width: 100%;
    background: #bac48f;
    display: none;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1)
  }
  #FOOTER, #WRAPPER {
    position: relative;
    top: auto;
    z-index: 2
  }
  #HEADER .GLOBAL ul li {
    list-style: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 1
  }
  #HEADER .GLOBAL ul li a {
    display: block;
    color: #1b1b1b;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 14px;
    border-top: #ddd 1px solid;
    padding: 16px 12px;
    background: url("../images/fix/icon_arrow_l.png") 96% center no-repeat;
    -ms-background-size: 8px 13px;
    background-size: 8px 13px
  }
  #HEADER .GLOBAL ul li a:hover {
    background: url("../images/fix/icon_arrow_l.png") 97% center no-repeat #f2f2f2;
    -ms-background-size: 8px 13px;
    background-size: 8px 13px
  }
  #HEADER .addClose {
    background: url("../images/common/heder_nav.png") center -32px no-repeat;
    -ms-background-size: 32px 64px;
    background-size: 32px 64px
  }
  #FOOTER {
    background: #fff;
    left: 0
  }
  #FOOTER .box {
    padding: 24px 16px
  }
  #FOOTER .box dl {
    margin: 0 0 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-bottom: none;
    background: rgba(0, 0, 0, .2);
    border-radius: 6px;
    overflow: hidden
  }
  #FOOTER .box dl dd, #FOOTER .box dl dt {
    border-bottom: rgba(255, 255, 255, .08) 1px solid
  }
  #FOOTER .box dl:last-child {
    margin: 0
  }
  #FOOTER .box dl dt {
    font-size: 15px;
    color: #FFF;
    font-weight: 700;
    padding: 12px;
    background: url("../images/common/footer_icon_plus.png") 98% center no-repeat;
    -ms-background-size: 16px;
    background-size: 16px
  }
  #FOOTER .box dl .addClose {
    background: url("../images/common/footer_icon_mainus.png") 98% center no-repeat;
    -ms-background-size: 16px;
    background-size: 16px
  }
  #FOOTER .box dl dd {
    font-size: 12px;
    display: none
  }
  #FOOTER .box dl dd a {
    color: #FFF;
    display: block;
    background: url("../images/common/footer_arrow.png") 12px center no-repeat;
    -ms-background-size: 11px;
    background-size: 11px;
    padding: 12px 12px 12px 32px
  }
  #FOOTER .box dl dd a:hover {
    background: url("../images/common/footer_arrow.png") 13px center no-repeat;
    -ms-background-size: 11px;
    background-size: 11px
  }
  #FOOTER .copy {
    background: #0A234D;
    padding: 16px 12px;
    color: #FFF;
    font-size: 12px;
    overflow: hidden
  }
  #FOOTER .copy small {
    float: left;
    font-style: normal;
    margin: 12px 0 0
  }
  #FOOTER .copy p {
    float: right
  }
  #LOADING {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #FFF
  }
  #LOADING img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    animation: animetion .4s linear infinite;
    -moz-animation: animetion .4s linear infinite;
    -ms-animation: animetion .4s linear infinite;
    -o-animation: animetion .4s linear infinite;
    -webkit-animation: animetion .4s linear infinite
  }
  @keyframes animetion {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
    }
  }
  @-webkit-keyframes animetion {
    0% {
      transform: rotate(0);
      -webkit-transform: rotate(0)
    }
    100% {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg)
    }
  }
  #page_up {
    position: fixed;
    z-index: 100;
    right: 16px;
    bottom: 16px;
    display: none
  }
  #WRAPPER {
    left: 0;
    
  }
  #firstView, #firstView .setMovie {
    position: fixed;
    left: 0;
    width: 100%
  }
  #WRAPPER .wrap {
    padding: 48px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    -ms-background-size: cover;
    background-size: cover
  }
  #WRAPPER .wrap .hgroup {
    text-align: center;
    margin: 0 0 48px
  }
  #WRAPPER .wrap .hgroup h2 {
    line-height: 1.4;
    font-size: 28px
  }
  #WRAPPER .wrap .hgroup p {
    font-size: 14px;
    margin: 4px 0 0
  }
  #firstView {
    background: #000;
    top: 0;
    z-index: 1;
    overflow: hidden;
    height: auto
  }
  #firstView .set {
    display: none!important
  }
  #firstView .setMovie {
    top: 0;
    height: 100%;
    z-index: -1;
    background: url("../images/spmain.jpg") center center no-repeat;
    -ms-background-size: cover;
    background-size: cover
  }
  #firstView .setMovie img {
    display: none
  }
  #firstView .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
    background: url("../images/slider/dotto_sp.png") center center
  }
  #firstView .title .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center
  }
  #firstView .title .scroll {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -30px;
    bottom: 8px;
    width: 60px;
    opacity: 0;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
  }
  #firstView .title .scroll i {
    color: #FFF;
    font-size: 11px;
    display: block;
    margin: 16px 0 0;
    letter-spacing: .02em;
    opacity: .8
  }
  #firstView .title .scroll a {
    display: block
  }
  #firstView .title .mouse {
    text-align: center;
    width: 24px;
    height: 40px;
    margin: 0 auto;
    border: 1.5px solid #FFF;
    border-radius: 20px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    overflow: hidden
  }
  #firstView .title .text {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 20px 0 0;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
  }
  #firstView .title .text img {
    width: 88%
  }
  #firstView .title .text .btnArea {
    margin: 32px 0 0;
    opacity: 0;
    -webkit-transform: translateX(0) translateY(-16px);
    transform: translateX(0) translateY(-16px);
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
  }
  #firstView .title .text .btnArea a.btn {
    border: 1px solid #FFF;
    padding: 10px 0;
    width: 210px;
    display: inline-block;
    color: #FFF;
    font-size: 14px;
    letter-spacing: .024em;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: 0 0;
    margin: 0 8px
  }
  #firstView .title .text .btnArea a.btn:hover {
    background: rgba(255, 255, 255, .3)
  }
  #firstView .title .sns {
    position: absolute;
    bottom: 24px;
    right: 24px
  }
  #firstView .title .sns li {
    float: left;
    list-style: none;
    margin: 0 0 0 16px
  }
  #firstView .title .sns li img {
    width: 24px
  }
  #firstView .title .active {
    opacity: 1
  }
  #firstView .title .btnArea.active {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1
  }
  #firstView .title .scroll.active {
    bottom: 20px;
    opacity: 1
  }
  #firstView .message {
    color: #FFF;
    font-size: 16px;
    margin: 28px 0 0;
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    line-height: 1.4
  }
  #firstView .message strong {
    font-size: 24px;
    display: inline-block;
    margin: 0 4px;
    font-weight: 700
  }
  #firstView .message.active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  .INDEX .hGroup {
    text-align: center;
    line-height: 1;
    margin: 0 0 36px
  }
  .INDEX .hGroup h2 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .1em
  }
  .INDEX .hGroup p {
    font-size: 14px;
    margin: 12px 0 0
  }
  .INDEX .wrap {
    padding: 48px 0
  }
  .INDEX .first {
    min-width: auto;
    max-width: auto;
    margin: 0 auto
  }
  .INDEX .first:before {
    content: 'Solution';
    text-align: center;
    background: #FFF;
    padding: 8px 32px;
    display: block;
    font-size: 18px;
    font-weight: 700
  }
  .INDEX .first ul li {
    width: 100%;
    float: left;
    list-style: none;
    background: #000;
    color: #f2f2f2
  }
  .INDEX .first ul li:nth-child(1) {
    background: url("../images/top/first_photo01.jpg") no-repeat;
    -ms-background-size: cover;
    background-size: cover
  }
  .INDEX .first ul li:nth-child(2) {
    background: url("../images/top/first_photo03.jpg") no-repeat;
    -ms-background-size: cover;
    background-size: cover
  }
  .INDEX .first ul li:nth-child(3) {
    background: url("../images/top/first_photo02.jpg") no-repeat;
    -ms-background-size: cover;
    background-size: cover
  }
  .INDEX .first ul li:nth-child(4) {
    background: url("../images/top/first_photo04.jpg") no-repeat;
    -ms-background-size: cover;
    background-size: cover
  }
  .INDEX .first ul li .context {
    width: 60%;
    height: 300px;
    display: table;
    float: right
  }
  .INDEX .first ul li .context .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 0 32px
  }
  .INDEX .first ul li .context i {
    font-size: 10px;
    display: block;
    margin: 0 0 4px
  }
  .INDEX .first ul li .context h2 {
    font-size: 22px;
    line-height: 1;
    margin: 0 0 20px
  }
  .INDEX .first ul li .context p {
    font-size: 13px;
    text-align: justify
  }
  .INDEX .first ul li .context .btnArea {
    margin: 24px 0 0
  }
  .INDEX .first ul li .context .btnArea a {
    padding: 8px 0;
    width: 260px;
    text-align: center;
    border: 1px solid #FFF;
    color: #FFF;
    display: inline-block;
    margin: 0 8px 0 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }
  .INDEX .first ul li .context .btnArea a:hover {
    background: rgba(255, 255, 255, .3)
  }
  .INDEX .first ul li .context .btnArea a:last-child {
    margin: 0
  }
  
  
  .INDEX .clum {
    background: #FFF;
    min-width: auto;
    max-width: auto;
    margin: 0 auto
  }
  .INDEX .clum ul.three>li {
    list-style: none
  }
  .INDEX .clum ul.three>li .box {
    padding: 0 32px;
    height: 280px;
    overflow: hidden
  }
  .INDEX .clum .info {
    background: #f2f2f2
  }
  .INDEX .clum .info h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 24px 0 12px
  }
  .INDEX .clum .info ul {
    overflow: auto;
    height: 190px;
    padding: 0 16px 0 0
  }
  .INDEX .clum .info ul li {
    list-style: none;
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: #ddd 1px solid
  }
  .INDEX .clum .info ul li dl dt {
    background: #6288C6;
    color: #FFF;
    font-size: 10px;
    display: inline-block;
    padding: 2px 12px;
    vertical-align: middle;
    float: left;
    text-align: center;
    margin: 0 16px 0 0
  }
  .INDEX .clum .contact {
    background: #0A234D;
    color: #FFF
  }
  .INDEX .clum .contact a {
    color: #FFF
  }
  .INDEX .clum .contact .box {
    padding: 0!important;
    width: 100%;
    display: table;
    height: 300px!important
  }
  .INDEX .clum .contact .box .cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.5
  }
  .INDEX .sns ul li, .INDEX .sns ul li iframe {
    vertical-align: bottom
  }
  .INDEX .clum .contact .box .cell a.tel {
    font-size: 28px;
    font-weight: 500
  }
  .INDEX .clum .contact .box .cell figure {
    padding: 24px 0 0
  }
  .INDEX .clum .contact .box .cell figure figcaption {
    font-size: 16px;
    text-decoration: underline;
    margin: 20px 0 0;
    color: #FFF
  }
  .INDEX .clum .contact .box .cell figure a {
    display: inline-block
  }
  .INDEX .clum .contact .box .cell figure a:hover img {
    opacity: 1
  }
  .INDEX .clum .map .box {
    padding: 0!important;
    width: 100%
  }
  .INDEX .clum .map .box iframe {
    display: block;
    width: 100%;
    height: 100%
  }
  .INDEX .clum .map .box .map-embed {
    width: 100%;
    height: 280px;
    margin: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0
  }
  .INDEX .clum .map .box .map-embed>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
  }
  .INDEX .clum .map .box .map-embed .map-embed img {
    max-width: none
  }
 
  .INDEX .frontThree {
    padding: 32px 16px;
    background: #FFF;
    border-bottom: #ddd 1px solid
  }
  .INDEX .frontThree .bnrs li {
    list-style: none;
    width: 49%;
    float: left
  }
  .INDEX .frontThree .bnrs li:nth-child(2n+2) {
    float: right
  }
  .INDEX .frontThree .bnrs li img {
    width: 100%
  }
 
  #FOOTER.secondPage {
    top: 56px!important
  }
  
  

 
  
  .wrapper {
    background: #FFF
  }
  .wrapper .bnr_area, .wrapper h3 {
    border-radius: 6px;
    
  }
  .wrapper h3 {
    font-size: 20px;
    padding: 5px 20px;
    font-weight: 700;
    margin: 0 0 24px
  }
  .wrapper .sbox {
    margin: 0 15px 30px
  }
  .wrapper .sbox:lp .flex1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .wrapper .sbox:lp .flex1 .flex-item {
    width: 48%;
    margin: 0 1%
  }
  .wrapper .bnr_area {
    padding: 2%;
    margin: 15px
  }
  .wrapper .bnr_area li {
    list-style: none;
    width: 32%;
    margin: 0 0 2%;
    float: left
  }
  .wrapper .bnr_area li:nth-child(2), .wrapper .bnr_area li:nth-child(4) {
    margin: 0 2% 2%
  }
  .wrapper .bnr_area li:first-child, .wrapper .bnr_area li:nth-last-child(-n+2) {
    margin-bottom: 0
  }
  .wrapper .bnr_area li img {
    width: 100%;
    vertical-align: bottom
  }
  .wrapper .bnr_area li a {
    display: block;
    background: #FFF
  }
  .wrapper .bnr_area li a img {
    -webkit-transition: all 160ms ease-in-out;
    transition: all 160ms ease-in-out
  }
  .wrapper .bnr_area li a:hover img {
    opacity: .5
  }
  
  
  
}

@media print, screen and (min-width:0px) and (max-width:640px) {
  a, body {
    color: #181818
  }
  body {
    font-family: Lato, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-weight: 500;
   
    line-height: 1.7;
    letter-spacing: .00425em
  }
  .display, .secondPage {
    position: relative;
    left: 0
  }
  #HEADER, #HEADER .context {
    -webkit-transition: all .4s ease-in-out
  }
  * {
    margin: 0;
    padding: 0;
    zoom: 1
  }
  html {
    -webkit-text-size-adjust: none
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: 500
  }
  img {
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom;
    max-width: 100%;
    height: auto
  }
  .INDEX .blog, .INDEX .clum, .INDEX .first, .INDEX .two {
    max-width: auto;
    min-width: auto
  }
  a {
    text-decoration: none;
    outline: 0;
    cursor: pointer
  }
  a:hover {
    color: #666
  }
  a:hover img {
    opacity: .8
  }
  .clear {
    clear: both
  }
  .clearfix:after {
    content: "";
    display: block;
    clear: both
  }
  .display {
    width: auto;
    margin: 0 auto;
    top: 0;
    overflow: inherit
  }
 
  i, strong {
    font-style: normal
  }
  .secondPage {
    top: 56px!important
  }
  #HEADER {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    transition: all .4s ease-in-out;
    background: #fff;
	  border-bottom: 2px solid #fff;
    height: 56px
  }
  #HEADER .display {
    width: auto;
    min-width: auto;
    overflow: visible
  }
  #HEADER .context {
    transition: all .4s ease-in-out;
    float: left;
    margin: 12px 0 0 12px
  }
  #HEADER .context h1 {
    margin: 4px 0 0
  }
  #HEADER .context h1 img {
    height: 24px
  }
  #HEADER .GLOBAL {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    margin: 12px 12px 0 0;
    float: right;
    background: url("../images/common/heder_nav.png") center 0 no-repeat;
    -ms-background-size: 32px 64px;
    background-size: 32px 64px;
    width: 32px;
    height: 32px;
    cursor: pointer
  }
  #HEADER .GLOBAL ul {
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 3;
    width: 100%;
    background: #fb9d51;
    display: none;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1)
  }
  #FOOTER, #WRAPPER {
    position: relative;
    top: auto;
    z-index: 2
  }
  #LOADING img, #page_up img {
    width: 32px;
    height: 32px
  }
  #HEADER .GLOBAL ul li {
    list-style: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 1
  }
  #HEADER .GLOBAL ul li a {
    display: block;
    color: #181818;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 14px;
    border-top: #ddd 1px solid;
    padding: 16px 12px;
    background: url("../images/fix/icon_arrow_l.png") 93% center no-repeat;
    -ms-background-size: 8px 13px;
    background-size: 8px 13px
  }
  #HEADER .GLOBAL ul li a:hover {
    background: url("../images/fix/icon_arrow_l.png") 94% center no-repeat #f2f2f2;
    -ms-background-size: 8px 13px;
    background-size: 8px 13px
  }
  #HEADER .addClose {
    background: url("../images/common/heder_nav.png") center -32px no-repeat;
    -ms-background-size: 32px 64px;
    background-size: 32px 64px
  }
  #FOOTER {
    background: #fff;
    left: 0
  }
  #FOOTER .box {
    padding: 24px 12px
  }
  #FOOTER .box dl {
    margin: 0 0 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-bottom: none;
    background: rgba(0, 0, 0, .2);
    border-radius: 6px;
    overflow: hidden
  }
  #FOOTER .box dl dd, #FOOTER .box dl dt {
    border-bottom: rgba(255, 255, 255, .08) 1px solid
  }
  #FOOTER .box dl:last-child {
    margin: 0
  }
  #FOOTER .box dl dt {
    font-size: 15px;
    color: #FFF;
    font-weight: 700;
    padding: 12px;
    background: url("../images/common/footer_icon_plus.png") 96% center no-repeat;
    -ms-background-size: 16px;
    background-size: 16px;
    cursor: pointer
  }
  #FOOTER .box dl .addClose {
    background: url("../images/common/footer_icon_mainus.png") 96% center no-repeat;
    -ms-background-size: 16px;
    background-size: 16px
  }
  #FOOTER .box dl dd {
    font-size: 12px;
    display: none
  }
  #FOOTER .box dl dd a {
    color: #FFF;
    background: url("../images/common/footer_arrow.png") 12px center no-repeat;
    -ms-background-size: 11px;
    background-size: 11px;
    padding: 12px 12px 12px 32px;
    display: block
  }
  #FOOTER .box dl dd a:hover {
    background: url("../images/common/footer_arrow.png") 13px center no-repeat;
    -ms-background-size: 11px;
    background-size: 11px
  }
  #FOOTER .copy {
    background: #0A234D;
    padding: 16px 12px;
    color: #FFF;
    font-size: 12px;
    overflow: hidden;
    text-align: center
  }
  #FOOTER .copy small {
    font-style: normal;
    margin: 0 0 12px;
    display: block
  }
  #LOADING {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #FFF
  }
  #LOADING img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    animation: animetion .4s linear infinite;
    -moz-animation: animetion .4s linear infinite;
    -ms-animation: animetion .4s linear infinite;
    -o-animation: animetion .4s linear infinite;
    -webkit-animation: animetion .4s linear infinite
  }
  @keyframes animetion {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
    }
  }
  @-webkit-keyframes animetion {
    0% {
      transform: rotate(0);
      -webkit-transform: rotate(0)
    }
    100% {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg)
    }
  }
  #page_up {
    position: fixed;
    z-index: 100;
    right: 12px;
    bottom: 40px;
    display: none
  }
  #WRAPPER {
    left: 0;
   
  }
  #firstView, #firstView .setMovie {
    position: fixed;
    left: 0;
    width: 100%
  }
  #WRAPPER .wrap {
    padding: 32px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    -ms-background-size: cover;
    background-size: cover
  }
  #WRAPPER .wrap .hgroup {
    text-align: center;
    margin: 0 0 24px
  }
  #WRAPPER .wrap .hgroup h2 {
    line-height: 1.4;
    font-size: 18px
  }
  #WRAPPER .wrap .hgroup p {
    font-size: 12px;
    margin: 4px 0 0
  }
  #firstView {
    background: #000;
    top: 0;
    z-index: 1;
    overflow: hidden;
    height: auto
  }
  #firstView .set {
    display: none!important
  }
  #firstView .setMovie {
    top: 0;
    height: 100%;
    z-index: -1;
    background: url("../images/spmain.jpg") center center no-repeat;
    -ms-background-size: cover;
    background-size: cover
  }
  #firstView .setMovie img {
    display: none
  }
  #firstView .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
    background: url("../images/slider/dotto_sp.png") center center
  }
  #firstView .title .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center
  }
  #firstView .title .scroll {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -30px;
    bottom: -10px;
    width: 60px;
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
  }
  #firstView .title .scroll i {
    color: #FFF;
    font-size: 11px;
    display: block;
    margin: 16px 0 0;
    letter-spacing: .02em;
    opacity: .8
  }
  #firstView .title .scroll a {
    display: block
  }
  #firstView .title .mouse {
    text-align: center;
    width: 24px;
    height: 40px;
    margin: 0 auto;
    border: 1.5px solid #FFF;
    border-radius: 20px;
    overflow: hidden
  }
  #firstView .title .text {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 40px 0 0;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
  }
  #firstView .title .text img {
    width: 88%
  }
  #firstView .title .text .btnArea {
    margin: 32px 0 0;
    opacity: 0;
    -webkit-transform: translateX(0) translateY(-8px);
    transform: translateX(0) translateY(-8px);
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
  }
  #firstView .title .text .btnArea a.btn {
    border: 1px solid rgba(255, 255, 255, .88);
    padding: 10px 0;
    width: 64%;
    display: block;
    color: #FFF;
    font-size: 13px;
    letter-spacing: .024em;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: 0 0;
    margin: 0 auto 16px
  }
  #firstView .title .text .btnArea a.btn:last-child {
    margin-bottom: 0
  }
  #firstView .title .text .btnArea a.btn:hover {
    background: rgba(255, 255, 255, .3)
  }
  #firstView .title .sns {
    position: absolute;
    bottom: 14px;
    right: 12px
  }
  #firstView .title .sns li {
    float: left;
    list-style: none;
    margin: 0 0 0 16px
  }
  #firstView .title .sns li img {
    width: 16px
  }
  #firstView .title .active {
    opacity: 1
  }
  #firstView .title .btnArea.active {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1
  }
  #firstView .title .scroll.active {
    bottom: 8px;
    opacity: 1
  }
  #firstView .message {
    color: #FFF;
    font-size: 14px;
    margin: 24px 0 0;
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    line-height: 1.4
  }
  #firstView .message strong {
    font-size: 20px;
    display: inline-block;
    margin: 0 4px;
    font-weight: 700
  }
  #firstView .message.active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  .INDEX .hGroup {
    text-align: center;
    line-height: 1;
    margin: 0 0 24px
  }
  .INDEX .hGroup h2 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: .1em
  }
  .INDEX .hGroup p {
    font-size: 14px;
    margin: 12px 0 0
  }
  .INDEX .wrap {
    padding: 32px 0
  }
  
  
  
  .INDEX .clum {
    background: #FFF;
    margin: 0 auto
  }
  .INDEX .clum ul.three>li {
    list-style: none
  }
  .INDEX .clum ul.three>li .box {
    padding: 0 12px;
    height: 280px;
    overflow: hidden
  }
  .INDEX .clum .info {
    background: #f2f2f2
  }
  .INDEX .clum .info h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 24px 0 12px
  }
  .INDEX .clum .info ul {
    overflow: auto;
    height: 190px;
    padding: 0 16px 0 0
  }
  .INDEX .clum .info ul li {
    list-style: none;
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: #ddd 1px solid
  }
  .INDEX .clum .info ul li dl dt {
    background: #6288C6;
    color: #FFF;
    font-size: 10px;
    display: inline-block;
    padding: 2px 12px;
    vertical-align: middle;
    float: left;
    text-align: center;
    margin: 0 16px 0 0
  }
  .INDEX .clum .contact {
    background: #0A234D;
    color: #FFF
  }
  .INDEX .clum .contact a {
    color: #FFF
  }
  .INDEX .clum .contact .box {
    padding: 0!important;
    width: 100%;
    display: table
  }
  .INDEX .clum .contact .box .cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.5;
    padding: 0 12px
  }
  .INDEX .clum .contact .box .cell a.tel {
    font-size: 24px;
    font-weight: 500
  }
  .INDEX .clum .contact .box .cell figure {
    padding: 24px 0 0
  }
  .INDEX .clum .contact .box .cell figure figcaption {
    font-size: 15px;
    text-decoration: underline;
    margin: 20px 0 0;
    color: #FFF
  }
  .INDEX .clum .contact .box .cell figure a {
    display: block
  }
  .INDEX .clum .contact .box .cell figure a:hover img {
    opacity: 1
  }
  .INDEX .clum .map {
    height: 140px
  }
  .INDEX .clum .map .box {
    padding: 0!important;
    width: 100%
  }
  .INDEX .clum .map .box iframe {
    display: block;
    width: 100%;
    height: 140px
  }
  .INDEX .clum .map .box .map-embed {
    width: 100%;
    height: 140px;
    margin: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0
  }
  .INDEX .clum .map .box .map-embed>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
  }
  .INDEX .clum .map .box .map-embed .map-embed img {
    max-width: none
  }
  
  
  .INDEX .frontThree {
    padding: 0 5px 32px;
    background: #FFF;
    border-bottom: #ddd 1px solid
  }
  .INDEX .frontThree .bnrs li {
    list-style: none;
    margin: 0 0 16px
  }
  .INDEX .frontThree .bnrs li:last-child {
    margin: 0
  }
  .INDEX .frontThree .bnrs li img {
    width: 100%
  }
  
  #FOOTER.secondPage {
    top: 56px!important
  }
  
  .sp_function {
    height: auto!important
  }
  
  .wrapper {
    background: #FFF
  }
  .wrapper .bnr_area, .wrapper h3 {
    border-radius: 6px;
    background: #e5e5e5
  }
  .wrapper h3 {
    font-size: 16px;
    padding: 5px 10px;
    font-weight: 700;
    margin: 0 0 15px
  }
  .wrapper .sbox {
    margin: 0 12px 24px
  }
  .wrapper .bnr_area {
    padding: 2%;
    margin: 10px
  }
  .wrapper .bnr_area li {
    list-style: none;
    margin: 0 0 15px
  }
  .wrapper .bnr_area li:last-child {
    margin: 0
  }
  .wrapper .bnr_area li img {
    width: 100%;
    vertical-align: bottom
  }
  .wrapper .bnr_area li a {
    display: block;
    background: #FFF
  }
  .wrapper .bnr_area li a img {
    -webkit-transition: all 160ms ease-in-out;
    transition: all 160ms ease-in-out
  }
  .wrapper .bnr_area li a:hover img {
    opacity: .5
  }
  
}

.ma_t2 {
  margin-top: 2px
}

.ma_t4 {
  margin-top: 4px
}

.ma_t6 {
  margin-top: 6px
}

.ma_t8 {
  margin-top: 5px
}

.ma_t10 {
  margin-top: 10px
}

.ma_t12 {
  margin-top: 12px
}

.ma_t14 {
  margin-top: 14px
}

.ma_t16 {
  margin-top: 16px
}

.ma_t18 {
  margin-top: 18px
}

.ma_t20 {
  margin-top: 20px
}

.ma_t25 {
  margin-top: 25px
}

.ma_t30 {
  margin-top: 30px
}

.ma_t40 {
  margin-top: 40px
}

.ma_b2 {
  margin-bottom: 2px
}

.ma_b4 {
  margin-bottom: 4px
}

.ma_b6 {
  margin-bottom: 6px
}

.ma_b8 {
  margin-bottom: 8px
}

.ma_b10 {
  margin-bottom: 10px
}

.ma_b12 {
  margin-bottom: 12px
}

.ma_b14 {
  margin-bottom: 14px
}

.ma_b16 {
  margin-bottom: 16px
}

.ma_b18 {
  margin-bottom: 18px
}

.ma_b20 {
  margin-bottom: 20px
}

.ma_l2 {
  margin-left: 2px
}

.ma_l4 {
  margin-left: 4px
}

.ma_l6 {
  margin-left: 6px
}

.ma_l8 {
  margin-left: 8px
}

.ma_l10 {
  margin-left: 10px
}

.ma_l12 {
  margin-left: 12px
}

.ma_l14 {
  margin-left: 14px
}

.ma_l16 {
  margin-left: 16px
}

.ma_l18 {
  margin-left: 18px
}

.ma_l20 {
  margin-left: 20px
}

.ma_l40 {
  margin-left: 40px
}

.ma_r2 {
  margin-right: 2px
}

.ma_r4 {
  margin-right: 4px
}

.ma_r6 {
  margin-right: 6px
}

.ma_r8 {
  margin-right: 8px
}

.ma_r10 {
  margin-right: 10px
}

.ma_r12 {
  margin-right: 12px
}

.ma_r14 {
  margin-right: 14px
}

.ma_r16 {
  margin-right: 16px
}

.ma_r18 {
  margin-right: 18px
}

.ma_r20 {
  margin-right: 20px
}

.pa_t2 {
  padding-top: 2px
}

.pa_t4 {
  padding-top: 4px
}

.pa_t6 {
  padding-top: 6px
}

.pa_t8 {
  padding-top: 5px
}

.pa_t10 {
  padding-top: 10px
}

.pa_t12 {
  padding-top: 12px
}

.pa_t14 {
  padding-top: 14px
}

.pa_t16 {
  padding-top: 16px
}

.pa_t18 {
  padding-top: 18px
}

.pa_t20 {
  padding-top: 20px
}

.pa_t25 {
  padding-top: 25px
}

.pa_t30 {
  padding-top: 30px
}

.pa_t40 {
  padding-top: 40px
}

.pa_b2 {
  padding-bottom: 2px
}

.pa_b4 {
  padding-bottom: 4px
}

.pa_b6 {
  padding-bottom: 6px
}

.pa_b8 {
  padding-bottom: 8px
}

.pa_b10 {
  padding-bottom: 10px
}

.pa_b12 {
  padding-bottom: 12px
}

.pa_b14 {
  padding-bottom: 14px
}

.pa_b16 {
  padding-bottom: 16px
}

.pa_b18 {
  padding-bottom: 18px
}

.pa_b20 {
  padding-bottom: 20px
}

.pa_l2 {
  padding-left: 2px
}

.pa_l4 {
  padding-left: 4px
}

.pa_l6 {
  padding-left: 6px
}

.pa_l8 {
  padding-left: 8px
}

.pa_l10 {
  padding-left: 10px
}

.pa_l12 {
  padding-left: 12px
}

.pa_l14 {
  padding-left: 14px
}

.pa_l16 {
  padding-left: 16px
}

.pa_l18 {
  padding-left: 18px
}

.pa_l20 {
  padding-left: 20px
}

.pa_l40 {
  padding-left: 40px
}

.pa_r2 {
  padding-right: 2px
}

.pa_r4 {
  padding-right: 4px
}

.pa_r6 {
  padding-right: 6px
}

.pa_r8 {
  padding-right: 8px
}

.pa_r10 {
  padding-right: 10px
}

.pa_r12 {
  padding-right: 12px
}

.pa_r14 {
  padding-right: 14px
}

.pa_r16 {
  padding-right: 16px
}

.pa_r18 {
  padding-right: 18px
}

.pa_r20 {
  padding-right: 20px
}

.dark-tooltip {
  display: none;
  position: absolute;
  z-index: 99;
  text-decoration: none;
  font-weight: 400;
  height: auto;
  top: 0;
  left: 0
}

.dark-tooltip.small {
  padding: 4px;
  font-size: 12px;
  max-width: 150px;
  border-radius: 2px
}

.dark-tooltip.medium {
  padding: 10px;
  font-size: 14px;
  max-width: 250px;
  border-radius: 4px
}

.dark-tooltip.large {
  padding: 16px;
  font-size: 16px;
  max-width: 250px;
  border-radius: 6px
}

.dark-tooltip .tip {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  line-height: 0
}

.dark-tooltip.south .tip {
  left: 50%;
  top: 100%
}

.dark-tooltip.west .tip {
  left: 3px;
  top: 50%
}

.dark-tooltip.north .tip {
  left: 50%;
  top: 0
}

.dark-tooltip.east .tip {
  left: 100%;
  top: 50%
}

.dark-tooltip.south.small .tip {
  border-width: 7px 5px 0;
  margin-left: -5px
}

.dark-tooltip.south.medium .tip {
  border-width: 8px 6px 0;
  margin-left: -6px
}

.dark-tooltip.south.large .tip {
  border-width: 14px 12px 0;
  margin-left: -12px
}

.dark-tooltip.west.small .tip {
  border-width: 5px 7px 5px 0;
  margin-left: -7px;
  margin-top: -5px
}

.dark-tooltip.west.medium .tip {
  border-width: 6px 8px 6px 0;
  margin-left: -6px;
  margin-top: -6px
}

.dark-tooltip.west.large .tip {
  border-width: 12px 14px 12px 0;
  margin-left: -14px;
  margin-top: -12px
}

.dark-tooltip.north.small .tip {
  border-width: 0 5px 7px;
  margin-left: -5px;
  margin-top: -7px
}

.dark-tooltip.north.medium .tip {
  border-width: 0 6px 8px;
  margin-left: -6px;
  margin-top: -8px
}

.dark-tooltip.north.large .tip {
  border-width: 0 12px 14px;
  margin-left: -12px;
  margin-top: -14px
}

.dark-tooltip.east.small .tip {
  border-width: 5px 0 5px 7px;
  margin-top: -5px
}

.dark-tooltip.east.medium .tip {
  border-width: 6px 0 6px 8px;
  margin-top: -6px
}

.dark-tooltip.east.large .tip {
  border-width: 12px 0 12px 14px;
  margin-top: -12px
}

.dark-tooltip ul.confirm {
  list-style-type: none;
  display: inline-block;
  margin: 0 auto
}

.dark-tooltip ul.confirm li {
  padding: 10px;
  float: left;
  margin: 5px;
  min-width: 25px;
  border-radius: 3px
}

.dark-tooltip.dark {
  background-color: #6288c6;
  color: #fff
}

.dark-tooltip.light {
  background-color: #ebedf3;
  color: #1B1E24
}

.dark-tooltip.dark.south .tip {
  border-color: #6288c6 transparent transparent;
  margin-top: -6px
}

.dark-tooltip.dark.west .tip {
  border-color: transparent #6288c6 transparent transparent
}

.dark-tooltip.dark.north .tip {
  border-color: transparent transparent #6288c6
}

.dark-tooltip.dark.east .tip {
  border-color: transparent transparent transparent #6288c6
}

.dark-tooltip.light.south .tip {
  border-color: #ebedf3 transparent transparent
}

.dark-tooltip.light.west .tip {
  border-color: transparent #ebedf3 transparent transparent
}

.dark-tooltip.light.north .tip {
  border-color: transparent transparent #ebedf3
}

.dark-tooltip.light.east .tip {
  border-color: transparent transparent transparent #ebedf3
}

.dark-tooltip.dark ul.confirm li {
  background-color: #416E85
}

.dark-tooltip.dark ul.confirm li:hover {
  background-color: #417E85
}

.dark-tooltip.light ul.confirm li {
  background-color: #C1DBDB
}

.dark-tooltip.light ul.confirm li:hover {
  background-color: #DCE8E8
}

.animated {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .5s;
  animation-duration: .5s
}













.mvt01 {
	font-size: 40px;
	line-height: 150%;
	color: #fff;
	
}
.mvt02 {
	font-size: 72px;
	color: #fff;
	line-height: 150%;
}


.wrapbox {
    display: flex;
}

.column {
 
  width: 100%;
}
.cat1 {
	background-color: #0054a7;
	color: #fff;
	padding: 60px 0px;
}
.cat2 {
  background-image: url("../images/top/ph01.jpg");
  background-size: cover;
}
.cat3 {
	background-image: url("../images/ph02.jpg");
background-size: cover;
	
}
.cat4 {
 background-image: url("../images/top/naname.png");
}
.cat5 {
	background-color: #fe7303;
background-size: cover;
	
}
.cat6 {
  background-image: url("../images/ph03.jpg");
  background-size: cover;
}
.cat7 {
	background-image: url("../images/ph04.jpg");
background-size: cover;
	
}
.cat8 {
 background-color: #fe7303;
  background-size: cover;
}

.infobox {
	color: #fff;
}
.infobox02 {
	color: #000;
	margin-top: 70px;
}
.infobox h2 {
	overflow: hidden;
  text-align: center;
	font-size: 30px;
	margin-bottom: 10px;
}
.infobox h2 span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.infobox h2 span::before,
.infobox h2 span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 30%;
  height: 1px;
  background-color: #fff;
}
.infobox h2 span::before {
  right: 100%;
}
.infobox h2 span::after {
  left: 100%;
}

















.infobox h3,
.infobox02 h3 {
	font-size: 28px;
	margin-bottom: 10px;
	padding: 0 5%;
	font-weight: bold;
	color: #fff;
	line-height: 160%;
}
.infobox p,
.infobox02 p {
	
	line-height: 190%;
	font-size: 16px;
	margin-bottom: 20px;
	padding: 0 5%;
}

.cpoint {
	border: 1px solid #d1c0a5;
	padding: 8px;
	text-align: center;
	font-size: 16px;
	width: 44%;
	margin: 0px 5px 10px 5px;
	float: left;
}

.wrapbox02 {
	width: 950px;
	margin: auto;
	
}


.infobox03 {
	text-align: center;
	margin-top: 0px;
}
.infobox03 h2 {
	color:#1b1b1b;
	font-size: 42px;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
}

.infobox03 h3 {
	font-size: 30px;
	margin-bottom: 20px;
}

.infobox03 p {
	line-height: 190%;
	font-size: 16px;
	margin-bottom: 20px;
}


.slider-wrapper {
  overflow: hidden;
}

.slider {
  position: relative;
  left: 15vw; /* (100vw - SlideWidth) / 2 */ /* 20180210 変更 */
  overflow: visible !important;
}

.slide {
  width: 70vw !important;
  
}





.c-both {
    clear:both; display:block; visibility:hidden;
}

.disnone {
	display: none;
}


.footer_wrap {
	width: 950px;
	margin: auto;
	padding-top: 40px;
	margin-bottom: 40px;
}

.footer_wrap h2 {
	text-align: center;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
}
.footer_wrap h3 {
	text-align: center;
	margin-bottom: 10px;
	color: #fff;
	
}


#gaiyou {
	width: 100%;
	font-size: 14px;
	line-height: 180%;
	margin-bottom: 20px;
	
	
	margin-bottom: 40px;
}

dl#gaiyou dl,dl#gaiyou dt,dl#gaiyou dd {
	margin: 0;
	padding: 0;
}

dl#gaiyou dt,dl#gaiyou dd {
	padding: 15px;
}

dl#gaiyou dt {
	border-top: 1px solid #E3E3E3;
	clear: left;
	float: left;
	width: 25%;
}

dl#gaiyou dd {
	border-top: 1px solid #E3E3E3;
	margin-left:28%;
	
}

.fmap {
	margin-bottom: 40px;
}


ul#category  {
	list-style: none;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
	width: 200px;
	margin: auto;
	margin-bottom: 40px;
}
ul#category li {
	
    box-sizing: border-box;
    width: 25px;
	margin: 10px auto 10px auto;
	line-height: 150%;
	text-align: center;
}

.fcopy {
	color: #fff;
	text-align: center;
	font-size: 12px;
	background-color: #1b1b1b;
	padding: 5px;
}


/* フローティングバナーのラップ要素 */
#fixed_right_banner
{
    /* 右端の上から20pxの位置に固定表示 */
    position: fixed;
    top: 300px;
    right: 0;
	z-index: 1000000;
}
 
/* 画像の共通設定 */
#fixed_right_banner > *
{
    /* 横幅 */
    width: 60px;
}
 
/* 2個目以降の画像の上部に余白を作る */
#fixed_right_banner > * ~ * { margin-top: 10px; }
 
/* リンク要素 */
#fixed_right_banner > a
{
    /* ブロック要素に変更 */
    display: block;
 
    /* 透過変更をスムーズにする(任意) */
   -webkit-transition: opacity .2s ease;
   transition: opacity .2s ease;
}
 
/* マウスオーバー時の表現 */
#fixed_right_banner > a:hover
{
    /* 20%透過させる */
    opacity: .8;
}
 
/* コンテンツに被らないようにするメディアクエリ */
@media (max-width: 1155px)
{
    #fixed_right_banner { display: none; }
}


@media print, screen and (min-width:641px) and (max-width:1024px) {
.mvt01 {
	font-size: 32px;
	line-height: 150%;
	color: #fff;
	
}
.mvt02 {
	font-size: 48px;
	color: #fff;
	
	line-height: 150%;
}
	

	
.wrapbox {
    display: block;
}

.column {
  height: auto;
  width: 100%;
}
.cat1 {
	padding-top: 40px;
	padding-bottom: 40px;
	
}
.cat2 {
  background-image: url("../images/top/ph01.jpg");
  background-size: cover;
	 height: 300px;
}
.cat3 {
	background-image: url("../images/ph02.jpg");
background-size: cover;
	 height: 300px;
	
}
.cat4 {
 background-color: #fe7303;
  background-size: cover;
	padding: 50px 0px;
	border-bottom: #fff 1px solid;
}
.cat5 {
	background-color: #fe7303;
background-size: cover;
	padding: 50px 0px;
	
}
.cat6 {
  background-image: url("../images/ph03.jpg");
  background-size: cover;
	 height: 300px;
}
.cat7 {
	background-image: url("../images/ph04.jpg");
background-size: cover;
	 height: 300px;
	
}
.cat8 {
 background-color: #fe7303;
  background-size: cover;
	padding: 50px 0px;
}

.infobox {
	text-align: center;
	color: #000;
	
	margin: auto;
	margin-top: 0px;
	width: 90%;
	
	
}
.infobox02 {
	text-align: center;
	color: #000;
	
	margin: auto;
	margin-top: 0px;
	width: 90%;
	
}
.infobox h2,
.infobox02 h2 {
	color: #000;
	font-size: 36px;
	margin-bottom: 15px;
}
.infobox h3,
.infobox02 h3 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 20px;
}
.infobox p,
.infobox02 p {
	color: #fff;
	line-height: 190%;
	font-size: 14px;
	margin-bottom: 20px;
}

.cpoint {
	border: 1px solid #d1c0a5;
	padding: 8px;
	text-align: center;
	font-size: 16px;
	width: auto;
	margin: 0px 5px 10px 5px;
	float: none;
}

.wrapbox02 {
	width: auto;
	margin: auto;
	
}


.infobox03 {
	text-align: center;
	
	margin-top: 0px;
}
.infobox03 h2 {
	color:#000;
	font-size: 36px;
	margin-bottom: 15px;
}

.infobox03 h3 {
	font-size: 20px;
	margin-bottom: 20px;
}

.infobox03 p {
	line-height: 190%;
	font-size: 14px;
	margin-bottom: 20px;
}




.bxslider li {
  width;100%;  /* 画像サイズと同じ（画像をくっつけて表示させる場合） */
}

.c-both {
    clear:both; display:block; visibility:hidden;
}

.disnone {
	display: none;
}


.footer_wrap {
	width: auto;
	margin: 0 40px;
	padding-top: 40px;
	margin-bottom: 40px;
}


.footer_wrap h3 {
	text-align: center;
	margin-bottom: 10px;
	color: #fff;
	
}


#gaiyou {
	width: 100%;
	font-size: 16px;
	line-height: 180%;
	margin-bottom: 20px;
	margin-bottom: 40px;
}

dl#gaiyou dl,dl#gaiyou dt,dl#gaiyou dd {
	margin: 0;
	padding: 0;
}

dl#gaiyou dt,dl#gaiyou dd {
	padding: 15px;
}

dl#gaiyou dt {
	border-top: 1px solid #E3E3E3;
	clear: left;
	float: left;
	width: 35%;
}

dl#gaiyou dd {
	border-top: 1px solid #E3E3E3;
	margin-left:38%;
}

.fmap {
	margin-bottom: 40px;
}


ul#category  {
	list-style: none;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
	width: 200px;
	margin: auto;
	margin-bottom: 40px;
}
ul#category li {
	
    box-sizing: border-box;
    width: 25px;
	margin: 10px auto 10px auto;
	line-height: 150%;
	text-align: center;
}

.fcopy {
	color: #fff;
	text-align: center;
	font-size: 12px;
	background-color: #434343;
	padding: 5px;
}
	
ul#category02  {
	list-style: none;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
	width: 200px;
	margin: auto;
	margin-bottom: 40px;
}
ul#category02 li {
	
    box-sizing: border-box;
    width: 40px;
	margin: 10px auto 10px auto;
	line-height: 150%;
	text-align: center;
}

}

@media print, screen and (min-width:0px) and (max-width:640px) {
	
.mvt01 {
	font-size: 5vw;
	line-height: 150%;
	color: #fff;
	
}
.mvt02 {
	font-size: 7vw;
	color: #fff;
	
	line-height: 150%;
}
	
.wrapbox {
    display: block;
}

.column {
  height: auto;
  width: 100%;
}
.cat1 {
	background-color: #0054a7;
	color: #fff;
	padding: 20px 0px;
}
.cat2 {
 background-image: url("../images/top/ph01.jpg");
  background-size: cover;
	height: 200px;
}
.cat3 {
	background-image: url("../images/ph02.jpg");
background-size: cover;
	height: 200px;
	
}
.cat4 {
 background-color: #fe7303;
  background-size: cover;
	padding: 30px 0;
}
.cat5 {
	background-color: #fe7303;
background-size: cover;
	padding: 30px 0;
	
}
.cat6 {
  background-image: url("../images/ph03.jpg");
  background-size: cover;
	height: 200px;
}
.cat7 {
	background-image: url("../images/ph04.jpg");
background-size: cover;
	height: 200px;
	
}
.cat8 {
 background-color: #fe7303;
  background-size: cover;
	padding: 30px 0;
}

.infobox {
	text-align: center;
	color:#000;
	margin: auto;
	width: 90%;
	
	
}
.infobox02 {
	text-align: center;
	color: #000;
	
	margin: auto;
	width: 90%;
	
}
.infobox h2,
.infobox02 h2 {
	color:#000;
	font-size: 4vw;
	margin-bottom: 15px;
}
.infobox h3,
.infobox02 h3 {
	color:#fff;
	font-size: 5vw;
	margin-bottom: 20px;
}
.infobox p,
.infobox02 p {
	line-height: 190%;
	font-size: 3.5vw;
	margin-bottom: 20px;
	padding: 0 10px;
	text-align: left;
	color:#fff;
}


.cpoint {
	border: 1px solid #d1c0a5;
	padding: 8px;
	text-align: center;
	font-size: 16px;
	width: auto;
	margin: 0px 5px 10px 5px;
	float: none;
}

.wrapbox02 {
	width: auto;
	margin: auto;
	
}


.infobox03 {
	text-align: center;
	
	margin-top: 0px;
	padding-top: 30px;
	
}
.infobox03 h2 {
	color:#000;
	font-size: 4vw;
	margin-bottom: 15px;
}

.infobox03 h3 {
	font-size: 5vw;
	margin-bottom: 20px;
}

.infobox03 p {
	line-height: 190%;
	font-size: 4vw;
	margin-bottom: 20px;
	color:#000;
}


.slider-wrapper {
  overflow: hidden;
}

.slider {
  position: relative;
  left: 15vw; /* (100vw - SlideWidth) / 2 */ /* 20180210 変更 */
  overflow: visible !important;
}

.slide {
  width: 70vw !important;
  
}





.c-both {
    clear:both; display:block; visibility:hidden;
}

.disnone {
	display: none;
}


.footer_wrap {
	width: auto;
	margin: 0 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}



.footer_wrap h3 {
	text-align: center;
	margin-bottom: 10px;
	color: #fff;
	
}


#gaiyou {
	width: 100%;
	font-size: 4vw;
	line-height: 180%;
	margin-bottom: 20px;
	margin-bottom: 40px;
}

dl#gaiyou dl,dl#gaiyou dt,dl#gaiyou dd {
	margin: 0;
	padding: 0;
}

dl#gaiyou dt,dl#gaiyou dd {
	padding: 5px;
}

dl#gaiyou dt {
	border-top: 1px solid #E3E3E3;
	clear: left;
	float: none;
	width: auto;
	text-align: left;
	background-color:#f5f4f4;
}

dl#gaiyou dd {
	border-top: 1px solid #E3E3E3;
	margin-left:auto;
	text-align: left;
	
}

.fmap {
	margin-bottom: 40px;
}


ul#category  {
	list-style: none;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
	width: 200px;
	margin: auto;
	margin-bottom: 40px;
}
ul#category li {
	
    box-sizing: border-box;
    width: 25px;
	margin: 10px auto 10px auto;
	line-height: 150%;
	text-align: center;
}
	
ul#category02  {
	list-style: none;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
	width: 200px;
	margin: auto;
	margin-bottom: 40px;
}
ul#category02 li {
	
    box-sizing: border-box;
    width: 40px;
	margin: 10px auto 10px auto;
	line-height: 150%;
	text-align: center;
}

.fcopy {
	color: #fff;
	text-align: center;
	font-size: 12px;
	background-color: #434343;
	padding: 5px;
}
	
.fmap iframe {
		height: 250px;
}
	
	
}


.cp_ipselect {
	overflow: hidden;
	width: 150px;
	margin: 0 auto;
	text-align: center;
	margin-top: -10px;
	
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	text-align: center;
	
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl03 {
	position: relative;
	background: #8f7553;
	color:#fff;
	
	
}
.cp_ipselect.cp_sl03::before {
	position: absolute;
	top: 1.2em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	pointer-events: none;
}
.cp_ipselect.cp_sl03 select {
	padding: 8px 38px 8px 8px;
	color:#fff;
	
}
.option2 {
background-color: #000;	
}





#concept,
#room,
#outline,
#access {
   padding-top: 90px;
   margin-top: -90px;
}
.sponly {
		display: none;
}

.hidden_lang{
	display:none;
}


@media print, screen and (min-width:641px) and (max-width:1024px) {
.cp_ipselect {
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	text-align: center;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl03 {
	position: relative;
	background: #8f7553;
	
}
.cp_ipselect.cp_sl03::before {
	position: absolute;
	top: 1.2em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	pointer-events: none;
}
.cp_ipselect.cp_sl03 select {
	padding: 8px 38px 8px 8px;
	color: #fff;
}


.sponly {
		display: block;
}
	

	
}

@media print, screen and (min-width:0px) and (max-width:640px) {
.cp_ipselect {
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	
}
.sponly {
		display: block;
}
}


ul.bxslider {  
padding: 0;  
margin: 0;  
}  



.menu,
    .menu span {
    display: inline-block;
    -webkit-transition:all .4s;
    transition: all .4s;
    box-sizing: border-box;
    }

    .menu {
      position: fixed;
      top: 17px;
      right:  25px;
      width: 35px;
      height: 22px;
      z-index: 10;
		background:none;
		border:0
    }

    .menu span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1b1b1b;
    z-index: 10;
    }

    .menu span:nth-of-type(1) {
    top: 0px;
    }

    .menu span:nth-of-type(2) {
    top: 10px;
    }

    .menu span:nth-of-type(3) {
    bottom: 0px;
    }

    .menu.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
		background-color: #1b1b1b;
    }

    .menu.active span:nth-of-type(2) {
    opacity: 0;
    }

    .menu.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
		background-color: #1b1b1b;
    }

    #nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    height: 100vh;
    opacity: 0;
    
	background-image: url("../images/menubg.png");
    transition: all 0.3s ease-in-out;
    visibility:hidden;

    }

    #nav.active{
    right: 0;
    opacity: 1;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    }

    #nav ul{
    margin:20px 0;
    padding:20px 0;
    }

    #nav ul li{
    list-style-type: none;
    }

    #nav ul li a{
    display: block;
    padding: 15px 0;
    transition: all 0.2s ease-in-out;
    text-align: center;
    text-decoration: none;
    color: #fff;
		border-bottom: 1px dotted #bed5ed;
		font-size: 4vw;
    }
    #nav ul li a:hover {
   background-color: #00376d;
    }

.pconly {
	display: block;
}

.pc_head_tel {
	font-size: 28px;
	font-family: 'Roboto', sans-serif;
	color: #fe7303;
}

.head_add {
	margin-top: -40px;
	margin-right: -36px;
	line-height: 180%;
}
.head_add img {
	width: 260px;
}

.pc_head_time {
	font-size: 12px;
	margin-bottom: 5px;
}

.top_course {
	width: 500px;
	margin: 0px auto;
	margin-bottom: 20px;
}



.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 100%;	/*画像の幅*/
	height: 260px;	/*画像の高さ*/
	margin-bottom: 5px;
	text-align: center;
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;
	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.castwrap {
	width: 950px;
	margin: 0px auto;
}

.cast_list_title {
	background-color: #fe7303;
	color:#fff;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 5px 10px;
	margin-bottom: 5px;
	border: 1px solid #eb6a01;
}

.sns_left {
	float: left;
	width: 450px;
}
.sns_right {
	float: right;
	width: 450px;
}


.line_left {
	float: left;
	width: 650px;
}
.line_right {
	float: right;
	width: 150px;
}
.line_right img {
	width: 150px;
}
.lineid {
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}

.line_ft {
	width: 800px;
	margin: 40px auto;
	border-bottom: 1px solid #1b1b1b;
	border-top: 1px solid #1b1b1b;
	padding: 20px;
}




.more {
	position: relative;
	display: inline-block;
	padding: .9em 4em;
	background-color: #fe7303;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:10px;
	margin-bottom:20px;
	width:12vw;
	font-size:16px;
}
.more::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.more:link {
	color: #fff;
}
.more:visited {
	color: #fff;
}
.more:hover {
	background-color: #fff;
	color: #fe7303;
	text-decoration:none;
}
.more:hover::after {
	border-left-color: #fe7303;
}


.more02 {
	position: relative;
	display: inline-block;
	padding: .9em 4em;
	background-color: #fff;
	border: 2px solid #fe7303;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:50px;
	margin-bottom:20px;
	width:12vw;
	font-size:16px;
}
.more02::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fe7303;
	transition: all .3s;
}
.more02:link {
	color: #fe7303;
}
.more02:visited {
	color: #fe7303;
}
.more02:hover {
	background-color: #fe7303;
	color: #fff;
	text-decoration:none;
}
.more02:hover::after {
	border-left-color: #fff;
}


.main_img {
	position: relative;
    width: 100%;
	margin-top: 70px;
}

.main_catch {
	color: #fff;
	position: relative;
	z-index: 10;
	text-align: center;
	padding-top: 0px;
	text-shadow: 0 0px 20px rgba(0, 0, 0, .9);
}


.main_catch02 {
	color: #fff;
	position: relative;
	z-index: 10;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
	text-shadow: 0 0px 20px rgba(0, 0, 0, .9);
}



.cat01 {
	font-size: 30px;
	margin-bottom: 40px;
	font-weight: bold;
}
.cat02 {
	font-family: 'Anton', sans-serif;
font-family: 'Roboto', sans-serif;
	letter-spacing: 0.05em;
	font-size: 60px;
	margin-bottom: 40px;
}
.cat03 {
	
	font-weight: bold;
}


.cat04 {
	font-family: 'Anton', sans-serif;
font-family: 'Roboto', sans-serif;
	letter-spacing: 0.05em;
	font-size: 48px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #fff;
  text-shadow: 0 0 10px rgba(255, 255, 255, .7);
}

.cat05 {
	font-family: 'Anton', sans-serif;
font-family: 'Roboto', sans-serif;
	letter-spacing: 0.05em;
	font-size: 20px;
	margin-bottom: 0px;
	font-weight: bold;
	 text-shadow: 0 0 10px rgba(255, 255, 255, .7);
}


.dot-overlay {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.dot-overlay:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABJJREFUCB1jYGBg+A/ExAHsKgFV7gH/ssPq5wAAAABJRU5ErkJggg==);
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.recmain {
		width: 100%;
		
		height: 300px;
		background: url("../images/rec_title.jpg") no-repeat;
		background-position: top center;
		
		position:relative;
		
}

.location_wrap {
	margin: auto;
	width: 950px;
}

#site_location {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	margin-bottom: 0px;
	height: 40px;
	line-height: 40px;
}


.location {
	font-size: 12px;
	background-image: url(../images/location_home.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 25px;
	display: block;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

.location a:link,.location a:visited {
	color: #333;
	text-decoration: none;
}

.location a:hover {
	color: #8c1d29;
	text-decoration: none;
}


.inner_box {
	width: 1000px;
	margin: 40px auto 0px auto;
}


#gaiyou02 {
	width: 100%;
	font-size: 16px;
	line-height: 180%;
	margin-bottom: 20px;
	
	margin-bottom: 40px;
}

dl#gaiyou02 dl,dl#gaiyou02 dt,dl#gaiyou02 dd {
	margin: 0;
	padding: 0;
}

dl#gaiyou02 dt,dl#gaiyou02 dd {
	padding: 15px;
}

dl#gaiyou02 dt {
	border-top: 2px solid #fff;
	clear: left;
	float: left;
	width: 22%;
}

dl#gaiyou02 dd {
	border-top: 2px solid #E3E3E3;
	margin-left:24%;
	
}



.compmain {
		width: 100%;
		height: 300px;
		background: url("../images/comptitle.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
}
.castmain {
		width: 100%;
		height: 300px;
		background: url("../images/casttitle.jpg") no-repeat;
		background-position: top center;
		position:relative;	
}
.schemain {
		width: 100%;
		height: 300px;
		background: url("../images/schetitle.jpg") no-repeat;
		background-position: top center;
		position:relative;	
}

table#sch_cal {
	width: 100%;
	border: 1px solid #a0a0a0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 90%;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 15px;

}

table#sch_cal th {
    padding: 5px;
    border: #a0a0a0 solid;
    border-width: 0 0 1px 1px;
    background: #f4f4f4;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
	height:25px;
}
table#sch_cal td {
    padding: 5px;
    border: 1px #a0a0a0 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

.today_date {
	text-align: center;
	font-size: 18px;
	margin: 10px 0px 15px 0px;
	border-bottom: 2px dotted #1b1b1b;
	padding-bottom: 5px;
	width: 755px;
	margin-left:auto;
	margin-right:auto;
}

.schtime {
	color: #fe5003;
	text-align: center;
}


.profile_left {
	width: 400px;
	float: left
}
.profile_right {
	width: 500px;
	float: right;
}

.prof_name_box {
	border-bottom: 1px solid #1b1b1b;
	border-top: 1px solid #1b1b1b;
	padding: 20px 0px;
}

.profname {
	font-size: 24px;
	font-weight: bold;
}

.age {
	font-size: 18px;
}
.profsize {
	font-size: 18px;
}


#gaiyou03 {
	width: 100%;
	font-size: 14px;
	line-height: 180%;
	margin-bottom: 20px;
}

dl#gaiyou03 dl,dl#gaiyou03 dt,dl#gaiyou03 dd {
	margin: 0;
	padding: 0;
}

dl#gaiyou03 dt,dl#gaiyou03 dd {
	padding: 15px;
}

dl#gaiyou03 dt {
	border-top: 1px solid #E3E3E3;
	clear: left;
	float: left;
	width: 30%;
}

dl#gaiyou03 dd {
	border-top: 1px solid #E3E3E3;
	margin-left:35%;
	
}


table#profsch {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#profsch th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#profsch td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}


.footer_guide {
display: none;
}


.sp_view {
	display: none;
}


.menu_sm {
	font-size: 10px;
}

.top_cont01 {
	
	background-image: url("../images/top/sec01_bg.jpg");
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 60px 0px;
	font-size: 20px;
	line-height: 200%;
	color:#fff;
}

.top_cont01_title  {
	
	width: 1120px;
	margin: -90px auto 0px auto;
}

.top_cont01_title img {
	width: 1120px;
	max-width: 1120px;
}

.top_cont02 {
	
	background-image: url("../images/top/sec02_bg.jpg");
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 60px 0px;
	font-size: 18px;
	line-height: 200%;
}

.top_cont02_title  {
	margin-top: -90px;
}

.top_cont02_title img {
	width: 1120px;
	max-width: 1120px;
}

.sec02_txt {
	font-size: 22px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 50px;
	text-align: left;
}


.top_cont03 {
	
	background-color: #eeeeee;
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 60px 0px;
	font-size: 18px;
	line-height: 200%;
}

.top_post {
	display: flex;
}
.top_post_bg {
	background-color: #fff;
	padding: 30px 20px;
	width: 48%;
	margin: 0px 20px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.top_cont03_title  {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 20px;
	font-family: 'Roboto', sans-serif;
}

.top_post_list {
	text-align: left;
	list-style-type: none;
	
}
.top_post_list li {
	display: block;
	border-bottom: 1px dotted #a0a0a0;
	padding-bottom: 0px;
	margin-bottom: 15px;
	
}
.top_post_date {
	color: #fff;
	font-size: 14px !important;
	background-color: #0054a7;
	width: auto;
	text-align: center;
	line-height: 100% !important;
	padding: 5px 2px 5px 2px;
	margin-right: 0px;
	
}
.top_post_title {
	font-size: 15px;
	margin-top: 12px;
}


.top_more {
	position: relative;
	display: inline-block;
	padding: .9em 20px;
	background-color: #0054a7;
	border: 2px solid #fff;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:20px;
	margin-bottom:20px;
	width:250px;
	font-size:16px;
}
.top_more::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.top_more:link {
	color: #1b1b1b;
}
.top_more:visited {
	color: #1b1b1b;
}
.top_more:hover {
	background-color: #fff;
	color: #0054a7 !important;
	text-decoration:none;
}
.top_more:hover::after {
	border-left-color: #0054a7;
}


.top_cont04 {
	
	background-image: url("../images/top/sec03_bg.jpg");
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 60px 0px;
	font-size: 18px;
	line-height: 200%;
}
.sec04_inner {
	background-image: url("../images/top/sec04_inner.png");
	padding: 50px;
}
.sec04_inner img {
	width: 260px;
	float: right;
	margin-left: 20px;
}

.sec04_name {
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 20px;
}
.sec04_txt {
	font-size: 16px;
	text-align: left;
	margin-bottom: 20px;
}
.topname_sub {
	font-size: 16px;
}


.top_more02 {
	position: relative;
	display: inline-block;
	padding: .9em 20px;
	background-color: #0054a7;
	border: 2px solid #0054a7;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:20px;
	margin-bottom:20px;
	width:250px;
	font-size:16px;
}
.top_more02::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.top_more02:link {
	color: #1b1b1b;
}
.top_more02:visited {
	color: #1b1b1b;
}
.top_more02:hover {
	background-color: #fff;
	color: #0054a7 !important;
	text-decoration:none;
	border: 2px solid #0054a7 !important;
}
.top_more02:hover::after {
	border-left-color: #0054a7;
	
}



.top_cont05 {
	
	background-image: url("../images/top/sec05_bg.jpg");
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 60px 0px;
	font-size: 18px;
	line-height: 200%;
}

.top_cont05 h2 {
	color:#fff;
	font-size: 42px;
	margin-top: 0px;
	margin-bottom: 30px;
	font-weight: bold;
}

.top_cont05 p {
	color:#fff;
	margin-bottom: 40px !important;
}



















ul#footer_corpo  {
	list-style: none;
    display: flex;
    flex-flow: wrap;
    width: 100%;
    justify-content: space-between;
}
ul#footer_corpo li {
	border: solid #fff 15px;
    box-sizing: border-box;
    width: 33%;
	margin: 10px auto 10px auto;
	line-height: 150%;
	font-size: 14px;
	
	
}

#footer_corpo img {
	margin-bottom: 10px;
	max-width: 100%;
	
}

ul#kijilist li a {
	color: #1b1b1b;
}


.ft_tel {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
}
.ft_acc {
	border-top: 1px solid #ffcc00;
	padding-top: 10px;
	margin-top: 10px;
	font-size: 12px;
}

#globalmenu {
	height: 54px;
	width: 100%;
	background-color: #0054a7;
	display: block;
	z-index: 100;
}

#globalnavi{
	padding: 0;
	max-width: 1120px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}  

#dropmenu li{
  position: relative;
  width: calc(100% / 6);
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
	display: block;
	color: #fff;	
}
#dropmenu li a{
  
	color: #fff;	
}


.breadcrumbs {
margin: 0px 0px 10px 20px;
color: #fff;
padding-top: 17px;
float: left;
}
.breadcrumbs ul {
display: table;
font-size: 13px;
list-style: none;
}
.breadcrumbs ul li {
margin: 0 10px 0 0;
font-size: 13px;
float: left;
color: #fff;
}
.breadcrumbs ul li a {
color: #fff;
}

.f_copy {
color: #fff;
float: right;
	padding-top: 17px;
}


.top_cont01 h2 {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 30px;
}


h2.h2_deco {
	font-size: 36px !important;
	letter-spacing: 0;
	font-weight: bold;
	margin-bottom: 40px;
	
}


.c_map {
	width: 500px;
	float: left;
}
.c_office {
	width: 400px;
	float: right;
}
.office_title {
	font-size: 24px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-top: 90px;
}
.office_tel {
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
}
.office_sub {
	font-size: 14px;
}


.office_box {
	margin-bottom: 40px;
}

.cta_img {
	position: relative;
    width: 100%;
	margin-top: 0px;
}
.ctamain {
    width: 100%;
	margin-top: 70px;
}

.cta_bg {
		width: 100%;
		height: 320px;
		background: url("../images/ctamain.jpg") no-repeat;
		background-position: top center;
		
	background-size: cover;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 0px;
}

.cta_bg h2 {
	font-size:36px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	color: #fff;
	position: relative;
	
}
.cta_bg h3 {
	font-size:16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	color: #fff;
	position: relative;
	
}

.cta_wrap {
	width: 800px;
	margin: auto;
	position: relative;
	z-index: 1;
}


.cta_mail {
	position: relative;
	display: inline-block;
	padding: .8em 20px;
	background-color: #f9f000;
	border: 2px solid #1b1b1b;
	color: #1b1b1b;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:10px;
	margin-bottom:20px;
	width:350px;
	font-size:18px;
	background-image: url("../images/mail.png");
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 15px 18px;
	float: left;
	
}
.cta_mail::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #1b1b1b;
	transition: all .3s;
}
.cta_mail:link {
	color: #1b1b1b;
}
.cta_mail:visited {
	color: #1b1b1b;
}
.cta_mail:hover {
	background-color: #1b1b1b;
	color: #fff;
	text-decoration:none;
}
.cta_mail:hover::after {
	border-left-color: #fff;
}


.cta_rec {
	position: relative;
	display: inline-block;
	padding: .8em 20px;
	background-color: #f9f000;
	border: 2px solid #1b1b1b;
	color: #1b1b1b;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:10px;
	margin-bottom:20px;
	width:350px;
	font-size:18px;
	background-image: url("../images/pagelink.png");
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 15px 22px;
	float: right;
	
}
.cta_rec::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #1b1b1b;
	transition: all .3s;
}
.cta_rec:link {
	color: #1b1b1b;
}
.cta_rec:visited {
	color: #1b1b1b;
}
.cta_rec:hover {
	background-color: #1b1b1b;
	color: #fff;
	text-decoration:none;
}
.cta_rec:hover::after {
	border-left-color: #fff;
}

.recruitmain {
		width: 100%;
		height: 300px;
		background: url("../images/rectitle.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
}


.job_box {
	background-color: #f2f2f2;
	padding: 40px;
	margin-bottom: 20px;
}
.job_img {
	float: left;
	width: 10%;
}
.job_title {
	float: left;
	border-bottom: 1px solid #bfbfbf;
	width: 90%;
	font-size: 24px;
	font-weight: bold;
	margin-top: 15px;
}


.job_more {
	position: relative;
	display: inline-block;
	padding: .8em 10%;
	background-color: #f9f000;
	border: 2px solid #1b1b1b;
	color: #1b1b1b;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:15px;
	margin-bottom:0px;
	width:80%;
	font-size:18px;
	background-image: url("../images/pagelink.png");
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 15px 23px;
}
.job_more::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #1b1b1b;
	transition: all .3s;
}
.job_more:link {
	color: #1b1b1b;
}
.job_more:visited {
	color: #1b1b1b;
}
.job_more:hover {
	background-color: #1b1b1b;
	color: #fff;
	text-decoration:none;
}
.job_more:hover::after {
	border-left-color: #fff;
}


.p_center {
	text-align: center;
	margin-bottom: 40px;
}
.p_center p {
	margin-bottom: 16px;
	font-size: 16px;
}

.formcation {
	font-size: 12px;
	margin-top: 5px;
	line-height: 170%;
}



.bsmain {
		width: 100%;
		height: 300px;
		background: url("../images/bsmain.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
}



ul#jobpoint  {
	list-style: none;
    display: flex;
    flex-flow: wrap;
    width: 100%;
    justify-content: space-between;
	margin-bottom: 40px;
}
ul#jobpoint li {
	border: solid #fff 15px;
    box-sizing: border-box;
    width: 33%;
	margin: 10px auto 10px auto;
	line-height: 150%;
	font-size: 14px;
	
	
}

#jobpoint img {
	margin-bottom: 10px;
	max-width: 100%;
	
}
.point_title {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.jobcate {
	color:#fb9f00;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	
}


.contactmain {
		width: 100%;
		height: 300px;
		background: url("../images/contactmain.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
}

ul.rec_list {
	list-style-type: disc;
	margin-left: 22px;
}
#gaiyou02 p {
	margin-bottom: 16px;
}

input.form01 {
	width: 20%!important;
	height: 25px!important;
}
input.form02 {
	width: 70% !important;
	height: 25px!important;
}
textarea {
	width: 70% !important;
	height: 200px!important;
	border:1px solid #bfbfbf;
}

.inner_box p {
	margin-bottom: 16px;
	line-height: 180%;
}
.inner_box h3 {
	font-size: 22px;
	margin-bottom: 16px;
	font-weight: bold;
	background-color: #e5e5e5;
	padding: 10px 10px 10px 15px;
}
.inner_box h4 {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: bold;
}

.top_mov_info {
	float: left;
}


.top_mov {
	width: 400px;
	float: right;
	margin-top: -25px;
}
.top_mov img {
	width: 100%;
	
}
.voice_head p {
font-size: 24px !important;
line-height:160% !important;
}



/* ------------------------------------------------------------------------------------------------------------------------- */

@media print, screen and (min-width:641px) and (max-width:1024px) {
.pconly {
	display: none;
}
.hidden_lang{
	display:none;
}
	
.top_course {
	width: auto;
	margin: 0px 20px;
	margin-bottom: 20px;
}
	
	
.more {
	position: relative;
	display: inline-block;
	padding: .9em 4em;
	background-color: #fe7303;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:10px;
	margin-bottom:20px;
	width:20vw;
	font-size:16px;
}
.more::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.more:link {
	color: #fff;
}
.more:visited {
	color: #fff;
}
.more:hover {
	background-color: #fff;
	color: #fe7303;
	text-decoration:none;
}
.more:hover::after {
	border-left-color: #fe7303;
}


.more02 {
	position: relative;
	display: inline-block;
	padding: .9em 4em;
	background-color: #fff;
	border: 2px solid #fe7303;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:40px;
	margin-bottom:20px;
	width:20vw;
	font-size:16px;
}
.more02::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fe7303;
	transition: all .3s;
}
.more02:link {
	color: #fe7303;
}
.more02:visited {
	color: #fe7303;
}
.more02:hover {
	background-color: #fe7303;
	color: #fff;
	text-decoration:none;
}
.more02:hover::after {
	border-left-color: #fff;
}
	
ul#kijilist  {
	list-style: none;
    display: flex;
    flex-flow: wrap;
    width: 100%;
    justify-content: space-between;
}
ul#kijilist li {
	border: solid #fff 10px;
    box-sizing: border-box;
    width: 30%;
	box-shadow: 0 5px 15px rgba(0,0,0,.2);
	margin: 10px auto 10px auto;
	line-height: 150%;
	font-size: 14px;
	background-color: #fff;
	
	
}

#kijilist img {
	margin-bottom: 5px;
	max-width: 100%;
	
}

ul#kijilist li a {
	color: #1b1b1b;
}

.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 100%;	/*画像の幅*/
	height: 260px;	/*画像の高さ*/
	margin-bottom: 5px;
	text-align: center;
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;
	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.castwrap {
	width: auto;
	margin: 0px auto;
}

.cast_list_title {
	background-color: #fe7303;
	color:#fff;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 5px 10px;
	margin-bottom: 5px;
	border: 1px solid #eb6a01;
}

	
.sns_left {
	float: none;
	width: auto;
	border-bottom: 1px solid #ddd;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.sns_right {
	float: none;
	width: auto;
}


.line_left {
	float: none;
	width: auto;
}
.line_right {
	float: none;
	width: auto;
	margin-top: 20px;
}
.line_right img {
	width: 150px;
}
.lineid {
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}

.line_ft {
	width: auto;
	margin: 40px auto;
	border-bottom: 1px solid #1b1b1b;
	border-top: 1px solid #1b1b1b;
	padding: 20px;
}


	
	
.main_img {
	position: relative;
    width: 100%;
	margin-top: 50px;
}

.main_catch {
	color: #fff;
	position: relative;
	z-index: 10;
	text-align: center;
	padding-top: 0px;
	text-shadow: 0 0px 20px rgba(0, 0, 0, .9);
}


.main_catch02 {
	color: #fff;
	position: relative;
	z-index: 10;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
	text-shadow: 0 0px 20px rgba(0, 0, 0, .9);
}



.cat01 {
	font-size: 30px;
	margin-bottom: 40px;
	font-weight: bold;
}
.cat02 {
	font-family: 'Anton', sans-serif;
font-family: 'Roboto', sans-serif;
	letter-spacing: 0.05em;
	font-size: 60px;
	margin-bottom: 40px;
}
.cat03 {
	
	font-weight: bold;
}


.cat04 {
	font-family: 'Anton', sans-serif;
font-family: 'Roboto', sans-serif;
	letter-spacing: 0.05em;
	font-size: 48px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #fff;
  text-shadow: 0 0 10px rgba(255, 255, 255, .7);
}

.cat05 {
	font-family: 'Anton', sans-serif;
font-family: 'Roboto', sans-serif;
	letter-spacing: 0.05em;
	font-size: 20px;
	margin-bottom: 0px;
	font-weight: bold;
	 text-shadow: 0 0 10px rgba(255, 255, 255, .7);
}


.dot-overlay {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.dot-overlay:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABJJREFUCB1jYGBg+A/ExAHsKgFV7gH/ssPq5wAAAABJRU5ErkJggg==);
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.recmain {
		width: 100%;
		height: 300px;
		background: url("../images/rec_title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
	
		
}

.location_wrap {
	margin: auto;
	width: auto;
}

#site_location {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	margin-bottom: 0px;
	height: 40px;
	line-height: 40px;
}


.location {
	font-size: 12px;
	background-image: url(../images/location_home.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 25px;
	display: block;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

.location a:link,.location a:visited {
	color: #333;
	text-decoration: none;
}

.location a:hover {
	color: #8c1d29;
	text-decoration: none;
}


.inner_box {
	width: auto;
	margin: 40px 10px 40px 10px;
}


#gaiyou02 {
	width: 100%;
	font-size: 16px;
	line-height: 180%;
	margin-bottom: 20px;
	
	margin-bottom: 40px;
}

dl#gaiyou02 dl,dl#gaiyou02 dt,dl#gaiyou02 dd {
	margin: 0;
	padding: 0;
}

dl#gaiyou02 dt,dl#gaiyou02 dd {
	padding: 15px;
}

dl#gaiyou02 dt {
	border-top: 1px solid #fff;
	clear: left;
	float: left;
	width: 25%;
}

dl#gaiyou02 dd {
	border-top: 1px solid #E3E3E3;
	margin-left:28%;
	
}
	
	


.sysmain {
		width: 100%;
		height: 300px;
		background: url("../images/systitle.jpg") no-repeat;
		background-position: top center;
		position:relative;	
	background-size: cover;
}
.castmain {
		width: 100%;
		height: 300px;
		background: url("../images/casttitle.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
}
.schemain {
		width: 100%;
		height: 300px;
		background: url("../images/schetitle.jpg") no-repeat;
		background-position: top center;
		position:relative;	
	background-size: cover;
}

table#sch_cal {
	width: 100%;
	border: 1px solid #a0a0a0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 90%;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 15px;

}

table#sch_cal th {
    padding: 5px;
    border: #a0a0a0 solid;
    border-width: 0 0 1px 1px;
    background: #f4f4f4;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
	height:25px;
}
table#sch_cal td {
    padding: 5px;
    border: 1px #a0a0a0 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

.today_date {
	text-align: center;
	font-size: 18px;
	margin: 10px 0px 15px 0px;
	border-bottom: 2px dotted #1b1b1b;
	padding-bottom: 5px;
	width: 755px;
	margin-left:auto;
	margin-right:auto;
}

.schtime {
	color: #fe5003;
	text-align: center;
}


.profile_left {
	width: 400px;
	float: none;
	margin: auto;
}
.profile_right {
	width: auto;
	float: none;
}

.prof_name_box {
	border-bottom: 1px solid #1b1b1b;
	border-top: 1px solid #1b1b1b;
	padding: 20px 0px;
}

.profname {
	font-size: 24px;
	font-weight: bold;
}

.age {
	font-size: 18px;
}
.profsize {
	font-size: 18px;
}


#gaiyou03 {
	width: 100%;
	font-size: 14px;
	line-height: 180%;
	margin-bottom: 20px;
}

dl#gaiyou03 dl,dl#gaiyou03 dt,dl#gaiyou03 dd {
	margin: 0;
	padding: 0;
}

dl#gaiyou03 dt,dl#gaiyou03 dd {
	padding: 15px;
}

dl#gaiyou03 dt {
	border-top: 1px solid #E3E3E3;
	clear: left;
	float: left;
	width: 30%;
}

dl#gaiyou03 dd {
	border-top: 1px solid #E3E3E3;
	margin-left:35%;
	
}


table#profsch {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#profsch th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#profsch td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

.footer_guide {
display: none;
}
	
	
.top_cont01 {
	background-image: url("../images/top/sec01_bg.jpg");
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 60px 0px;
	font-size: 18px;
	line-height: 200%;
}


	
	
ul#footer_corpo  {
	list-style: none;
    display: block;
    flex-flow: wrap;
    width: 100%;
    justify-content: space-between;
	margin-bottom: 40px;
}
ul#footer_corpo li {
	border: solid #fff 15px;
    box-sizing: border-box;
    width: auto;
	margin: 10px auto 10px auto;
	line-height: 150%;
	font-size: 16px;
	
	
}

#footer_corpo img {
	margin-bottom: 10px;
	max-width: 100%;
	
}
	
.ft_tel {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
}
.ft_acc {
	border-top: 1px solid #ffcc00;
	padding-top: 10px;
	margin-top: 10px;
	font-size: 12px;
}

#globalmenu {
	height: 54px;
	width: 100%;
	background-color: #ffde00;
	display: block;
	z-index: 100;
}

#globalnavi{
	padding: 0;
	max-width: 1120px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}  

#dropmenu li{
  position: relative;
  width: calc(100% / 7);
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
	display: block;
	
}


.breadcrumbs {
margin: 0px 0px 10px 20px;
color: #fff;
padding-top: 10px;
float: none;
text-align: center;
}
.breadcrumbs ul {
display: block;
font-size: 13px;
list-style: none;
text-align: center;
}
.breadcrumbs ul li {
margin: 0 10px 0 0;
font-size: 13px;
float: none;
color: #fff;
text-align: center;
}
.breadcrumbs ul li a {
color: #fff;
}

.f_copy {
color: #fff;
float: none;
padding-top: 0px;
padding-bottom: 15px;
}

	
.footer_wrap h2 {
	text-align: center;
	margin-bottom: 25px;
	font-size: 30px;
	font-weight: bold;
}
	
	
#globalmenu {
	display: none;
	z-index: 100;
}

.top_cont01 h2 {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 20px;
}
	
h2.h2_deco {
	font-size: 32px !important;
	letter-spacing: 0;
	font-weight: bold;
	margin-bottom: 25px;
	
}
	
	
.c_map {
	width: auto;
	float: none;
}
.c_office {
	width: auto;
	float: none;
	margin-bottom: 30px;
}
.office_title {
	font-size: 24px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-top: 90px;
}
.office_tel {
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
}
.office_sub {
	font-size: 14px;
}


.office_box {
	margin-bottom: 40px;
}

.cta_img {
	position: relative;
    width: 100%;
	margin-top: 0px;
}
.ctamain {
	
    width: 100%;
	margin-top: 70px;
}

.cta_bg {
		width: 100%;
		height: 320px;
		background: url("../images/ctamain.jpg") no-repeat;
		background-position: top center;
		
	background-size: cover;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 60px;
}

.cta_bg h2 {
	font-size:36px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	color: #fff;
	
	
}
.cta_bg h3 {
	font-size:16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	color: #fff;
	
	
}

.cta_wrap {
	width: auto;
	margin: auto 20px;
	
	
}


.cta_mail {
	position: relative;
	display: inline-block;
	padding: .8em 20px;
	background-color: #f9f000;
	border: 2px solid #1b1b1b;
	color: #1b1b1b;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:0px;
	margin-bottom:10px;
	width:400px;
	font-size:18px;
	background-image: url("../images/mail.png");
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 15px 18px;
	float: none;
	
}
.cta_mail::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #1b1b1b;
	transition: all .3s;
}
.cta_mail:link {
	color: #1b1b1b;
}
.cta_mail:visited {
	color: #1b1b1b;
}
.cta_mail:hover {
	background-color: #1b1b1b;
	color: #fff;
	text-decoration:none;
}
.cta_mail:hover::after {
	border-left-color: #fff;
}


.cta_rec {
	position: relative;
	display: inline-block;
	padding: .8em 20px;
	background-color: #f9f000;
	border: 2px solid #1b1b1b;
	color: #1b1b1b;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:0px;
	margin-bottom:10px;
	width:400px;
	font-size:18px;
	background-image: url("../images/pagelink.png");
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 15px 22px;
	float: none;
	
}
.cta_rec::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #1b1b1b;
	transition: all .3s;
}
.cta_rec:link {
	color: #1b1b1b;
}
.cta_rec:visited {
	color: #1b1b1b;
}
.cta_rec:hover {
	background-color: #1b1b1b;
	color: #fff;
	text-decoration:none;
}
.cta_rec:hover::after {
	border-left-color: #fff;
}
	

.cta_mail_box {
	text-align: center;
}
.cta_rec_box {
	text-align: center;
}
	
	
	
.job_box {
	background-color: #f2f2f2;
	padding: 20px;
	margin-bottom: 20px;
}
.job_img {
	float: left;
	width: 10%;
}
.job_title {
	float: left;
	border-bottom: 1px solid #bfbfbf;
	width: 90%;
	font-size: 24px;
	font-weight: bold;
	margin-top: 15px;
}


.job_more {
	position: relative;
	display: inline-block;
	padding: .8em 10%;
	background-color: #f9f000;
	border: 2px solid #1b1b1b;
	color: #1b1b1b;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:15px;
	margin-bottom:0px;
	width:80%;
	font-size:18px;
	background-image: url("../images/pagelink.png");
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 15px 23px;
}
.job_more::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #1b1b1b;
	transition: all .3s;
}
.job_more:link {
	color: #1b1b1b;
}
.job_more:visited {
	color: #1b1b1b;
}
.job_more:hover {
	background-color: #1b1b1b;
	color: #fff;
	text-decoration:none;
}
.job_more:hover::after {
	border-left-color: #fff;
}


.p_center {
	text-align: center;
	margin-bottom: 40px;
}
.p_center p {
	margin-bottom: 16px;
	font-size: 16px;
}

.formcation {
	font-size: 12px;
	margin-top: 5px;
	line-height: 170%;
}

.top_mov_info {
	float: none;
}


.top_mov {
	width: 500px;
	float: none;
	margin-top: -20px;
	text-align: center;
	margin: -20px auto 0px auto;
}
.top_mov img {
	width: 100%;
	text-align: center;
	
}	

	
}


/* ------------------------------------------------------------------------------------------------------------------------- */

@media print, screen and (min-width:0px) and (max-width:640px) {
.pconly {
	display: none;
}
	
.top_course {
	width: auto;
	margin: 0px 20px;
	margin-bottom: 20px;
}
	
	
.more {
	position: relative;
	display: inline-block;
	padding: .9em 2em;
	background-color: #fe7303;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:10px;
	margin-bottom:20px;
	width:60%;
	font-size:4.5vw;
}
.more::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.more:link {
	color: #fff;
}
.more:visited {
	color: #fff;
}
.more:hover {
	background-color: #fff;
	color: #fe7303;
	text-decoration:none;
}
.more:hover::after {
	border-left-color: #fe7303;
}


.more02 {
	position: relative;
	display: inline-block;
	padding: .9em 2em;
	background-color: #fff;
	border: 2px solid #fe7303;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:40px;
	margin-bottom:20px;
	width:60%;
	font-size:4.5vw;
}
.more02::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fe7303;
	transition: all .3s;
}
.more02:link {
	color: #fe7303;
}
.more02:visited {
	color: #fe7303;
}
.more02:hover {
	background-color: #fe7303;
	color: #fff;
	text-decoration:none;
}
.more02:hover::after {
	border-left-color: #fff;
}
	
ul#kijilist  {
	list-style: none;
    display: flex;
    flex-flow: wrap;
    width: 100%;
    justify-content: space-between;
}
ul#kijilist li {
	border: solid #fff 5px;
    box-sizing: border-box;
    width: 46%;
	box-shadow: 0 5px 15px rgba(0,0,0,.2);
	margin: 10px auto 10px auto;
	line-height: 150%;
	font-size: 3vw;
	background-color: #fff;
	
	
}

#kijilist img {
	margin-bottom: 5px;
	max-width: 100%;
	
}

ul#kijilist li a {
	color: #1b1b1b;
}

.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 100%;	/*画像の幅*/
	height: auto;	/*画像の高さ*/
	margin-bottom: 5px;
	text-align: center;
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;
	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.castwrap {
	width: auto;
	margin: 0px auto;
}

.cast_list_title {
	background-color: #fe7303;
	color:#fff;
	font-size: 4vw;
	text-align: center;
	font-weight: bold;
	padding: 5px 5px;
	margin-bottom: 5px;
	border: 1px solid #eb6a01;
}

	
.sns_left {
	float: none;
	width: auto;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.sns_right {
	float: none;
	width: auto;
}


.line_left {
	float: none;
	width: auto;
	margin-bottom: 20px;
}
.line_right {
	float: none;
	width: auto;
	margin-top: 0px;
}
.line_right img {
	width: 150px;
}
.lineid {
	font-size: 6vw;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}

.line_ft {
	width: auto;
	margin: 40px auto;
	border-bottom: 1px solid #1b1b1b;
	border-top: 1px solid #1b1b1b;
	padding: 20px;
}


	
	
.footer_guide {
	
	width:100%;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #fff;
	background-color: none;
	text-align: center;
	position: fixed;
  bottom: 0;
	z-index: 2;
	display: block;
}

ul#fbn  {
	list-style: none;
    display: flex;
    flex-flow: wrap;
    width: 100%;
    justify-content: space-between;
}
ul#fbn li {
box-sizing: border-box;
width: 50%;

}
ul#fbn li img {
width: auto;

}
	
	
	
.main_img {
	position: relative;
    width: 100%;
	margin-top: 50px;
}

.main_catch {
	color: #fff;
	position: relative;
	z-index: 10;
	text-align: center;
	padding-top: 0px;
	text-shadow: 0 0px 20px rgba(0, 0, 0, .9);
}


.main_catch02 {
	color: #fff;
	position: relative;
	z-index: 10;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 100px;
	text-shadow: 0 0px 20px rgba(0, 0, 0, .9);
}



.cat01 {
	font-size: 30px;
	margin-bottom: 40px;
	font-weight: bold;
}
.cat02 {
	font-family: 'Anton', sans-serif;
font-family: 'Roboto', sans-serif;
	letter-spacing: 0.05em;
	font-size: 60px;
	margin-bottom: 40px;
}
.cat03 {
	
	font-weight: bold;
}


.cat04 {
	font-family: 'Anton', sans-serif;
font-family: 'Roboto', sans-serif;
	letter-spacing: 0.05em;
	font-size: 8vw;
	margin-bottom: 0px;
	font-weight: bold;
	color: #fff;
  text-shadow: 0 0 10px rgba(255, 255, 255, .7);
	margin-top: 50px;
}

.cat05 {
	font-family: 'Anton', sans-serif;
font-family: 'Roboto', sans-serif;
	letter-spacing: 0.05em;
	font-size: 5vw;
	margin-bottom: 0px;
	font-weight: bold;
	 text-shadow: 0 0 10px rgba(255, 255, 255, .7);
}


.dot-overlay {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.dot-overlay:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABJJREFUCB1jYGBg+A/ExAHsKgFV7gH/ssPq5wAAAABJRU5ErkJggg==);
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.recmain {
		width: 100%;
		height: 180px;
		background: url("../images/rec_title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
	
		
}

.location_wrap {
	margin: auto;
	width: auto;
}

#site_location {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	margin-bottom: 0px;
	height: 40px;
	line-height: 40px;
}


.location {
	font-size: 12px;
	background-image: url(../images/location_home.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 25px;
	display: block;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

.location a:link,.location a:visited {
	color: #333;
	text-decoration: none;
}

.location a:hover {
	color: #8c1d29;
	text-decoration: none;
}


.inner_box {
	width: auto;
	margin: 20px 10px 20px 10px;
}


#gaiyou02 {
	width: 100%;
	font-size: 4vw;
	line-height: 180%;
	margin-bottom: 20px;
	
	margin-bottom: 40px;
}

dl#gaiyou02 dl,dl#gaiyou02 dt,dl#gaiyou02 dd {
	margin: 0;
	padding: 0;
}

dl#gaiyou02 dt,dl#gaiyou02 dd {
	padding: 10px;
}

dl#gaiyou02 dt {
	border-top: 0px solid #E3E3E3;
	clear: left;
	float: none;
	width: auto;
	background-color: #eeeeee;
}

dl#gaiyou02 dd {
	border-top: 0px solid #E3E3E3;
	margin-left:auto;
	
}
	
	


.sysmain {
		width: 100%;
		height: 180px;
		background: url("../images/systitle.jpg") no-repeat;
		background-position: top center;
		position:relative;	
	background-size: cover;
}
.castmain {
		width: 100%;
		height: 180px;
		background: url("../images/casttitle.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
}
.schemain {
		width: 100%;
		height: 180px;
		background: url("../images/schetitle.jpg") no-repeat;
		background-position: top center;
		position:relative;	
	background-size: cover;
}

table#sch_cal {
	width: 100%;
	border: 0px solid #a0a0a0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 3.5vw;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 15px;

}

table#sch_cal th {
    padding: 3px;
    border: #a0a0a0 dotted;
    border-width: 0 0 1px 0px;
    background: #f4f4f4;
    font-weight: bold;
    text-align: center;
	float: left;
	width: 100%;
}
table#sch_cal td {
    padding: 5px;
    border: 1px #a0a0a0 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
	
}

.today_date {
	text-align: center;
	font-size: 18px;
	margin: 10px 0px 15px 0px;
	border-bottom: 2px dotted #1b1b1b;
	padding-bottom: 5px;
	width: 755px;
	margin-left:auto;
	margin-right:auto;
}

.schtime {
	color: #fe5003;
	text-align: center;
}


.profile_left {
	width: auto;
	float: none;
}
.profile_right {
	width: auto;
	float: none;
	margin-top: -50px;
}

.prof_name_box {
	border-bottom: 1px solid #1b1b1b;
	border-top: 1px solid #1b1b1b;
	padding: 20px 0px;
	margin-bottom: 20px;
}

.profname {
	font-size: 6vw;
	font-weight: bold;
}

.age {
	font-size: 4.5vw;
}
.profsize {
	font-size: 4.5vw;
}


#gaiyou03 {
	width: 100%;
	font-size:  4vw;
	line-height: 180%;
	margin-bottom: 20px;
}

dl#gaiyou03 dl,dl#gaiyou03 dt,dl#gaiyou03 dd {
	margin: 0;
	padding: 0;
}

dl#gaiyou03 dt,dl#gaiyou03 dd {
	padding: 10px 10px 10px 10px;
}

dl#gaiyou03 dt {
	border-top: 1px solid #E3E3E3;
	clear: left;
	float: none;
	width: auto;
	background: #eeeeee;
}

dl#gaiyou03 dd {
	border-top: 1px solid #E3E3E3;
	margin-left:auto;
	
}


table#profsch {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	font-size:  4vw;
}

table#profsch th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#profsch td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
	
	
	
	
.sp_view {
	display: block;
}
	
.top_cont01 {
	background-image: url("../images/top/sec01_bg.jpg");
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 20px 0px;
	font-size: 4vw;
	line-height: 200%;
}

	
	

.top_more {
	position: relative;
	display: inline-block;
	padding: .9em 20px;
	background-color: #0054a7;
	border: 2px solid #fff;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:10px;
	margin-bottom:20px;
	width:70%;
	font-size:16px;
}
.top_more::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.top_more:link {
	color: #1b1b1b;
}
.top_more:visited {
	color: #1b1b1b;
}
.top_more:hover {
	background-color: #fff;
	color: #0054a7 !important;
	text-decoration:none;
}
.top_more:hover::after {
	border-left-color: #0054a7;
}

	
	
ul#footer_corpo  {
	list-style: none;
    display: block;
    flex-flow: wrap;
    width: 100%;
    justify-content: space-between;
	margin-bottom: 30px;
}
ul#footer_corpo li {
	border: solid #fff 15px;
    box-sizing: border-box;
    width: auto;
	margin: 10px auto 10px auto;
	line-height: 150%;
	font-size: 3.5vw;
	
	
}

#footer_corpo img {
	margin-bottom: 10px;
	max-width: 100%;
	
}
	
.ft_tel {
	font-family: 'Roboto', sans-serif;
	font-size: 4.5vw;
}
	
.ft_acc {
	border-top: 1px solid #ffcc00;
	padding-top: 5px;
	margin-top: 5px;
	font-size: 3vw;
}

#globalmenu {
	display: none;
}
	
	
.footer_wrap h2 {
	text-align: center;
	margin-bottom: 15px;
	font-size: 5vw;
	font-weight: bold;
}
	
	
.breadcrumbs {
margin: 0px 0px 0px 0px;
color: #fff;
padding-top: 10px;
float: none;
text-align: center;
}
.breadcrumbs ul {
display: block;
font-size: 3.5vw;
list-style: none;
text-align: center;
}
.breadcrumbs ul li {
margin: 0 10px 0 0;
font-size: 3.5vw;
float: none;
color: #fff;
}
.breadcrumbs ul li a {
color: #fff;
}
	
.f_copy {
color: #fff;
float: none;
	padding-top: 0px;
	padding-bottom: 10px;
}
	
h2.h2_deco {
	font-size: 5.5vw !important;
	letter-spacing: 0;
	font-weight: bold;
	margin-bottom: 20px;
	
}
	
.top_cont01 h2 {
	font-size: 6vw;
	font-weight: bold;
	margin-bottom: 10px;
}
	
	
.c_map {
	width: auto;
	float: none;
}
.c_office {
	width: auto;
	float: none;
	margin-bottom: 20px;
}
.office_title {
	font-size: 5.5vw;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-top: 0px;
}
.office_tel {
	font-size: 4.7vw;
	font-family: 'Roboto', sans-serif;
}
.office_sub {
	font-size: 3.5vw;
}


.office_box {
	margin-bottom: 30px;
}

.cta_img {
	
    width: 100%;
	margin-top: 0px;
}
.ctamain {
	
    width: 100%;
	margin-top: 0px;
}

.cta_bg {
		width: 100%;
		height: auto;
		background: url("../images/ctamain.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
	
}

.cta_bg h2 {
	font-size:5.5vw;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	color: #fff;
	position: relative;
	
}
.cta_bg h3 {
	font-size:3.5vw;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	color: #fff;
	position: relative;
	
}

.cta_wrap {
	width: auto;
	margin: auto 20px;
	position: relative;
	
}


.cta_mail {
	position: relative;
	display: inline-block;
	padding: .8em 20px;
	background-color: #f9f000;
	border: 2px solid #1b1b1b;
	color: #1b1b1b;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:0px;
	margin-bottom:10px;
	width:80%;
	font-size:4.5vw;
	background-image: url("../images/mail.png");
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 15px 12px;
	float: none;
	
}
.cta_mail::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #1b1b1b;
	transition: all .3s;
}
.cta_mail:link {
	color: #1b1b1b;
}
.cta_mail:visited {
	color: #1b1b1b;
}
.cta_mail:hover {
	background-color: #1b1b1b;
	color: #fff;
	text-decoration:none;
}
.cta_mail:hover::after {
	border-left-color: #fff;
}


.cta_rec {
	position: relative;
	display: inline-block;
	padding: .8em 20px;
	background-color: #f9f000;
	border: 2px solid #1b1b1b;
	color: #1b1b1b;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:0px;
	margin-bottom:10px;
	width:80%;
	font-size:4.5vw;
	background-image: url("../images/pagelink.png");
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 15px 15px;
	float: none;
	
}
.cta_rec::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #1b1b1b;
	transition: all .3s;
}
.cta_rec:link {
	color: #1b1b1b;
}
.cta_rec:visited {
	color: #1b1b1b;
}
.cta_rec:hover {
	background-color: #1b1b1b;
	color: #fff;
	text-decoration:none;
}
.cta_rec:hover::after {
	border-left-color: #fff;
}
	

.cta_mail_box {
	text-align: center;
}
.cta_rec_box {
	text-align: center;
}	
	
	
	
.job_box {
	background-color: #f2f2f2;
	padding: 10px;
	margin-bottom: 10px;
}
.job_img {
	float: left;
	width: 15%;
}
.job_title {
	float: left;
	border-bottom: 1px solid #bfbfbf;
	width: 75%;
	font-size: 4vw;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 10px;
}


.job_more {
	position: relative;
	display: inline-block;
	padding: .8em 10%;
	background-color: #f9f000;
	border: 2px solid #1b1b1b;
	color: #1b1b1b;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:15px;
	margin-bottom:0px;
	width:80%;
	font-size:3.5vw;
	background-image: url("../images/pagelink.png");
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.job_more::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #1b1b1b;
	transition: all .3s;
}
.job_more:link {
	color: #1b1b1b;
}
.job_more:visited {
	color: #1b1b1b;
}
.job_more:hover {
	background-color: #1b1b1b;
	color: #fff;
	text-decoration:none;
}
.job_more:hover::after {
	border-left-color: #fff;
}


.p_center {
	text-align: center;
	margin-bottom: 30px;
}
.p_center p {
	margin-bottom: 16px;
	font-size: 3.5vw;
}

.formcation {
	font-size: 12px;
	margin-top: 5px;
	line-height: 170%;
}
	
	
ul#jobpoint  {
	list-style: none;
    display: flex;
    flex-flow: wrap;
    width: 100%;
    justify-content: space-between;
	margin-bottom: 20px;
}
ul#jobpoint li {
	border: solid #fff 15px;
    box-sizing: border-box;
    width: auto;
	margin: 10px auto 10px auto;
	line-height: 150%;
	font-size: 14px;
	text-align: center;
}

#jobpoint img {
	margin-bottom: 10px;
	max-width: auto;
	text-align: center;
	width: 200px;
	text-align: center;
}
#jobpoint p {
	
	text-align: left;
}
	
	
	
	
.point_title {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.jobcate {
	color:#fb9f00;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	
}	
	
	
input.form01 {
	width: 20%;
	height: 25px;
}
input.form02 {
	width: 70%;
	height: 25px;
}

textarea {
	width: 70% !important;
	height: 200px!important;
	border:1px solid #bfbfbf;
}

.inner_box p {
	margin-bottom: 4vw;
	line-height: 180%;
}
.inner_box h3 {
	font-size: 5vw;
	margin-bottom: 16px;
	font-weight: bold;
	background-color: #e5e5e5;
	padding: 10px 10px 10px 15px;
}
.inner_box h4 {
	font-size: 4vw;
	margin-bottom: 5px;
	font-weight: bold;
}
	
	

	
	
	
	
	
	
	
}

.link {
text-align:center;
margin:30px 0;
}
.link a {
color:#c3cf89;
}



@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}


#top_slide02{
	margin-bottom: 100px;
}


.head_contact {
	position: relative;
	display: inline-block;
	padding: 15px 10px;
	background-color: #00ac61;
	border: 2px solid #00ac61;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	width:180px;
	font-size:16px;
	margin-top: -20px;
}
.head_contact::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.head_contact:link {
	color: #fff;
}
.head_contact:visited {
	color: #fff;
}
.head_contact:hover {
	background-color: #fff;
	color: #00ac61;
	text-decoration:none;
}
.head_contact:hover::after {
	border-left-color: #00ac61;
}


.center_more {
	position: relative;
	display: inline-block;
	padding: 15px 10px;
	background-color: #00ac61;
	border: 2px solid #00ac61;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	width:530px;
	font-size:18px;
}
.center_more::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.center_more:link {
	color: #fff;
}
.center_more:visited {
	color: #fff;
}
.center_more:hover {
	background-color: #fff;
	color: #00ac61;
	text-decoration:none;
}
.center_more:hover::after {
	border-left-color: #00ac61;
}

#FOOTER h1 {
	width: 400px;
	margin: 0px auto 20px auto;
}
#FOOTER h1 img {
	width: 100%;
}
.footer_data {
	text-align: center;
}

.pcimg {
	display: block;
}
.spimg {
	display: none;
}

.about_main {
		width: 100%;
		height: 300px;
		background: url("../images/about/title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
	text-transform:uppercase;
}
.notation_main {
		width: 100%;
		height: 300px;
		background: url("../images/about/title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
	text-transform:uppercase;
}

.two_box {
	display: flex;
}
.two_box01 {
	width: 50%;
	margin-right: 20px;
	text-align: left;
}
.two_box02 {
	width: 50%;
}
.two_box02 img {
	width: 100%;
}

.inner_box p {
	font-size: 16px;
	line-height: 200% !important;
}

.h2cap {
	font-size: 20px;
	text-align: center;
}
.fullimg {
	margin-bottom: 30px;
}
.fullimg img {
	width: 100%;
}

.block_title {
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
.textbox {
	margin: 0px 50px;
}

.boxmg {
	margin-bottom: 60px;
}



.instructor_main {
		width: 100%;
		height: 300px;
		background: url("../images/instructor/title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
	text-transform:uppercase;
}
.policy_main {
		width: 100%;
		height: 300px;
		background: url("../images/instructor/title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
	text-transform:uppercase;
}


.inst_title {
	background-color: #d9e4ef;
	padding: 20px;
	font-size:20px important;
	margin-bottom: 20px;
	font-weight: bold;
}
.voice_ph {
	float: left;
	width: 160px;
	margin-right: 20px;
	
}
.voice_ph img{
	width: 160px;
	height: 160px;
  border-radius: 50%;
	object-fit: cover; /* この一行を追加するだけ！ */
}
.voice_head {
	float: left;
	width: 660px;
	font-size:20px important;
}
.pkansyu {
	background-color: #0054a7;
	padding: 10px;
	font-size: 14px;
	color: #fff;
	width: 150px;
	text-align: center;
	margin-bottom: 10px;
}




.inst_box {
	display: flex;
	padding-bottom: 20px;
}
.inst_box01 {
	width: 70%;
	margin-right: 20px;
}
.inst_box02 {
	width: 30%;
}
.inst_box02 img {
	width: 100%;
}

.inst_cap {
	color: #0054a7;
	font-size: 22px;
	margin-bottom: 16px;
}

.img_type01 {
	box-shadow: 0 0 15px rgba(200,200,200,.6);
}

.media {
	background-image: url("../images/instructor/media.png");
	padding: 40px;
	margin-top: 30px;
	width: auto;
}
.inst_cap02 {
	font-size: 20px;
	margin-bottom: 16px;
	
}

ul.books {
  padding: 0;
  position: relative;
}
.books li {
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2em;
  border-bottom: 1px dashed #b5b5b5;
  list-style-type: none!important;
	font-size: 16px;
}
.books li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f02d";
  position: absolute;
  left : 0em/*左端からのアイコンまでの距離*/;
  color: #0054a7;/*アイコン色*/
}
.books li:last-of-type {
  border-bottom: none;/*最後のliの線だけ消す*/
}

.mediaph {
	background-color: #fff;
	padding: 50px;
	box-shadow: 0 0 15px rgba(200,200,200,.6);
}
.mediaph img {
	width: 100%;
}
.study_main {
		width: 100%;
		height: 300px;
		background: url("../images/study/title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
	text-transform:uppercase;
}


.study_box {
	display: flex;
}
.studylist {
	width: 33%;
	margin: 0px 10px 10px 10px;
	font-size: 16px;
}
.studylist_img img {
	width: 100%;
  height: auto;
  object-fit: cover; /* この一行を追加するだけ！ */
	margin-bottom: 10px;
}
.studylist_date {
	font-size: 12px;
}

.voice_main {
		width: 100%;
		height: 300px;
		background: url("../images/voice/title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
	text-transform:uppercase;
}

.voice {
	background-color: #f6f6f6;
	border-radius: 6px;
	padding: 40px;
	margin-bottom: 40px;
}

.contact_main {
		width: 100%;
		height: 300px;
		background: url("../images/contact/title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
	text-transform:uppercase;
}


.pp {
	font-size: 14px !important;
}

.list {
	margin-left: 20px;
	margin-bottom: 40px;
}

.service_main {
		width: 100%;
		height: 300px;
		background: url("../images/service/title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
	text-transform:uppercase;
}

.step3 {
	width: 90%;
	text-align: center;
	margin: 0px auto 40px auto;
}

.yellow_bg {
	background-color: #fff100;
}
.red {
	color:#e60012;
}
.bold {
	font-weight: bold;
}

.service_logo img {
	width: 300px;
	margin: auto;
	margin-bottom: 20px;
}


.service_title {
	background: -moz-linear-gradient(left, #003894, #008ace);
  background: -webkit-linear-gradient(left, #003894, #008ace);
  background: linear-gradient(to right, #003894, #008ace);
	color:#fff;
	font-size: 24px;
	padding: 20px;
	text-align: left;
	display: flex;
}
.service_no {
	background-color: #fff;
	color:#0054a7;
	text-align: center;
	font-size: 18px;
	padding: 10px;
	border-radius: 4px;
	margin-right: 20px;
}
.service_mtitle {
	margin-top: 8px;
}
.service_bg {
	background-color: #e7f3fe;
	padding: 40px;
	text-align: left;
}

.service_list {
	font-size: 18px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.img_right {
	float: right;
}

.img_right img {
	width: 300px;
}

.service_box {
	margin-bottom: 30px;
}

.k_price {
	border: 8px solid #cce0f4;
	padding: 20px;
	font-size: 30px;
	margin-bottom: 30px;
}
.price01 {
	background: -moz-linear-gradient(left, #003894, #008ace);
  background: -webkit-linear-gradient(left, #003894, #008ace);
  background: linear-gradient(to right, #003894, #008ace);
	color:#fff;
	font-size: 24px;
	padding: 15px;
	text-align: center;
}

.price02 {
	font-size: 60px;
	font-family: 'Roboto', sans-serif;
	color:#e60012;
}


#price_deta {
	width: 100%;
	font-size: 16px;
	line-height: 180%;
	margin-bottom: 0px;
	
	
	margin-bottom: 40px;
}

dl#price_deta dl,dl#price_deta dt,dl#price_deta dd {
	margin: 0;
	padding: 0;
}

dl#price_deta dt,dl#price_deta dd {
	padding: 15px;
	text-align: left;
}

dl#price_deta dt {
	border-top: 1px solid #E3E3E3;
	clear: left;
	float: left;
	width: 20%;
}

dl#price_deta dd {
	border-top: 1px solid #E3E3E3;
	margin-left:23%;
	
}

.faq_q {
	background-image: url(../images/voice/q.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #1b1b1b;
	background-position: 10px 10px;
	margin-top: 0px;
	padding-top: 12px;
	background-color: #e5e5e5;
	font-size: 18px;
}

.faq_a {
	background-image: url(../images/voice/a.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	margin-bottom: 30px;
	background-position: 10px top;

}


.voice_block {
	display: flex;
	
	margin: auto;
	flex-wrap:wrap;
	justify-content: space-between;
}
.voice_block div {
	
}
.voicebox {
	background-color: #f2f1f1;
	margin: 0px 10px;
	width: 310px;
	margin-bottom: 30px;
	
}
.voice_block::after {
        content: "";
        display: block;
        width: 300px;
        height: 0;
    }
.voice_title {
	background-color: #004bac;
	color:#fff;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 30px;
}


.voicebox figure {
	width: 160px;
	margin: auto;
	margin-bottom: 20px;
}

.pic3 img {
	width: 160px;
	height: 160px;
  border-radius: 50%;
	object-fit: cover; /* この一行を追加するだけ！ */
}
.voicebox p {
	margin: 0px 15px 15px 15px;
	color:#1b1b1b;
	font-size: 16px;
	line-height: 150% !important;
	font-weight: bold;
}
.cotegory_name {
	background-color: #00ac61;
	color:#fff;
	padding: 5px;
	width: 200px;
	margin: auto;
	text-align: center;
	font-size: 14px;
	border-radius: 20px;
	margin: 20px auto;
}


.benefits_main {
		width: 100%;
		height: 300px;
		background: url("../images/instructor/title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
	text-transform:uppercase;
}


/* ------------------------------------------------------------------------------------------------------------------------- */

@media print, screen and (min-width:0px) and (max-width:1024px) {
.top_cont01_title  {
	width: auto;
	margin: -90px auto 0px auto;
}

.top_cont01_title img {
	width: 100%;
	
}
.pcimg {
	display: block;
}
.spimg {
	display: none;
}
.top_cont02 {
	
	background-image: url("../images/top/sec02_bg.jpg");
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 60px 0px;
	font-size: 18px;
	line-height: 200%;
}
.sec02_txt {
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 50px;
	text-align: center;
}
	
	
.center_more {
	position: relative;
	display: inline-block;
	padding: 15px 10px;
	background-color: #00ac61;
	border: 2px solid #00ac61;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	width:530px;
	font-size:18px;
}
.center_more::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.center_more:link {
	color: #fff;
}
.center_more:visited {
	color: #fff;
}
.center_more:hover {
	background-color: #fff;
	color: #00ac61;
	text-decoration:none;
}
.center_more:hover::after {
	border-left-color: #00ac61;
}
.top_cont03 {
	
	background-color: #eeeeee;
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 60px 0px;
	font-size: 18px;
	line-height: 200%;
}
.top_post {
	display: flex;
}
.top_post_bg {
	background-color: #fff;
	padding: 30px 20px;
	width: 48%;
	margin: 0px 20px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.top_cont03_title  {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 20px;
	font-family: 'Roboto', sans-serif;
}

.top_post_list {
	text-align: left;
	list-style-type: none;
}
.top_post_list li {
	display: block;
	border-bottom: 1px dotted #a0a0a0;
	padding-bottom: 0px;
	margin-bottom: 15px;
}
.top_post_date {
	color: #fff;
	font-size: 12px;
	background-color: #0054a7;
	width: auto;
	text-align: center;
	line-height: 120% !important;
	padding: 5px 5px 5px 5px;
	margin-right: 0px;
	
}
.top_post_title {
	font-size: 15px;
	margin-top: 12px;
}
	
.infobox h2 {
	overflow: hidden;
  text-align: center;
	font-size: 30px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
}
.infobox h2 span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.infobox h2 span::before,
.infobox h2 span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 30%;
  height: 1px;
  background-color: #fff;
}
.infobox h2 span::before {
  right: 100%;
}
.infobox h2 span::after {
  left: 100%;
}

.top_cont04 {
	
	background-image: url("../images/top/sec03_bg.jpg");
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 20px 0px;
	font-size: 18px;
	line-height: 200%;
}
	
	
.sec04_inner {
	background-image: url("../images/top/sec04_inner.png");
	padding: 40px;
}
.sec04_inner img {
	width: 240px;
	float: right;
	margin-left: 20px;
}

.sec04_name {
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 20px;
}
.sec04_txt {
	font-size: 16px;
	text-align: left;
	margin-bottom: 20px;
}
.topname_sub {
	font-size: 16px;
}
	
	
.top_more02 {
	position: relative;
	display: inline-block;
	padding: .9em 20px;
	background-color: #0054a7;
	border: 2px solid #0054a7;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:20px;
	margin-bottom:20px;
	width:250px;
	font-size:16px;
}
.top_more02::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.top_more02:link {
	color: #1b1b1b;
}
.top_more02:visited {
	color: #1b1b1b;
}
.top_more02:hover {
	background-color: #fff;
	color: #0054a7 !important;
	text-decoration:none;
	border: 2px solid #0054a7 !important;
}
.top_more02:hover::after {
	border-left-color: #0054a7;
	
}

.top_cont05 {
	
	background-image: url("../images/top/sec05_bg.jpg");
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 40px 0px;
	font-size: 18px;
	line-height: 200%;
}
	
#FOOTER h1 {
	width: 40%;
	margin: 0px auto 10px auto;
}
	
	
	
.about_main {
		width: 100%;
		height: 300px;
		background: url("../images/about/title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
}

.two_box {
	display: flex;
}
.two_box01 {
	width: 50%;
	margin-right: 20px;
}
.two_box02 {
	width: 50%;
}
.two_box02 img {
	width: 100%;
}

.inner_box p {
	font-size: 16px;
	line-height: 200% !important;
}

.h2cap {
	font-size: 20px;
	text-align: center;
}
.fullimg {
	margin-bottom: 30px;
}
.fullimg img {
	width: 100%;
}

.block_title {
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
.textbox {
	margin: 0px 50px;
}

.boxmg {
	margin-bottom: 60px;
}	
	
	
	
.voice_block {
	display: flex;
	
	margin: auto;
	flex-wrap:wrap;
	justify-content: space-between;
}
.voice_block div {
	
}
.voicebox {
	background-color: #f2f1f1;
	margin: 0px 10px;
	width: 47%;
	margin-bottom: 30px;
	
}
.voice_title {
	background-color: #004bac;
	color:#fff;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 30px;
}


.voicebox figure {
	width: 160px;
	margin: auto;
	margin-bottom: 20px;
}

.pic3 img {
	width: 160px;
	height: 160px;
  border-radius: 50%;
	object-fit: cover; /* この一行を追加するだけ！ */
}

.voicebox p {
	margin: 0px 15px 15px 15px;
	color:#1b1b1b;
	font-size: 16px;
	line-height: 150% !important;
	font-weight: bold;
}	
	
	
.voice_ph {
	float: left;
	width: 140px;
	margin-right: 20px;
	
}
.voice_ph img{
	width: 140px;
	height: 140px;
  border-radius: 50%;
	object-fit: cover; /* この一行を追加するだけ！ */
}
.voice_head {
	float: left;
	width: 70%;
	font-size:20px important;
}
.pkansyu {
	background-color: #0054a7;
	padding: 10px;
	font-size: 14px;
	color: #fff;
	width: 150px;
	text-align: center;
	margin-bottom: 10px;
}

.voice_head p {
font-size: 24px !important;
line-height:150% !important;
}

	
}

/* ------------------------------------------------------------------------------------------------------------------------- */
	
@media print, screen and (min-width:0px) and (max-width:641px) {
.top_cont01_title  {
	width: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin: 0px auto 0px auto;
	
}

.top_cont01_title img {
	width: 100%;
	margin-bottom: 0px;
}
.pcimg {
	display: none;
}
.spimg {
	display: block;
}
.top_cont02 {
	
	background-image: url("../images/top/sec02_bg.jpg");
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 20px 0px 10px 0px;
	font-size: 4.5vw;
	line-height: 200%;
}
.sec02_txt {
	font-size: 4.5vw;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 30px;
}
	
.center_more {
	position: relative;
	display: inline-block;
	padding: 12px 10px;
	background-color: #00ac61;
	border: 2px solid #00ac61;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	width:85%;
	font-size:4.5vw;
	font-weight: bold;
	line-height: 160%;
}
.center_more::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.center_more:link {
	color: #fff;
}
.center_more:visited {
	color: #fff;
}
.center_more:hover {
	background-color: #fff;
	color: #00ac61;
	text-decoration:none;
}
.center_more:hover::after {
	border-left-color: #00ac61;
}
	
.top_cont03 {
	
	background-color: #eeeeee;
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 10px 0px;
	font-size: 18px;
	line-height: 200%;
}
	
	
	
.top_post {
	display: block;
}
.top_post_bg {
	background-color: #fff;
	padding: 20px 20px;
	width: auto;
	margin: 0px 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	margin-bottom: 20px;
}
.top_cont03_title  {
	font-size: 6vw;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: 'Roboto', sans-serif;
}

.top_post_list {
	text-align: left;
	list-style-type: none;
}
.top_post_list li {
	display: block;
	border-bottom: 1px dotted #a0a0a0;
	padding-bottom: 0px;
	margin-bottom: 15px;
}
.top_post_date {
	color: #fff;
	font-size: 4vw;
	background-color: #0054a7;
	width: auto;
	height: auto;
	text-align: center;
	line-height: 120% !important;
	padding: 5px;
	margin-right: 0px;
	
}
.top_post_title {
	font-size: 4vw;
	margin-top: 12px;
}
	
	
.infobox h2 {
	overflow: hidden;
  text-align: center;
	font-size: 5vw;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
}
.infobox h2 span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.infobox h2 span::before,
.infobox h2 span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 30%;
  height: 1px;
  background-color: #fff;
}
.infobox h2 span::before {
  right: 100%;
}
.infobox h2 span::after {
  left: 100%;
}

.top_cont04 {
	
	background-image: url("../images/top/sec03_bg.jpg");
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 10px 0px;
	font-size: 18px;
	line-height: 200%;
}
	

	
.sec04_inner {
	background-image: url("../images/top/sec04_inner.png");
	padding: 20px;
}
.sec04_inner img {
	width: 70%;
	float: none;
	margin-left: 0px;
	margin-bottom: 20px;
}

.sec04_name {
	font-size: 5.5vw;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	line-height: 160%;
}
.sec04_txt {
	font-size: 4vw;
	text-align: left;
	margin-bottom: 20px;
	line-height: 160%;
}
.topname_sub {
	font-size: 4vw;
}	
	
	
.top_more02 {
	position: relative;
	display: inline-block;
	padding: .8em 20px;
	background-color: #0054a7;
	border: 2px solid #0054a7;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:20px;
	margin-bottom:20px;
	width:75%;
	font-size:4vw;
}
.top_more02::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.top_more02:link {
	color: #1b1b1b;
}
.top_more02:visited {
	color: #1b1b1b;
}
.top_more02:hover {
	background-color: #fff;
	color: #0054a7 !important;
	text-decoration:none;
	border: 2px solid #0054a7 !important;
}
.top_more02:hover::after {
	border-left-color: #0054a7;
	
}	
	
	
.top_cont05 {
	
	background-image: url("../images/top/sec05_bg.jpg");
	width: 100%;
	background-size: cover;
	text-align: center;
	padding: 10px 0px;
	font-size: 18px;
	line-height: 200%;
}
	
.top_cont05 h2 {
	color:#fff;
	font-size: 5.5vw;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: bold;
}

.top_cont05 p {
	color:#fff;
	margin-bottom: 40px !important;
	font-size: 4vw;
}
	
#FOOTER h1 {
	width: 60%;
	margin: 0px auto 10px auto;
}
#FOOTER h1 img {
	width: 100%;
}
.footer_data {
	text-align: center;
	font-size: 3.5vw;
}
	
	
	
.about_main {
		width: 100%;
		height: 300px;
		background: url("../images/about/title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
}

.two_box {
	display: flex;
	flex-direction: column;
	flex-direction: column-reverse;
}
.two_box01 {
	width: auto;
	margin-right: 0px;
}
.two_box02 {
	width: auto;
}
.two_box02 img {
	width: 100%;
}

.inner_box p {
	font-size: 4vw;
	line-height: 200% !important;
}

.h2cap {
	font-size: 4.5vw;
	text-align: center;
}
.fullimg {
	margin-bottom: 20px;
}
.fullimg img {
	width: 100%;
}

.block_title {
	font-size: 5.5vw;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.textbox {
	margin: 0px 0px;
}

.boxmg {
	margin-bottom: 40px;
}	
	
	

.instructor_main {
		width: 100%;
		height: 300px;
		background: url("../images/instructor/title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
}


.inst_title {
	background-color: #d9e4ef;
	padding: 15px;
	font-size: 4.5vw;
	margin-bottom: 20px;
	text-align: left;
}
.pkansyu {
	background-color: #0054a7;
	padding: 10px;
	font-size: 3.5vw;
	color: #fff;
	width: auto;
	text-align: left;
	margin-bottom: 10px;
}


.inst_box {
	display: flex;
	padding-bottom: 20px;
	flex-direction: column;
	flex-direction: column-reverse;
}
.inst_box01 {
	width: 100%;
	margin-right: 0px;
}
.inst_box02 {
	width: 100%;
	text-align: center;
}
.inst_box02 img {
	width: 70%;
	text-align: center;
}

.inst_cap {
	color: #0054a7;
	font-size: 5vw;
	margin-bottom: 16px;
}

.img_type01 {
	box-shadow: 0 0 15px rgba(200,200,200,.6);
}

.media {
	background-image: url("../images/instructor/media.png");
	padding: 20px;
	margin-top: 0px;
}
.inst_cap02 {
	font-size: 5vw;
	margin-bottom: 16px;
	
}

ul.books {
  padding: 0;
  position: relative;
}
.books li {
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2em;
  border-bottom: 1px dashed #b5b5b5;
  list-style-type: none!important;
	font-size: 4vw;
}
.books li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f02d";
  position: absolute;
  left : 0em/*左端からのアイコンまでの距離*/;
  color: #0054a7;/*アイコン色*/
}
.books li:last-of-type {
  border-bottom: none;/*最後のliの線だけ消す*/
}

.mediaph {
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 0 15px rgba(200,200,200,.6);
}
	
	
.study_box {
	display: flex;
	flex-direction: column;
	flex-direction: column-reverse;
}
.studylist {
	width: 100%;
	margin: 0px 0px 20px 0px;
	font-size: 4vw;
}
.studylist_img img {
	width: 100%;
  height: auto;
  object-fit: cover; /* この一行を追加するだけ！ */
	margin-bottom: 10px;
}
.studylist_date {
	font-size: 3.5vw;
}
	

.voice {
	background-color: #f6f6f6;
	border-radius: 6px;
	padding: 10px;
	margin-bottom: 20px;
}
	
	
.top_mov_info {
	float: none;
}


.top_mov {
	width: 80%;
	float: none;
	margin-top: 0px;
	text-align: center;
	margin: 0px auto 10px auto;
	display: block;
}
.top_mov img {
	width: 100%;
	text-align: center;
	
}	
	
	

.step3 {
	width: 100%;
	text-align: center;
	margin: 20px auto 20px auto;
}

.yellow_bg {
	background-color: #fff100;
}
.red {
	color:#e60012;
}
.bold {
	font-weight: bold;
}

.service_logo img {
	width: 150px;
	margin: auto;
	margin-bottom: 10px;
}


.service_title {
	background: -moz-linear-gradient(left, #003894, #008ace);
  background: -webkit-linear-gradient(left, #003894, #008ace);
  background: linear-gradient(to right, #003894, #008ace);
	color:#fff;
	font-size: 5vw;
	padding: 15px;
	text-align: center;
	display: block;
}
.service_no {
	background-color: #fff;
	color:#0054a7;
	text-align: center;
	font-size: 4.5vw;
	padding: 5px;
	border-radius: 4px;
	margin-right: 0px;
}
.service_mtitle {
	margin-top: 8px;
}
.service_bg {
	background-color: #e7f3fe;
	padding: 20px;
	text-align: left;
}

.service_list {
	font-size: 4vw;
	margin-left: 20px;
	margin-bottom: 20px;
}
.img_right {
	float: none;
	margin-bottom: 10px;
}

.img_right img {
	width: auto;
}

.service_box {
	margin-bottom: 20px;
}

.k_price {
	border: 8px solid #cce0f4;
	padding: 20px;
	font-size: 5vw;
	margin-bottom: 30px;
}
.price01 {
	background: -moz-linear-gradient(left, #003894, #008ace);
  background: -webkit-linear-gradient(left, #003894, #008ace);
  background: linear-gradient(to right, #003894, #008ace);
	color:#fff;
	font-size: 5vw;
	padding: 10px;
	text-align: center;
}

.price02 {
	font-size: 9vw;
	font-family: 'Roboto', sans-serif;
	color:#e60012;
}


#price_deta {
	width: 100%;
	font-size: 4vw;
	line-height: 180%;
	margin-bottom: 0px;
	
	
	margin-bottom: 40px;
}

dl#price_deta dl,dl#price_deta dt,dl#price_deta dd {
	margin: 0;
	padding: 0;
}

dl#price_deta dt,dl#price_deta dd {
	padding: 10px;
	text-align: left;
}

dl#price_deta dt {
	border-top: 0px solid #ddedfc;
	clear: left;
	float: none;
	width: auto;
	background-color: #eaf3fc;
}

dl#price_deta dd {
	border-top: 1px solid #E3E3E3;
	margin-left:auto;
	
}

.voice_block {
	display: flex;
	
	margin: auto;
	flex-wrap:wrap;
	justify-content: space-between;
}
.voice_block div {
	
}
.voicebox {
	background-color: #f2f1f1;
	margin: 0px 0px;
	width: auto;
	margin-bottom: 15px;
	width:100%;
	
}
.voice_title {
	background-color: #004bac;
	color:#fff;
	padding: 10px;
	text-align: center;
	font-size: 4.5vw;
	margin-bottom: 30px;
	font-weight: bold;
}


.voicebox figure {
	width: 140px;
	margin: auto;
	margin-bottom: 20px;
}

.pic3 img {
	width: 140px;
	height: 140px;
  border-radius: 50%;
	object-fit: cover; /* この一行を追加するだけ！ */
}

.cotegory_name {
	background-color: #00ac61;
	color:#fff;
	padding: 5px;
	width: 200px;
	margin: auto;
	text-align: center;
	font-size: 3.5vw;
	border-radius: 20px;
	margin: 20px auto;
}

.voicebox p {
	margin: 0px 15px 15px 15px;
	color:#1b1b1b;
	font-size: 4.5vw;
	line-height: 150% !important;
	font-weight: bold;
}


.voice_head p {
font-size: 5vw !important;
line-height:160% !important;
}


.voice_ph {
	float: none;
	width: 140px;
	margin-right: 0px;
	margin:0px auto 10px; auto;
	
}
.voice_ph img{
	width: 140px;
	height: 140px;
  border-radius: 50%;
	object-fit: cover; /* この一行を追加するだけ！ */
}
.voice_head {
	float: none;
	width: auto;
	font-size:20px important;
}
.pkansyu {
	background-color: #0054a7;
	padding: 10px;
	font-size: 14px;
	color: #fff;
	width: auto;
	text-align: center;
	margin-bottom: 10px;
}


.faq_q {
	background-image: url(../images/voice/q.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	margin-bottom: 15px;
	margin-left:5px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #1b1b1b;
	background-position: 10px 10px;
	margin-top: 0px;
	padding-top: 12px;
	background-color: #e5e5e5;
	font-size: 4.5vw;
	background-size:25px 25px;
}

.faq_a {
	background-image: url(../images/voice/a.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	margin-bottom: 30px;
	background-position: 10px top;
	background-size:25px 25px;

}

.benefits_main {
		width: 100%;
		height: 300px;
		background: url("../images/instructor/title.jpg") no-repeat;
		background-position: top center;
		position:relative;
	background-size: cover;
}


}

#price_deta a {
	color:#0000ff !important;
	text-decoration: underline !important;
}



/* 必須マーク */
.must{
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #F92931;
	border-radius: 20px;
}

/* 任意マーク */
.free {
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #424242;
	border-radius: 20px;
}

/* 項目名を太字にする */
form p {
	font-weight: 600;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 80%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 必須項目の入力欄を黄色にする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: rgba(255, 255, 142, 0.46);
}

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 80%;
	height: 80px;
	background: #27c038;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin:auto;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}

form.post-password-form {
text-align:center;
padding:100px 0;
}
.post-password-form p {
margin-bottom:10px;
}
.post-password-form label {
display : flex;
flex-direction:column;
text-align:center;
justify-content: center;
margin-bottom:10px;
}

.post-password-form input,.post-password-form select,.post-password-form textarea {
	font-size: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0.2em 0.3em;
	background-color: #f7f7f7;
	width: 240px;
	margin:10px auto;
}