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

/*contactbnr*/
.contact_banner {background: url("img/index/box08_bg.jpg")center center no-repeat; margin-top: 100px;}
.contact_banner .con_title {font-size: 18px; line-height: 1;}
.contact_banner .con_title .con_big {font-size: 40px; margin-right: 20px;}
.contact_banner .con_bdr {content: ""; background-color: #fff; margin: 20px auto; width: 30px; height: 1px;}
.contact_banner h2 {font-size: 25px; margin-bottom: 25px;}
.contact_banner a {box-sizing: border-box; border: 1px solid #fff; height: 50px; width: 378px; margin-top: 20px;}
.contact_banner a img {margin-right: 10px;}
.contact_banner .con_tel {font-size: 40px;}
.contact_banner .con_mail {font-size: 20px;}

h1,h2,h3,h4,h5 {font-weight: bold;}

/*contact*/
#contact .tel_area {background-color: #1b1b1b; box-sizing: border-box; padding: 10px; font-size: 25px;}
#contact .tel_area a {padding: 30px 0; line-height: 1; border: 2px solid #fff;}
#contact .tel_area .txt01 {font-size: 30px; line-height: 1; padding: 0 3px; background-color: #c9002d; display: inline;}
#contact .tel {font-size: 50px; margin: 20px auto 10px;}
#contact .tel span {font-size: 70px; margin: 20px auto;}
#contact .min {font-size: 16px; margin-bottom: 20px;}
#contact ul {font-size: 16px; margin: 40px auto;}


#contact table {width: 100%; box-sizing: border-box; border: 2px solid #d2d2d2; border-left: none; border-right: none; margin-top: 20px; margin-bottom: 20px;}
#contact table th,#contact table td {padding: 20px; box-sizing: border-box; border-bottom: 2px solid #d2d2d2; font-size: 20px;}
#contact table th{font-weight: bold; vertical-align: middle; width: 320px;}
#contact table input,#contact table textarea {width: 100%; box-sizing: border-box; padding: 5px 10px; font-size: 20px; font-weight: bold; border: 2px solid #d2d2d2;}
#contact table textarea {font: inherit;}
#contact table .tel_area {width: auto;}
#contact .thanks {margin-bottom: 20px;}

#contact .btn {background: url("img/to_owners/btn_arrow.svg")center left 125px no-repeat; background-color: #000; width: 500px; height: 60px; font-size: 18px; line-height: 1; cursor: pointer; margin: 50px auto 0; border: none; color: #fff; display: block; font-weight: bold;}
#contact .wpcf7 form.sent .wpcf7-response-output {display: none;}
#contact .wpcf7 .ajax-loader {display: none!important;}
#contact .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border: none; color: red;}
#contact .wpcf7-not-valid-tip {color: red!important; font-weight: 500!important;}
 
/*blog*/
#blog h3 {font-size: 18px;}
#blog .blog_item {box-sizing: border-box; border-bottom: 1px solid #000; padding-bottom: 20px; margin-bottom: 20px; line-height: 1; font-size: 18px;}
#blog .blog_item:nth-last-child(1) {margin-bottom: 0;}
#blog .tag {background-color: #ff315f; width: 65px; height: 25px; margin: 0 15px;}
#blog .tag02 {background-color: #c9002d;}
#blog_single .box01 {box-sizing: border-box; border: 2px solid #000; background-color: #fff; line-height: 2; margin-bottom: 20px;}
#blog_single h3 {font-size: 18px; line-height: 1.5; margin: 10px auto;}
#sitemap li {font-size: 18px; padding-left: 15px; box-sizing: border-box; line-height: 2.5;}
#sitemap li span {border-left: 5px solid #217FC4; padding-left: 10px;}

/*photo*/
#photo .item {width: 320px; margin-right: 20px;}
#photo .item:nth-child(3n) {margin-right: 0;}
#photo .item:nth-child(n + 4) {margin-top: 20px;}
#photo .item img {width: 100%; height: 204px; object-fit: cover;}
#photo .item .txt_area {background-color: #f0f0f0; padding: 10px;}
#photo .item h3 {line-height: 1.3;}
#photo_single .slider-container, #photo_single .slider-nav-container {
  display: none;
  position: relative;
}
#photo_single .slider-container.initialized, #photo_single .slider-nav-container.initialized {
  display: block;
}
#photo_single .slider-nav-container {
  background-color: #f0f0f0; padding: 10px; margin: 20px auto;
}
#photo_single .slider {
  overflow: hidden;
}
#photo_single .slider-arrow {
  position: absolute;
  top: 50%;
  height: 36px;
  margin-top: -18px;  /* 高さの半分だけネガティブマージン */
  color: #aaa;
  line-height: 36px;
  font-size: 28px;
  cursor: pointer;
  z-index: 10;  /* 重要 */
}
#photo_single .slider-prev {
  left: 0;
}
#photo_single .slider-next {
  right: 0;
}
#photo_single .slick-slide {
  outline: 0; margin: 0 5px;
}
#photo_single .slider .slick-slide > img, #photo_single .slider-nav .slick-slide > img {
  display: block;
  width: 100%;
  height: auto;
}
#photo_single .slider-container {width: 850px; margin: auto;}

/*voice*/
#voice_single .img {margin-bottom: 20px;}
#voice_single .img img {width: 100%; object-fit: cover;}
#voice_single h2 {font-size: 40px; margin-right: 10px;}
#voice_single .gallery_title {font-size: 16px; background-color: #ff315f; padding: 10px;}
#voice_single .gallery_box {background-color: #f0f0f0; padding: 10px;}
#voice_single .gallery_box a {width: 237px; margin-right: 10px;}
#voice_single .gallery_box a:nth-child(4n) {margin-right: 0;}
#voice_single .gallery_box a img {width: 100%; height: 160px; object-fit: cover;}
#voice_single .gallery_box a:nth-child(n + 5) {margin-top: 10px;}

/*company*/
#company {font-size: 16px;}
#company .inner img {margin-right: 40px;}
#company table {font-size: 16px; width: 100%;}
#company iframe {box-sizing: border-box; border: 2px solid #000; width: 100%; height: 350px; margin-bottom: 5px;}

/*about*/
#about .box00 {font-size: 16px;}
#about .box00 .big {font-size: 35px; margin-bottom: 10px;}
#about .box00 .inner img {margin-right: 20px;}
#about .box00 .img01 {margin-left: 30px; margin-top: -95px;}
#about .title01 {font-size: 30px; line-height: 1; margin: 40px auto;}
#about .title01 p {box-sizing: border-box; border-bottom: 2px solid #000; padding: 0 110px; display: inline;}
#about .link_area a {width: 332px; box-sizing: border-box; border: 1px solid #a0a0a0; border-radius: 5px; height: 100px; font-size: 20px;}
#about .link_area a img {margin-left: 30px;}
#about .link_area a:nth-child(n + 4) {margin-top: 2px;}
#about .box01 {box-sizing: border-box; border: 3px solid #000; padding: 40px 20px; background-color: #fff;}
#about .box01 .no {font-size: 60px; line-height: 1; margin-bottom: 10px;}
#about .box01 h2 {font-size: 40px;}
#about .box01 .inner {margin: 40px auto;}
#about .box01 .inner img {margin-right: 20px;}
#about .box01 h3 {font-size: 30px; line-height: 1.3; box-sizing: border-box; border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 10px;}
#about .box01 .gallery_title {font-size: 40px; line-height: 1; margin-bottom: 40px;}
#about .box01 .gallery_title p {display: inline; box-sizing: border-box; border-bottom: 2px solid #000;}
#about .box01 .gallery_box img:nth-child(n + 4) {margin-top: 20px;}
#about .box01 .btn {background-color: #000; font-size: 20px; line-height: 1; padding: 20px 0; width: 450px; margin: 40px auto 0;}
#about .box01 .point_area {background-color: #000; font-size: 18px; line-height: 1;}
#about .box01 .point {font-size: 30px; width: 140px; height: 80px; background: url("img/about/point_icon.png")center center no-repeat; background-color: #ff315f; margin-right: 20px;}
#about .box01 .spot_title {font-size: 30px; padding: 10px 0; background-color: #ff315f;}
#about .box01 li {margin-top: 20px;}
#about .box01 li p {font-size: 20px; line-height: 1; padding: 10px 0; background-color: #ff315f;}

/*style*/
#style .box00 .big {font-size: 40px; line-height: 1;}
#style .box00 .txt {font-size: 20px; margin: 40px auto;}
#style .box00 li:nth-child(n + 4) {margin-top: 20px;}
#style .box01 h2 {font-size: 100px; line-height: 1; margin: 40px auto 10px;}
#style .box01 .txt01 {font-size: 50px; line-height: 1; margin-bottom: 30px;}
#style .box01 .txt02 {font-size: 25px; margin-bottom: 30px; line-height: 1.3;}
#style .box01 .inner01 img {margin-left: 20px;}
#style .box01 ul {margin-top: 20px;}
#style .con01 {margin-top: 20px;}
#style .box01 h3 {font-size: 50px; line-height: 1; margin-bottom: 20px;}
#style .box01 .inner02 {margin-top: 20px;}
#style .box01 .inner02 .img01 {margin-right: 20px;}
#style .box01 .inner02 .img02 {margin-left: 20px;}
#style h4 {font-size: 32px; line-height: 1.3; box-sizing: border-box; border-bottom: 2px solid #000;}
#style .box01 .inner02 p {margin-top: 30px;}
#style .contact_area {background: url("img/style/contact_bg.jpg")center center no-repeat; margin-top: 20px; padding: 40px 0;}
#style .contact_area .title_area {font-size: 18px; line-height: 1;}
#style .contact_area .title_area .big {font-size: 40px; margin-right: 20px;}
#style .contact_area .bdr {content: ''; background-color: #fff; width: 30px; height: 1px; margin: 20px auto;}
#style .contact_area .txt {font-size: 25px; line-height: 1;}
#style .contact_area .inner {margin-top: 20px;}
#style .contact_area a {box-sizing: border-box; border: 1px solid #fff; width: 378px; height: 50px; line-height: 1;}
#style .contact_area a img {margin-right: 10px;}
#style .contact_area .tel {font-size: 40px; margin-right: 40px;}
#style .contact_area .mail {font-size: 20px;}

/*menu*/
#menu .txt01 {font-size: 40px; margin-bottom: 30px;}
#menu .link_title {font-size: 30px; margin: 40px auto;}
#menu .link_title p {display: inline; box-sizing: border-box; border-bottom: 2px solid #000; padding: 0 110px;}
#menu .link_area a:nth-child(n + 4) {margin-top: 20px;}
#menu .box01 {box-sizing: border-box; border: 3px solid #000; background: url("img/menu/box01_bg.jpg")top center no-repeat; padding: 20px; margin-top: 20px;}
#menu .box01 .title_area {box-sizing: border-box; border-bottom: 1px solid #000; font-size: 50px; line-height: 1;}
#menu .box01 h2 {font-size: 20px; margin: 10px 0 20px;}
#menu .box01 .no {font-size: 120px; line-height: 1;}
#menu .box01 .inner {font-size: 16px; margin-top: 20px;}
#menu .box01 .inner img {margin-right: 20px;}
#menu .course_title {font-size: 30px; line-height: 1; padding: 20px 0; background-color: #ff315f; margin-top: 20px;}
#menu .c_inner01 {background-color: rgba(255,49,95,.1); padding: 0 20px 20px;}
#menu .c_box {width: 450px; margin: 20px 0 0;}
#menu .c_title {font-size: 18px; line-height: 1; margin-bottom: 20px;}
#menu .c_title:after {content: ''; flex-grow: 1; height: 1px; display: block; background: #000; margin-left: .4em;}
#menu .c_box .big {font-size: 28px; line-height: 1;}
#menu .c_box .text {width: 268px;}