@charset "UTF-8";
/*
-----------------------------------------------
-siteName- Template Base Style
----------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* pageStructureCommon
----------------------------------------------- */
html {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
}
::selection {
    background: #85dddd;
    color: #142474;
}
body {
	margin: 0;
	padding: 0;
	text-align: left;
    font-family: 'Outfit', 'Zen Kaku Gothic New', "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","MS PGothic","MS Pゴシック",sans-serif;
	min-width: 1100px;
	-webkit-text-size-adjust: 100%;
	background: #f5f5f7;
}

#mouse-stalker {
    pointer-events: none;
    position: fixed;
    top: -10px;
    left: -10px;
    width: 15px;
    height: 15px;
    background: rgba(20,36,116,0.6);
    border-radius: 50%;
    transform: translate(0,0);
    transition: transform 0.2s;
    transition-timing-function: ease-out;
    z-index: 999;
	
	  &.is_active {
    top: -40px;
    left: -40px;
    width: 80px;
    height: 80px;
    transition: 0.2s;
    background: rgba(133,221,221, 0.5);
  }
	
}

.tCenter {
    margin: 0 auto;
    display: table;
}
.fade{
  margin-top: 80vh;
  text-align: center;
  opacity : 0;
  transition: opacity 1.5s, transform 1s;
	transform: translateY(30px);
}
 
.fade.view{
  opacity: 1;
	transform: translateY(0px);
}
.eachText {
  margin: 0;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  animation: flowing-anim 3s;
}

@keyframes flowing-anim {
 0%{
     width: 0%;
   }
100%{
     width: 100%;
   }
}
/*スクロールダウン全体の場所*/
.scrolldown2{
  position: fixed;
    bottom: 30px;
    left: 49px;
}

/*Scrollテキストの描写*/
.scrolldown2 span{
  position: absolute;
    left: -3px;
    bottom: 59px;
    color: #3e4c88;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.2em;
  -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 丸の描写 */
.scrolldown2:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom:20px;
    left:-4px;
    /*丸の形状*/
  width:10px;
  height:10px;
  border-radius: 50%;
  background:#3e4c88;
    /*丸の動き1.6秒かけて透過し、永遠にループ*/
  animation:
    circlemove 1.6s ease-in-out infinite,
    cirlemovehide 1.6s ease-out infinite;
}

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove{
      0%{bottom:45px;}
     100%{bottom:-5px;}
 }

/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
  100%{opacity:0;}
 }

/* 線の描写 */
.scrolldown2:after{
  content:"";
    /*描画位置*/
  position: absolute;
  bottom:0;
  left:0;
    /*線の形状*/
  width:2px;
  height: 50px;
  background:#3e4c88;
}



#header{
  width:100%;
  height: 100vh;
  position: relative;
} 

#header:before{
  content: '';
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height: 100vh;
  /*背景画像設定*/
  background:url("https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/9-1-2/img/01.jpg") no-repeat center;
  background-size:cover;
}

#container{
  position: relative;
  z-index:1;
  background:#eee;
  padding:600px 0;
  text-align: center;
}

.access_map {
	margin-bottom: 30px;
	justify-content: space-between;
}

.access_map .access_map01 {
	width: 48%;
}

.access_map .access_map02 {
	width: 48%;
}

.access_map iframe {
}

@media screen and (max-width:768px){

    #header,
    #header:before{
  height: 90vh;    
    }
	
.access_map {
	display: block !important;
}
.access_map .access_map01 {
	width: 100%;
}

.access_map .access_map02 {
	width: 100%;
}

    
}
#others {
	background: #F3F3F6;
}

.cmsAdminEdit #splash {
	display: none;
}
#others #splash {
	display: none;
}
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #142474;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}


/*▼▼ ここから追加する ▼▼*/
.loader-wrap {
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #F3F3F6;
	top: 0;
    z-index: 9999;
}

/*▲▲ ここまで追加する ▲▲*/
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

#login_dialog {
	display: none;
}
#shoppingEdit {
	background-position: center 100px !important;
}

.sp_only_br {
    display: none;
}

strong {
	font-weight: bold;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}


.cmsAdminEdit .pc_remove {
	display: block !important;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear {
	display: block;
	clear: both;
}
a:link, a:link strong {
	color:#142474;
	text-decoration: underline;
}
a:visited, a:visited strong {
	color:#142474;
	text-decoration: underline;
}
a:hover, a:hover strong {
	color:#5c5dbb;
	text-decoration: underline;
}

.bg_works a:link, .bg_works a:link strong {
	color:#fff;
	text-decoration: underline;
}
.bg_works a:visited, .bg_works a:visited strong {
	color:#fff;
	text-decoration: underline;
}
.bg_works a:hover, .bg_works a:hover strong {
	color:#ccc;
	text-decoration: underline;
}

a:hover, picture:hover {
    transition: 0.5s;
	opacity: 1;
}

*:focus {
outline: none;
}

.comingsoon {
	text-align: center;
	margin: 100px 0 200px !important;
	font-size: 20px !important;
}
/* Wrapper
----------------------------------------------- */
#home #wrapper {
}

#others #wrapper {
}


.blog .blog_container {
	display: flex;
	justify-content: flex-start;
	
}

.blog_top #block_blog_side {
	display: none;
} 

.blog.blog_top .blog_main {
    max-width: none;
    margin-right: 0;
}

.blog .blog_main {
    max-width: 600px;
    width: 85%;
    margin-right: 50px;
}

.blog .blog_main img {
	width: 100%;
	height: auto;
}

.blog #block_blog_side {
	width: 250px;
}

.blog #block_blog_side .pageListItemBlock-type02 div.pageListThumbNail {
    margin: 0px 14px 0 0;
}

.blog #block_blog_side .pageListItemBlock-type02 div.pageListThumbNail img {
    width: 50px;
    height: 50px !important;
    object-fit: cover;
}

.blog #block_blog_side .pageListItemBlock-type02 div.pageListTextBlock p.pageListTitle {
    margin: 0 0 5px 0;
    font-size: 14px !important;
}


#home #main {
	margin-top: 0;
    max-width: 1100px;
    max-width: 1100px;
	padding-top: 80px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
    width: 80%;
    clear: both;
    min-height: 40vh;
}

.products_box_list .pageListItemBlock{
    display: flex;
    justify-content: flex-start;
	flex-wrap: wrap;
}

.products_box_list .pageListItemBlock-type03   {
	position: relative;
	width: 200px !important;
	margin-right: 70px;
	margin-bottom: 30px;
}

.products_box_list .pageListItemBlock-type03:nth-child(4n){
	margin-right: 0;
}

.products_box_list .pageListTitle {
	margin-bottom: 5px !important;
	line-height: 1.5em !important;
	font-size: 14px !important;
}

.products_box_list .pageListTitle a {
	text-decoration: none;
}

.products_box_list_soldout .pageListItemBlock{
    display: flex;
    justify-content: flex-start;
	flex-wrap: wrap;
}

.products_box_list_soldout .pageListItemBlock-type02   {
	width: 200px !important;
	margin-right: 70px;
	margin-bottom: 30px;
	float: left;
}

.products_box_list_soldout  .pageListThumbNail img {
    width: 200px !important;
    height: 265px !important;
	margin-bottom: 5px;
}

.products_box_list_soldout .pageListItemBlock-type02 div.pageListThumbNail {
    float: none;
    width: 200px;
    margin: 0 1em 0 0;
}

.products_box_list_soldout .pageListItemBlock-type02:nth-child(4n){
	margin-right: 0;
}

.products_box_list_soldout .pageListTitle {
	margin-bottom: 5px !important;
	line-height: 1.5em !important;
	font-size: 13px !important;
}

.products_box_list_soldout .pageListTitle a {
	text-decoration: none;
}

#block_footer_block .sitemap ul li a::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 5%;
    width: 90%;
    height: 1px;
    background: #fff;
    transition: all .3s;
    transform: scale(0, 1);
    transform-origin: center top;
}

.products_box_list .goodsPrice {
	margin-bottom: 5px !important;
	line-height: 1.5em !important;
	font-size: 14px !important;
	font-weight: 500;
}

.products_box_list .pageListThumbNail {
	position: relative;
	margin: 0 0 5px 0 !important;
}

.products_box_list .pageListThumbNail img {
	width: 200px !important;
    height: 200px !important;
    object-fit: cover;
}

.products_box_list .pageListThumbNail a::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 5%);
  position: absolute;
  top: 0;
  left: 0;
	bo
}

.flexslider .slides img {
    height: auto;
    -moz-user-select: none;
    cursor: pointer;
}

.flexslider.slider-goods-slider .slides > li::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}




/*---------------------------------
Intro
---------------------------------*/
#others #intro {
	display: none;
}

#intro {
	padding: 0 0 0 0;
}

#intro-container {
    width: 100%;
	margin-top: 130px;
}

#intro-inner-dummy {
	z-index: 10;
}
#header .header-logo img {
    opacity: 1;
    width: 80px;
}

#intro-inner {
	overflow: hidden;
    text-align: center;
    position: relative;
    height: 0;
    padding-top: 66.6%;
    margin-left: 11rem;
    border-radius: 13rem 0 0 0;
}

#intro-inner .image{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

#intro-inner .image:nth-of-type(1){
	background: url(../../../contents/templates/images/bgBase.jpg) no-repeat top center;
	background-size: contain;
	  -webkit-animation: zoom 15s 1;
   animation: zoom 15s 1;
   animation-fill-mode: forwards;
}
#intro-inner .image:nth-of-type(2){
  animation-delay: 5s;
	background: url(../../../contents/templates/images/bgBase.jpg) no-repeat top center;
}


@keyframes zoom {
   0% {
      transform: scale(1);
   }
   100% {
      transform: scale(1.10);
   }
}

#intro .intro_catch {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5%;
	margin: auto;
	z-index: 100;
	width: 33%;
}

.text-focus-in {
  -webkit-animation: text-focus-in 2.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
          animation: text-focus-in 2.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.sectionInner_bg_blue {
	max-width: 1100px;
	margin: 0 auto;
    background: #142474;
}

.intro_box {
	padding: 70px 0;
	background: #142474;
}

.intro_box h2 {
	margin: 0 0 20px 0 !important;
	color: #fff !important;
	text-align: center;
	font-size: 40px !important;
}

.intro_box p {
	margin: 0 0 0 0 !important;
	color: #fff !important;
	text-align: center;
}


.loop_wrap {
    display: flex;
    width: 100%;
    overflow: hidden;
  }

.loop_wrap div {
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 125px;
    overflow: hidden;
	color: #e3e5f1;
	font-weight: 700;
	margin-right: 40px;
  }

.loop_wrap .loop {
animation: loop 60s -30s linear infinite;
}


@keyframes loop {
from {
  transform: translateX(0);
}

  to {
  transform: translateX(-100%);
}
  }


@media print, screen and (max-width: 768px) {
.loop_wrap div {
    font-size: 60px;
	margin-right: 20px;
	font-family: Barlow, Zen Kaku Gothic New, -apple-system, BlinkMacSystemFont, Helvetica Neue, Hiragino Sans, "\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3", Hiragino Kaku Gothic ProN, Yu Gothic, YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
    font-weight: 800;
  }
}


/* Site wrap
----------------------------------------------- */

#home #site_wrap {
	margin-top: 80px;
}

#others #site_wrap {
	margin-top: 130px;
}

/* Header
----------------------------------------------- */
.header-logo {
	position: absolute;
    margin: 0;
    left: 11rem;
    width: 213px;
    top: 32px;
	z-index: 10;
}

#home .header-logo {
}

.header-logo img {
	width: 100%;
	height: auto;
}

.anim-elm,.anim-list>* {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

.anim-elm.anim-show,.anim-list>*.anim-show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media print, screen and (min-width: 769px) {
    .anim-elm,.anim-list>* {
        -webkit-transform:translateY(30px);
        transform: translateY(30px);
    }
}

@media print, screen and (max-width: 768px) {
    .anim-elm,.anim-list>* {
        -webkit-transform:translateY(5.333vw);
        transform: translateY(5.333vw);
    }
}

.anim-fade {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.anim-fade.anim-show {
    opacity: 1;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.header-nav {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.header-nav>p {
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    will-change: transform;
}

.header-nav>p::after {
    content: "";
    display: block;
    position: absolute;
    width: 100vw;
    height: 100vw;
    border-radius: 50%;
    background-color: #142474;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.header-nav>p:nth-of-type(1) {
    top: 0;
    right: 0;
}

.header-nav>p:nth-of-type(3) {
    top: 50vh;
    left: 50vw;
}

.header-nav>p:nth-of-type(2) {
    bottom: 0;
    right: 0;
}

.header-nav>p:nth-of-type(4) {
    top: 0;
    left: 0;
}

.header-nav>p:nth-of-type(5) {
    bottom: 0;
    left: 0;
}

.header-nav .nav-bubble {
    position: absolute;
    top: 0;
    left: 0;
}

.nav-bubble2 {
    position: absolute;
    bottom: 0;
    left: 0;
	z-index: -1

}

.header-nav .nav-global li a {
    display: inline-block;
    color: white;
    letter-spacing: 0.1em;
}

@media print, screen and (min-width: 769px) {
    .header-nav {
        display:flex;
        align-items: center;
        justify-content: center;
    }

    .header-nav .nav-bubble p {
		position: absolute;
        top: -30rem;
        left: -17rem;
        width: 98rem;
		opacity: 0.07;
    }
	
	
.nav-bubble .bubble{
    transform-origin: left top;
    animation: yurayura 10s linear infinite;
}
	
.nav-bubble .bubble img{
	width: 100%;
}

@keyframes yurayura {
  0%{
      transform: translate(-300px, -250px);
  }
	
  50%{
      transform: translate(-350px, -200px);
  }
	
 100%{
      transform: translate(-300px, -250px);
  }
	
}
	
.nav-bubble .bubble2{
    transform-origin: left top;
    animation: yurayura2 15s linear infinite;
}
	
.nav-bubble .bubble2 img{
	width: 90%;
}

@keyframes yurayura2 {
  0%{
      transform: translate(-150px, -150px);
  }
	
	
  50%{
      transform: translate(-80px, -100px);
  }
	
 100%{
      transform: translate(-150px, -150px);
  }
	
}
	
.nav-bubble2 .bubble{
    transform-origin: left bottom;
    animation: yurayura 10s linear infinite;
}
	
.nav-bubble2 .bubble img{
	width: 50%;
}

@keyframes yurayura {
  0%{
      transform: translate(-300px, -250px);
  }
	
  50%{
      transform: translate(-350px, -200px);
  }
	
 100%{
      transform: translate(-300px, -250px);
  }
	
}
	
.nav-bubble2 .bubble2{
    transform-origin: left bottom;
    animation: yurayura2 15s linear infinite;
}
	
.nav-bubble2 .bubble2 img{
	width: 30%;
}

@keyframes yurayura2 {
  0%{
      transform: translate(-150px, -150px);
  }
	
	
  50%{
      transform: translate(-80px, -100px);
  }
	
 100%{
      transform: translate(-150px, -150px);
  }
	
}

    .header-nav .nav-container {
        display: flex;
        justify-content: space-between;
		align-items: center;
        width: 94rem;
    }

    .header-nav .nav-logo {
        width: 40%;
    }
	
    .header-nav .nav-logo img {
		width: 100%;
		height: auto;
    }

    .header-nav .nav-global {
        padding-top: 1.2rem;
    }
	
   .header-nav .nav-global ul {
	   margin: 0;
	   position: relative;
    }

    .header-nav .nav-global li {
		list-style: none;
	   position: relative;
    }

    .header-nav .nav-global li ul {
		margin: 20px 0 0 7px
    }
    .header-nav .nav-global li ul li ul {
		margin: 10px 0 20px 40px;
    }
    .header-nav .nav-global li:nth-of-type(n+2) {
        margin-top: 30px;
    }
    .header-nav .nav-global ul li ul li:nth-of-type(n+2) {
        margin-top: 10px;
    }
    .header-nav .nav-global li a {
		position: relative;
		text-decoration: none;
        font-size: 2.3rem;
        transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    }
	
    .header-nav .nav-global li span {
		position: relative;
		text-decoration: none;
        font-size: 2.4rem;
        transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
		color: #fff;
    }
	
    .header-nav .nav-global li ul li span {
		position: relative;
		text-decoration: none;
        font-size: 1.6rem;
        transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
		color: #fff;
    }

    .header-nav .nav-global li ul li a {
		font-size: 1.5rem;
		position: relative;
    }
	
	.header-nav .nav-global li ul li a:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 1px;
    background: #ebebeb;
    vertical-align: middle;
    margin: 0 8px 0 0;
}
	.header-nav .nav-global li ul li ul li a:before {
    content: none;
}
    .header-nav .nav-global li a::after {
        display: block;
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 100%;
        height: 1px;
        content: "";
        background-color: white;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    }
	
	    .header-nav .nav-global li ul li a::after {
        width: calc(100% - 20px);
        margin-left: 20px;
    }

    .header-nav .nav-global li a:hover {
        color: rgba(255,255,255,0.6);
    }

    .header-nav .nav-global li a:hover::after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    .header-nav .btn-round {
        position: absolute;
        right: 3rem;
        bottom: 3rem;
    }
	
	.scroll-hint {
		display: none;
	}
	
	a[href^="tel:"] {
    pointer-events: none;
	text-decoration: none;
}
}

@media print, screen and (max-width: 768px) {
    .header-nav .nav-bubble p {
		position: absolute;
        top:200px;
        left: -50px;
        width: 93.333vw;
		opacity: 0.07;
    }
	
	.nav-bubble .bubble{
    transform-origin: left top;
    animation: yurayura 25s linear infinite;
}
	
.nav-bubble .bubble img{
	width: 100%;
}

@keyframes yurayura {
  0%{
      transform: translate(-50px, -250px);
  }
	
  50%{
      transform: translate(-100px, -190px);
  }
	
 100%{
      transform: translate(-50px, -250px);
  }
	
}
	
.nav-bubble .bubble2{
    transform-origin: left top;
    animation: yurayura2 15s linear infinite;
}
	
.nav-bubble .bubble2 img{
	width: 90%;
}

@keyframes yurayura2 {
  0%{
      transform: translate(-150px, -150px);
  }
	
	
  50%{
      transform: translate(-80px, -100px);
  }
	
 100%{
      transform: translate(-150px, -150px);
  }
	
}

    .header-nav .nav-logo {
    width: 53%;
    padding-top: 15%;
    margin-bottom: 50px;
    margin-left: 12vw;
    }

    .header-nav .nav-global {
        margin-left: 12vw;
        margin-bottom: 13.333vw;
    }
	.header-nav .nav-global ul {
		margin-left: 0;
	}

    .header-nav .nav-global li {
        font-size: 0;
    }

    .header-nav .nav-global li:nth-of-type(n+2) {
        margin-top: 40px;
    }
    .header-nav .nav-global li ul li:nth-of-type(n+2) {
        margin-top: 25px;
    }
    .header-nav .nav-global li a {
		position: relative;
    text-decoration: none;
    font-size: 1.6rem;
    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    }
	
	.header-nav .nav-global li ul li a:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 1px;
    background: #ebebeb;
    vertical-align: middle;
    margin: 0 8px 0 0;
}

    .header-nav .nav-global li span {
		position: relative;
    text-decoration: none;
    font-size: 1.6rem;
    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
		color: #fff;
    }

	.header-nav .nav-global li ul li a {
    font-size: 1.3rem;
}
    .header-nav .nav-global li a::after {

        display: block;

        position: absolute;

        left: 0;

        bottom: -11px;

        width: 100%;

        height: 1px;

        content: "";

        background-color: white;

        -webkit-transform: scaleX(0);

        transform: scaleX(0);

        -webkit-transform-origin: 0 0;

        transform-origin: 0 0;

        transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);

        transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);

        transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);

    }



    .header-nav .nav-global li a:hover {

        color: rgba(255,255,255,0.6);

    }
	
	.header-logo {
    width: 38%;
		left: 20px
}
.header.is-open .nav-global {
    padding-bottom: 100px;
}
	.header-nav .nav-container {
		height: 100%;
		overflow:	auto;
	}

.header-nav .nav-global li ul {
    margin: 30px 0 0 8px;
}

    .header-nav .nav-global li a:hover::after {

        -webkit-transform: scaleX(1);

        transform: scaleX(1);

    }

    .header-nav .btn-round {
        position: absolute;
        left: 6.933vw;
        bottom: 6.933vw;
    }
}

.header .nav-toggle {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    background-color: #142474;
    transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header .nav-toggle .toggle-bar {
    position: absolute;
    pointer-events: none;
}

.header .nav-toggle .toggle-bar span {
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background: white;
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header .nav-toggle p {
    position: absolute;
    right: 0;
    color: white;
    font-family: 'Asap Condensed', sans-serif;
    font-weight: 400;
    pointer-events: none;
}

@media print, screen and (min-width: 769px) {
    .header .nav-toggle {
        width:10.5rem;
        height: 10.5rem;
        border-bottom-left-radius: 10.5rem;
        cursor: pointer;
    }

    .header .nav-toggle:hover {
        background-color: #5657a0;
    }

    .header .nav-toggle .toggle-bar {
    top: 2.4rem;
    left: 4.8rem;
    width: 2.8rem;
    height: 2.4rem;
    }

    .header .nav-toggle .toggle-bar span {
    width: 3.5rem;
    height: 3px;
    border-radius: 2px;
    }

    .header .nav-toggle .toggle-bar span:nth-of-type(1) {
        -webkit-transform: translateY(-.8rem);
        transform: translateY(-.8rem);
    }

    .header .nav-toggle .toggle-bar span:nth-of-type(3) {
        -webkit-transform: translateY(.8rem);
        transform: translateY(.8rem);
    }

    .header .nav-toggle p {
        top: 5rem;
        width: 5.9rem;
        font-size: 1.4rem;
    }
	
    .fixed-button {
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
	
	.fixed-button__link {
    border-radius: 10px 0 0 10px;
    height: 260px;
    width: 46px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

	
.fixed-button__link:nth-child(1n+2) {
    margin-top: 15px;
}
	

}

@media print, screen and (max-width: 768px) {
    .header .nav-toggle {
        width:23.466vw;
        height: 23.466vw;
        border-bottom-left-radius: 23.466vw;
    }

    .header .nav-toggle .toggle-bar {
        top: 6.666vw;
        left: 10.666vw;
        width: 5.866vw;
        height: 3.733vw;
    }

    .header .nav-toggle .toggle-bar span {
        width: 5.866vw;
        height: 2px;
        border-radius: 2px;
    }

    .header .nav-toggle .toggle-bar span:nth-of-type(1) {
        -webkit-transform: translateY(-1.6vw);
        transform: translateY(-1.6vw);
    }

    .header .nav-toggle .toggle-bar span:nth-of-type(3) {
        -webkit-transform: translateY(1.6vw);
        transform: translateY(1.6vw);
    }

    .header .nav-toggle p {
        top: 11.733vw;
        width: 13.6vw;
        font-size: 3.2vw;
    }
	
	.fixed-button {
		display: none !important;
    -webkit-box-align: start;
    align-items: flex-start;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    left: 0;
    width: 100%;
}

.fixed-button__link {
    height: 52px;
    width: 100%;
}

}

	


.fixed-button__link {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    -webkit-box-pack: center;
    justify-content: center;
    letter-spacing: .10em;
    text-decoration: none !important;
	font-family: "Kiwi Maru", "Yu Gothic", 游ゴシック, YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
}

.fixed-button {
    position: fixed;
	z-index: 10;
}
.fixed-button__link.event-application {
    background-color: #fdf150;
    color: #142474;
}

.fixed-button__link.experience-application {
    background-color: #fdf150;
    color: #142474;
}

.fixed-button__link.request-document {
    background-color: #142474;
    color: #fff;
}


.header.is-open {
    height: 100%;
}

.header.is-open .header-nav {
    height: 100%;
}

.header.is-open .nav-toggle {
    background-color: white;
}

.header.is-open .nav-toggle p {
    color: #142474;
}

.header.is-open .nav-toggle span {
    background-color: #142474;
}

.header.is-open .nav-toggle span:nth-of-type(1) {
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}

.header.is-open .nav-toggle span:nth-of-type(2) {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.header.is-open .nav-toggle span:nth-of-type(3) {
    -webkit-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}

@media print, screen and (min-width: 769px) {
    .header.is-open .nav-toggle:hover {
        background-color:rgba(255,255,255,0.7);
    }
}

.header .header-nav {
    backdrop-filter: blur(20px);
    border-bottom-left-radius: 25vw;
	background-color: #142474;
    transition: all .4s ease-out;
    transition: var(--transit-default,all 0.4s ease-out);
}

.is-open .fadein {
  opacity: 0;
  animation-name: fadein;
  animation-duration: 2.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}


@keyframes fadein {
  0% {
     opacity: 0;
     transform: translateY(0);
  }
  100% {
     opacity: 1;
  }
}


.header.is-open .nav-logo{
animation-name:gnaviAnime;
animation-duration:0.6s;
animation-delay:0.6s;
animation-fill-mode:forwards;
  animation-timing-function: ease-out;
opacity:0;
}
@keyframes gnaviAnime{
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

.header.is-open .nav-global{
animation-name:gnaviAnime2;
animation-duration:0.8s;
animation-delay:0.8s;
animation-fill-mode:forwards;
  animation-timing-function: ease-out;
opacity:0;
}
@keyframes gnaviAnime2{
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}





/* Logo
----------------------------------------------- */
header #logo {
	float: left;
	margin-top: 25px;
}

header #logo img {
	width: 150px;
	height: auto;
}

#home header #logo {
	display: none;
}

header #logo h1 {
	margin: 0;
}

.top_logo {
	margin: 0 0 60px 0;
}


/* Menu
----------------------------------------------- */
.fix_menu {
	width: 100%;
	padding: 0 0 0 0;
	background: #fff;
}

.header_menu {
	display: inline-block;
	margin-bottom: 15px;
}

header {
    margin-right: auto;
    margin-left: auto;
    background: #fff;
    padding: 0 0 0;
}

header2 {
    margin-bottom: 80px;
    padding: 80px 0 50px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    border-bottom: 1px solid #F3F3F6;
}

#home main {
    display: block;
    background: #fff;
    margin-left: 11rem;
    border-radius: 8rem 0 0 0;
}

#others #main {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 100px;
    width: 80%;
    clear: both;
    min-height: 40vh;
}

.blog#others #main {
	display: flex;
    justify-content: space-between;
}

.pc_center {
    text-align: center;
    padding: 30px 20px 0;
    border-radius: 7px;
}
.arrow{
    /* position: relative; */
    /* display: inline-block; */
    /* padding: 0 0 0 16px; */
    /* color: #142474; */
    /* vertical-align: middle; */
    /* text-decoration: none; */
    /* font-size: 15px; */
}

.arrow::after{
    position: absolute;
    top: 43%;
    /* bottom: 0; */
    right: -60px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.arrow::after{display: inline-block;border-style: solid;border-width: 20px 0 20px 20px;border-color: transparent transparent transparent #dae7f1;}


.flow_work ul li span {
    background: #0968b3;
    color: #fff;
    padding: 12px 0;
    width: 78px;
    position: absolute;
    top: 0;
    left: 0;
    writing-mode: horizontal-tb;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    font-family: monospace;
	letter-spacing: 0.07em;
}


#menu {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 0 0;
	background: #fff;
    z-index: 11;
}

.fixed {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 10000;
	box-shadow: 0px 5px 7px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 5px 7px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 7px 0 rgba(0,0,0,0.2);
}

#fixNav {
	display: block;
    float: right;
	margin-top: 16px;
}

#fixNav img {
	margin-left: 10px;
}


#mainNav {
	position: sticky;
	top:0;
	max-width: 1100px;
    margin: 0 auto 70px;
	z-index: 100;
	background: #fff;
}

#others #mainNav {
    margin: 40px auto 70px;
}

#mainNav ul {
	display: flex;
	justify-content: space-between;
    margin: 0;
	padding: 20px 0;
}

#mainNav li {
	list-style: none;
    margin-bottom: 0;
}

#mainNav li a {
	position: relative;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.29em;
}

#mainNav li a:hover{
	color:#142474;
}

#mainNav li a::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 10%;
    width: 80%;
    height: 1px;
    background: #142474;
    transition: all .3s;
    transform: scale(0, 1);
    transform-origin: center top;
}

#mainNav li.current a::after,
#mainNav li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}


.cmsAdminEdit #menu {
	position: static;
}

.pc_block {
	display: block;
}

#menu nav ul {
	margin: 0;
	margin: 0 auto;
	transition: all 0.3s ease-out;
}
#menu nav ul li {
	display: table-cell;
    list-style: none;
    margin: 0;
    font-size: 15px;
    height: 28px;
    line-height: 1.7em;
}
#menu nav > ul > li:first-child > a {
	padding-left: 0;
}
#menu nav > ul > li:last-child > a {
	padding-right: 0;
}
#menu nav ul li.current {
}
#menu nav ul li:hover {
}
#menu nav > ul > li > a, #menu nav > ul > li > span {
	display: inline-block;
}

#menu nav > ul > li:last-child {
	padding: 0 0 0 0;
}
#menu nav > ul > li > a {
	text-decoration: none;
	color: #062339;
	font-weight: bold;
    letter-spacing: 0.2em;
}

#menu nav > ul > li > span {
	text-decoration: none;
	color: #062339;;
    display: block;
    background: url(/contents/templates/images/icon_2_down.svg) no-repeat right center;
    background-size: 10px 8px;
    padding-right: 20px;
	font-weight: bold;
    letter-spacing: 0.2em;
}

#menu nav > ul > li > a:hover {
    color: #0968b3;
}

#menu nav > ul > li > span:hover {
	cursor: default;
}

#menu nav > ul > li {
	position: relative;
	padding: 0 30px 0 0;
}

#menu nav > ul > li > ul {
	opacity: 0;
	visibility: hidden;
    position: absolute;
    top: 34px;
    left: 0;
	padding: 0;
    z-index: 10000;
    width: 266px;
}

#menu nav > ul > li:hover > ul {
	visibility: visible;
	opacity: 1;
      animation-duration: 0.5s;
      animation-name: fade-in;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: fade-in;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: fade-in;
}

#menu nav > ul > li > ul > li {
	display: block;
	margin: 0;
	padding: 5px 0;
	line-height: 0em !important;
	font-size: 14px !important;
    background-color: #0968b3;
	border-bottom: 1px solid #8fafc7;
}
#menu nav > ul > li > ul > li:last-child {
    background-color: #0968b3;
	border-radius: 0 0 10px 10px;
	padding: 7px 0 10px;
}

#menu nav > ul > li > ul > li > a {
	color: #fff;
	padding: 15px;
	display: block;
	white-space: nowrap;
	text-decoration: none;
}

#menu nav > ul > li > ul > li > span {
	color: #142474;
	padding: 15px;
	display: block;
	white-space: nowrap;
	text-decoration: none;
}

#menu nav > ul > li > ul > li:hover {
    background-color: #1b78c1;
	
}

#menu nav > ul > li > ul > li > ul {
	display: none;
	position: absolute;
	background-color: rgba( 255, 255, 255, 0.95 );
	left: 100%;
	width: 100%;
	top: 0;
		box-shadow:0px 0px 7px -2px #4d4d4d;
}

#menu nav > ul > li > ul > li:hover > ul {
	display: block;
	background-color: rgba( 245, 245, 245, 0.95 );
}

#menu nav > ul > li > ul > li > ul > li {
	list-style: none;
	display: block;
	line-height: 0em !important;
}

#menu nav > ul > li > ul > li > ul > li:hover {
	background-color: rgba( 227, 227, 227, 0.95 );
}

#menu nav > ul > li > ul > li > ul > li > a {
	color: #142474;;
	padding: 15px;
	display: block;
	white-space: nowrap;
	text-decoration: none;
}



/* subcontents
----------------------------------------------- */
#subcontents {
	background-color:#e8e8e8;
	clear: both;
}
#subcontents2 {
	background-color:#e8e8e8;
	clear: both;
}
/* article
----------------------------------------------- */
#others main {
	margin-top: 50px;
    display: block;
    background: #fff;
    margin-left: 11rem;
    border-radius: 8rem 0 0 0;
}

.blog#others main {
	margin-top: 0;
}

#others main img {
	max-width: 100%;
    height: auto;
    display: block;
    margin: 0 0 20px;
}

.adobe_img {
    margin: 0 20px 0 0 !important;
}

main > article {
	position: relative;
	text-align: left;
}
main > article #contentTitle {
    font-size: 38px;
    padding: 0 0 0;
    margin: 0 auto;
    font-weight: 600;
    max-width: 1100px;
    width: 80%;
    color: #142474;
    letter-spacing: 0.10em;
}
main > article #contentSubTitle {
    margin-bottom: 20px;
    font-size: 25px;
    max-width: 1100px;
	width: 80%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5em;
	text-align: left;
}

main > article #contentSubTitle {

	position: relative;

	color: #142474;

	letter-spacing: 0.10em;

}



main > article #contentSubTitle:before {

    background-color: #434890;

    content: "";

    height: 5px;

    position: absolute;

    top: -30px;

    width: 160px !important;

    height: 1px;

    width: 5rem;

    border-style: solid;

    border-width: 0;

}




.staff_box {
	justify-content: space-between;	
}

.staff_box:not(:first-child) {
	margin-top: 100px;
}

.staff_img {
	width: 26%;
	max-width: 220px;
	margin-right: 11%;
}

.staff_img img {
	max-width: 100% !important;
    margin: 0 0 0 0 !important;
    width: 100%;
    height: auto;
}

.staff_text {
	width: 66%;
}

.staff_text .brand {
	margin-bottom: 0 !important;
    font-size: 17px !important;
    font-weight: bold;
    letter-spacing: 0.2em !important;
}
.staff_text .name {
	margin-bottom: 0 !important;
    font-size: 31px !important;
    font-weight: bold;
}

.staff_text .name small {
    margin-left: 20px;
    color: #bbbbd0;
    font-size: 20px !important;
    letter-spacing: .04em;
}

.productsDeteal {
	display: flex;
	justify-content: space-between;
}

.productsDeteal .productsDeteal_left {
	width: 40%;
    margin-right: 10%;
}

.productsDeteal .productsDeteal_left img {
	width: 100%;
}

.productsDeteal .productsDeteal_right {
	width: 50%;
}

.productsDeteal .productsDeteal_right h2 {
	margin-top: 0;
	font-size: 20px;
}

.productsDeteal .productsDeteal_right h2 span {
	font-size: 15px;
}

.works_deteal_right:before {
    content: "AFTER";
}

.sectionInner {
	max-width: 1100px;
	margin: 0 auto;
}


.cmsAdminEdit #top_estateList .property-list {
	display: table
}

.cmsAdminEdit #top_estateList .property-item {
	display: table-cell;
	margin: 0 16px;
}

.kiji_list {
	margin: 0 0 30px 0;
}

.kiji_list a {
	font-weight: 400;
}
.kiji_list .pageListItemBlock {
    display: flex;
	flex-wrap: wrap;
	
}

.kiji_list .pageListItemBlock .pageListItemBlock-type03:nth-child(3n-1) {
	margin: 0 30px;
}

.kiji_list .pageListItemBlock .pageListItemBlock-type03 {
	margin: 0 0 25px 0;
	width: 30% !important;
}

.kiji_list .pageListText {
	margin-bottom: 0 !important;
	line-height: 1.3em !important;
}

.kiji_list .pageListItemBlock-type03 div.pageListTextBlock p.pageListTitle {
    margin: 0 0 5px 0;
    font-size: 1.5rem !important;
	line-height: 1.5em !important;
}

.kiji_list .pageListItemBlock-type03 div.pageListThumbNail img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}



.kiji_list .pageListItemBlock-type03 div.pageListThumbNail a{
 display:block; 
 position:relative;
 text-decoration:none;
}

.kiji_list .pageListItemBlock-type03 div.pageListThumbNail a img{
  display: block;
    width: 100%;
    max-width: 100% !important;
    margin: 0 !important;
}

.kiji_list .pageListItemBlock-type03 div.pageListThumbNail a:before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  z-index:2;
  background:#142474;/*好みの色に変えてください。*/
  opacity:0;
  transition:0.3s;

}

.kiji_list .pageListItemBlock-type03 div.pageListThumbNail a:after{
  content: "DETAIL";
    display: block;
    color: #fff;
    line-height: 48px;
    width: 130px;
    border: solid 1px #fff;
    border-radius: 5px;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -1em;
    margin-left: -65px;
    opacity: 0;
    z-index: 3;
    transition: 0.7s;
    font-weight: bold;
    letter-spacing: 0.2em;

}

.kiji_list .pageListItemBlock-type03 div.pageListThumbNail a:hover:before{
  opacity:0.5;
}

.kiji_list .pageListItemBlock-type03 div.pageListThumbNail a:hover:after{
  opacity:1;
  margin-top:-0.5em;

}


.nav-global .sns_icon {
    margin: 50px 0 0 0;
    width: 100%;
    text-align: left;
}

.sns_icon {
	width: 100%;
	text-align: center;
}

.sns_icon img {
	width: 26px;
	height: auto;
}

.interest_rates-text {
	text-align: right;
}

.list_countbox01 p{width:958px;height:90px;margin:5px auto 0 auto;}
.list_countbox01 p a{height:90px;display:block;text-indent:-9999px;}

.list_countbox01 .private_link a{background:url(../img/system/prpsearch/sys_prpsearchlist_countbox0104.png) no-repeat 0 0;}
.list_countbox01 .shop_link a{background:url(../img/system/prpsearch/sys_prpsearchlist_countbox0105.png) no-repeat 0 0;}


.curriculum_list_box {
	display: flex;
	justify-content: space-between;
}

.curriculum_list_box01, .curriculum_list_box02, .curriculum_list_box03 {
	width: 31%;
    border: 1px solid #142474;
    margin-bottom: 30px;
}

.curriculum_list_box h4 {
	background: #142474;
    color: #fff;
    margin-top: 0;
	margin-bottom: 0;
    padding: 10px 10px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.125em;
	
}

.curriculum_list_box h5 {
    color: #142474;
    margin: 20px 0 15px;
    font-size: 16px;
    text-align: center;
}

.curriculum_list_box img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.curriculum_list_box p {
	font-size: 14px !important;
	line-height: 1.5em !important;
    padding: 0 10px;
}

.kiji_list .pageListItemBlock-type03 div.pageListThumbNail img {
    width: 100%;
    aspect-ratio: 18 / 10;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.favoriteStar {
	display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 13px;
    background: #fff;
}

.fav-on .favoriteStar {
    background: #ffe61e;
}


.fav-on .favoriteStar a {
    font-size: 14px;
	cursor: pointer;
	text-decoration: none;
    padding: 6px 10px 5px;
}

.fav-off .favoriteStar a {
    font-size: 14px;
	cursor: pointer;
    padding: 6px 10px 5px;
}

.fav-on .favoriteStar a:hover, .fav-off .favoriteStar a:hover {
	text-decoration: none;
	background: #ffe61e;
}

.fav-on .favoriteStar a:before{
	content:"★";
	color: #142474;;
}

.fav-off .favoriteStar a:before{
	content:"★";
}


.iconLogin {
	display: none;
}

.member-only .iconLogin {
	display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 153px;
    font-size: 14px;
    color: #fff;
    background: #f45252;
    padding: 6px 15px;
}


.prpinfoBox {
    float: right;
    width: 680px;
    margin: 10px;
}

.prpdataBox {
    margin-right: 20px;
    margin-bottom: 10px;
}

.prpdataBox dl{width:99%;margin:0 auto;border-bottom:1px solid #CCC;display:table;}
.prpdataBox dl.prpprice{font-size:19px;}
.prpdataBox dl.prpprice .price{color: #e63c3c;font-size: 22px;}
.prpdataBox dl dt, .prpdataBox dl dd{display:table-cell;padding:10px;}
.prpdataBox dl dt, .prpdataBox dl dd{padding: 15px 10px 15px 0;font-size:15px;}
.prpdataBox dl dt{width:66px;font-weight:bold;}
.prpdataBox dl dd{min-width:80px;}


.prpdetailTitle {
	padding: 10px 20px;
    background: #171d86;
    color: #fff;
}

.prpdetailBox {
	width: 100%;
}

.prpdetailBox01 {
	width: 60%;
	margin-right: 5%;
}

.prpdetailBox02 {
	width: 35%;
}

.prpdetail {
	width: 100%;
    display: inline-flex;
}

.prpdetail ul {
	margin: 0;
}

.prpdetail li {
	list-style: none;
	float: left;
}

.prpdetail .prpdetail01 {
	width: 100%;
}

.prpdetail .prpdetail02 {
	width: 30%;
	margin-right: 5%;
}

.prpdetail .prpdetail03 {
	width: 30%;
	margin-right: 5%;
}

.prpdetail .prpdetail04 {
	width: 30%;
}

.prpdetail li:first-child a {
    background: #ffa800;
    font-size: 16px;
	color: #fff;
	border: none;
    font-weight: bolder;
}

.prpdetail li:first-child a:hover {
    background: #ffb932;
}


.prpdetail li:nth-child(2) a, .prpdetail li:nth-child(3) a  {
}

.prpdetail li a {
	display: block;
    padding: 25px 0;
    text-align: center;
    font-size: 15px;
    line-height: 1.3em;
	text-decoration: none;
	cursor: pointer;
	color: #171d86;
    border: 1px solid #171d86;
	font-weight: bolder;
}

.prpdetail li a:hover {
	background: #edeeff;
}

.salespoint {
    margin: 0 0 30px 0;
}

.salespoint h3 {
	margin: 20px 0 20px 0;
	padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
    color: #171d86;
    font-size: 25px;
    border-bottom: 3px solid;
}

.salespoint p {
	font-size: 18px;
	font-weight: bold;
}

/*アンカーリンク群*/
.prpdetail_anchorList{}
.prpdetail_anchorList ul{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
margin: 0;}
.prpdetail_anchorList ul li:first-child{
	margin:0 1px 0 0;}
.prpdetail_anchorList ul li{
	font-size:16px;
	width:100%;
	margin:0 1px;
list-style: none;}
.prpdetail_anchorList ul li.here{
	background:#171d86;
	padding:10px;
	text-align:center;
	color:#FFF;}
.prpdetail_anchorList ul li a{
	display:block;text-decoration:none;
	padding:10px;
	background:#e3e4f1;
	text-align:center;
	border-bottom:none;}

.prpdetail_anchorList ul li a:hover{
	background:#171d86;
color: #fff;}


.property_image {
	width: 100%;
	margin: 30px 0;
	display: table;
}

.property_image div {
	width: 320px;
	margin: 0 0 30px 0;
	display: inline-table;
	font-size: 13px;
	position: relative;
}

.property_image div:nth-child(3n-1) {
	margin: 0 32px;
}

.property_image div img {
	width: 320px;
	margin-bottom: 10px;
	height: 240px;
	object-fit: cover;
}

.property_image div:after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 200px;
	background: url(../../../contents/templates/images/icon_magnify.png) no-repeat center top;
    background-size: contain;
}

.property_fBtn {
	display: block;
	width: 52%;
	margin: 50px 24%;
}

.property_fBtn01 {
	float: left;
}

.property_fBtn02 {
	float: right !important;
}

.property_fBtn01 a, .property_fBtn02 a {
	padding: 20px 40px;
    background: #ffa800;
    font-size: 16px;
    color: #fff;
    font-weight: bolder;
    text-decoration: none;
	cursor: pointer;
}


.property_fBtn01 a:hover, .property_fBtn02 a:hover {
    background: #ffb932;
}

/*contactBox*/
.contactBox{margin:50px 0;padding:30px;background:#F4F4F4;
	padding: 40px 30px 30px;}
.contactBox p{text-align:center;font-size:20px;font-weight:bold;}
.contactBox ul{
	margin:0;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:nowrap;
	-webkit-justify-content: center; /* Safari */
	justify-content:         center;}
.contactBox ul li{
	list-style: none;
}
.contactBox ul li.tel{
	padding-top:20px;
	padding-bottom: 20px;
	padding-left:60px;
	margin-left:20px;
	background:url(../../../contents/templates/images/prpdetail_icon_tel.png) no-repeat left center;}
.contactBox ul li.tel span{
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	font-size:36px;
	font-weight:bold;
	}
.contactBox p{
	margin-bottom: 20px !important;
	font-size:25px !important;
	}
.contactBox ul li.reserve{
	margin-top: 20px;}

.contactBox .reserve a {
	padding: 20px 40px;
	background: #ffa800;
    font-size: 16px;
    color: #fff;
    font-weight: bolder;
	text-decoration: none;
}

.contactBox .reserve a:hover {
    background: #ffb932;
}

.contactsBox {
	width: 100%;
	margin-bottom: 40px;
}

.contactsBox h3 {
	margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 34px;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.contactsBox p {
	margin-bottom: 0 !important;
	color: #fff !important;
}

.cBox01 {
	width: 270px;
	padding: 35px 25px;
	background: #f1a938;
	border-radius: 10px 10px 10px 10px;
}

.cBox02 {
	width: 270px;
	margin: 0 32px;
	padding: 35px 25px;
	background: #6bbb97;
	border-radius: 10px 10px 10px 10px;
}

.cBox03 {
	width: 270px;
	padding: 35px 25px;
	background: #6b95bb;
	border-radius: 10px 10px 10px 10px;
}

.reserveFlow {
    width: 100%;
    padding-bottom: 35px;
    margin-bottom: 40px;
    min-height: 100%;
    overflow: hidden;
}

.reserveFlow div {
}

.reserveFlow h3 {
	margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
    font-size: 32px;
    /* margin: 0 auto; */
    color: #f55274;
    border: 1px solid #fff;
    /* display: inline-block; */
    background: #fff;
    border-radius: 60px;
    padding: 0;
    line-height: 1.3;
}

.reserveFlow h4 {
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
	font-size: 21px;
	color: #fff;
}

.reserveFlow p {
	margin-bottom: 0 !important;
	color: #fff !important;
}

.reserveFlow01, .reserveFlow02, .reserveFlow03, .reserveFlow04 {
	padding: 25px 25px;
	background: #f55274;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
	
}

.reserveFlow01 {
	width: 185px;
	margin-right: 28px;
}

.reserveFlow02 {
	width: 185px;
	margin-right: 28px;
}

.reserveFlow03 {
	width: 185px;
	margin-right: 28px;
}

.reserveFlow04 {
	width: 185px;
}

.tel {
	font-size: 30px;
    font-weight: bold;
    font-family: monospace;
	color: #0968b3;
}

.tel a {
	font-size: 30px;
    font-weight: bold;
    font-family: monospace;
	color: #0968b3;
	text-decoration: none;
}

.tel2 {
	font-size: 32px;
    font-weight: bold;
}

::placeholder {
	font-size: 14px;
}

.inbox01{margin-top:20px;display:flex;-webkit-flex-wrap: nowrap; /* Safari */flex-wrap:nowrap;-webkit-justify-content: space-between; /* Safari */justify-content:space-between;}
.inbox01 p{width:48%;margin-bottom: 10px !important;text-align:center;font-size:2.2em !important;font-weight:bolder;padding-bottom:10px;border-bottom:5px solid #2B2B2B;}
.inbox01 p span{font-size:2.3em;margin:0 10px;}


main > article #section01 {
	max-width: 1100px;
    margin: 0 auto 20px;
	clear: both;
}

main > article #section01_d {
	position: relative;
	width:100%;
	background: #fff;
}


.feed-prev-btn {
  background-image: url(../../../contents/templates/images/btn_prev.png);
}
.feed-next-btn{
  background-image: url(../../../contents/templates/images/btn_next.png);
}
.feed-prev-btn:hover {
  background-image: url(../../../contents/templates/images/btn_prev.png);
}
.feed-next-btn:hover{
  background-image: url(../../../contents/templates/images/btn_next.png);
}
.bx-prev, .bx-prev:hover {
  opacity: 0;
  display: block;
	width: 27px;
    height: 40px;
	text-indent:-9999px;
}
.bx-next {
  opacity: 0;
  display: block;
	width: 27px;
    height: 40px;	
	text-indent:-9999px;
}
.navi-btn {
    width: 27px;
    height: 40px;
    background-repeat: no-repeat;
    /* background-position: center center; */
    /* float: left; */
    position: absolute;
    top: 160px;
    margin-left: -50px;
}

.navi-btn2 {
    width: 27px;
    height: 40px;
    background-repeat: no-repeat;
    /* background-position: center center; */
    /* float: left; */
    position: absolute;
    top: 160px;
    margin-left: 997px;
}

main > article #section01Inner {
	background: rgba(217,15,17,0.75);
    padding: 20px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    float: none !important;
    margin: auto;
    left: 0;
    right: 0;
}
main > article #section01Inner h2 {
	color: #fff;
	text-align: center;
}
main > article #section01Inner p {
	color: #fff;
	font-size: 13px;
	text-align: center;
	margin-bottom: 0;
}

#main .top_message_text {
	text-align: center;
	font-size: 13px;
}

main > article #section04, main > article #section_blog {
	max-width: 1100px;
	margin: 130px auto 0;	
}

#others main > article #section04 {
	max-width: 1100px;
	margin: 0 auto 0;	
}

main > article .section, main > article #section02, main > article #section03 {
	max-width: 1100px;
	margin: 0 auto;	
}

main > article #sectionFooter {
	margin: 80px auto 20px !important;	
}

main > article #flow_section {
	max-width: 1100px;
	margin: 50px auto;	
}

main > article .sectionInner h2 {
	text-align: center;
}

main > article .section_news .sectionInner h2 {
	margin: 0;
	text-align: left;
}

main > article .section_news .sectionInner h2 .en {
    font-size: 40px;
}

main > article .section_news .sectionInner h2 .ja {
    font-size: 16px;
}

main > article .sectionInner h2 .en {
	line-height: 1.2em;
    font-weight: 600;
    font-family: 'Gill Sans',Lato,sans-serif;
    display: block;
    font-size: 45px;
    letter-spacing: 0.15em;
}

main > article .sectionInner h2 .ja {
	line-height: 1.2em;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 0.15em;
}

main > article .sectionInner h2 span::after {
	background: linear-gradient(transparent 89%, #ffd45f 89%);
}

.top_service_block {
	margin: 50px 0;
	justify-content: space-between;
}

.top_service_block img {
	width: 100%;
	height: auto;
}

.top_service_block .top_service_block01 {
	width: 50%;
	margin-right: 40px;
}

.top_service_block .top_service_block02 {
	width: 50%;
}

.top_service_block h2 {
	margin: 16px 0 !important;
    font-size: 2.5rem !important;
}

@media screen and (max-width: 768px) {
.top_service_block {
    display: block !important;
    margin: 30px 0 0;
}
.top_service_block .top_service_block01, .top_service_block .top_service_block02 {
    width: 100%;
}
	
.top_service_block .top_service_block02 {
    margin-top: 50px;
}
.top_service_block h2 {
    margin: 16px 0 10px !important;
    font-size: 2.0rem !important;
}
}

.service_inner {
	width: 100%;
	margin-bottom: 30px;
}

.service_inner .service_inner02 {
	margin: 0 40px;
}

.service_inner .service_inner01, .service_inner .service_inner02, .service_inner .service_inner03 {
	width: 340px;
}

.service_inner p {
	font-size: 14px !important;
	line-height: 1.6em !important;
}


.btnDeteal {
    display: block;
    margin: 50px auto;
    text-align: center;
    /* clear: both; */
    width: 30%;
}

.btnDeteal a {
	color: #142474;
	text-decoration: none;
	font-size: 18px;
	border: 1px solid #142474;
	padding: 22px 20px;
	display: block;
	font-weight: 600;
	letter-spacing: 0.25em;
}

.btnDeteal a:hover {
	background: #142474;
	color: #fff;
	border: 1px solid #142474;
}

.service_inner .btnDeteal {
    display: block;
    margin: 30px auto;
    text-align: center;
    /* clear: both; */
    width: 60% !important;
}

.service_inner .btnDeteal a {
	color: #142474;
	text-decoration: none;
	font-size: 15px;
	border: 1px solid #142474;
	padding: 12px 20px;
	display: block;
	font-weight: 500;
}

.service_inner .btnDeteal a:hover {
	background: #142474;
	color: #fff;
	border: 1px solid #142474;
}

.bg_works .btnDeteal {
    display: block;
    margin: 30px auto;
    text-align: center;
    /* clear: both; */
    width: 30% !important;
}

.bg_works .btnDeteal a {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	border: 1px solid #fff;
	padding: 12px 20px;
	display: block;
	font-weight: 500;
}

.bg_works .btnDeteal a:hover {
	background: #ccc;
	color: #fff;
	border: 1px solid #fff;
}

.section_news .btnDeteal {
   display: block;
   margin: 0;
    text-align: center;
    /* clear: both; */
    border-radius: 60px;
    width: 60% !important;
}

.section_news .btnDeteal a {
	color: #3b4655;
	text-decoration: none;
	font-size: 15px;
	border: 1px solid #3b4655;
	padding: 8px 20px;
	display: block;
	font-weight: 500;
	border-radius: 60px;
}

.section_news .btnDeteal a:hover {
	background: #3b4655;
	color: #fff;
	border: 1px solid #3b4655;
}

.section_news .pageListItemBlock-type01 li.pageListItemList {
    margin: 0 0 13px;
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 0 20px;
}

.bg_works .pageListItemBlock-type03 div.pageListThumbNail {
    margin: 0 0 20px 0;
}

.bg_works {
    margin-top: 100px;
    padding: 90px 0;
    background: url(../../../contents/templates/images/bg_works.jpg) no-repeat center;
}

.bg_works .pageListItemBlock {
	display: flex;
	flex-wrap: wrap;
}

.bg_works .pageListItemBlock-type03 div.pageListTextBlock p.pageListTitle {
    font-size: 15px !important;
}

.bg_works .pageListItemBlock-type03 {
    margin: 0 40px 1em 0;
}

.bg_works  .pageListItemBlock-type03:nth-child(3n) {
    margin: 0 0 1em 0;
}

.section_news {
    background: #f6f9fb;
    padding: 150px 0;
}

.section_news .news_inner_left {
	width: 300px;
}

.news_inner {
	display: flex;
}


.btn-click {
	margin: 50px auto 0;
    text-align: center;
    clear: both;
    width: 25%;
}

.btn-click p {
	background: none;
	padding: 0;
}

.btn-click a {
	color: #262626;
	text-decoration: none;
	font-size: 15px;
	border: 1px solid #262626;
	border-radius: 60px;
	padding: 12px 20px;
	display: block;
	font-weight: 500;
}

.btn-click a:hover {
	background: #f4bd2a;
	color: #fff;
	border: 1px solid #f4bd2a;
}


.blog_block ul li {
	display: block;
    width: 496px;
    float: left;
	border-top: 1px solid #142474;
    border-bottom: 1px solid #142474;
    padding: 30px 0;
}

.blog_block ul {
	max-width: 1100px;
	margin: 0;
    display: block;
	overflow: hidden;
}

.blog_block ul li:nth-child(2) {
	margin-left: 32px;
}


.blog_block .pageListThumbNail {
    float: left;
    width: 150px;
    margin: 0 1em 0 0;
}


.blog_block .time {
    display: block !important;
    margin: 0 1em 0 0;
    font-weight: normal;
}

.blog_block .paging-type01 {
	margin-top: 30px;
}




main > article .section02RightBox {
	float: right !important;
}

main > article .btnTitle {
	overflow: hidden;
}

main > article .btnTitle a {
	float: right;
}

.top_banner_2line01 {
	margin-right: 24px;
}

.reason_Box h3 {
	margin: 1px 0 10px 0;
    padding: 10px 0;
    text-align: center;
    background: #f16481;
    color: #fff;
    font-size: 20px;
}

.reason_Box p {
    padding: 0 20px;
}

.reason_Box01 {
	width: 500px;
	margin-right: 24px;
}

.reason_Box02 {
	width: 500px;
}

.newsListItemBlock .newsListItemBlock-type-custom {
	overflow: hidden;
	margin-bottom: 20px;
	cursor: pointer;
	min-height: 89px;
	border-bottom: 1px solid #cccccc;
}

.newsListItemBlock .newsListItemBlock-type-custom:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

.newsListItemBlock .newsListItemBlock-type-custom a:hover {
	filter: alpha(opacity=100) !important;
	-moz-opacity:1 !important;
	opacity:1 !important;
}

.titleMenuPosition {
	float: right;
}

.newsListItemBlock .newsListItemBlock-type-custom .pageListThumbNail {
	float: left;
	margin-right: 25px;
	width: 174px;
}

#home .newsListItemBlock .newsListItemBlock-type-custom .newsListBlock {
	float: left;
}

.newsListItemBlock .newsListItemBlock-type-custom .newsListBlock .upDate {
	display: inline-block;
	background: #142474;
	padding: 5px 10px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	margin-right: 1px;
}

.newsListItemBlock .newsListItemBlock-type-custom .newsListBlock .tagIcon {
	display: inline-block;
}

.newsListItemBlock .newsListItemBlock-type-custom .newsListBlock .tagIcon span {
	padding: 5px 10px;
	text-align: center;
	color: #fff;
	font-size: 13px;
}

.icon01, .icon02 {
	background: #0968b3;
}

.icon03 {
	background: #0968b3;
}

.iconBox {
	width: 100%;
}

.conceptBox h3 {
	height: 70px;
	margin-top: 20px;
	color: #fff;
	text-align: center;
}

.conceptBox h3 span {
	display: block;
}

.conceptBox p {
	padding: 15px;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 1.4em !important;
}

.conceptBox .icon_01,.conceptBox .icon_02,.conceptBox .icon_03,.conceptBox .icon_04 {
	width: 192px;
	padding-top: 50px;
	background: #0968b3;
	margin-right: 16px;
}

.conceptBox .icon_05 {
	width: 192px;
	padding-top: 50px;
	background: #0968b3;
}


.conceptBox h3 {
	height: 70px;
	margin-top: 20px;
	color: #fff;
	text-align: center;
}

.conceptBox h3 span {
	display: block;
}

.conceptBox p {
	padding: 15px;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 1.4em !important;
}

.conceptBox .icon_01,.conceptBox .icon_02,.conceptBox .icon_03,.conceptBox .icon_04 {
	width: 192px;
	padding-top: 50px;
	margin-right: 16px;
}

.conceptBox .icon_05 {
	width: 192px;
	padding-top: 50px;
}


#others #main .tel_text {
	font-size: 25px !important;
	    font-weight: 500;
	margin-right: 10px;
}


#others #main .tel_text span {
	font-size: 15px !important;
}

.steps {
  /* 連番カウンター名の定義 */
  counter-reset: step-counter;
  /* 縦棒との位置関係に必要 */
  position: relative;
  /* 縦棒と連番のためのスペースを左に確保 */
  padding-left: 7.5rem; /* 連番(1.5rem) + 余白 */
}

/* 縦棒 */
.steps:before {
  content: "";
  /* 幅と色 */
  background-color: #F3F3F6;
  width: 7px;
  /* 位置 */
  position: absolute;
  top: 0.7rem; /* 円のwidthの半分 */
  left: 1.3rem; /* 円のwidthの半分 */
  height: calc(100% - 0.7rem); /* 100% - top */
  /* 連番より後ろに表示するため */
  z-index: 0;
}

.steps > h4 {
  /* 連番カウンターを+1する */
  counter-increment: step-counter;
  /* 連番カウンターを垂直方向に中央揃えで表示する */
  display: flex;
  align-items: center;
	font-size: 20px;
}

.steps p {
	margin-bottom: 70px !important;
}

/* ①②③など連番 */
.steps > h4:before {
  /* 連番カウンターの値を表示する */
  content: counter(step-counter);
  /* フォントと色 */
  background: #142474;
  color: white;
  font-size: 2rem;
  font-weight: normal;
  /* 文字を中央に表示する */
  line-height: 3.5rem;
  text-align: center;
  /* 円で表示する */
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 3.5rem;
  /* .stepsでmargin-left +2rem したぶん左に戻す */
  position: absolute;
  left: 0;
  /* 縦棒より手前に表示するため */
  z-index: 1;
}

----------------------------------------------- */
main > article #section07 .bxSlider_flow a{
	display:block;
	width:202px;
	text-decoration:none;
}
main > article #section07 .bxSlider_flow a:hover{ filter:alpha(opacity=80);opacity:0.8; }
main > article #section07 .bxSlider_flow .txtFlow{
	line-height:20px;
	color:#142474;
	font-size:13px;
	width:202px;
	padding-top:7px;
	text-align:center;
}

main > article #section08 {
	position: relative;
	padding: 70px 0 30px;
}

#others #commonBlock {
	margin-top: 50px;
}

#commonBlock #contactBlock {
	position: relative;
	padding: 70px 0 30px;
	background: url(../../../contents/templates/images/bg_section09.jpg) no-repeat center top;
	height: 592px;
}

#commonBlock #contactBlock {
	color: #fff;
}

#commonBlock #contactBlock h3 {
	margin: 0 0 15px;
}


#commonBlock #contactBlock .section09Box {
	padding: 30px 30px 10px;
	background: rgba(255,255,255, 0.2);
	border: 1px solid #fff;
}

#commonBlock #contactBlock .section09LeftBox {
	width: 258px;
	padding: 25px;
	background: rgba(255,255,255, 0.2);
	border: 1px solid #fff;
}

#commonBlock #contactBlock .section09CenterBox {
	width: 258px;
	padding: 25px;
	margin: 0 35px;
	background: rgba(255,255,255, 0.2);
	border: 1px solid #fff;
}

#commonBlock #contactBlock .section09RightBox {
	width: 258px;
	padding: 25px;
	background: rgba(255,255,255, 0.2);
	border: 1px solid #fff;
}

#commonBlock #contactBlock .section09LeftBox p, #commonBlock #contactBlock .section09CenterBox p, #commonBlock #contactBlock .section09RightBox p {
	font-size: 14px;
	text-align: center;
	color: #fff;
}

#commonBlock #contactBlock .section09Box h4 {
	font-size: 17px !important;
	margin-top: 0;
	color: #fff;
	font-weight: bold;
}

#commonBlock #contactBlock .section09Box p {
	font-size: 14px;
	color: #fff;
	line-height: 1.8em !important;
}


#commonBlock #contactBlock .top_contact_tel {
	font-weight: bold;
	font-size: 28px;
	display: block;
	margin-bottom: 5px;
}

#commonBlock #utilityBlock {
	position: relative;
	padding: 70px 0 30px;
	margin-bottom: 50px;
}

.pagingNumber strong {
	border: 1px solid #142474;
	color: #fff;
	background: #142474;
}

.pagingFirst a {
	text-indent: -9999px;
	background: url(../../../contents/templates/images/pagingFirst.png) no-repeat center 50%;
}

.pagingPrev a {
	text-indent: -9999px;
	background: url(../../../contents/templates/images/pagingPrev.png) no-repeat center 50%;
}

.pagingLast a {
    background: #ffffff;
    border: 1px solid #142474;
    /* display: block; */
    padding: 15px 35px !important;
    text-align: center;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    display: table;
    margin: 60px auto;
    text-align: center;
    border-radius: 55px;
    color: #142474;
}

.pagingNext a {
	text-indent: -9999px;
	background: url(../../../contents/templates/images/pagingNext.png) no-repeat center 50%;
}

.pagingNumber {
	margin: 0 3px;
    font-size: 14px;
}

.pagingNumber a {
	border: 1px solid #142474;
	color: #142474;
    font-size: 14px;
}

.pagingNumber a:hover {
	background: #f7f7f7;
}

.paging-type02 {
    display: flex !important;
    justify-content: center !important;
    margin: 10px auto;
    text-align: center;
    overflow: hidden;
    align-items: center !important;
}
.paging-type02 span {
    font-size: 14px !importan;
}
.catchStyle01 {
	font-size: 32px;
	text-align: center;
}

.planListItemBlock {
	overflow: hidden;
}

.planListItemBlock .planListItemBlock-type-custom {
	width: 235px;
	float: left;
	margin-right: 20px;
	margin-bottom: 50px;
}

.planListItemBlock .planListItemBlock-type-custom:nth-child(4n) {
	margin-right: 0;
}

.planListItemBlock .planListItemBlock-type-custom .planListTextBlock {
	cursor: pointer;
}

.planListItemBlock .planListItemBlock-type-custom .planListTextBlock:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

.planListItemBlock .planListItemBlock-type-custom .planListTextBlock p {
	text-align: left;
	font-size: 13px !important;
}

.planListItemBlock .planListItemBlock-type-custom .planListTextBlock img {
	width: 100%;
	height: auto;
}

.planListItemBlock .planListItemBlock-type-custom .planListTextBlock .planListButton {
	display: none;
}

.planListItemBlock .planListItemBlock-type-custom .planListTextBlock .planListButton a {
	background: #cc3c2d;
	color: #fff;
	display: inline-block;
	padding: 8px 15px;
	border-radius: 3px;
	text-decoration: none;
}

.planListItemBlock .planListItemBlock-type-custom .planListTextBlock .planListButton a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}


#top-plan-list a img:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

.rolloverOpacity:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}


.dropdown_pBox {
	float: none !important;
	height: 225px;
	vertical-align: middle;
	background: #f8f8f8;
}

.dropdown_pBox .dropdown_pBox_inner {
	display: table-cell;
    width: 538px;
    vertical-align: middle;
    height: 225px;
}

.dropdown_pBox .dropdown_pBox_button {
	display: table-cell;
    width: 130px;
    vertical-align: middle;
    height: 225px;
}

.dropdown_pBox .dropdown_pBox_button .detailButton {
    background: #242737;
    color: #fff;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 3px;
    text-decoration: none;
	font-size: 14px;
}

.dropdown_pBox .dropdown_pBox_button .detailButton:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	cursor: pointer;
}

.deteal_button {
	display: table-cell;
    width: 180px;
    vertical-align: middle;
}

.deteal_button a {
    background: #cc3c2d;
    color: #fff;
    display: inline-block;
    padding: 8px 25px;
    border-radius: 3px;
    text-decoration: none;
	font-size: 14px;
}

.deteal_button:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	cursor: pointer;
}

.dropdown_pBox img {
	margin-right: 50px;
}

.dropdown_pBox h3 {
	font-size: 30px;
	margin: 0 0 20px;
}

.dropdown_pBox p {
	margin-bottom: 0 !important;
}

.dropdown_cBox {
	display: none;
	padding: 20px 30px 20px 20px;
    background: #f8f8f8;
    box-sizing: border-box;
}

.cmsAdminEdit .dropdown_cBox {
	display: block;
}


/* sidebar
----------------------------------------------- */
#sidebar {
	width:200px;
	background-color:#B6D9F2;
}
#sidebar nav h1 {
	background-color: #0070BF;
	padding: 5px 12px;
	color: #ffffff;
	font-size: 15px;
	margin: 0;
}
#sidebar nav ul {
	margin: 0 2px 15px;
}
#sidebar nav ul li {
	list-style: none;
	margin: 0;
}
#sidebar nav ul li:last-child {
	border: none;
}
#sidebar nav ul li ul {
	margin: 0;
}
#sidebar nav ul li a, #sidebar nav ul li span {
	display: block;
	color: #666666;
	padding: 6px 6px 6px 2%;
	font-size: 14px;
	text-decoration: none;
	background: #f8f8f8;
	margin-bottom: 1px;
}
#sidebar nav ul li a:hover {
	background-color: #CCEAFF;
	color: #0070BF;
}
#sidebar nav ul li ul li a, #sidebar nav ul li ul li span {
	padding-left: 8%;
}
#sidebar nav ul li ul li ul li a, #sidebar nav ul li ul li ul li span {
	padding-left: 14%;
}
#sidebar nav ul li ul li ul li ul li a, #sidebar nav ul li ul li ul li ul li span {
	padding-left: 20%;
}
#sidebar2 {
	width:200px;
	background-color:#B6D9F2;
}
#sidebar2 nav h1 {
	background-color: #0070BF;
	padding: 5px 12px;
	color: #ffffff;
	font-size: 15px;
	margin: 0;
}
#sidebar2 nav ul {
	margin: 0 2px 15px;
}
#sidebar2 nav ul li {
	list-style: none;
	margin: 0;
}
#sidebar2 nav ul li:last-child {
	border: none;
}
#sidebar2 nav ul li ul {
	margin: 0;
}
#sidebar2 nav ul li a, #sidebar2 nav ul li span {
	display: block;
	color: #666666;
	padding: 6px 6px 6px 2%;
	font-size: 14px;
	text-decoration: none;
	background: #f8f8f8;
	margin-bottom: 1px;
}
#sidebar2 nav ul li a:hover {
	background-color: #CCEAFF;
	color: #0070BF;
}
#sidebar2 nav ul li ul li a, #sidebar2 nav ul li ul li span {
	padding-left: 8%;
}
#sidebar2 nav ul li ul li ul li a, #sidebar2 nav ul li ul li ul li span {
	padding-left: 14%;
}
#sidebar2 nav ul li ul li ul li ul li a, #sidebar2 nav ul li ul li ul li ul li span {
	padding-left: 20%;
}
/* Footer
----------------------------------------------- */
#wrapper #block_footerBlock {
	margin-top: 150px;
	clear: both;
	background: #171d86;
}

#wrapper #block_footerBlock p {
	margin-bottom: 0;
}


#wrapper > footer {
	clear: both;
    margin-top: 100px;
    padding: 0 0 0;
    background: #0f1b56;
}


#wrapper > footer .footer_inner {
	display: flex;
	justify-content: space-between;
}

#wrapper > footer .footer_inner .footer_inner_info {
	width: 35%;
}

#wrapper > footer .footer_inner .footer_inner_info p {
	margin-bottom: 5px !important;
	padding: 0 20px;
}

#wrapper > footer .footer_inner .footer_inner_info .tel_text a {
	color: #fff;
	text-decoration: none;
	letter-spacing: 0.15em;
}

#wrapper > footer .footer_inner .footer_inner_info .tel_text {
	font-size: 22px !important;
}

#wrapper > footer .footer_inner .footer_inner_info .tel_text span {
	font-size: 15px !important;
}

#wrapper > footer .footer_inner .footer_inner_info img {
	width: 57%;
    height: auto;
    margin: 0 0 15px 0;
}

#wrapper > footer .footer_inner .footer_inner_links {
	width: 65%;
}

#block_footer_info {
	max-width: 1200px;
    margin: 0 auto;
    padding: 150px 0 30px;
}

#block_footer_block p {
	color: #fff !important;
	font-size: 12px;
}

#block_footer_block .sitemap {
	margin: 0 0 0 0;
}


#block_footer_block .sitemap ul {
	display: flex;
    justify-content: end;
    flex-wrap: wrap;
    margin: 0;
}

#block_footer_block .sitemap ul li ul {
	display: block;
}

#block_footer_block .sitemap ul li {
	margin: 0 14px 30px;
	list-style: none;
}

#block_footer_block .sitemap ul li:first-child {
	display: none;
}

#block_footer_block .sitemap ul li ul li:first-child {
   display: block;
}

#block_footer_block .sitemap ul li ul li {
    margin: 0 5px;
	border-bottom: 0;
}

#block_footer_block .sitemap ul li a, #block_footer_block .sitemap ul li span {
	position: relative;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
    letter-spacing: 0.16em;
}

#block_footer_block .sitemap ul li ul li a {
	position: relative;
	font-size: 11px;
}

#block_footer_block .sitemap ul li ul li a:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 1px;
    background: #fff;
    vertical-align: middle;
    margin: 0 8px 0 0;
}

#block_footer_block .sitemap ul li a::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 5%;
    width: 80%;
    height: 1px;
    background: #fff;
    transition: all .3s;
    transform: scale(0, 1);
    transform-origin: center top;
}

#block_footer_block .sitemap ul li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}

.map-link a {
    margin: 0 15px;
    line-height: 1;
    padding: 2px 10px 4px 30px;
    text-decoration: none;
    font-size: 12px;
    color: #ffff;
    border: 1px solid #646581;
}

.map-link a:hover {
    background: #6f70a4;
    border: 1px solid #6f70a4;
}

.map-link {
	display: inline-block !important;
  box-sizing: border-box;
  position: relative;
}

.map-link:before,
.map-link:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 11px;
  height: 9px;
  border-style: solid;
  border-color: #fff;
}

.map-link:before {
  top: 7px;
  left: 24px;
  border-width: 1px;
}

.map-link:after {
  top: 8px;
  left: 27px;
  border-width: 0 1px 1px 0;
}

.sns_footer {
	text-align: center;
}

.sns_footer img {
	width: 20px;
	height: auto;
}


#wrapper > footer #footer_copyright {
}

#wrapper > footer #block_commonBlock01, #wrapper > footer #block_commonBlock02, #wrapper > footer #block_commonBlock03 {
    display: block;
    max-width: 1100px;
    margin: 0 auto;
}

#wrapper > footer #footer_sitemap {
	max-width: 1100px;
	margin: 30px auto 0;
}
#wrapper > footer #footer_sitemap #footer_sitemap_inner {
	padding: 40px 0;
	max-width: 1100px;
	margin: 0 auto;
}
#wrapper > footer #footer_sitemap #footer_sitemap_inner #footer_sitemap_inner_topBlock {
	overflow: hidden;
}
#wrapper > footer #footer_sitemap #footer_sitemap_inner #footer_sitemap_inner_topBlock #footer_logo {
	float: left;
}
#wrapper > footer #footer_sitemap #footer_sitemap_inner #footer_sitemap_inner_topBlock p {
	float: right;
	font-size: 12px;
}
#wrapper > footer #footer_sitemap #footer_sitemap_inner #footer_sitemap_inner_topBlock nav {
	overflow: hidden;
	float: right;
}
#wrapper > footer #footer_sitemap #footer_sitemap_inner #footer_sitemap_inner_topBlock nav ul {
	margin: 0;
}
#wrapper > footer #footer_sitemap #footer_sitemap_inner #footer_sitemap_inner_topBlock nav ul li {
	list-style: none;
	float: left;
	margin-left: 10px;
}
#wrapper > footer #footer_copyright #footer_copyright_inner {
	max-width: 1100px;
    margin: 0 auto;
    padding: 60px 0 60px;
    text-align: right;
    text-align: center;
}
#wrapper > footer #footer_copyright #footer_copyright_inner nav ul {
	margin-left: 351px;
	color: #142474;;
	font-size: 10px;
	overflow: hidden;
}
#wrapper > footer #footer_copyright #footer_copyright_inner nav ul li {
	float: left;
	list-style: none;
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
	border-right: 1px solid #142474;;
}
#wrapper > footer #footer_copyright #footer_copyright_inner nav ul li:last-child {
	border-right: none;
}
#wrapper > footer #footer_copyright a {
	text-decoration: none;
	font-size: 12px;
	color: #fff;;
}
#wrapper > footer #footer_copyright a:hover {
	text-decoration: underline;
}
#wrapper > footer #footer_copyright small {
	display: block;
	color: #fff;;
	font-size: 12px;
}
#wrapper > footer #footer_copyright small a {
	color: #fff;;
}

#footer_sitemap p {
	font-weight: bold;
    text-align: center;
}

#footer_sitemap p {
    text-decoration: none;
    color: #142474;
    font-size: 12px !important;
}

#footer_sitemap ul li a, #footer_sitemap ul li, #footer_sitemap a {
    text-decoration: none;
    color: #142474;
    font-size: 11px !important;
}

#footer_sitemap ul li a:hover, #footer_sitemap ul li:hover, #footer_sitemap a:hover {
    color: #ff6f50;
}

#footer_sitemap ul {
	list-style: none;
}

.footer_links ul {
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
}

.footer_links li {
	margin-bottom: 0;
	list-style: none;
	margin-right: 30px;
	font-size: 13px;
}

.footer_links li:last-child {
	margin-right: 0;
}

.footer_links li a {
	text-decoration: none;
}

.footer_sns {
	margin-top: 60px;
}

.footer_sns ul {
	display: flex;
	justify-content: center;
	margin: 0 0 30px 0;
}

.footer_sns li {
	list-style: none;
	margin-right: 15px;
}

.footer_sns li:last-child {
	margin-right: 0;
}

.footer_sns li a {
	text-decoration: none;
}

.footer_sns li a:hover img {
	opacity: 0.7;
}

.soldoutIcon {
    position: absolute;
    top: 0;
    z-index: 10;
    padding: 5px;
    background: #f00;
    color: #fff;
}

.cartBtn .soldoutIcon {
    position: initial;
    top: 0;
    font-size: 16px;
    z-index: 10;
    padding: 8px;
    background: #f00;
    color: #fff;
}


/* headding
----------------------------------------------- */
h1, h2 {
	margin: 2.5em 0 0.9em 0;
	text-align: left;
	line-height: 1.5em;
	font-weight: 600;
}

h3 {
	margin: 4.5em 0 0.9em 0;
	text-align: left;
	line-height: 1.5em;
	font-weight: 600;
}

h4 {
	margin: 2em 0 0.5em 0;
	text-align: left;
	line-height: 1.5em;
	font-weight: 600;
}

.blog #block_blog_side h4 {
    margin: 0 0 20px;
    padding-bottom: 6px;
    border-bottom: 1px solid #142474;
    font-size: 16px;
}

.blog #block_blog_side .pageListDate {
   display: block;
    margin-right: 0;
    font-size: 13px;
    line-height: 1em;
    margin-bottom: 5px;
}

.blog #block_blog_side .pageListItemBlock-type01 li.pageListItemList {
    margin: 0 0 20px;
    font-size: 14px;
}

h5 {
	margin: 2.5em 0 0.9em 0;
	text-align: left;
	line-height: 1.5em;
	font-weight: 600;
}

h6 {
	margin: 2.5em 0 0.9em 0;
	text-align: left;
	line-height: 1.5em;
	font-weight: 600;
}

h1[data-type-oder="first"], h2[data-type-oder="first"], h3[data-type-oder="first"], h4[data-type-oder="first"], h5[data-type-oder="first"], h6[data-type-oder="first"] {
    /* margin-top: 0; */
}
h1 {
	color: #142474;
}

#home h2 {
    color: #142474;
    font-size: 2.4rem;
    margin-top: 80px;
    margin-bottom: 1.0rem;
    letter-spacing: 0.05em;
    font-weight: 600;
}

#home h2 span {
  display: block;
  font-size: 14px;
  text-align: center;
}

.pageListDate {
	margin-right: 30px;
}

.pageListItemBlock-type03 div.pageListTextBlock p.pageListText span.pageListDate {
    display: block;
    margin: 0 0;
    font-weight: normal;
	font-size: 13px;
}

#others h2 {
	color: #142474;
    margin-bottom: 50px;
    font-size: 2.5rem;
}

#others.wp-blog h2 {
	color: #142474;
    margin-bottom: 1em;
    padding: 10px 0 0;
    font-size: 1.7rem;
}

h3 {
	color: #142474;
	font-size: 2.6rem;
}

#others h3 {
	position: relative;
	color: #142474;
	letter-spacing: 0.10em;
}

#others h3:before {
    background-color: #434890;
    content: "";
    height: 5px;
    position: absolute;
    top: -30px;
    width: 160px !important;
    height: 1px;
    width: 5rem;
    border-style: solid;
    border-width: 0;
}

.line {
    margin: 50px 0 60px;
    text-align: center;
    position: relative;
    font-size: 23px;
    background: #0968b3;
    letter-spacing: 0.15em;
    padding: 10px;
    color: #fff !important;
}

.line2 {
    margin: 50px 0 30px;
    text-align: center;
    position: relative;
    font-size: 22px;
    background: #fff;
    letter-spacing: 0.15em;
    padding: 10px;
    color: #0968b3 !important;
	border: 1px solid #0968b3;
}

.service_inner h3 {
	margin: 15px 0 10px 0;
	text-align: center;
	font-size: 19px;
}

h4 {
	color: #142474;
	font-size: 1.8rem;
}
h5 {
	color: #142474;
	font-size: 1em;
}
h6 {
	color: #142474;
	font-size: 1em;
}
/* misc
----------------------------------------------- */
p {
	margin: 0 0 1.5em;
    line-height: 1.9em;
    font-size: 1.5rem;
	color: #142474;
}
.paging-type01 {
    display: inline-block;
    margin: 20px 0 0;
}

.paging-type01 p {
	text-align: center !important;
}
#main p {
	margin: 0 0 2em;
    line-height: 1.8em;
    font-size: 1.6rem;
    color: #142474;
    letter-spacing: 0.025em;
	text-align: left;
}

#main .meeting-time p {
    font-size: 1.2rem !important;
	margin-bottom: 0 !important;
}

.paging-type01 {
    display: block;
    margin: 20px 0 0;
}

.paging-type01 p {
	background: none !important;
	text-align: center;
}

.paging-type01 p a {
	border: 1px solid #142474;
	color: #142474;
	padding: 5px 25px;
	border-radius: 60px;
	text-decoration: none;
	font-size: 13px;
}

.paging-type01 p a:hover {
	border: 1px solid #142474;
	color: #fff;
	padding: 5px 25px;
	border-radius: 60px;
	text-decoration: none;
	background: #142474;
}

.top_banner {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.top_banner .banner03 {
    width: 430px;
    padding: 26px 0;
    margin-right: 0;
}

.top_banner .banner01 {
    width: 430px;
    padding: 26px 0;
    margin-right: 0;
}

.top_banner .banner02 {
    width: 430px;
    padding: 26px 0;
}

iframe {
	margin-bottom: 30px;
}

.top_banner .banner01 a, .top_banner .banner02 a {
    display: inline-block;
    width: 90%;
    margin: 0 5%;
    padding: 24px 0;
    background: #142474;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    border-radius: 60px;
    font-weight: 500;
    letter-spacing: 0.15em;
}

.top_banner .banner03 a {
    display: inline-block;
    width: 90%;
    margin: 0 5%;
    padding: 27px 0;
    background: #fdf150;
    text-align: center;
    color: #142474;
    text-decoration: none;
    font-size: 17px;
    border-radius: 8px;
    font-weight: 500;
    letter-spacing: 0.15em;
}


.btn_arrow{
    display:inline-block;
    background:#d13415;
    width: 100px;
    padding:10px 30px 10px 20px;
    text-align:center;
    color:#FFF;
    margin:5px;
    border:1px solid;
    cursor:pointer;
    position: relative;
    text-decoration: none;
}
.btn_arrow::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 30px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 2px solid #FFF;
    border-bottom: 1px solid #FFF;
    transform: skew(45deg);
    transition: .3s;
}
.btn_arrow:hover::after{
    right: 20px;
    width: 30px;
}

.banner_blog a {
    display: block;
    width: 30%;
    margin: 40px auto;
    padding: 26px 0;
    background: #fdf150;
    text-align: center;
    color: #142474;
    text-decoration: none;
    font-size: 16px;
    border-radius: 60px;
    font-weight: 500;
    letter-spacing: 0.15em;
}


/* list
----------------------------------------------- */
ul {
	margin: 0 0 3em 20px;
}
ul li {
	margin: 0 0 0.5em;
    line-height: 1.5em;
    color: #142474;
	font-size: 1.6rem;
}
ol {
	margin: 0 0 3em 30px;
}
ol li {
	margin: 0 0 0.5em;
	line-height: 1.5em;
	color: #142474;
	font-size: 1.5rem;
}


.riyou_list ul{
	margin-left: 0;
  padding: 0;
  list-style: none;
}
.riyou_list ul li{
  position: relative;
    padding: 0.68em 1em 0.6em 2.7em;
    margin-bottom: 5px;
    font-size: 16px;
    letter-spacing: 0.125em;
}
.riyou_list ul li:after,
.riyou_list ul li:before{
  content: "";
  position: absolute;
  border-radius: 50%;
}
.riyou_list ul li:before{
  left: 0.2em;
  width: 17px;
  height: 17px;
  background: rgb(14 27 87 / 50%);
  top: 40%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.riyou_list ul li:after{
  top: 1.3em;
    left: 0.7em;
    width: 14px;
    height: 14px;
    background: rgb(14 27 87 / 30%);
}



/* commonTable
----------------------------------------------- */
table {
	width: 100%;
	margin: 0 0 40px;
	border-collapse: collapse;
	line-height: 1.5em;
	font-size: 1.5rem;
	color: #142474;
}
table tr {
	background: #ffffff;
}
table tr.odd {
	background: #ffffff;
}
table th {
	width: 25%;
	padding: 17px 15px;
	font-weight: normal;
	line-height: 1.7em;
	vertical-align: middle;
}
table thead td {
	padding: 17px 15px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

table td {
	vertical-align: top;
	padding: 17px 15px;
	line-height: 1.7em;
}


.officeTable {
	width: 100%;
	margin: 0 0 20px;
	 border-collapse: collapse;
}

.officeTable th {
	width: 25%;
	padding: 25px 15px;
	font-weight: normal;
	line-height: 1.7em;
	vertical-align: middle;
    border-bottom: 1px solid #dcdcec;
}

.officeTable td {
	padding: 25px 10px;
    vertical-align: middle;
	 border-collapse: collapse;
    border-bottom: 1px solid #dcdcec;
}


.priceTable {
	width: 100%;
	margin: 0 0 20px;
    border: 1px solid #dcdcec;
	 border-collapse: collapse;
}

.priceTable th {
	width: 55%;
	padding: 10px 15px;
	font-weight: normal;
	line-height: 1.7em;
	vertical-align: middle;
    border: 1px solid #dcdcec;
    background: #edeef7;
}

.priceTable td {
	padding: 8px 10px;
    border: 1px solid #dcdcec;
    text-align: center;
    vertical-align: middle;
	 border-collapse: collapse;
}


.curriculum_table, .curriculum_table2 {
	width: 100%;
    border: 1px solid #dcdcec;
	font-size: 1.6rem;
	 border-collapse: collapse;
}

.curriculum_table th, .curriculum_table2 th {
	padding: 10px 15px;
    background: #edeef7;
    border: 1px solid #dcdcec;
    text-align: center;
    color: #142474;
	 border-collapse: collapse;
}

.curriculum_table th:first-child {
	width: 15%;
}

.curriculum_table2 th:first-child {
	width: 15%;
}

.curriculum_table th:nth-child(2), .curriculum_table th:nth-child(3), .curriculum_table th:nth-child(4), .curriculum_table th:nth-child(5), .curriculum_table th:nth-child(6), .curriculum_table th:nth-child(7) {
	width: 14%;
}

.curriculum_table td, .curriculum_table2 td {
	padding: 8px 10px;
    border: 1px solid #dcdcec;
    text-align: center;
    vertical-align: middle;
	 border-collapse: collapse;
}

.curriculum_table3 {
	width: 100%;
    border: 1px solid #dcdcec;
	font-size: 1.6rem;
	 border-collapse: collapse;
}

.curriculum_table3 th {
	padding: 10px 25px;
    background: #edeef7;
    border: 1px solid #dcdcec;
    text-align: left;
    color: #142474;
	 border-collapse: collapse;
}

.curriculum_table3 td {
	padding: 8px 25px;
    border: 1px solid #dcdcec;
    text-align: left;
    vertical-align: middle;
	 border-collapse: collapse;
}

.privecyBox {
    background: #f1f9ff;
    padding: 40px 40px 20px;
    border-radius: 10px;
}

.privecyBox p {
	line-height: 1.6em !important;
	font-size: 15px !important;
}


.meeting_table {
	width: 100%;
	margin: 0 0 15px;
	 border-collapse: collapse;
}

.meeting_table th {
	width: calc(100% - 62px);
	display: block;
	padding: 8px 30px;
	font-weight: normal;
	line-height: 1.7em;
	vertical-align: middle;
    border: 1px solid #142474;
    background: #142474;
	color: #fff;
	font-size: 17px;
}

.meeting_table td {
	width: calc(100% - 62px);
	display: block;
	padding: 20px 30px 20px;
	line-height: 1.8em;
    border: 1px solid #142474;
    vertical-align: middle;
	 border-collapse: collapse;
}

.field-box label {
    display: block;
}

/* googleMap
----------------------------------------------- */
#googlemap {
	width: 100%;
	height: 400px;
	margin: 0 0 10px;
}
#mapBalloon {
	padding: 5px 0;
}
#mapName {
	margin-bottom: 5px;
	font-weight: bold;
	color: #142474;;
}

.map-left {
	width: 696px;
	margin-right: 60px;
}

.map-right {
}

/* TopicPath トピックパススタイル
----------------------------------------------- */
#topicPath {
	display: flex;
    margin: 15px auto 0;
    line-height: 1.2em;
	max-width: 1100px;
	width: 80%;
}

#topicPath ul {
	margin: 0;
}
#topicPath ul li {
	display: inline-block;
	float: left;
	list-style: none;
	font-size: 11px !important;
}
#topicPath ul li:first-child:before {
	content: none;
}
#topicPath ul li:before {
	content: '>';
	margin: 0 5px 0 0;
}
#topicPath ul li > a, #topicPath ul li > span {
	margin-right: 5px;
	color: #142474;
	text-decoration: none;	
}
#topicPath ul li a:hover {
	text-decoration: underline;	
}

#mapMarkers {
    font-size: 0.8125em;
    line-height: 1.5;
}
/* pageTopButton
----------------------------------------------- */
#pageTopButton {
	position: fixed;
	margin: 0;
	bottom: 0;
	right: 0;
	font-size: 12px;
}
#pageTopButton a {
	text-decoration: none;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 0 0 0 0;
    background: #ffffff;
    color: #0968b3;
    border: 1px solid #0968b3;
    font-weight: bold;
}
#pageTopButton a:hover {
	text-decoration: none;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
/* Form Fieldset【変更注意】フォームスタイル
----------------------------------------------- */
.formCheckBlock, .formThanksBlock {
	max-width: 1100px;
	margin: auto; 
	margin-top: 60px;
}

form.mailForm {
	margin: 0 0 30px;
	padding: 10px 0 20px;
	background: #ffffff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

form.mailForm .button {
	margin: 50px 0 0 0;
}
fieldset.formBlock {
	margin: 0;
	padding: 15px 0 10px;
	line-height: 1.3em;
	font-size: 16px;
	color: #142474;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e7e7e7;
}
fieldset legend.title {
	display: block;
	float: left;
	width: 30%;
	padding: 10px 0;
	color: #142474;
	font-size: 15px;
}
fieldset.titleDisplayNone legend.title {
	display: none;
}
fieldset.titleDisplayNone .content {
	width: 100%;
}
fieldset.titleDisplayNone .goodsOrderSelectBox li label .goodsTitle {
	width: 550px;
}
fieldset.titleDisplayNone .shoppingOrdererInformationBox .shoppingOrdererInformationBoxTitle {
	width: 200px;
}
fieldset.titleDisplayNone .shoppingOrdererInformationBox .shoppingOrdererInformationBoxInnerInputGroup {
	margin-left: 210px;
}
fieldset.titleDisplayNone .shoppingDeliverySelectBox .shoppingDeliveryBoxTitle {
	width: 200px;
}
fieldset.titleDisplayNone .shoppingDeliveryTimeSelectBox .shoppingDeliveryTimeSelectBoxTitle {
	width: 200px;
}
fieldset.titleDisplayNone .shoppingDeliveryBox .shoppingDeliveryBoxTitle {
	width: 200px;
}
fieldset.titleDisplayNone .shoppingDeliveryBox .shoppingDeliveryBoxInnerInputGroup {
	margin-left: 210px;
}
fieldset.titleDisplayNone .shoppingOrdererInformationBoxInner:first-child {
	border-top: none;
	padding-top: 0;
}
fieldset.titleDisplayNone .shoppingOrdererInformationBoxInner {
	border-top: 1px dotted #CCCCCC;
	padding-top: 5px;
}
form.check fieldset div.content{
	display: inline-block;
	width: 70%;
	padding: 10px 0;
}

form.check fieldset div.content .field-box {
	display: flex;
	justify-content: space-between;
}
form.check fieldset .content span {
	display: inline-block;
}
form.check fieldset .content .contentTitle {
	width: 130px;
}
form.check .comment {
	display: none;
}
form.check .formMarkColor {
	display: none;
}
form.check .orderNumber {
	padding: 3px 5px;
	background: #CCCCCC;
}
form.check .contentInner {
	overflow: hidden;
}
form.check .orderProcuctsList {
	margin-left: 0;
	list-style: none;
}
form.check .orderProcuctsList li {
	border-left: 5px solid #cccccc;
	padding-left: 5px;
}
form.check .orderProcuctsList li ul {
	overflow: hidden;
	margin: 0;
}
form.check .orderProcuctsList li ul li {
	border-left: none;
	padding-left: 0;
}
form.check .orderProcuctsList .goodsOptionTitle {
	display: none;
}
form.check .orderProcuctsList .orderProcuctsListBox {
	overflow: hidden;
}
form.check .orderProcuctsList .orderProcuctsListBox .goodsName {
	font-weight: bold;
}
form.check fieldset .content span {
	float: left;
}
form.check .feeDetailsBox {
	line-height: 1.5em;
}
form.check .feeDetailsBox .feeDetailsBoxInner .feeDetailsName {
	width: 200px;
	border-bottom: 1px solid #cccccc;
	margin-right: 0;
}
form.check .feeDetailsBox .feeDetailsBoxInner .feeDetailsPrice {
	width: 200px;
	border-bottom: 1px solid #cccccc;
	margin-right: 0;
	text-align: right;
}
form.check .feeDetailsBox .feeDetailsBoxInnerSumTotal span {
	width: 200px;
	margin-right: 0;
	border-top: 1px solid #cccccc;
	font-weight: bold;
}
form.check .feeDetailsBox .feeDetailsBoxInnerSumTotal .feeDetailsPrice {
	text-align: right;
}
fieldset.titleDisplayNone .shoppingDeliveryBoxInner:first-child {
	border-top: none;
	padding-top: 0;
}
fieldset.titleDisplayNone .shoppingDeliveryBoxInner:last-child {
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 5px;
}
fieldset.titleDisplayNone .shoppingDeliveryBoxInner {
	border-top: 1px dotted #CCCCCC;
	padding-top: 5px;
}
fieldset.titleDisplayNone .shoppingDeliverySelectBox {
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 5px;
}
fieldset div.content {
	display: inline-block;
	width: 70%;
	padding: 4px 0;
}
fieldset div.content select {
	margin: 6px 0;
	padding-right: 20px !important;
	background: #fff url(../../../contents/templates/images/select_arrow.png) no-repeat right 50% / 15px !important;
}
fieldset div.check .content {
	padding: 10px 0;
}
fieldset div.content span {
	display: inline-block;
	margin: 0 5px 0 0;
	color: #142474;
}
.form-validation .validation-error-field {
    font-weight: normal !important;
}
.form-validation input:focus, .form-validation textarea:focus, .form-validation select:focus {
    border: none !important;
}
placeholder {
	font-size: 13px;
	color: #ccc;
}
fieldset div.content input[type=text], fieldset div.content input[type=email], fieldset div.content input[type=tel], fieldset div.content textarea, fieldset div.content select {
	position: relative;
	margin: 0 0 5px;
	padding: 10px;
	color: #142474;
	border: none;
	background: #F3F3F6;
	font-size: 16px !important;
	-webkit-appearance: none;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
}
fieldset input[type=text].formCaution, fieldset textarea.formCaution, fieldset select.formCaution {
	border: 1px solid #cc0000 !important;
	background: #ffd4d4 !important;
}
fieldset div.content input[type=radio], fieldset div.content input[type=checkbox] {
	margin-right: 5px;
}
fieldset div.content input[type=text], fieldset div.content input[type=tel], .form-add-user input {
	width: calc(48.4% - 20px);
}
fieldset div.content input[type=email] {
	width: calc(100% - 20px);
}

fieldset div.content input[type=text].textareaShort {
	width: calc(48.4% - 20px);
}
fieldset div.content input[type=text].tel01, fieldset div.content input[type=text].tel02, fieldset div.content input[type=text].tel03 {
	width: 4.5em;
}
fieldset div.content input[type=text].zipecode01 {
	width: 3.5em;
}
fieldset div.content input[type=text].zipecode02 {
	width: 4.5em;
}
fieldset div.content select.selectAddress {
	width: auto;
}
fieldset div.content input[type=text].address01, fieldset div.content input[type=text].address02 {
	width: 80%;
}
fieldset div.content select.selectMonth, fieldset div.content select.selectDay {
	width: 4.5em;
}
fieldset .formMarkColor {
	color: #cc0000;
}
fieldset .radio {
    margin: 4px;
}
fieldset .checkbox {
    margin: 4px;
}
fieldset.comment {
	background: #eeeeee;
	line-height: 1.3em;
	text-align: center;
	padding: 10px 0 5px;
	font-weight: bold;
}
fieldset.comment legend {
	display: block;
	width: 100%;
    padding: 15px 0 0;
	background: #eeeeee;
}
fieldset.comment .content {
	display: none;
}
fieldset .comment span {
	display: block;
	font-size: 90%;
	font-weight: normal;
}

fieldset .shoppingOrdererInformationBox .shoppingOrdererInformationBoxTitle {
	width: 120px;
}
fieldset .shoppingOrdererInformationBox .shoppingOrdererInformationBoxInnerInputGroup {
	margin-left: 130px;
    margin-top: -18px;
}
fieldset .shoppingDeliverySelectBox .shoppingDeliveryBoxTitle {
	width: 120px;
}
fieldset .shoppingDeliveryBox .shoppingDeliveryBoxTitle {
	width: 120px;
}
fieldset .shoppingDeliveryTimeSelectBox .shoppingDeliveryTimeSelectBoxTitle {
	width: 120px;
}
fieldset .shoppingDeliveryBox .shoppingDeliveryBoxInnerInputGroup {
	margin-left: 130px;
    margin-top: -18px;
}
fieldset .shoppingPaymentMethodCreditBox .shoppingPaymentMethodCreditBoxTitle {
	width: 120px;
}
fieldset .shoppingPaymentMethodCreditBox .shoppingPaymentMethodCreditBoxInner .cardNumber {
	width: 50%;
}
fieldset .textarea {
	width: 97%;
	height: 200px;
	padding: 2px;
	border: 1px solid #aaaaaa;
}
fieldset.formBlock .goodsOrderSelectBox {
	margin-left: 0;
}
fieldset.formBlock .goodsOrderSelectBox li:first-child {
	border-top: none;
	padding-top: 0;
}
fieldset.formBlock .goodsOrderSelectBox li {
	overflow: hidden;
	padding-top: 15px;
	border-top: 1px dotted #cccccc;
	list-style: none;
}
fieldset.formBlock .goodsOrderSelectBox li .goodsItem {
	float: left;
	width: 49%;
}
fieldset.formBlock .goodsOrderSelectBox li div label {
	overflow: hidden;
}
fieldset.formBlock .goodsOrderSelectBox li .goodsOptionName {
	display: block;
    margin-bottom: 5px;
}
fieldset.formBlock .goodsOrderSelectBox li .goodsOptionItem {
	float: right;
    width: 49%;
	margin: 0;
}
fieldset.formBlock .goodsOrderSelectBox li div .goodsOrderSelectBoxOptionList {
	margin-left: 0;	
}
fieldset.formBlock .goodsOrderSelectBox li div .goodsOrderSelectBoxOptionList li select {
	width: 97%;
}
fieldset.formBlock .goodsOrderSelectBox li li {
	list-style: none;
	border-top: none;
	padding-top: 0;
}
fieldset.formBlock .goodsOrderSelectBox li label input.checkbox {
	float: left;
	margin: 70px 0 0 0;
}
fieldset.formBlock .goodsOrderSelectBox li label .goodsThumbnail {
	display: block;
	float: left;
	height: 155px;
}
fieldset.formBlock .goodsOrderSelectBox li label .goodsThumbnail img {
	width: auto;
	height: 100%;	
}
fieldset.formBlock .goodsOrderSelectBox li .goodsName {
	cursor: pointer;
	margin-bottom: 10px;
}
fieldset.formBlock .goodsOrderSelectBox li label .goodsPrice {
	font-size: 110%;
    font-weight: bold;
    margin-bottom: 10px;
}
fieldset.formBlock .goodsOrderSelectBox li .goodsOptionTitle {
	display: block;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #B6D9F2;
}
fieldset.formBlock .goodsOrderSelectBox li .goodsGiftItem {
	clear: both;
	overflow: hidden;
	margin-top: 15px;
}
fieldset.formBlock .goodsOrderSelectBox li .goodsGiftItem .goodsGiftTitle {
	display: block;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #B6D9F2;
}
fieldset.formBlock .goodsOrderSelectBox li .goodsGiftItem .goodsGiftItemList {
	float: left;
	width: 33%;
}
fieldset.formBlock .goodsOrderSelectBox li .goodsGiftItem .goodsGiftItemList .goodsGiftThumbnail img {
	width: 100%;
	height: auto;
}
fieldset.formBlock .goodsOrderSelectBox li label .goodsTitle {
	float: left;
}
fieldset.formBlock .goodsOrderSelectBox li .goodsText {
}
fieldset.formBlock .goodsOrderSelectBox li .goodsText input[type="text"] {
	width: 2.5em;
}

.text_center {
	text-align: center;
}

.select1Line label {
	display: inherit;
}
.button {
	text-align: center;
}
.btnSend {
	position: relative;
}
span.btnSend {
	display: inline-block;
}
.btnSend input {
	position: relative;
    display: block;
    border: none;
	background: #142474;
    color: #ffffff !important;
	padding: 15px 60px;
	line-height: 1em;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	border-radius: 3px;
	cursor: pointer;
	letter-spacing: 0.15em;
}
.btnSend input:hover {
	opacity: 0.7;
}
.btnBack {
	position: relative;
	margin-right: 20px;
}
span.btnBack {
	display: inline-block;
}
.btnBack input {
	position: relative;
    display: block;
    border: none;
	background: #999;
    color: #ffffff !important;
	padding: 15px 60px;
	line-height: 1em;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	border-radius: 3px;
	cursor: pointer;
	letter-spacing: 0.15em;
}
.btnBack input:hover {
	opacity: 0.7;
}

.bookSelect label {
	display: inline-block;
	width: 200px;
	vertical-align: top;
	margin-bottom: 20px;
	padding: 15px 10px;
	background: #f4f2e9;
}

.bookSelect label .checkboxImage {
	display: block;
	text-align: center;
}

.bookSelect label input {
	float: left;
	margin-bottom: 2em;
}

.bookSelect label .checkboxValue {
	display: inline;
	font-size: 14px;
}

.smallFlowBox {
	margin-bottom: 30px;
}

.submitBtn {
    border: 1px solid #fff !important;
	letter-spacing: 0.05em;
}

.submitBtn:hover {
	opacity: 0.8;
}

/* マイページログイン スタイル
----------------------------------------------- */
#menbersLoginBlock {
}
#menbersLoginBlock h1 {
    color: #142474;
    font-size: 36px;
}
#menbersLoginBlock p {
}
#menbersLoginBlock span {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
}
#menbersLoginBlock #menbersLoginBlockInner {
}
#menbersLoginBlock input[type=email], #menbersLoginBlock input[type=password] {
    position: relative;
    width: 300px;
    margin: 0 0 10px;
    padding: 13px;
	background: #f3f3f3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border: none !important;
}
#menbersLoginBlock .validation-error-message-box {
    margin-top: -10px;
    margin-bottom: 20px;
}
#menbersLoginBlock .menbersLoginPassword {
    margin-bottom: 20px;
}
#menbersLoginBlock .menbersLoginButton a {
	width: 328px;
	padding: 15px 0 !important;
}
#menbersLoginBlock .shoppingMembersLostSendButton, #menbersLoginBlock .shoppingMembersSettingButton {
    margin: 10px 0;
}

.membersLostBtn {
    width: 300px;
    display: flex;
}

.buttonSilver a, .editButton a {
    display: block;
    padding: 13px 25px;
    line-height: 1em;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #333333 !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.buttonSilver a, .editButton a {
    background: #dbdbdb;
}

.membersLostBtn .buttonSilver {
    margin: 10px 15px 10px 0;
    text-align: center;
}

#menbersLoginBlock .menbersLoginButton {margin-bottom: 15px;}
#menbersLoginBlock .menbersLoginButton span, #menbersLoginBlock .shoppingMembersLostSendButton span, #menbersLoginBlock .shoppingMembersSettingButton span {
    display: inline-block;
    width: 150px;
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#menbersLoginBlock .menbersLoginButton span a, #menbersLoginBlock .shoppingMembersLostSendButton span a, #menbersLoginBlock .shoppingMembersSettingButton span a {
    display: block;
    border: none;
	background: #142474;
    color: #ffffff !important;
	padding: 13px;
	line-height: 1em;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    cursor: pointer;
	font-size: 14px;
}
#menbersLoginBlock p {
	margin: 0 0 2em;
    font-size: 1.4rem;
}

/* Button【変更注意】ボタンスタイル
----------------------------------------------- */
.fileDownload {
    display: inline-block;
    border: 1px solid #142474;
    margin: 0 0 20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #142474;
    /* background: linear-gradient(#ffffff, #142474); */
    background-image: -moz-linear-gradient(top , #ffffff, #AFC900);
    /* background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d5d6e8)); */
    background: -ms-linear-gradient(top, #ffffff, #AFC900);
}
.fileDownload:hover {
	background: #626397;
	transition: 0.5s;
}
.fileDownload a {
	display: block;
    padding: 15px 1em;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #ffffff;
    font-size: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.fileDownload a:hover {
	color: #ffffff;
	transition: 0.5s;
}
/* FAQCommonStyle【変更注意】FAQスタイル
----------------------------------------------- */
.faqList {
	overflow: hidden;
	margin: 0 0 30px;
}

.qMarkText {
	position: relative;
    display: block;
    margin: 0 0 0;
    padding: 0 0 7px 50px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5em;
    color: #142474;
}

.qMarkText:before{
	position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.20em;
    content: "Q";
    color: #142474;
}

.aMarkText {
	position: relative;
    padding: 0 0 7px 50px;
    line-height: 1.5em;
	font-size: 16px;
	border-bottom: 1px solid #ededed;
}

.aMarkText:before{
	position: absolute;
    top: 5px;
    left: 0;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.20em;
    content: "A";
    color: #7584ca;
}


/* sitemapStyle【変更注意】サイトマップスタイル
----------------------------------------------- */
.sitemapTitle {
	margin-bottom: 5px !important;
	font-weight: bold;
	font-size: 1em !important;
}
.sitemapList {
	list-style: none;
	margin-left: 0;	
}
.sitemapList ul {
	list-style: none;
	margin: 0 0 0 20px;
}
.sitemapList ul ul {
	list-style: none;
	margin: 0 0 0 20px;	
}
.sitemapList ul ul ul {
	list-style: none;
	margin: 0 0 0 20px;
}
/* blockQuote【変更注意】ブロッククォートスタイル
----------------------------------------------- */
blockquote {
	padding: 20px 20px 20px 50px;
	background: url(../../../contents/templates/images/bg_blockQuote.png) no-repeat 10px 20px;
	background-size: 30px 30px;
	background-color: #CCEAFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/* decoration【変更注意】データタイプ適用スタイル
----------------------------------------------- */

.numberDecoration {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
	margin-top: 30px;
}
 
.numberDecoration li {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
	margin-bottom: 20px;
	min-height: 40px;
}
.numberDecoration li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #d52520;
    display: block;
    float: left;
    line-height: 42px;
    margin-left: -58px;
    text-align: center;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    font-size: 21px;
    color: #fff;
    margin-top: -10px;
    clear: both;
}

.square {
	margin: 40px 0 30px;
    padding: 30px 30px;
    /* border: 1px solid #1d2088; */
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    background: #f2f2f2;
}
.square h1:first-child, .square h2:first-child, .square h3:first-child, .square h4:first-child, .square h5:first-child, .square h6:first-child {
	margin-top: 0;
}
.square p:last-child, .square ul:last-child {
	margin-bottom: 0 !important;	
}
.squareLine {
	position: relative;
	margin: 0 0 30px;
    padding: 50px 50px;
	border-radius: 10px;
    border: 11px solid #eaeaea;
}

.squareLine2 {
	margin: 0 0 30px;
    padding: 30px 50px;
    border: 1px solid #1d2088;
}

.squareLine h1:first-child, .squareLine h2:first-child, .squareLine h3:first-child, .squareLine h4:first-child, .squareLine h5:first-child, .squareLine h6:first-child {
	margin-top: 0;
}
.squareLine p:last-child, .squareLine ul:last-child {
	margin-bottom: 0 !important;	
}

.squareDotLine {
	margin: 0 0 30px;
	padding: 20px 30px;
	border: 8px solid #f1f1f1;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.squareDotLine h1:first-child, .squareDotLine h2:first-child, .squareDotLine h3:first-child, .squareDotLine h4:first-child, .squareDotLine h5:first-child, .squareDotLine h6:first-child {
	margin-top: 0;
}
.squareDotLine p:last-child, .squareDotLine ul:last-child {
	margin-bottom: 0 !important;	
}

.no-01 p, .no-02 p, .no-03 p, .no-04 p, .no-05 p, .no-06 p, .no-06 p, .no-07 p, .no-08 p, .no-09 p {
	margin-left: 118px !important;
}
.marginLeft100 {
	margin-left: 100px !important;
}

.flow_process h2 {
	text-align: left;
    margin: 0 0 20px 0 !important;
    color: #181c85 !important;
    font-size: 25px !important;
}

.no-01:before {
	margin-top: -4px;
	margin-right: 54px;
	float: left;
	content: "1";
	color: #142474;
	font-size: 68px;
	font-weight: 100;
	min-width: 44px;
	font-family: "Rounded Mplus 1c";
	font-weight: 100;
	text-align: center;
}

.no-02:before {
	margin-top: -4px;
	margin-right: 54px;
	float: left;
	content: "2";
	color: #142474;
	font-size: 68px;
	font-weight: 100;
	min-width: 44px;
	font-family: "Rounded Mplus 1c";
	font-weight: 100;
	text-align: center;
}

.no-03:before {
	margin-top: -4px;
	margin-right: 54px;
	float: left;
	content: "3";
	color: #142474;
	font-size: 68px;
	font-weight: 100;
	min-width: 44px;
	font-family: "Rounded Mplus 1c";
	font-weight: 100;
	text-align: center;
}

.no-04:before {
	margin-top: -4px;
	margin-right: 54px;
	float: left;
	content: "4";
	color: #142474;
	font-size: 68px;
	font-weight: 100;
	min-width: 44px;
	font-family: "Rounded Mplus 1c";
	font-weight: 100;
	text-align: center;
}

.no-05:before {
	margin-top: -4px;
	margin-right: 54px;
	float: left;
	content: "5";
	color: #142474;
	font-size: 68px;
	font-weight: 100;
	min-width: 44px;
	font-family: "Rounded Mplus 1c";
	font-weight: 100;
	text-align: center;
}

.no-06:before {
	margin-top: -4px;
	margin-right: 54px;
	float: left;
	content: "6";
	color: #142474;
	font-size: 68px;
	font-weight: 100;
	min-width: 44px;
	font-family: "Rounded Mplus 1c";
	font-weight: 100;
	text-align: center;
}


.no-07:before {
	margin-top: -4px;
	margin-right: 54px;
	float: left;
	content: "7";
	color: #142474;
	font-size: 68px;
	font-weight: 100;
	min-width: 44px;
	font-family: "Rounded Mplus 1c";
	font-weight: 100;
	text-align: center;
}

.no-08:before {
	margin-top: -4px;
	margin-right: 54px;
	float: left;
	content: "8";
	color: #142474;
	font-size: 68px;
	font-weight: 100;
	min-width: 44px;
	font-family: "Rounded Mplus 1c";
	font-weight: 100;
	text-align: center;
}

.no-09:before {
	margin-top: -4px;
	margin-right: 54px;
	float: left;
	content: "9";
	color: #142474;
	font-size: 68px;
	font-weight: 100;
	min-width: 44px;
	font-family: "Rounded Mplus 1c";
	font-weight: 100;
	text-align: center;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	padding: 8px 5px;
	background-color: #ffffff;
	border:1px solid #cccccc;
	-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
	-moz-transition:border linear 0.2s,box-shadow linear 0.2s;
	-o-transition:border linear 0.2s,box-shadow linear 0.2s;
	transition:border linear 0.2s,box-shadow linear 0.2s;
	vertical-align:middle;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-size: 16px !important;
}
select {
	height: auto;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus, input[type="number"]:focus,input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus,  input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    outline: 0;
}
.width100 {
    width: 100%;
    height: auto;
}
.wrap {
    width:100% !important;
}
.wrap .wrapLeft {
    width: 510px !important;
    height: 380px;
    padding: 10px;
    border: 1px solid #cccccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.wrap .wrapLeft img {
}
.wrap .wrapRight {
	width: 150px !important;
}
.wrap .wrapRight img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	cursor:pointer;
}
/* DB GOODS INFORMATION【変更注意】DB商品情報
----------------------------------------------- */
.goodsDetailInfo {
    overflow: hidden;
    margin-bottom: 30px;
}
.goodsDetailInfo .goodsThumbNail {
    float: left;
    margin: 0 20px 0 0;
}
.goodsDetailInfo .goodsThumbNail img {
    width: 100%;
    height: auto;
}
.goodsDetailInfo .goodsDetailBasicInfo {
    float: right;
    width: 415px;
}
.goodsDetailInfo .goodsDetailBasicInfo h1 {
    margin-top: 0;
    font-size: 1.4em;
}
.goodsDetailInfo .goodsPrice {
    color: #cc0000 !important;
    font-size: 1em;
    font-weight: bold;
}
.goodsDetailInfo .goodsPrice:before {
    content: "価格：";
}
.goodsDetailInfo .goodsOptionBox {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #cccccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.goodsDetailInfo .goodsOptionBox ul {
    margin: 0 0 1em;
}
.goodsDetailInfo .goodsOptionBox ul li {
    list-style: none;
}
.goodsDetailInfo .goodsOptionBox ul li h2 {
    margin: 0 0 5px;
    font-size: 1em;
}
.goodsDetailInfo .goodsOptionBox ul li select {
    min-width: 4em;
    max-width: 97%;
}
.goodsDetailInfo .goodsQuantityBox h2 {
    display: inline-block;
    margin: 0;
    font-size: 1em;
}
.goodsDetailInfo .goodsQuantityBox input {
    width: 2.5em;
}
.goodsDetailInfo .goodsDeliveryBox {
	margin-top: 15px;
}
.goodsDetailInfo .goodsDeliveryBox h2 {
    display: inline-block;
    margin: 0;
    font-size: 1em;
}
.goodsDetailInfo .goodsDeliveryBox select {
	max-width: 97%;
    min-width: 7em;
}
.goodsDetailInfo .button {
    text-align: left;
}
.searchForm {
    margin: 0 2px 15px;
}
.searchForm h1 {
    color: #666666;
    display: block;
    font-size: 14px;
    margin-bottom: 1px;
    padding: 8px 6px 8px 1em;
    text-decoration: none;
    background: #dbdbdb; /* Old browsers */
    background: -moz-linear-gradient(top, #dbdbdb 0%, #d6d6d6 50%, #c1c1c1 51%, #dddddd 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(50%,#d6d6d6), color-stop(51%,#c1c1c1), color-stop(100%,#dddddd)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dbdbdb 0%,#d6d6d6 50%,#c1c1c1 51%,#dddddd 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dbdbdb 0%,#d6d6d6 50%,#c1c1c1 51%,#dddddd 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dbdbdb 0%,#d6d6d6 50%,#c1c1c1 51%,#dddddd 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #dbdbdb 0%,#d6d6d6 50%,#c1c1c1 51%,#dddddd 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#dddddd',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #C5C5C5;
}
.searchForm form {
    padding: 10px;
    background: #f8f8f8;
}


.btnRed {
	margin-top: 30px !important;
}

.btnRed a {
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	background: #cb3c2c;
	border-radius: 5px;
	padding: 13px 20px;
}

.btnRed a:hover {
	background: #de4130;
}

.termSwitchBox {
	text-align: center;
	margin: 50px 0;
}

.termSwitchBox a {
	text-decoration: none;
	font-size: 40px !important;
}

/* ローディングアイコン */
#site_loader_overlay {
  position: fixed; background:#fff; background:rgba(255,255,255,1);
	top:0px; left:0px; bottom:0px; right:0px;
	z-index: 99999; opacity:1;
	/*-webkit-transition: opacity 0.3s; transition: opacity 0.3s;*/
}
#site_loader_spinner {
  width:60px; height:60px; border-radius:100%; margin-top:-30px; margin-left:-30px;
  border:4px solid #ccc; border-top-color:#666; box-sizing:border-box;
  position:absolute; top:50%; left:50%;
  animation:loading 1.2s linear infinite;
  -webkit-animation:loading 1.2s linear infinite;
}

#site_loader_spinner {
    border: 4px solid rgba(247,113,84,0.2);
    border-top-color: #f77154;
}

@keyframes loading{
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}
@-webkit-keyframes loading{
  0% {-webkit-transform:rotate(0deg); }
  100% {-webkit-transform:rotate(360deg); }
}

/*----- フェードインしながら上へスライド -----*/
.normal .inviewfadeInUp {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
	transition: .8s;
}

.normal .inviewfadeInUp.transitionDelay008s {
	transition-delay: .08s;
}

.normal .inviewfadeInUp.transitionDelay016s {
	transition-delay: .16s;
}

.normal .inviewfadeInUp.transitionDelay024s {
	transition-delay: .24s;
}

.normal .inviewfadeInUp.transitionDelay032s {
	transition-delay: .32s;
}

.normal .inviewfadeInUp.transitionDelay040s {
	transition-delay: .4s;
}

.normal .inviewfadeInUp.transitionDelay048s {
	transition-delay: .48s;
}

.normal .inviewfadeInUp.transitionDelay056s {
	transition-delay: .56s;
}

.normal .inviewfadeInUp.transitionDelay064s {
	transition-delay: .64s;
}
    
.normal .fadeInUp {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}


.profileBox_left {
	float: left;
	margin: 0 30px 20px 0;
}


.tagIcon span {
	padding: 4px 10px;
    color: #ffffff;
    border-radius: 60px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 11px;
    background: #0968b3;
    border: 1px solid #0968b3;
}

#others .work_list .pageListItemBlock {
    display: flex;
    flex-wrap: wrap;
}

#others .work_list .pageListItemBlock .pageListItemBlock-type03 {
    margin: 0 40px 1em 0;
}

#others .work_list .pageListItemBlock .pageListItemBlock-type03 img {
	width: 100%;
	height: 240px;
	object-fit: cover;
}

#others .work_list .pageListItemBlock .pageListItemBlock-type03:nth-child(3n) {
    margin: 0 0 1em 0;
}

.iconType01 {
	background: #d44242;
}

.iconType02 {
	background: #2f77c1;
}

.iconType03 {
	background: #539a1a;
}

.iconType04 {
	background: #91c416;
}

.iconType05 {
	background: #ed8d12;
}

.iconType06 {
	background: #1baf99;
}

.iconType07 {
	background: #9b872a;
}

.iconType08 {
	background: #9b3f2a;
}

.iconType09 {
	background: #ac4e62;
}

.iconType10 {
	background: #34366d;
}

.iconType11 {
	background: #34366d;
}

#slideElement1, #slideElement2, #slideElement3, #slideElement4, #slideElement5 {
	display: none;
}

.slide-button {
	text-decoration: underline;
	cursor: pointer;
}

.slide-button:hover {
	color: #d50600;
}

.btnDetail {
	margin-top: 30px !important;
	margin-bottom: 60px;
}

.btnDetail a {
	color: #fff;
    text-decoration: none;
    font-size: 15px;
    background: #4a4a4a;
    padding: 15px 60px;
}

.btnDetail a:hover {
	background: #d4c525;
}


#top-event-information-list {
	position: relative;
}



.hoopLeft {
	float: left;
	width: 482px;
	margin-right: 10px;
}

.hoopRight {
	float: right;
	width: 482px;
}

.hoopLeftBox {
	float: left;
	width: 236px;
	margin-right: 10px;
}

.hoopRightBox {
	float: right;
	width: 236px;
}

.reformPlanBlock {
	margin-bottom: 10px;
}

.reformPlanBlock h3 {
	margin-top: 5px;
	font-size: 16px !important;
	font-weight: bold;
}

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

.plan_image .btn_readmore {
	position: absolute;
	bottom: 0;
	right: 0;
}

.plan_image {
	padding: 17px;
	background: #f5f5f5;
	
}

.big_image01, .big_image02, .big_image03, .big_image04, .big_image05, .big_image06, .big_image07, .big_image08 {
	overflow: hidden;
}

.plan_image img {
transition: 0.3s;
}

.plan_image:hover img {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

.pageListItemBlock-type03 div.pageListTextBlock p.pageListText span.pageListDate {
}

.pageListItemBlock-type03 div.pageListTextBlock p.pageListText span.pageListDate {
    margin: 5px 0 !important;
	color: #142474;
}

.inviewfadeInUp4Column .pageListItemBlock-type03:nth-child(2) {
	transition-delay: .08s;
}

.inviewfadeInUp4Column .pageListItemBlock-type03:nth-child(3) {
	transition-delay: .16s;
}

.inviewfadeInUp4Column .pageListItemBlock-type03:nth-child(4) {
	transition-delay: .24s;
}


.btnYellow {
	margin-top: 30px !important;
	margin-bottom: 60px;
	text-align: center;
}

.btnYellow a {
	color: #142474;;
	text-decoration: none;
	font-size: 15px;
	background: #fed454;
	border-radius: 3px;
	padding: 10px 20px;
}

.btnYellow a:hover {
	background: #fad76b;
}

.btnPlan {
	margin-top: 60px !important;
	margin-bottom: 60px;
	text-align: center;
}

.btnPlan a {
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	background: #f27157;
	border-radius: 3px;
	padding: 15px 30px;
}

.btnPlan a:hover {
	background: #ec5436;
}


#fix_banner a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

#fix_banner {
	position: fixed;
	top: 195px;
	width: 150px;
	/* padding: 0 10px 10px 0; */
	display:block;
}

.mb0 {
	margin-bottom: 0 !important;
    line-height: 1.5em !important;
    font-size: 14px !important;
}

.marginBottom10 {
	margin-bottom: 7px;
}

.marginBottom40 {
	margin-bottom: 45px;
}


.dropCapsLower01 {
    display: block;
    float: left;
    margin-right: 7px;
    padding: 13px 0 5px 0;
    font-size: 2.96em;
    color: #6c4da5;
    font-weight: 900;
}

.dropCapsLower02 {
    display: block;
    float: left;
    margin-right: 7px;
    padding: 13px 0 5px 0;
    font-size: 2.96em;
    color: #cb2e94;
    font-weight: 900;
}

.dropCapsLower03 {
    display: block;
    float: left;
    margin-right: 7px;
    padding: 13px 0 5px 0;
    font-size: 2.96em;
    color: #f44010;
    font-weight: 900;
}

.dropCapsLower04 {
    display: block;
    float: left;
    margin-right: 7px;
    padding: 13px 0 5px 0;
    font-size: 2.96em;
    color: #ff851b;
    font-weight: 900;
}

.dropCapsLower05 {
    display: block;
    float: left;
    margin-right: 7px;
    padding: 13px 0 5px 0;
    font-size: 2.96em;
    color: #50c154;
    font-weight: 900;
}

.dropCapsLower06 {
    display: block;
    float: left;
    margin-right: 7px;
    padding: 13px 0 5px 0;
    font-size: 2.96em;
    color: #add650;
    font-weight: 900;
}

.dropCapsLower07 {
    display: block;
    float: left;
    margin-right: 7px;
    padding: 13px 0 5px 0;
    font-size: 2.96em;
    color: #009fc6;
    font-weight: 900;
}

.dropCapsLower08 {
    display: block;
    float: left;
    margin-right: 7px;
    padding: 13px 0 5px 0;
    font-size: 2.96em;
    color: #00d2c8;
    font-weight: 900;
}

.titleDecoration {
    margin-top: 80px !important;
    margin-bottom: 40px;
    font-size: 26px;
}

.textSquareLine {
    display: inline-block;
    margin-right: 7px;
    padding: 5px 6px;
    border: 1px solid #142474;
    color: #142474;
    line-height: 1em;
    font-size: 14px;
}


.listCheck {
	margin: 0 auto 40px;
	text-align: center;
}

.listCheck li {
    margin-bottom: 10px;
    padding: 0 20px 5px;
    font-size: 19px;
    list-style: none;
    line-height: 1.3em;
    /* border-bottom: 1px solid #ccc; */
    display: table-cell;
    font-weight: 600;
}

.marginTop50 {
	margin-top: 50px;
}

.marginTop70 {
	margin-top: 50px;
}

.marginTop0 {
	margin-top: 0;
}

.bg_design_plan p {
	font-size: 15px !important;
}

.plan_readMore {
	padding: 5px 0 5px 96px;
	font-size: 14px !important;
	background:url(../../../contents/templates/images/bg_readMore.png) no-repeat 0 12px;
}

.showroomLeft {
	float: left;
	width: 475px;
	margin-right: 24px;
}

.showroomRight {
	float: right;
	width: 475px;
}

.showroomLeft p, .showroomRight p {
	font-size: 15px !important;
}

.faqBox h2 {
	margin-top: 70px !important;
	margin-bottom: 40px;
    font-size: 30px;
    padding: 0 0 15px 0;
    text-align: center;
	border-bottom: 1px solid #142474;;
}

#fixNav .Tel{
	float:left;
	/* width:50%; */
	margin:0 auto;
	text-align:center;
}
#fixNav li{
	float: right;
	/* width: 47.3%; */
	text-align:center;
	list-style: none;
}
#fixNav li a{
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 166px;
    margin: 0 0 0 1px;
    padding: 20px 0;
    border-radius: 0 0 10px 10px;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}
.btnColor{background-color: #f4bd29; color: #fff !important;}


.member-logon .contentBox ul li:nth-child(2) {
	display: none;	
}

.member-logoff .contentBox ul li:nth-child(3) {
	display: none;	
}

#fixNav li a:hover{
    opacity: 0.70;
	text-decoration:none;
}
#fixSpNav{
	display:none
}


.mission01 {
	margin-bottom: 52px;
	padding: 0 0 0 120px;
    background: url(../../../contents/templates/images/bg_mission01.png) no-repeat 0 0;
}

.mission02 {
	margin-bottom: 52px;
	padding: 0 0 0 120px;
    background: url(../../../contents/templates/images/bg_mission02.png) no-repeat 0 0;
}

.mission03 {
	margin-bottom: 52px;
	padding: 0 0 0 120px;
    background: url(../../../contents/templates/images/bg_mission03.png) no-repeat 0 0;
}

.mission04 {
	margin-bottom: 52px;
	padding: 0 0 0 120px;
    background: url(../../../contents/templates/images/bg_mission04.png) no-repeat 0 0;
}

.mission05 {
	margin-bottom: 52px;
	padding: 0 0 0 120px;
    background: url(../../../contents/templates/images/bg_mission05.png) no-repeat 0 0;
}

.mission01 h3, .mission02 h3, .mission03 h3, .mission04 h3, .mission05 h3 {
	margin: 0 0 20px 0;
	font-weight: bold;
	font-size: 22px;
}


.credo ol {
    counter-reset: number;
    list-style-type: none;
}

.credo ol li {
	position: relative;
    margin: 0 0 1.5em 28px !important;
    font-size: 16px !important;
    line-height: 1.5em;
}

.credo ol li:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    background: #20343c;
    color: #fff;
    border: 2px solid #20343c;
    font-family: 'Quicksand','Avenir','Arial Black','Arial',sans-serif;
    /* font-weight: bold; */
    font-size: 18px;
    border-radius: 50%;
    padding-right: 50px;
    margin-left: -55px;
    top: 21px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 30px;
    height: 30px;
    line-height: 33px;
    text-align: center;
}


.slick-active {
}

.slick-current {
  opacity: 1;
}

.clickhereBtn {
	display: table;
    margin: 60px auto 20px;
}

.clickhereBtn a {
	padding: 12px 60px;
	border: 1px solid #142474;
	border-radius: 60px;
	text-decoration: none;
	font-size: 1.5rem;
}

.clickhereBtn a:hover {
	color: #fff;
	background: #142474;
}

.clickhereBtn2 {
	clear: both;
	display: table;
    margin: 20px auto 25px;
}

.clickhereBtn2 a {
    padding: 12px 60px;
    border: 2px solid #4165ad;
    color: #4165ad;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.5rem;
}

.clickhereBtn2 a:hover {
	color: #fff;
	background: #4165ad;
}

.cr {
    height: 0;
    margin: 0;
    padding: 0;
    font-size: 1px;
    line-height: 1px;
    display: block;
    clear: both;
}

.sitemapBox {
    width: 624px;
    margin: 0 0 280px 400px;
    padding: 96px 0 0 0;
    display: table;
}

.sitemapBox ul {
	margin: 0;
}

.sitemapBox01 {
	width: 33%;
	display: table-cell;
	float: none !important;
}

.sitemapBox02, .sitemapBox03 {
	width: 33%;
	display: table-cell;
	float: none !important;
}

.sitemapBox li {
	list-style: none;
	padding: 0 0 0 35px;
}

.sitemapBox a {
	color: #161d87;
	text-decoration: none;
    font-size: 13px;
}

.sitemapBox a:hover {
	color: #6065b9;
}

.formText {
	background: #f3f3f3cc;
	border-radius: 5px;
	padding: 30px;
}

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


.productsText .productsName {
	font-size: 36px !important;
	margin-bottom: 20px !important;
}

.productsText .goods-price {
	font-size: 29px !important;
}
.productsText .goods-price-unit {
	font-size: 29px !important;
}

.sold-out .productsText form {
	display: none;
}

.productsText .sold_out {
	display: none;
}

.sold-out .productsText .sold_out {
	display: block;
    font-family: 'Jost', sans-serif;
    font-size: 24px !important;
	color: #DD0301 !important;
}

.productsText .goods-price-note {
	font-size: 11px !important;
}
.productsText .tuplet {
	margin-right: 20px;
}

.tuplet {
    position: relative;
    height: 57px;
    width: 106px;
}
.tuplet input {
    appearance: none;
    position: absolute;
    top: 0;
    display: block;
    width: 25px;
    height: 56px;
    padding: 0 50px 0 30px;
    text-align: center;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #cecece;
  -webkit-appearance: none;
	
}
.tuplet input[type=number]::-webkit-inner-spin-button, 
.tuplet input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}
.tuplet .btn-minus {
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 23px;
    border: none;
    padding-top: 5px;
    background-color: #cecece;
    text-align: center;
    border-radius: 0 0 4px 0;
    right: 0;
    font-size: 16px;
    color: #142474;
    font-family: "Segoe UI",'Noto Sans JP',sans-serif;
	cursor: pointer;
}
.tuplet .btn-plus {
    position: absolute;
    top: 0;
    width: 30px;
    height: 23px;
    border: none;
    right: 0;
    padding-top: 5px;
    border-radius: 0 4px 0 0;
    background-color: #cecece;
    text-align: center;
    font-size: 16px;
    align-items: stretch;
    color: #142474;
    font-family: "Segoe UI",'Noto Sans JP',sans-serif;
	cursor: pointer;
}

.productsText .cartBtn {
	display: flex;
	margin: 20px 0;
	align-items: center;
}


.productsDeteal .slider-goods-carousel .flex-viewport img:hover {
   opacity: 0.8;
}

.productsDeteal .slider-goods-box .slider-goods-carousel ul li {
    width: 90px !important;
    margin-right: 8px;
}

.productsDeteal .flex-direction-nav a {
	overflow: visible;
	opacity: 1;
}

.productsDeteal .flex-direction-nav .flex-prev {
    left: 0;
	overflow: hidden;
}

.productsDeteal .flex-direction-nav .flex-next {
    right: 0;
    text-align: right;
	overflow: hidden;
}

.productsDeteal .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 30px;
    height: 60px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    cursor: pointer;
    color: rgba(0, 0, 0, 1);
    text-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	background: #142474;
}

.productsDeteal .flex-direction-nav a:before {
    font-family: 'flexslider-icon';
    font-size: 11px;
	padding: 20px 10px 0;
    display: inline-block;
    content: '\f001';
    color: #fff;
    text-shadow: none;
}

.productsDeteal .flex-direction-nav .flex-next:before {
    content: '\f002';
}

.productsDeteal .flex-direction-nav .flex-next {
    border-radius: 0 6px 6px 0;
}

.productsDeteal .flex-direction-nav .flex-prev {
    border-radius:6px 0 0 6px;
}



.inCart input {
	position: relative;
    display: block;
    border: none;
    background: #142474;
    color: #fff !important;
    padding: 20px 40px 20px 70px;
    line-height: 1em;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

.inCart input:hover {
	opacity: 0.8;
}

.cartBtn .button {
	position: relative;
}

.cartBtn .button img {
    position: absolute;
    top: 14px;
    z-index: 1;
    left: 36px;
}

.productsDeteal_back ul {
	display: flex;
	justify-content: flex-end;
}

.productsDeteal_back ul li {
	list-style: none;
	margin-left: 50px;
}

.productsDeteal_back ul li a {
	text-decoration: none;
	padding-right: 20px;
	padding-bottom: 8px;
	font-size: 14px;
	border-bottom: 1px solid #142474;
    background: url(../../../contents/templates/images/pc_arrow2.png) no-repeat right 5px;
}

.contacts_btn ul {
	display: flex;
	justify-content: flex-start;
	margin: 50px 0 100px 0;
}

.contacts_btn ul li {
	list-style: none;
}

.contacts_btn ul li a {
	text-decoration: none;
	padding-right: 20px;
	padding-bottom: 8px;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #142474;
    background: url(../../../contents/templates/images/pc_arrow2.png) no-repeat right 5px;
}

.contacts_btn2 ul {
	margin: 50px 0 100px 0;
}

.contacts_btn2 ul li {
	list-style: none;
	margin-bottom: 40px;
}

.contacts_btn2 ul li a {
	text-decoration: none;
	padding-right: 20px;
	padding-bottom: 8px;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #142474;
    background: url(../../../contents/templates/images/pc_arrow2.png) no-repeat right 5px;
}



/* マイページログイン スタイル
----------------------------------------------- */
#menbersLoginBlock, #memberInformation {

}
#menbersLoginBlock h2 {
       margin: 0 0 40px;
    padding: 10px;
    background: #1d2088;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    text-align: center;
    color: #ffffff;
    font-size: 22px;
}

#menbersLoginBlock h3, #memberInformation h3 {
       margin: 0 0 40px;
    padding: 10px;
    background: #1d2088;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    text-align: center;
    color: #ffffff;
    font-size: 22px;
}

.menbersLoginNew {
	text-align: center;
}

.menbersLoginNew a {
    padding: 19px 50px;
    background: #f45252;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
}

.menbersLoginNew a:hover {
    background: #f86262;
}



.shoppingMembersLoginForm {
	width: 400px;
    margin: 0 auto;
}

.shoppingMembersLoginForm input {
	width: 90% !important;
	margin-bottom: 20px;
}
.logoutButtonBox {
	display: block;
	text-align: center;
}

.logoutButtonBox .shoppingMemberLogoutBtn {
	width: 20%;
    display: inline-block;
    padding: 15px 15px;
    background: #565656;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	cursor: pointer;
}

.logoutButtonBox .shoppingMemberLogoutBtn:hover {
    background: #9a9a9a;	
}

.logoutButtonBox .shoppingMemberLeaveBtn {
	width: 20%;
    display: inline-block;
    padding: 15px 15px;
    background: #ea4f4f;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	cursor: pointer;
}

.logoutButtonBox .shoppingMemberLeaveBtn:hover {
    background: #f58686;	
}

.shoppingMemberUserInfoView, .memberUserBtn {

}

.shoppingMemberUserInfoEdit2 {
	margin-bottom: 20px;
	text-align: center;
}

.editButton .shoppingEditBtn {
    width: 20%;
    display: inline-block;
    padding: 15px 15px;
    background: #ffffff;
    color: #1d2088;
    text-decoration: none;
    font-size: 16px;
    border: 1px solid #1d2088;
    cursor: pointer;
}

.editButton .shoppingEditBtn:hover {
    background: #1d2088;	
    border: 1px solid #1d2088;
    color: #fff;
}

.closeButton .shoppingCloseBtn, .saveButton .shoppingSubmitBtn {
    width: 20%;
	margin: 0 5px;
    display: inline-block;
    padding: 15px 15px;
    background: #ffffff;
    color: #1d2088;
    text-decoration: none;
    font-size: 16px;
    border: 1px solid #1d2088;
    cursor: pointer;
}

.closeButton .shoppingCloseBtn:hover, .saveButton .shoppingSubmitBtn:hover {
    background: #1d2088;	
    border: 1px solid #1d2088;
    color: #fff;
}


#menbersLoginBlock p, #memberInformation p {
}
#menbersLoginBlock span {
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
}
#menbersLoginBlock #menbersLoginBlockInner {

}

#menbersLoginBlock .validation-error-message-box {
    margin-top: -10px;
    margin-bottom: 20px;
}
#menbersLoginBlock .menbersLoginButton, .memberSubmitBtnBox {
    margin-top: 10px;
}
#menbersLoginBlock .shoppingMembersLostSendButton, #menbersLoginBlock .shoppingMembersSettingButton {
    margin: 10px 0;
    text-align: center;
}

#menbersLoginBlock .menbersLoginPasswordForgot p {
    margin: 10px 0;
    padding: 0;
}
#menbersLoginBlock .menbersAccountAdd p {
    margin: 10px 0;
    padding: 0;
}

.shoppingMembersLostPasswdForm input {
	width: 300px;
	margin-bottom: 20px;
}

#shoppingMemberDeliveryBlock .shoppingMemberDeliveryListBox .buttonGreen {
    margin-bottom: 20px;
}
#shoppingMemberAddBlock #shoppingMemberAddBlockInner, #shoppingMemberEditBlock .shoppingMemberUserInfoBox, #shoppingMemberDeliveryBlock .shoppingMemberDeliveryListBox, #shoppingMemberDeliveryEditBox #shoppingMemberDeliveryEditBoxInner, .shoppingDeliveryInfoBox .shoppingDeliveryInfoBoxInner, .shoppingGiftBox .shoppingGiftBoxInner, .shoppingConfirmationBox .shoppingConfirmationBoxInner {
    padding: 20px;
}
.shoppingMemberUserInfoBox {
	position: relative;
}

.shoppingMemberUserInfoBox table {
}

#shoppingMemberAddBlockInner tr.odd,
#shoppingMemberDeliveryEditBoxInner tr.odd
{
    background:#fff;
}



@media screen and (max-width:480px){
    #shoppingMemberAddBlockInner th,
    #shoppingMemberAddBlockInner td,
    #shoppingMemberDeliveryEditBoxInner th,
    #shoppingMemberDeliveryEditBoxInner td,
    .shoppingConfirmationBoxInner th,
    .shoppingConfirmationBoxInner td,
    .shoppingMemberUserInfoBox th,
    .shoppingMemberUserInfoBox td,
    .shoppingDeliveryInfoBoxInner th,
    .shoppingDeliveryInfoBoxInner td,
    .shoppingGiftBoxInner th,
    .shoppingGiftBoxInner td
    {width: 100%;
    display: block;
    padding: 0 0 15px;
    font-size: 13px;
    }
    #shoppingMemberAddBlockInner th,
    #shoppingMemberDeliveryEditBoxInner th,
    .shoppingConfirmationBoxInner th,
    .shoppingMemberUserInfoBox th,
    .shoppingDeliveryInfoBoxInner th,
    .shoppingGiftBoxInner th
    {width: 100%;
    display: block;
    padding: 10px 0 0;
    font-weight: bold;
    border: none;
    font-size: 13px;
    background: none;
    }
}
input.userEmail {
	width: 90%;
}
input.userZipCode1 {
	width: 3.5em;
}
input.userZipCode2 {
	width: 4.5em;
}
.userArea {
	display: block;
	margin-bottom: 5px;
}
input.userAddress {
	width: 90%;
}
input.userBuilding {
	width: 90%;
}
input.userTel1, input.userTel2, input.userTel3 {
	width: 4.5em;
}







@media screen and (min-width: 897px) {
	/* 481px以上に適用されるCSS（タブレット/PC用） */
	#sp_menu {display: none;}
	.sp_contentBox .shop_cart {display: none;}
	.sp_tel {display: none;}
	#fixbanner {display: none;}
	.foot_menu {display: none;}
	.pc_remove {
	display: none !important;
}


}

@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
header #logo {
    width: 30% !important;
}
}
@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（タブレット用） */
header #logo {
    width: 30% !important;
}
}
@media screen and (max-width: 768px) {
	/* 768px以下に適用されるCSS（スマホ用） */

body {
    min-width: initial;
	font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', 'メイリオ', Meiryo, sans-serif;
}

#home #site_wrap {
	margin-top: 50px;
}

#others #site_wrap {
	margin-top: 110px;
}
header {
    width: 100%;
    margin: 0 0 0;
    padding: 0;
	z-index: 1000;
    top: 0;
}
#home #wrapper > header {
    margin: 0 auto;
}
	
#home #wrapper {
    width: 100%;
	background-size: 100%;
}
	.scrolldown2 {
		display: none;
	}
#intro-inner {
    overflow: hidden;
    text-align: center;
    position: relative;
    height: 0;
    padding-top: 0;
    margin-left: 2rem;
    border-radius: 3rem 0 0 0;
}
#intro-container {
    width: 100%;
    margin-top: 50px;
}
#intro-inner .image:nth-of-type(1) {
    background: url(../../../contents/templates/images/bgBase_sp.jpg) no-repeat top center;
    background-size: cover;
	animation: none;
}
#home #main {
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 90%;
}
#main p {
    margin: 0 0 1.5em;
    line-height: 1.8em;
    font-size: 1.4rem;
}
ul li {
    font-size: 1.4rem;
}
	
h3 {
	margin-bottom: 30px;
    font-size: 1.85rem;
}
	
h4 {
    font-size: 1.6rem;
}
	
h5 {
    font-size: 1.5rem;
}
	
.steps > h4 {
    font-size: 17px;
}
	
#intro-inner {
	height: calc(85vh - 100px);
}

#intro-inner .image:nth-of-type(1){
}
#intro-inner .image:nth-of-type(2){
  animation-delay: 5s;
}
.intro_box {
    padding: 40px 0;
}
	
#intro img {
    width: 96%;
	max-width: 96% !important;
}
#header .header-logo img {
	width: 46px;
}
#intro {
	margin: 0;
	padding: 50px 0 0 0;
}
.products_box_list .goodsPrice {
    font-size: 13px !important;
}
#others #main .tel_text {
    font-size: 21px !important;
    font-weight: 600;
}
#others #wrapper {
    width: 100%;
    background: none;
}

#menu {
    width: 100%;
	padding: 0;
}
.header_menu {
	padding: 0;
    width: 100%;
	height: 50px;
}

.fix_menu {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    position: initial;
    z-index: 9998;
    top: 0;
    left: 0;
	display: block;
	box-shadow: none;
}
#intro .intro_catch {
    top: auto;
    bottom: 13%;
    width: 80%;
    margin: 0;
}

#topicPath {
    overflow: hidden;
    top: 0;
    line-height: 1.2em;
    width: 90%;
    margin: 0 5% 0;
}

#topicPath ul li {
    font-size: 10px !important;
	line-height: 1;
	letter-spacing: -0.05em;
}

#home main {
	margin-bottom: 50px;
	margin-left: 2rem;
    border-radius: 2rem 0 0 2rem;
}
	
	#home h2 {
    font-size: 2.2rem;
    margin-top: 0;
    margin-bottom: 3.5rem;
    letter-spacing: 0.08em;
    font-family: Barlow,Zen Kaku Gothic New,-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Sans,"\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3",Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif;
    font-weight: 800;
		line-height: 1.5em;
		
}
.top_banner .banner01, .top_banner .banner02, .top_banner .banner03 {
    width: 100%;
}
.top_banner .banner03 a {
    display: inline-block;
    width: 90%;
    margin: 0 5%;
    padding: 25px 0;
    background: #fdf150;
    text-align: center;
    color: #142474;
    text-decoration: none;
    font-size: 15px;
    border-radius: 8px;
    font-weight: 500;
    letter-spacing: 0.11em;
    font-weight: bold;
}
	
.top_banner .banner02 {
	margin-bottom: 20px;
    padding: 0 0;
}
.paging-type01 {
    display: block;
    margin: 0 0 0;
}
.paging-type01 p a {
    border: 1px solid #142474;
    color: #142474;
    padding: 10px 25px;
    border-radius: 60px;
    text-decoration: none;
    font-size: 13px;
}
	
.qMarkText {
    position: relative;
    display: block;
    margin: 0 0 0;
    padding: 0 0 7px 40px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5em;
    color: #142474;
}
.aMarkText {
    position: relative;
    padding: 0 0 7px 40px;
    line-height: 1.5em;
    font-size: 16px;
    border-bottom: 1px solid #ededed;
}
.qMarkText:before {
    font-size: 20px;
}
.aMarkText:before {
    font-size: 20px;
}
.map-link {
    margin-top: 3px;
}
.pageListItemBlock-type03 div.pageListThumbNail {
    margin: 0 0 5px 0 !important;
}
	#block_footer_info, #wrapper > footer #footer_copyright #footer_copyright_inner {
		width: 100%;
	}

main > article .sectionInner h2 {
    line-height: 1;
}
	
.kiji_list .pageListItemBlock {
	justify-content: space-between;
}
.kiji_list .pageListItemBlock .pageListItemBlock-type03 {
    width: 47% !important;
    margin: 0 0 20px;
}
.kiji_list .pageListItemBlock .pageListItemBlock-type03:nth-child(3n-1) {
    margin: 0 0;
    width: 47% !important;
    margin: 0 0 20px;
}
	
.kiji_list .pageListItemBlock-type03 div.pageListThumbNail img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}
.kiji_list .pageListItemBlock-type03 div.pageListTextBlock p.pageListTitle {
    margin: 0 0 5px 0;
    font-size: 1.5rem !important;
    line-height: 1.5em !important;
    font-size: 13px !important;
}
	
.top_banner .banner01 a, .top_banner .banner02 a {
    width: 100%;
    margin: 0 0;
    font-size: 14px;
}
.top_banner .banner01 a, .top_banner .banner02 a {
    display: inline-block;
    width: 98%;
    margin: 0 1%;
    padding: 19px 0;
}
.banner_blog a {
    display: block;
    width: 100%;
    margin: 40px auto;
    padding: 20px 0;
    background: #fdf150;
    text-align: center;
    color: #142474;
    text-decoration: none;
    font-size: 14px;
    border-radius: 60px;
    font-weight: 500;
    letter-spacing: 0.15em;
}
.comingsoon {
	text-align: center;
	margin: 0 0 100px !important;
	font-size: 18px !important;
}
	
.products_box_list .pageListItemBlock-type03 {
    width: 47% !important;
    margin-right: 6%;
	margin-bottom: 25px;
}
	
.products_box_list .pageListItemBlock-type03 div.pageListThumbNail {
    margin: 0 0 5px 0;
}
.products_box_list .pageListThumbNail img {
    width: 100% !important;
    height: auto !important;
}
.products_box_list .pageListItemBlock-type03:nth-child(2n) {
    margin-right: 0;
}
	
	


.products_box_list_soldout .pageListItemBlock-type02 {
    width: 47% !important;
    margin-right: 6%;
	margin-bottom: 25px;
}

.products_box_list_soldout .pageListThumbNail img {
    width: 100% !important;
    height: auto !important;
}
.products_box_list_soldout .pageListItemBlock-type02:nth-child(2n) {
    margin-right: 0;
}
	
.products_box_list_soldout .pageListItemBlock-type02 div.pageListThumbNail {
    width: 100%;
}
	
	
.intro_box h2 {
    margin: 0 0 25px 0 !important;
    color: #fff !important;
    text-align: center;
    font-size: 23px !important;
}
	
.intro_box p {
    text-align: left;
	font-size: 15px !important;
}
	
.sns_icon img {
	width: 30px !important;
	height: auto;
}
	
#block_footer_block img {
		width: 30%;
	}
#block_footer_block p {
    color: #fff !important;
    text-align: center;
    font-size: 13px;
}
	
#wrapper > footer .footer_inner .footer_inner_info .tel_text {
    margin-top: 20px !important;
}	

#wrapper > footer .footer_inner .footer_inner_info .tel_text a {
}
.top_banner {
	margin-bottom: 0;
    display: block;
    justify-content: space-between;
}
#block_footer_info {
    margin: 0 auto;
    padding: 70px 0 0;
}
#block_footer_block .sns_footer img {
    width: 18px;
    height: auto;
}
	
.section_news {
    background: #f6f9fb;
    padding: 100px 0;
}
	
main > article .sectionInner {
   width: 86%;
    margin: 0 7% 0;
}
	
main > article .sectionInner h2 .en {
    font-size: 36px;
	letter-spacing: 0.11em;
}
main > article .sectionInner h2 .ja {
    font-size: 15px;
}
	
.news_inner {
   display: block;
    position: relative;
}
	
.section_news .news_inner_left {
    width: 100%;
}
.section_news .btnDeteal {
	position: absolute;
    top: 0;
    right: 0;
    display: block;
    text-align: center;
    border-radius: 60px;
    width: 44% !important;
}
	
.service_inner .btnDeteal a {
    color: #142474;
    text-decoration: none;
    font-size: 15px;
    border: 1px solid #142474;
    padding: 9px 20px;
    display: block;
    font-weight: 500;
    letter-spacing: 0.15em;
}
main > article .section_news .sectionInner h2 {
	margin-bottom: 30px !important;
}
	
main > article .section_news .sectionInner h2 .en {
    font-size:30px;
}
	
main > article .section_news .sectionInner h2 .ja {
    font-size: 14px;
}
	
main > article .section_news .pageListDate {
    margin-right: 0;
    display: block;
}
	
.section_news .btnDeteal a {
    padding: 4px 15px;
    font-size: 13px;
}
	
#block_footer_banner {
	display: none;
}
	
#others #main {
   width: 90%;
    margin: 30px 5% 50px;
    padding: 0 0 30px 0;
}
	#others main {
	margin-left: 2rem;
    border-radius: 2rem 0 0 2rem;
	}
	
.blog#others #main {
    display: block;
}
.blog .blog_main {
	width: 100%;
    max-width: 100%;
    margin-right: 0;
}
.blog #block_blog_side {
    width: 100%;
}
	
header #logo {
    float: left;
    padding: 0 10px 0;
    margin-top: 0;
}

header #logo img {
    width: 80%;
    margin-top: 14px;
}
	
.contentBox {
	display: none;
}
	
#mainNav {
	display: none;
}
.sp_tel {
	float: left;
	margin-top: 10px;
	margin-right: 6px;
}

.sp_tel img {
	height: 29px;
	width: auto;
}
.sp_contentBox {
	float: right;
	padding-bottom: 5px;
}

#menu-inner {
    background: #fff;
    margin: 0;
    padding: 15px 15px 15px;
    box-sizing: border-box;
}
.pagefix {
	overflow: hidden;
    height: 100%;
}
	
.curriculum_table, .curriculum_table2 {
    width: 100%;
    white-space: nowrap;
	font-size: 1.5rem;
}
.curriculum_table th, .curriculum_table2 th {
    padding: 10px 5px;
}
.curriculum_table .sticky, .curriculum_table2 .sticky {
    position: sticky;
    top: 0;
    left: 0;
    border-left: none;
    border-right: none;
}
	
.curriculum_table .sticky:before, .curriculum_table2 .sticky:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 100%;
  height: 100%;
  border-left: 1px solid #cbcbd9;
  border-right: 1px solid #cbcbd9;
	border-bottom: 1px solid #cbcbd9;
  z-index: -1;
	background: #edeef7;
}
	
.curriculum_list_box {
	display: block !important;
}

.curriculum_list_box01, .curriculum_list_box02, .curriculum_list_box03 {
	width: 100%;
	margin-bottom: 25px;
}

.curriculum_list_box h4 {
	background: #142474;
    color: #fff;
	margin-top: 0;
    padding: 7px 10px;
    font-size: 15px;
}

.curriculum_list_box h5 {
    color: #142474;
    margin: 15px 0 10px;
    font-size: 15px;
}

.curriculum_list_box img {
	width: 60%;
    margin: 0 20% 15px !important;
	height: auto;
}

.curriculum_list_box p {
	font-size: 14px !important;
	line-height: 1.5em !important;
}

	
#sp_menu {
    float: right;
}
	
#sp_menu #menu-label {
	color: #fff;
	font-size: 9px !important;
	font-weight: bold;
	margin: 16px 0 0 0 !important;
	width: 26px;
}

#sp_menu #menu-label img {
	width: 100%;
}

#sp_menu #menu-trigger,
#sp_menu #menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
#sp_menu #menu-trigger {
	position: relative;
	width: 25px;
	height: 18px;
}
#sp_menu #menu-trigger span {
	position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    border-radius: 60px;
    background-color: #142474;
}
#sp_menu #menu-trigger span:nth-of-type(1) {
	top: 0;
}
#sp_menu #menu-trigger span:nth-of-type(2) {
	top: 8px;
}
#sp_menu #menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

#sp_menu.active #menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
#sp_menu.active #menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
#sp_menu.active #menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-7px) rotate(45deg);
}

#menu-list {
	background: #fff;
	height: 0;
	left: 0;
	position: absolute;
	top: 49px;
	width: 100%;
	overflow: hidden;
	transition: .5s;
	z-index: 101;
}

#sp_menu.active #menu-list {
	height: calc(100vh - 49px);
	overflow: scroll;
}

#sp_menu #menu-list > #menu-list-inner {
	margin: 0 0 10px;
	transition: .5s;
	height: calc(100vh);
	padding-bottom: 140px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#sp_menu #menu-list #menu-list-inner nav > ul{
	padding: 10px 30px;
	margin: 0;
}
	
#sp_menu #menu-list #menu-list-inner .sp_menu_btn {
	padding: 10px 30px;
	margin: 0;
}

#sp_menu #menu-list #menu-list-inner .sp_menu_btn li {
	width: 100%;
	list-style: none;
}

#sp_menu #menu-list #menu-list-inner .sp_menu_btn li a {
	display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    background-color: #142474;
    color: #fff !important;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 0.25em;
}
	
#sp_menu #menu-list #menu-list-inner .sp_menu_btn li:nth-child(2) a {
	background-color: #142474;
    color: #fff !important;
}
	
#sp_menu #menu-list #menu-list-inner .sp_menu_btn li:nth-child(3) a {
	background-color: #f5b42f;
    color: #fff !important;
}
#sp_menu .sp_tel {
	width: 100%;
	text-align: center;
	line-height: 1;
}
	
#sp_menu .sp_tel .tel {
	line-height: 1em;
}

#sp_menu .sp_tel .s_tel {
	font-size: 13px;
}
#sp_menu.active #menu-list #menu-list-inner #sp_menu-main_passo {
	background: #f7f7f7;
}

#sp_menu.active #menu-list #menu-list-inner #sp_menu-main {
	background: #ffffff;
}

#sp_menu #menu-list #menu-list-inner nav > ul > li {
	list-style: none;
	opacity: 0;
	transition: .5s;
	margin-bottom: 0;
	border-bottom: 1px solid #ececec;
	letter-spacing: 0.15em;
}

#sp_menu #menu-list #menu-list-inner nav > ul > li:first-child {
	border-top: 1px solid #ececec;
}

#sp_menu.active #menu-list #menu-list-inner nav > ul > li {
	opacity: 1;
}

#sp_menu.active #menu-list #menu-list-inner nav > ul > li:nth-child(2) {
	transition-delay: 0.05s;
}

#sp_menu.active #menu-list #menu-list-inner nav > ul > li:nth-child(3) {
	transition-delay: 0.1s;
}

#sp_menu.active #menu-list #menu-list-inner nav > ul > li:nth-child(4) {
	transition-delay: 0.15s;
}

#sp_menu.active #menu-list #menu-list-inner nav > ul > li:nth-child(5) {
	transition-delay: 0.2s;
}

#sp_menu.active #menu-list #menu-list-inner nav > ul > li:nth-child(6) {
	transition-delay: 0.25s;
}

#sp_menu.active #menu-list #menu-list-inner nav > ul > li:nth-child(7) {
	transition-delay: 0.3s;
}

#sp_menu.active #menu-list #menu-list-inner nav > ul > li:nth-child(8) {
	transition-delay: 0.35s;
}

#sp_menu.active #menu-list #menu-list-inner nav > ul > li:nth-child(9) {
	transition-delay: 0.4s;
}

#sp_menu.active #menu-list #menu-list-inner nav > ul > li {
	transition-delay: 0 !important;
}

#sp_menu #menu-list #menu-list-inner nav > ul > li > a, #sp_menu #menu-list #menu-list-inner nav > ul > li > span {
	color: #142474;
	text-decoration: none;
	padding: 15px 7px;
	display: block;
	font-size: 14px;
	text-align: center;
}

#sp_menu #menu-list #menu-list-inner nav > ul > li.hasSubMenu > a, #sp_menu #menu-list #menu-list-inner nav > ul > li.hasSubMenu > span {
	background: url(../../../contents/templates/images/sp_bg_li.png) no-repeat 98% 50% / 9px !important;
}

#sp_menu #menu-list #menu-list-inner nav > ul > li.hasSubMenu > a.open, #sp_menu #menu-list #menu-list-inner nav > ul > li.hasSubMenu > span.open {
	background: url(../../../contents/templates/images/sp_bg_li_open.png) no-repeat 98% 50% / 9px !important;
}

#sp_menu #menu-list #menu-list-inner nav > ul > li.current::before {
	content: '';
    background: url(../../../contents/templates/images/sp_bg_li_current.png) no-repeat left 50%;
    background-size: 5px;
    width: 5px;
    margin-left: -5px;
    height: 10px;
    float: left;
    margin-top: 17px;
}

#sp_menu #menu-list #menu-list-inner nav > ul > li > ul {
	display: none;
	padding: 0 0 0 14px;
	margin: 0;
}

#sp_menu #menu-list #menu-list-inner nav > ul > li.current > ul {
	/*display: block;*/
}

#sp_menu #menu-list #menu-list-inner nav > ul > li > ul > li {
	list-style: none;
	margin-bottom: 0;
}

#sp_menu #menu-list #menu-list-inner nav > ul > li > ul > li.current::before {
	content: '';
    background: url(../../../contents/templates/images/sp_bg_li_current.png) no-repeat left 50%;
    background-size: 5px;
    width: 5px;
    margin-left: -5px;
    height: 10px;
    float: left;
    margin-top: 12px;
}

#sp_menu #menu-list #menu-list-inner nav > ul > li > ul > li:last-child {
	margin-bottom: 14px;
}

#sp_menu #menu-list #menu-list-inner nav > ul > li > ul > li > a {
	color: #142474;
	text-decoration: none;
	padding: 7px;
	display: block;
	font-size: 14px;
}
	
.footer_links ul {
    margin-bottom: 20px;
    display: inline-block;
    justify-content: left;
}
	
.btn-click {
    margin: 0 auto;
    text-align: center;
    clear: both;
    width: 80%;
}
	
	.staff_box {
		display: block !important;
	}
.staff_box:not(:first-child) {
	margin-top: 70px;
}

.staff_img {
	width: 100%;
    max-width: 100%;
}
	


.staff_img img {
	position: relative;
    margin: 0 25% 20px !important;
    width: 50%;
    height: auto;
}

.staff_text {
	width: 100%;
}
	
	.staff_text br {
		display: none;
	}

.staff_text .brand {
	margin-bottom: 0 !important;
    font-size: 16px !important;
    font-weight: bold;
}
.staff_text .name {
	margin-bottom: 0 !important;
    font-size: 27px !important;
    font-weight: bold;
}

.staff_text .name small {
    margin-left: 15px;
    color: #bbbbd0;
    font-size: 15px !important;
    letter-spacing: .04em;
}

#block_footer_block .sitemap ul li a::after {
	content: none;
}
#wrapper > footer {
	width: 100%;
    clear: both;
	margin-top: 0;
    padding: 0 0 0 0;
}
#block_footer_block .sitemap ul li {
    margin: 0 0;
    list-style: none;
    width: 45%;
    text-align: left;
    padding: 6px 5px;
    border-bottom: 1px solid #5a5b87;
}
#block_footer_block .sitemap ul li a, #block_footer_block .sitemap ul li span {
	font-size: 11px;
    letter-spacing: 0.11em;
}
#block_footer_block .sitemap ul li:first-child, #block_footer_block .sitemap ul li:nth-child(2), #block_footer_block .sitemap ul li:nth-child(3) {
    border-top: 1px solid #5a5b87;
}
#block_footer_block .sitemap ul li ul li:first-child, #block_footer_block .sitemap ul li ul li:nth-child(2), #block_footer_block .sitemap ul li ul li:nth-child(3) {
    border-top: none;
}
#block_footer_block .sitemap ul li ul li {
       width: 100%;
    padding: 3px 0 2px;
    font-size: 10px;
}
#block_footer_block .sitemap {
    margin: 50px 0 0 0;
    width: 90%;
    margin: 50px auto;
}
#block_footer_block .sitemap ul {
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
}
#wrapper > footer #footer_copyright a {
    font-size: 11px;
}
	
#block_footer_info .footer_info {
    width: 86%;
    padding: 0 7%;
}
	
#block_footer_info .footer_info .footer_info_left {
    width: 100%;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}
	
#block_footer_info .footer_info .footer_info_left img {
    margin-bottom: 20px;
    width: 50%;
    display: block;
    margin: 0 auto 20px;
}
	
#block_footer_info .footer_info .footer_info_right {
    width: 100%;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}
	
#block_footer_info .footer_info .footer_info_right .sitemap li {
    list-style: none;
	padding-bottom: 8px;
	margin-bottom: 10px !important;
    width: 100%;
	text-align: center;
	border-bottom: 1px solid #79a6ca;
}
	
#block_footer_info .footer_info .footer_info_right .sitemap ul li ul li:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: none;
}
	
#block_footer_info .footer_info .footer_info_right .sitemap li a {
    margin-left: 0;
	padding: 10px 0;
}
	
#block_footer_info .footer_info .footer_info_right .sitemap ul {
    display: block;
    margin: 0;
}
	
#wrapper > footer .footer_inner {
    display: block !important;
}
#wrapper > footer .footer_inner .footer_inner_info {
    width: 100%;
}
#wrapper > footer .footer_inner .footer_inner_links {
    width: 100%;
}
#wrapper > footer .footer_inner .footer_inner_info img {
    width: 48%;
    height: auto;
    margin: 0 auto 25px;
    display: block;
}
.footer_inner_info img {
    width: 40%;
    height: auto;
    margin: 0 auto 15px;

    display: block;
}

.footer_links ul {
	 display: flex;
	flex-wrap: wrap;
	margin: 0 3% 0;
}


.footer_links li {
	height: 37px;
	margin-bottom: 0;
	margin-right: 0;
	list-style: none;
	width: 100%;
    max-width: inherit;
	border-bottom: 1px solid #e6e6e6;
}

.footer_links li a {
    display: block;
    position: relative;
    width: 90%;
    line-height: 37px;
    text-decoration: none;
    color: #333333 !important;
    font-size: 13px;
    padding: 0 0 0 6%;
    font-weight: 500;
}

.footer_links li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 1px #142474;
    border-right: solid 1px #142474;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
	
#wrapper > footer #block_commonBlock01, #wrapper > footer #block_commonBlock02, #wrapper > footer #block_commonBlock03 {
	width: 100%;
}
	
#wrapper > footer #footer_copyright #footer_copyright_inner {
    width: 100%;
    margin: 0 auto;
	margin: 40px auto 0;
    padding: 18px 0;
    text-align: center;
}
	
.btnDeteal {
    display: block;
    margin: 50px 0 0 0;
    text-align: center;
    margin: 0 auto;
    clear: both;
    width: 85%;
}
	
.btnDeteal p {
    margin: 0 !important;
}
	
#wrapper > footer #footer_copyright small {
    font-size: 10px;
}
	
.productsDeteal .productsDeteal_left {
    width: 100%;
    margin-right: 0;
}
.productsDeteal .productsDeteal_right {
    width: 100%;
}
.productsDeteal {
    display: block;
}
	
.scroll{
	position: relative;
	overflow-x: auto;
}

.scroll-hint {
  position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 17px;
    background: rgba(48, 49, 99, 0.9);
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    display: none;
    font-size: 12px;
    animation: scroll-hint-animation 2s infinite ease;
}



@keyframes scroll-hint-animation {
  0% {
    transform: translate(-50%, -50%);
  }

  50% {
    transform: translate(-40%, -50%);
  }

  100% {
    transform: translate(-50%, -50%);
  }
}


.scroll-hint--show {
  display: block;
}
	

.sendTable {
	font-size: 14px;
}
.sendTable th:first-child {
	width: 10%;
}
	
.sendTable th {
	width: 30%;
	display: table-cell;
	line-height: 1.4em;
}
	
.sendTable td:first-child {
	width: 10%;
}
	
.sendTable td {
	width: 30%;
	display: table-cell;
}
	
	
 
/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.voiceBox::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.voiceBox::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.voiceBox::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.voiceBox::-webkit-scrollbar-thumb:hover {
  background: #999;
}
	

.sitemapBox {
    width: 100%;
    padding: 60px 0 80px 0;
    margin: 0 auto 0;
    background: #c7e8fc url(../../../contents/templates/images/sp_bgfooter.jpg) no-repeat bottom center;
    background-size: contain;
	
}

.sitemapBox ul {
	margin: 0;
	width: 100%;
	overflow: hidden;
}

.sitemapBox01,.sitemapBox02 {
	width: 100%;
	margin-bottom: 0;
	border-right: none;
	border-left: none;
	float: left !important;
}

.sitemapBox03, .sitemapBox04 {
	width: 100%;
	margin-bottom: 0;
	float: left;
	border-right: none;
	float: left !important;
}

.sitemapBox li {
    width: 39%;
    list-style: none;
    padding: 0 0 0 8%;
    float: left;
	line-height: 1.5em;
}

.sitemapBox a {
	color: #161d87;
	display: block;
	text-decoration: none;
	font-size: 12px;
}

.sitemapBox a:hover {
	color: #6065b9;
}
	
#pageTopButton {
	position: fixed;
    bottom: 39px;
    right: 5px;
    font-size: 11px;
	z-index: 5;
}
#pageTopButton a {
	text-decoration: none;
    width: 80px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    background: #ffffff;
    color: #142474;
    border: 1px solid #142474;
}
#pageTopButton a:hover {
	text-decoration: none;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
	
	.sp_width100 {
		width: 100%;
		height: auto;
	}
	
	.sp_width_center {
		width: 80% !important;
		margin: 0 10% 20px !important;
		height: auto;
	}
	
main > article #contentTitle {
    font-size: 22px;
    margin-bottom: 20px;
    padding: 5% 0 5%;
    font-weight: bold;
    color: #142474;
    width: 90%;
    margin: 0 5% 0;
    text-align: left;
}
	
.map-left {
    width: 100%;
    height: auto;
	margin: 0;
}
.top_logo {
    margin: 0 0 50px 0;
    width: 96%;
    height: auto;
}
#others h2 {
    margin-bottom: 30px;
    padding: 0;
    font-size: 1.9rem;
}
	.pc_center {
	text-align: left;
    font-size: 1.4rem !important;
    background: none;
    padding: 0 0;
	}

.flow_work ul li {
    position: relative;
    list-style: none;
    margin: 0 0 50px 0;
    padding: 12px 20px 12px 0;
    border-bottom: 1px solid #0968b3;
    border-top: none;
    border-right: none;
    border-left: none;
    writing-mode: horizontal-tb;
    font-size: 16px;
    letter-spacing: 0.035em;
    line-height: 1;
    color: #0968b3;
    font-weight: bold;
    width: 100%;
}
	
.flow_work ul li span {
    background: #0968b3;
    color: #fff;
	margin-right: 15px;
    padding: 12px 10px;
    width: 79px;
    position: initial;
    writing-mode: horizontal-tb;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: monospace;
    letter-spacing: 0.07em;
}
	
.line {
    margin: 50px 0 40px;
    text-align: center;
    position: relative;
    font-size: 18px !important;
    letter-spacing: 0.15em;
}

.line2 {
    margin: 50px 0 30px;
    text-align: center;
    position: relative;
    font-size: 17px;
    background: #fff;
    letter-spacing: 0.15em;
    padding: 10px;
    color: #0968b3 !important;
	border: 1px solid #0968b3;
}
	
.arrow::after{
    position: absolute;
    top: 59px;
    /* bottom: 0; */
    right: 45%;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.arrow::after {
    display: inline-block;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    border-color: #dae7f1 transparent transparent transparent;
}

	
.flow_work {
    margin: 0 0 50px 0;
}
	
.officeTable {
	width: 100%;
	margin: 0 0 20px;
	 border-collapse: collapse;
}

.officeTable th {
	display: block;
	width: auto;
	padding: 15px 0 5px;
	font-weight: normal;
	line-height: 1.7em;
	vertical-align: middle;
    border-bottom: none;
}

.officeTable td {
	display: block;
	padding: 0 0 15px;
	width: auto;
    vertical-align: middle;
	 border-collapse: collapse;
    border-bottom: 1px solid #dcdcec;
}

.sub_catch {
	margin-top: 15px;
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: #f55274;
}


iframe {
    width: 100%;
    height: 250px;
}
	
	.sp_image_center {
	width: 70%;
    height: auto;
    margin: 0 15% 20px;
		float: none;
	}
	

header2 {
    margin-right: auto;
    margin-left: auto;
    background: none;
	margin-bottom: 0;
    padding: 30px 0 30px;
}
	
	.sp_block {
		display: block;
	}
	

	
	
#others .section_box {
    position: relative;
    min-height: auto;
    width: 100%;
    margin-bottom: 50px;
}
	
#others .section_img, #others .section_img2 {
	width: 100%;
	margin-bottom: 20px;
    position: initial;
}	

#others .section_img img, #others .section_img2 img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}
#others .section_text, #others .section_text2 {
    float: left !important;
	width: 100%;
	padding: 0;
}
#others .section_text h3, #others .section_text2 h3 {
    font-size: 19px;
    margin-bottom: 15px !important;
}

.flow_work ul {
    display: flex;
    justify-content: space-around;
    flex-flow: wrap;
    margin: 0;
    padding: 0;
}

.title01 {
    text-align: center;
    font-size: 19px !important;
}

.title02 {
    margin: 0 0 30px;
    padding: 10px 0;
}

.title02 {
  position: relative;
  margin-bottom: 2em;
  padding: 1.5rem 2rem;
  border-radius: 10px;
  
    background: #3336a5;
    color: #fff !important;
    text-align: center;
    font-size: 20px !important
}

.title02:before,
.title02:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  background: #3336a5;
}

.title02:before {
  bottom: -20px;
  left: 20%;
  width: 30px;
  height: 30px;
}

.title02:after {
  bottom: -30px;
  left: 30%;
  width: 15px;
  height: 15px;
}

.title03 {
  position: relative;
  overflow: hidden;
margin: 0 0 20px;
  padding: 1.5rem 2rem 1.5rem 100px;
  border: 2px solid #3336a5;
	color: #2b2a50;
	font-size: 1.7rem;
}

.title03:before {
  position: absolute;
  top: -150%;
  left: -100px;
  width: 175px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #3336a5;
}

.title03 span {
  font-size: 3rem;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    padding-top: 12px;
    padding-left: 16px;
    color: #fff;
    line-height: 1;
}
	
.title04 {
    margin-top: 20px;
    margin-bottom: 40px !important;
    color: #333c4e;
    font-weight: bold;
    font-size: 21px !important;
    line-height: 1.5em;
    text-align: center;
}

.title04 span {
    padding-bottom: 0;
}
	
.titleCatch {
  position: relative;
    height: auto;
    margin: 2em 0 1em;
    padding: 0 2rem !important;
    text-align: center;
    color: #3336a5 !important;
    background: #fff;
    font-size: 19px !important;
    border: 2px solid #3336a5;
}

.titleCatch:before,
.titleCatch:after {
	display: none;
}


.titleCatch span {
  position: relative;
  display: block;
	line-height: 1.5em;
    padding: 10px 0;
}
	
.listCheck {
    text-align: left;
	position: relative;
}

.listCheck li {
	margin-left: 20px;
    padding: 0;
    font-size: 16px;
    line-height: 1.3em;
    display: list-item;
    font-weight: 600;
    color: #313267;
    list-style: disc;
}
	
.pc_block {
    display: inline;
}

.priceText {
	color: #e83264 !important;
	font-weight: 600;
	margin-bottom: 0 !important;
}

.priceText2 {
	font-size: 40px !important;
}
	

	
.productsText .cartBtn {
    justify-content: space-between;
}
	
.tuplet {
    position: relative;
    height: 57px;
    width: 96px;
}
	
.tuplet input {
    width: 25px;
    height: 55px;
    padding: 0 40px 0 20px;
}	
	
	
main > article #contentSubTitle {
    font-size: 17px !important;
    width: 90%;
    margin: 40px 5% 0;
    line-height: 1.5em;
    text-align: left;
}
.square {
    margin: 0 0 30px;
    padding: 25px 20px;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.enqueteBox {
    padding: 20px 15px;
}
	.enquete01 {
		width: 100%;
	}
	
	.enquete01 img {
		width: 100%;
		margin-bottom: 20px;
	}
	
.worksBox img {
	width: 100%;
	height: auto;
}

.worksBox01 {
	width: 100%;
	float: none !important;
	display: block;
}

.worksBox01 h4 {
	margin: 0 0 15px 0;
	padding: 10px 0;
	background: #474747;
	color: #fff;
	text-align: center;
}

.worksBox02 {
	width: 100%;
	margin-top: 20px;
	text-align: center;
	vertical-align: middle;
	display: block;
	float: none !important;
}

.worksBox03 {
	width: 100%;
	float: none !important;
	display: block;
}

.worksBox03 h4 {
	margin: 0 0 5px 0;
	padding: 10px 0;
	background: #1f1886;
	color: #fff;
	text-align: center;
}

.triangle{
  width: 0;
  height: 0;
	margin: 0 auto;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #d6d6d6;
}

.worksTable {
	width: 100%;
	border: 1px solid #ccc;
}

.worksTable th {
	display: block;
	width: 90%;
	background: #e8e8e8;
	border: none;
}

.worksTable td {
	display: block;
	width: 90%;
	border: none;
}
img {
    border: none;
    max-width: 100%;
    height: auto;
}
	
.adobe_img {
    width: 50%;
    height: auto;
    float: none !important;
    display: block;
    margin: 0 auto 15px !important;
}
.mb0 {
    margin-bottom: 0 !important;
    line-height: 1.5em !important;
    font-size: 13px !important;
}

.fileDownload {
    display: block;
    border: 1px solid #142474;
    margin: 0 0 40px !important;
    text-align: center;
}
	
.formCheckBlock, .formThanksBlock {
		width: 100%;
}
	
	.button input[type="submit"]  {
		-webkit-appearance: none;
  border-radius: 5px;
	}
	
fieldset.formBlock {
    margin: 0;
    padding: 5px 5px 5px;
    line-height: 1em;
    color: #142474;
    display: flex;
    align-items: center;
}
	
fieldset legend.title {
    float: none;
    width: 100%;
    padding: 0;
    color: #142474;
    font-size: 14px;
    display: flex;
    align-items: center;
	justify-content: flex-start;
	font-weight: 500;
	line-height: 1;
}
fieldset div.content {
    display: block;
    width: 100%;
    padding: 0 0%;
    margin: 0;
		margin-bottom: 20px;
}
.form-validation .caution.icon {
    margin-right: 0 !important;
	margin-left: 10px;
}
	
fieldset.formBlock {
    border-bottom: none;
}
	.field-box label {
		font-size: 16px;
	}
fieldset .textarea {
    width: calc(100% - 20px);
    height: 200px;
}
.field-box label {
    font-size:16px;
    width: 100%;
    display: block;
}
.reserveBox {
	margin-bottom: 0;
}

.reserveBox h3 {
	margin: 20px 0 15px 0;
    padding: 10px 10px;
	background: #ffa63e;
    text-align: center;
    font-size: 17px;
	color: #fff;
	border-radius: 8px;
}

.reserveBox p {
	font-weight: bold;
	text-align: center;
}

.reserveBox01 {
	width: 100%;
	
}
.reserveBox02 {
	width: 100%;
	margin: 0;
	
}

.reserveBox03 {
	width: 100%;
	
}
.map-right {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
	
.priceText3 {
    font-size: 19px !important;
    line-height: 1.5em;
    font-weight: 600;
}
.reformPoint01 {
	width: 100%;
}

.reformPoint02 {
	width: 100%;
	margin: 20px 0;
}

.reformPoint03 {
	width: 100%;
	margin: 20px 0;
}
.squareLine, .squareLine2 {
    padding: 30px 20px;
}
.flow_process h2, .flow_process2 h2 {
    font-size: 20px !important;
}
	
.showroomList img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	
}

.showroomList01 {
	width: 100%;
	margin-right: 0;
}

.showroomList02 {
	width: 100%;
	
}
	
	
#planTop  {
	margin-bottom: 80px;
}

#planTop h3  {
	margin: 15px 0 0 0;
	font-size: 28px;
	text-align: center;
}

#planTop p  {
	margin-bottom: 8px;
	text-align: center;
}

.planTop01, .planTop02, .planTop03  {
    width: 70%;
    margin-bottom: 20px;
    padding: 7% 15%;
    border: 1px solid #142474;;
}

.planTop02  {
	margin: 0 0 20px;
}

.planText01 {
	font-size: 26px !important;	
	font-weight: bold;
	color: #fff;
}

.planText02 {
	font-size: 20px !important;	
	font-weight: bold;
	color: #fff;
}

.planText03 {
	font-size: 17px !important;	
	font-weight: bold;
	color: #fff;
}

.planPrice {
	display: block;
	padding: 15px 0 10px;
	background: #f55274;
}

.planPrice p {
	margin-bottom: 0 !important;
}


	
.slick-prev:before, .slick-next:before {
    font-size: 40px;
}
	
.slick-next {
    right: -25px !important;
}
.slick-prev {
    left: -25px !important;
}
	.slick-prev, .slick-next {
    width: 40px;
    height: 40px;
	z-index: 1;
	}

/*footer固定メニュー*/
.foot_menu{
	width: 100%;
	height:60px;
	padding:0;
	position: fixed;
	bottom: 0px;
	z-index: 99999;
	clear: both;
	border-top:1px solid #FFF;
}


.foot_menu table{
	width: 100%;
	border-collapse:collapse;
	margin: 0;

}
.foot_menu td{
	width:19.5%;
	height:60px;
	font-size: 0;
	padding: 0;
	display: table-cell;
	line-height: 0;
	text-align: center;
	vertical-align: middle;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E6E6E6;
	background:rgba(0,0,0,.8);
}
.foot_menu td a{ display:block; }

  .foot_menu td img{
	width:auto !important;
	height:60px !important;}

.footerMenu td:first-child{border:none;}
	
	

.shoppingMembersLoginForm {
	width: 100%;
    margin: 0 auto;
}
	
#menbersLoginBlock h2 {
    margin: 0 0 40px;
    padding: 10px;
    background: #1d2088;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
}

fieldset div.content input[type=text], fieldset div.content input[type=tel], fieldset div.content input[type=email], .form-add-user input {
	width: 100%;
}
	
#others #wrapper > header {
    height: 40px;
}
	

.prpdataBox dl{
	margin:0 5px;
	padding: 5px 0;
	border-bottom:1px solid #CCC;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	}
.prpdataBox dl.prpprice{font-size:1.2em;}
.prpdataBox dl dt{width:30%;font-weight:bold;padding:5px;}
.prpdataBox dl dd{width:60%;min-width:80px;padding:5px;line-height: 1.5em;}

.prpinfoBox {
    float: none;
    width: 90%;
    padding: 5%;
}
	
.propertyListBox .pageListThumbNail {
	margin: 0 0 20px 0 !important;
    width: 80% !important;
    height: auto;
    padding: 0 10%;
    display: block;
	}
.propertyListBox .member_only_box {
        width: 80% !important;
    height: auto;
    padding: 0 10%;
}
	
.list_countbox01 .inbox01 {
		display: table;
}
	
.inbox01 {
		display: block;
}
	
.inbox01 dl{
	width:49%;
	display: table-cell;
}
.inbox01 dl dt{
	/* width: 70%; */
	padding: 10px 5px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	font-size: 14px;
	}
.inbox01 .general dt{background:#2d384e;}
.inbox01 .private dt{background:#f45252;}
 
.inbox01 dl dd{text-align:center;padding:20px 0 0 0;font-weight:bold;font-size: 16px;}
.inbox01 dl dd span{font-size: 20px;}
	
	
.favoriteStar {
    display: block;
    width: 80%;
    margin: 0 auto 10px;
    position: initial;
    font-size: 13px;
    background: #eaeaea;
}
	
.fav-on .favoriteStar a {
    font-size: 14px;
    cursor: pointer;
    padding: 13px 10px 11px;
    display: block;
    /* width: 100%; */
    display: block;
    text-align: center;
}
	
.fav-off .favoriteStar a {
    font-size: 14px;
    cursor: pointer;
    padding: 13px 10px 11px;
    display: block;
    /* width: 100%; */
    display: block;
    text-align: center;
}	

.member-only .iconLogin {
    display: inline-block;
    padding: 5px;
    margin: 0 10% 10px;
    /* -webkit-align-items: center; */
    /* align-items: center; */
    position: initial;
    /* top: 10px; */
    right: 8px;
    font-size: 14px;
    color: #fff;
    background: #f45252;
    padding: 6px 15px;
}
	
	.loanBox {
		padding: 40px 10% 20px;
	}
	
	.loanBox .loanBoxLeft, .voiceBoxLeft {
		margin: 0 15% 16px;
    width: 70%;
    text-align: center;
	}
	
	.loanBox .loanBoxRight, .voiceBoxRight {
    width: 100%;
}
	.loanBoxRight ul li {
    font-size: 16px;
}
.casePrice h4 {
	margin-bottom: 10px;
	text-align: center;
	font-size: 18px;
}
	
.casePrice {
    padding: 20px 10px;
}

.casePrice span {
	color: #ff0000;
    font-size: 26px;
}
	
.contactsBox {
    margin-bottom: 20px;
}

.contactsBox h3 {
	margin-top: 0;
	padding-bottom: 5px;
	text-align: center;
	font-size: 26px !important;
	color: #fff;
	border-bottom: 1px solid #fff;;
}

.contactsBox p {
	margin-bottom: 0 !important;
	color: #fff !important;
}

.cBox01 {
	width: 80%;
	margin-bottom: 20px;
	padding: 20px 10%;
	background: #f1a938;
	border-radius: 10px 10px 10px 10px;
}

.cBox02 {
	width: 80%;
	margin: 0 0 20px 0;
	padding: 20px 10%;
	background: #6bbb97;
	border-radius: 10px 10px 10px 10px;
}

.cBox03 {
	width: 80%;
	margin-bottom: 20px;
	padding: 20px 10%;
	background: #6b95bb;
	border-radius: 10px 10px 10px 10px;
}

.tel a {
	font-size: 24px;
    font-weight: bold;
    line-height: 1.7em;
	color: #0968b3;
	text-decoration: none;
	font-family: '中ゴシックBBB JIS2004';
}

.tel2 {
	font-size: 28px;
    font-weight: bold;
    line-height: 1.7em;
}
	
.submitBtn {
    border: 1px solid #0b4296;
    padding: 13px 30px;
    color: #fff !important;
    font-size: 15px !important;
    border-radius: 3px;
    text-decoration: none !important;
    background: #0968b3;
    cursor: pointer;
}
	
.valueBox img {
	width: 30%;
}
	
.valueBox h3 {
	margin-top: 20px;
	margin-bottom: 5px;
	color: #fff;
	text-align: center;
}

.valueBox h3 span {
	display: block;
}

.valueBox p {
	padding: 0 25px;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 1.4em !important;
}

.valueBox .icon_01,.valueBox .icon_02 {
	width: 100%;
	margin-bottom: 20px;
	padding-top: 20px;
	background: #d8bc29;
	margin-right: 0;
}

.valueBox .icon_03 {
	width: 100%;
	padding-top: 20px;
	background: #d8bc29;
}
	

.value3Box h4 {
	margin: 10px 0 0 0;
	text-align: center;
}

.value3Box_01, .value3Box_03, .value3Box_05 {
	width: 100%;
}

.value3Box_02, .value3Box_04 {
	width: 100%;
}

.value3Box_02 p, .value3Box_04 p {
	margin: 0 !important;
	padding: 0;
	font-size: 40px !important;
	font-weight: bold;
	text-align: center;
}
	
	.value3Box img {
		width: 100%;
	}
	
	
.valueTable {
	width: 100%;
	border: 1px solid #c2c2ce;
}

.valueTable th {
	display: table-cell;
	padding: 10px 5px;
	font-weight: normal;
	line-height: 2em;
	vertical-align: middle;
	border-right: 1px solid #c2c2ce;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	background: #e7e7ea;
	line-height: 1.4em;
}

.valueTable th:nth-child(4) {
	background: #2d2f90;
	color: #fff;
}

.valueTable td:nth-child(4) {
	color: #2d2f90;
	font-weight: bold;
}

.valueTable td:nth-child(3), .valueTable td:nth-child(4), .valueTable th:nth-child(3), .valueTable th:nth-child(4) {
	border-right: 1px solid #2d2f90;
}

.valueTable th:nth-child(4) {
	border-top: 1px solid #2d2f90;
}

.valueTable .td01 {
	border-bottom: 1px solid #2d2f90;
}

.valueTable td {
	display: table-cell;
	vertical-align: top;
	padding: 7px 10px;
	line-height: 2em;
	border-right: 1px solid #c2c2ce;
	border-bottom: 1px solid #c2c2ce;
	text-align: center;
	font-size: 18px;
	vertical-align: middle;
	line-height: 1.4em;
}

.valueTable td:first-child {
	width: 5%;
	text-align: left;
	font-size: 14px;
}

.valueTable td:last-child {
	font-size: 28px;
}
	
.value_case01, .value_case02 {
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
    border-bottom: 2px solid #142474;;
}

.value_case03 {
	width: 100%;
    border-bottom: 2px solid #142474;;
}

.value_case p {
	font-weight: bold;
	text-align: center;
	font-size: 19px;
}

.value_case .font01 {
	color: #e63c3c;
    font-size: 36px;
    line-height: 1.2em;
}

.value_case .font02 {
	font-size: 17px;
}

#wrapper #block_footerBlock {
	margin-top: 75px;
}
	
.valueT02:after {
    left: 39%;
}

.reason_Box h3 {
    font-size: 18px;
}

.reason_Box p {
    padding: 0 20px;
}

.reason_Box01 {
	width: 100%;
	margin-right: 0;
}

.reason_Box02 {
	width: 100%;
}
	
	.top_banner_2line01 {
		margin: 0 0 20px 0;
	}
	
	
.conceptBox img {
	width: 30%;
}

.conceptBox h3 {
	height: auto;
	margin-top: 10px;
	margin-bottom: 0;
}

.conceptBox h3 span {
	display: block;
}

.conceptBox p {
	padding: 15px 30px;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 1.4em !important;
}

.conceptBox .icon_01,.conceptBox .icon_02,.conceptBox .icon_03,.conceptBox .icon_04 {
	width: 100%;
	padding-top: 30px;
	background: #0968b3;
	margin-right: 0;
	margin-bottom: 20px;
}

.conceptBox .icon_05 {
	width: 100%;
	padding-top: 50px;
	background: #0968b3;
}
	
.prpdetailBox table td {
    display: table-cell;
	padding: 10px 5px;
}
	
.prpdetailBox table td:first-child {
    width: 33%;
}

.prpdetailBox01 {
    width: 100%;
    margin-right: 0;
}
.prpdetailBox02 {
    width: 100%;
}

	.prpdetail {
		display: block;
	}
.prpdetail .prpdetail04 {
	display: none;
}
	
.prpdetail .prpdetail02 {
    width: 47%;
    margin-right: 6%;
}
.prpdetail .prpdetail03 {
    width: 47%;
    margin-right: 0;
}
	.prpdetailBox02 p {
		display: none;
	}

.salespoint h3 {
    margin: 50px 0 20px 0;
    font-size: 20px !important;
}
.prpdetail_anchorList {
	overflow: scroll;
}
.prpdetail_anchorList ul {
    white-space: nowrap;
    text-align: center;
}

.prpdetail_anchorList ul li {
    font-size: 13px;
    width: 100%;
}
.property_image div {
    width: 100px;
    margin: 0 0 0 0;
}

.property_image div {
	width: 48%;
	margin: 0 0 15px 0;
	display: inline-table;
	font-size: 13px;
	line-height: 1.4em;
}

.property_image div:nth-child(3n-1) {
	margin: 0 0 0 0;
}
	
.property_image div:nth-child(2n) {
    margin: 0 0 0 4%;
}
	

.property_image div img {
	width: 100%;
	margin-bottom: 5px;
	height: 130px;
    object-fit: cover;
}
	
.contactBox p {
    margin-bottom: 20px !important;
    font-size: 17px !important;
	line-height: 1.5em;
}
.contactBox ul {
    margin: 15px 0 0 0;
    display: block;
}

.contactBox ul li.tel {
	display: none;
}
.contactBox ul li.tel span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    font-size: 25px;
    font-weight: bold;
}
.contactBox {
    margin: 30px 0;
    padding: 30px 15px;
    background: #F4F4F4;
	text-align: center;
}
.contactBox ul li.reserve {
    margin-top: 10px;
    display: inline-block;
}

.inbox01 p {
    width: 100%;
    text-align: center;
    font-size: 18px !important;
    font-weight: bolder;
    padding-bottom: 10px;
    border-bottom: 5px solid #2B2B2B;
}

.ttl {
	margin-top: 0;
    margin-bottom: 20px;
    padding: 10px 0 0;
    font-size: 20px !important;
    text-align: center;
}
.inbox01 p span {
    font-size: 27px;
    margin: 0 10px;
}
	
.loan-text {
    text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #E49013 !important;
}
	
.interest_rates-text {
		
}

.prpdetail_tbl01 th {
    width: 90%;
    padding: 0 5%;
	border: none;
}
.prpdetail_tbl01 td {
    width: 90%;
	padding: 6px 5% 10px;
	border: none;
}
.property_fBtn {
	display: block;
	width: 100%;
	margin: 50px 0;
}

.property_fBtn01 {
	width: 90%;
	margin: 0 5% 20px;
}
.property_fBtn01 a, .property_fBtn02 a {
	display: block;
	text-align: center;
}

.property_fBtn02 {
	width: 90%;
	margin: 0 5%;
}
	
.form-validation table th {
	border: none;
	color: #142474;
}

.form-validation table td {
	border: none;
}

fieldset div.content input[type=tel], fieldset div.content input[type=email], .form-add-user input, fieldset div.content input[type=text].textareaShort {
   width: calc(100% - 20px);
	margin-bottom: 3px;
}
	
fieldset div.content input[type=text] {
   width: calc(48% - 22px);
	margin-bottom: 3px;
}
	
fieldset div.content .datetime input[type=text] {
   width: calc(100% - 22px);
	margin-bottom: 3px;
}
	
	#mouse-stalker {
		display: none;
	}
	
fieldset div.content input[type=text].address01, fieldset div.content input[type=text].address02 {
    width: calc(100% - 20px);
}
	
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {

	margin-bottom: 5px;
}

	#cboxLoadedContent img {
		width: 100% !important;
		height: auto !important;
	}
	
.reserveFlow01, .reserveFlow02, .reserveFlow03, .reserveFlow04 {
	width: 80%;
	margin-bottom: 20px;
	padding: 20px 10%;
	background: #f55274;
    padding-bottom: 25px;
	
}
	
.reserveFlow {
    padding-bottom: 0;
    margin-bottom: 20px;
}
.reserveFlow01 {
	margin-right: 0;
}

.reserveFlow02 {
	margin-right: 0;
}

.reserveFlow03 {
	margin-right: 0;
}
	
.reserveFlow h3 {
    font-size: 26px !important;
}	
	
.property_image div:after {
    width: 20px;
    height: 20px;
    right: 10px;
    top: 100px;
}
.clickhereBtn a {
    padding: 12px 30px;
    border: 1px solid #142474;
    border-radius: 60px;
    text-decoration: none;
    font-size: 1.5rem;
}
	
.wp-blog #content {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.wp-blog #blog_main {
    width: 100%;
    margin: 0;
    margin-right: 0;
}
	
.wp-blog #blog_main article {
    width: 90%;
	margin: 0 5% 0;
}
	
.wp-blog .archive_title {
    width: 90%;
	margin: 30px 5% 0;
    font-weight: 600;
}

.wp-blog .m-5 {
	width: 110% !important;
		margin: 0 -5% 20px !important;
}
	
.wp-blog .m-6 {
		margin: 0 0 5% !important;
}
	
.wp-blog #sidebar-right {
    width: 90%;
	margin: 30px 5% 0;
	margin-top: 0;
}

.wp-blog #sidebar-right h4 {
	font-size: 16px;
    margin: 40px 0 15px 0;
    padding: 0 0 10px 0;
    font-weight: 600;
    border-bottom: 1px solid #142474;
}

#others.wp-blog h2 {
    font-size: 18px;
}

.wp-blog .post_content {
	margin-top: 30px;
}

.wp-blog .pager {
    display: flex;
    margin-top: 60px;
    justify-content: center;
    margin: 50px 0;
}

	
.wp-blog .pager li {
	list-style: none;
	margin-right: 20px;
	text-align: center;
}

.wp-blog .pager li:last-child {
	margin-right: 0;
}

.wp-blog .pager li a {
	display: block;
	padding: 5px 0;
    border: 1px solid #142474;
    border-radius: 50px;
    font-size: 13px;
    text-decoration: none;
    width: 120px;
}

.wp-blog .featured-image img {
	border-radius: 10px;
}

.wp-blog .featured-image a:hover img {
	opacity: 0.7;
transition: 0.5s;
}

.wp-blog .featured-image a {
}

.wp-blog .vertical-nav li {
	font-size: 15px;
	list-style: circle;
}
	
#others main > article #section04 {
	width: 100%;	
}
	

.wp-blog .list-inline-item.categories-list a {
    font-size: 12px;
    margin-right: 10px;
    padding: 6px 15px 6px 34px;
    border-radius: 60px;
    background: #e8e8e8 url(../../../contents/templates/images/category.png) no-repeat 13px 6px;
    background-size: 14px;
	text-decoration: none;
}

.wp-blog .list-inline-item.categories-list a:hover {
    background: #f4bd2a url(../../../contents/templates/images/category.png) no-repeat 13px 6px;
	color: #fff;
    background-size: 14px;
}
	
.wp-blog .list-inline-item.tags-list a {
    font-size: 11px;
    margin-right: 10px;
    padding: 4px 15px 4px 34px;
    border-radius: 60px;
    background: #fff url(../../../contents/templates/images/tag-icon.png) no-repeat 13px 4px;
    background-size: 12px;
	text-decoration: none;
	border: 1px solid #4d4d4d;
}

.wp-blog .list-inline-item.tags-list a:hover {
    	color: #ccc;
    background: #fff url(../../../contents/templates/images/tag-icon.png) no-repeat 13px 4px;
	
}

#section04 .pageListItemBlock-type03 div.pageListThumbNail img {
	border-radius: 10px;
	width: 100%;
    height: 100px;
    object-fit: cover;
}
	
.works_deteal_left {
	width: 100%;
	margin-right: 0;
	margin-bottom: 52px;
}
.works_deteal_right {
	width: 100%;
	margin-bottom: 30px;
}
	
#others .work_list .pageListItemBlock .pageListItemBlock-type03 {
    margin: 0 0 1em 0;
	width: 100% !important;
}
	
.btnDeteal a {
    color: #142474;
    text-decoration: none;
    font-size: 16px;
    border: 1px solid #142474;
    padding: 15px 15px;
    display: block;
    font-weight: 600;
    letter-spacing: 0.25em;
}
	
.works_deteal_main {
    width: 100%;
    height: 230px;
}
.works_deteal_table {
    border-top: none;
}
.works_deteal_table th {
    width: calc(100% - 40px);
    padding: 10px 20px;
    border-bottom: none;
    text-align: left;
}
.works_deteal_table td {
    width: calc(100% - 40px);
    padding: 10px 20px;
}
.works_deteal {
    margin-top: 40px;
    position: relative;
    display: block;
    justify-content: flex-start;
}
.works_deteal_left:after {
    content: '…';
    font-size: 26px;
    position: absolute;
    top: initial;
    right: initial;
    left: 48%;
    bottom: -40px;
	line-height: 1;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit- transform: translateY(-50%) translateX(-50%);
}
.works_deteal img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 10px;
}
	
	.riyou_list ul {
		margin: 0;
	}
	.riyou_list ul li {
    position: relative;
    padding: 0.8em 0 0.8em 2.7em;
    margin-bottom: 5px;
    font-size: 14px;
    border-bottom: 1px solid rgb(205 205 205 / 50%);
    letter-spacing: 0.125em;
}
	
.riyou_list ul li:after {
    top: 44%;
}
.steps {
    padding-left: 5.5rem;
}
.sp_only_br {
    display: inline;
}
.curriculum_table3 th {
    padding: 10px 10px;
    font-size: 14px;
    width: 40%;
}
.curriculum_table3 td {
    padding: 8px 10px;
    font-size: 14px;
}
}

.taiken_table {
    display: flex;
    justify-content: space-between;
}

.taiken_table01 {
	width: 60%;
	margin-right: 25px;
}

.taiken_table01 .curriculum_table3 th {
	min-width: 130px;
	
}



.top_navlist {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}

.top_navlist li {
    width: 47.5%;
    font-size: 14px;
}

.top_navlist li a {
    width: 100%;
    display: inline-block;
    text-decoration: none;
    border-radius: 60px;
    padding: 10px 5px;
    /* background: #142474; */
    color: #142474;
    border: 1px solid #142474;
}

.top_navlist li a:hover {
	opacity: 0.8;
}




@media screen and (max-width: 768px) {
.taiken_table {
        display: block !important;
    }
.taiken_table01 {
    width: 100%;
    margin-right: 0;
}
.curriculum_table3 {
    margin-bottom: 15px;
}
.taiken_table01 .curriculum_table3 th {
    min-width: 120px;
}
.top_navlist li a {
    width: 100%;
    display: inline-block;
    text-decoration: none;
    padding: 10px 5px;
}
.top_navlist li {
    width: 47.5%;
    font-size: 11px;
	font-weight: bold;
}
}





    .email {

      word-break: break-word;

      font-weight: bold;

      color: #142474;

    }






    .contact {

      border-radius: 8px;

      transition: transform 0.3s ease;

    }

	  

	  .photo_img {

		  float: right;

		  margin-left: 30px;

	  }

	  

	  .photo_img img {

    width: 185px;

    height: auto;

}

	  

	  .spOnly {

		  display: none;

	  }



    @media (max-width: 600px) {

      .container {

        margin: 5vh 1.5rem;

        padding: 0;

        box-shadow: none;

    }


	@media screen and (max-width: 768px) {
.photo_img img {
    width: 145px;
    height: auto;
    margin: 0 0 20px 0;
}