@charset "utf-8";

/*
************************************************************************
* レスポンシブ別表示切り替え
************************************************************************
*/
@media screen and (max-width:767px)
{
	.pc-visible  {display:none !important;}
	.sp-hide     {display:none !important;}
}
@media screen and (min-width:768px)
{
	.pc-hide     {display:none !important;}
	.sp-visible  {display:none !important;}
}

/*
************************************************************************
 画像のホバー
************************************************************************
*/
a img
{
	transition-duration:0.3s;
	transition-property:all;
	transition-timing-function:ease;
}
a:hover img
{
    filter:alpha(opacity=70);
    -moz-opacity: 07;
    opacity: 0.7;
}

.fs-40{font-size: 40px;}

@media only screen and (max-width: 767px){
.fs-40{font-size: 6vw;}
	/*p{font-size: 14px;}*/
}






.p-main-image {
    position: relative;
    width: 100%;
}
.p-main-image__img--narrow {
    width: 50%;
}	
.p-main-image__title{
	font-size: 30px;
    line-height: 36px;
}
.p-main-image__content {
    background: #f6f6f6;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 0 5.5%;/*7.5%*/
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.p-main-image__desc {
    line-height: 2.2;
    margin-bottom: 31.6px;
    font-size: 14px;
    text-align: left;
}

	@media only screen and (max-width: 767px){
.p-main-image {
    height: auto;
}
.p-main-image__img {
    /*padding-bottom: 100%;*/
}
.p-main-image__img--narrow {
    width: 100%;
}
.p-main-image__img--narrow + .p-main-image__content {
    position: static;
}
.p-main-image__title{
	font-size: 30px;
    line-height: 36px;
	margin-bottom: 30px;
}
.p-main-image__content {
    width: 100%;
    padding: 52px 11.11111% 64px;
}
.p-main-image__desc {
    line-height: 2;
    margin-bottom: 13px;
}
}

/*********************************************************************************************/

	
#page-title .logo
{
	position: absolute;
	top:0;
	left:0px;
	width:340px;
	height:222px;/*480px*/

/*	background-color:#333333;  display: flex;
  justify-content: center;*/
}
#page-title .logo a
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:245px;
	height:auto;
}
	
	
#page-title .logo img{max-width: 100%;}


.bg_8474{background-image: url("../images/8474.jpg"); background-repeat: repeat;}

	@media only screen and (max-width: 767px){
#page-title .logo {
    position: absolute;
    top: 0;
    left: 0px;
    width: 35vw;
    height: 25vw;
}	
}

/*********************************************************news*/
.nyu-su {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 600px;
	    width: -webkit-fill-available;
}

.burogu {
    box-sizing: border-box;
    padding: 100px 5.51724% 0;
    width: 66.66667%;
    position: relative;
	background-color: rgb(255,255,255,0.5);
	color: black;
}

.burogu-header {
    position: relative;
}

.burogu-archive-link {
    color: #999;
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 0;
	text-decoration: none;
    transform: translateY(-50%);transition-duration: 0.3s;transition-property: all;transition-timing-function: ease;
}
.burogu-archive-link:hover{text-decoration:none;opacity:0.6;}

.nyu-su__news {
    padding: 100px 0 0;
    width: 33.33333%;
}

.nyu-su__news-list {
    margin-bottom: 50px;
}

.nyu-su__news-list article a{transition-duration: 0.3s;transition-property: all;transition-timing-function: ease;text-decoration: none;}
.nyu-su__news-list article a:hover{text-decoration:none;opacity:0.6;}

.nyu-su__news-list-item{
display: block;
}

.nyu-su__news-list-item a {
    padding: 20px 16.52893% 15.8px;
}
.p-article05 a {
    display: block;
}

.p-article05__date {
    color: #999;
    display: block;
    font-size: 14px;
    margin-bottom: 5.8px;
}

.p-article05__title {
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0;
}
	
	
.burokku {
    top: 0;
    left: 0
}

.burokku:after,.burokku:before {
    display: table;
    content: ''
}

.burokku:after {
    clear: both
}

.burokku article{
    float: left;
    height: 100%;
    width: 33.333%;
	padding: 10px;
}

.burogu article a{transition-duration: 0.3s;transition-property: all;transition-timing-function: ease;color: #333; text-decoration: none}
.burogu article a:hover{text-decoration:none;opacity:0.6;}

.a-tikuru__thumbnail { display: block; margin-bottom: 15.2px; width: 100%; }
.a-tikuru__thumbnail img { width: 100%; height: auto; }

.a-tikuru__title { font-size: 16px; line-height: 1.6; margin-bottom: 8.6px; font-weight: 600 !important; }

.a-tikuru__excerpt { font-size: 14px; line-height: 1.8; margin-bottom: 10px; }

.a-tikuru__meta { color: #999; font-size: 12px; line-height: 1.9; }

.a-tikuru__date + .a-tikuru__category::before { content: "|"; margin: 0 6px; }

.a-tikuru__category { word-break: break-all; }
.a-tikuru__category a { color: inherit; }

.p-hover-effect--type1 { overflow: hidden; }
.p-hover-effect--type1:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); }
.p-hover-effect--type1 img { transform: scale(1); transition-duration: 0.75s; vertical-align: middle; }
.newsclearfix::after { clear: both; content: " "; display: table; }

	@media screen and (max-width:767px){
		.nyu-su{height: auto;display: block;}
		.burogu {padding: 43.5px 20px;width: 100%;}
		.nyu-su__news{/*background: transparent !important;*/position: relative;width: 100%;padding: 43.5px 20px;background-color: #222;}
		.p-article05:first-child a {padding-top: 26px;}
		.p-article05 a {padding: 17px 0 12.2px;border-bottom: 1px solid #444;}
		.nyu-su__news-list {background: #222222;}
		.nyu-su__news-list-item {padding: 0 20px;}
		.nyu-su__news-archive-link {
    padding: 0;
    top: unset;
    right: 20px;
    height: 50px;
    line-height: 50px;
    width: 200px;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    left: 50%;
    bottom: 0;
	    font-size: 14px;
}
	}



.testimonial-carousel .owl-nav {
    margin-top: 30px;
    display: flex;
    justify-content: start;
position: absolute;
    z-index: 9999;
    bottom: 0;
	right: 0;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next{
    position: relative;
    margin: 0 5px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--secondary);
    font-size: 22px;
    border-radius: 45px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: var(--dark);
}
@media (min-width: 992px){

.testimonial-carousel .owl-item img {
/*    width: 60px;
    height: 60px;*/
}
}

.p-content04 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /*height: 600px;*/ }

.p-content04__content { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: center; padding: 0 5.51724%; width: 33.33333%; }

.p-content04__catch { font-size: 40px; line-height: 2.2; margin-bottom: 1.6px; text-align: center; }

.p-content04__desc { font-size: 14px; line-height: 2.2; margin-bottom: 31.6px; }

.p-content04__slider { position: relative; width: 66.66667%; }
.p-content04__slider .slick-arrow { width: 50px; height: 50px; position: absolute; top: auto; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 99; transition-duration: 0.2s; transition-property: background; }
.p-content04__slider .slick-arrow::before { font-family: "design_plus"; font-size: 18px; }
.p-content04__slider .slick-prev { left: auto; right: 50px; }
.p-content04__slider .slick-prev::before { content: "\e90f"; }
.p-content04__slider .slick-next { right: 0; }
.p-content04__slider .slick-next::before { content: "\e910"; }

.p-content04__slider-item { background-position: center center; background-size: cover; width: 100%; height: 600px; }

.p-content04__btn { align-self: center; }

@media only screen and (max-width: 767px) { .p-content04 { display: block; height: auto; }
  .p-content04__content { width: 100%; padding: 52px 11.11111% 64px;position: relative; }
  .p-content04__catch { font-size: 30px !important; line-height: 1.5; margin-bottom: 30px; }
  .p-content04__desc { line-height: 2; margin-bottom: 25px; }
  .p-content04__slider { width: 100%; }
  .p-content04__slider .slick-arrow { width: 40px; height: 40px; }
  .p-content04__slider .slick-arrow::before { font-size: 14px; }
  .p-content04__slider .slick-prev { right: 40px; }
  .p-content04__slider-item { height: 360px; } }







/*********************************************************************************interia*/
 /**
	* content02
	*/
.p-content02 { overflow: hidden; }
.p-content02:not(.slick-slider) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.p-content02:hover .slick-arrow { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.p-content02 .slick-arrow { background: #222; width: 50px; height: 50px; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 99; transition: 0.3s; transition-property: transform; }
.p-content02 .slick-arrow::before { font-family: "design_plus"; }
.p-content02 .slick-prev { left: 0; -webkit-transform: translate(-50px, 0); -ms-transform: translate(-50px, 0); transform: translate(-50px, 0); }
.p-content02 .slick-prev::before { content: "\e90f"; }
.p-content02 .slick-next { right: 0; -webkit-transform: translate(50px, 0); -ms-transform: translate(50px, 0); transform: translate(50px, 0); }
.p-content02 .slick-next::before { content: "\e910"; }

.p-content02__item { background-position: center center; background-size: cover; text-align: center; height: auto; width: 33.3%; position: relative; }
.p-content02__item a { box-sizing: border-box; color: #fff; display: block; width: 100%; height: auto; padding: 0; overflow: hidden; position: relative; }
.p-content02__item a:hover .p-content02__item-content { opacity: 0.5; }

.p-content02__item-img { width: 100%; height: auto; }

.p-hover-effect--type1 .p-content02__item-img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.p-content02__item-content { color: #fff; box-sizing: border-box; padding: 0 20px; width: 100%; position: absolute; left: 0; z-index: 99; opacity: 1.0; transition-property: opacity; transition: 0.3s; }

.p-content02__item-content--t { padding-top: 90px; top: 0; }

.p-content02__item-content--c { top: 0; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: center; -webkit-transform: translateY(-4px); transform: translateY(-4px); }

.p-content02__item-content--b { padding-bottom: 98px; bottom: 0; }

.p-content02__item-title { font-size: 40px; line-height: 1.2; margin-bottom: 9px;    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;    display: inline; }

.p-content02__item-sub { font-size: 14px; line-height: 1.2; }

@media only screen and (max-width: 767px) { .p-content02 { display: block; }
  .p-content02__item { width: 100%; height: auto; }
  .p-content02__item a { padding: 0 0 100%; }
  .p-content02__item-content { position: absolute; padding: 53px 20px 0; width: 100%; box-sizing: border-box; opacity: 1; transition: none; }
  .p-content02__item-title { font-size: 30px !important; margin-bottom: 6px;    writing-mode: vertical-rl; }
  .p-content02__item-img { position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; margin: auto; width: auto; height: auto; }
  .p-content02__item-img--horizontal { width: auto; height: 100%; }
  .p-content02__item-img--vertical { width: 100%; height: auto; } }




/*******************************************************************top*/
.suraidocontainer {
    position: relative;
    width: 100%;
    height: 100vh;
}

.suraidonoimage {
    width: 100%;
    opacity: 0;
    animation: change-img-anim 30s infinite;
    height: 100vh;
}

.suraidonoimage:nth-of-type(1) {
  animation-delay: 0s;
}
.suraidonoimage:nth-of-type(2) {
  animation-delay: 5s;
}
.suraidonoimage:nth-of-type(3) {
  animation-delay: 11s;
}

@keyframes change-img-anim {
  0%{ opacity: 0;}
  10%{ opacity: 1;}
  90%{ opacity: 1;}
  100%{ opacity: 0;}
}












/*
************************************************************************
トップページ
************************************************************************
*/

	#box1{/*background-image:url("images/26_4.jpg");background-size: cover;background-position: center;*/background-color:#333;height: 100vh;padding: 0; position: relative;}
	#box3{background-image:url("../images/texuture.jpg");background-size: cover;background-position: center;}
	#box4{background-image:url("../images/32_4.jpg");background-size: cover;background-position: center;}
	#box5{background-image:url("../images/8474.jpg");background-size: cover;background-position: center;}
	#box6{background-image:url("../images/150.jpg");background-size: cover;background-position: center;}
.background {
    width: 100%;
    height: 100%;
}
	
.inlogo {
    position: absolute;
    top: 50%;
    left: 260px;
    width: 310px;
    transform: translate(-50%, -50%);
}	
.title-lv1 {
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}.title-lv1 .main {
    display: block;
    font-weight: normal;
    font-size: 2.5rem;
    padding: 1.4em 0;
    line-height: 1;
    letter-spacing: 0.1em;
	}
@media screen and (max-width: 767px){
.title-lv1 .main {
    font-size: 6.0rem;
    line-height: 1.5;
}}
.plan-text {
    line-height: 2.0;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 90px;
	}
@media screen and (max-width: 767px){
#box1{height: unset;}
.plan-text {
    font-size: 2.6rem;
    line-height: 1.9;
    text-align: left;
    margin-top: 2vw;
    margin-bottom: 15vw;
}}
	.wamoji{    font-family: a-otf-ryumin-pr6n, serif;font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;}
	
	
.suraidocontainer {
  position: relative;
  width: 500px;
  max-width: 100%;
  height: 400px;
}

.image {
  position: absolute;
  width: 100%;
  opacity: 0;
  animation: change-img-anim 30s infinite;
}

.image:nth-of-type(1) {
  animation-delay: 0s;
}
.image:nth-of-type(2) {
  animation-delay: 5s;
}
.image:nth-of-type(3) {
  animation-delay: 11s;
}

@keyframes change-img-anim {
  0%{ opacity: 0;}
  10%{ opacity: 1;}
  90%{ opacity: 1;}
  100%{ opacity: 0;}
}










/*
************************************************************************
 マージン
************************************************************************
*/
.mt {margin-top:30px}
.mt-s {margin-top:20px}
.mt-ss {margin-top:10px}

.mb {margin-bottom:30px}
.mb-s {margin-bottom:20px}
.mb-ss {margin-bottom:10px}

.mt-l {margin-top:50px}
.mt-ll {margin-top:60px}
.mt-lll {margin-top:70px}
.mb-l {margin-bottom:50px}
.mb-ll {margin-bottom:60px}
.mb-lll {margin-bottom:70px}


/*
************************************************************************
 パッディング
************************************************************************
*/
.pt-ll      {padding-top:120px}
.pt-l       {padding-top:100px}
.pt,.pt-m   {padding-top:80px}
.pt-s       {padding-top:40px}
.pt-ss      {padding-top:20px}

.pb-ll      {padding-bottom:120px}
.pb-l       {padding-bottom:100px}
.pb,.mb-m   {padding-bottom:80px}
.pb-s       {padding-bottom:40px}
.pb-ss      {padding-bottom:20px}

/*
************************************************************************
 フォント
************************************************************************
*/
.ff-crimson{font-family: 'Crimson Text', a-otf-ryumin-pr6n, serif;}
.ff-old-standard{font-family: 'Old Standard TT', a-otf-ryumin-pr6n, serif;}
/*
************************************************************************
* 文字の太さ
************************************************************************
*/
.fw-normal {font-weight:normal }
.fw-bold   {font-weight:bold   }

/*
************************************************************************
* 文字のサイズ
************************************************************************
*/
.fs-lll   {font-size:4.0rem !important;}
.fs-ll    {font-size:3.0rem !important;}
.fs-l     {font-size:2.0rem !important;}
.fs-m     {font-size:1.6rem !important;}
.fs-s     {font-size:1.4rem !important;}
.fs-ss    {font-size:1.2rem !important;}
.fs-sss   {font-size:0.8rem !important;}

/*
************************************************************************
* 文字寄せ
************************************************************************
*/
.ta-left   {text-align:left !important;}
.ta-right  {text-align:right !important;}
.ta-center {text-align:center !important;}

/*
************************************************************************
* ブロック
************************************************************************
*/
.display-block          {display:block !important;}
.display-inline-block   {display:inline-block !important;}
.display-inline         {display:inline !important;}

/*
************************************************************************
* 文字色
************************************************************************
*/
.fc-white
{
	color:#FFFFFF;
}
.fc-red
{
	color:#AF0123;
}
/*
************************************************************************
* インデント
************************************************************************
*/
/*2行目以降文字下げる*/
.indent-05{padding-left:0.5em;text-indent: -0.5em;}
.indent-10{padding-left:1em;text-indent: -1em;}
.indent-15{padding-left:1.5em;text-indent: -1.5em;}
.indent-20{padding-left: 2em;text-indent: -2em;}

/*
************************************************************************
* 文字間
************************************************************************
*/
.ls-05
{
	letter-spacing:0.5em;
}


/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:767px) {
	/*
	************************************************************************
	 マージン
	************************************************************************
	*/
	.mt {margin-top:15vw;}
	.mt-s {margin-top:10vw;}

	.mb {margin-bottom:15vw;}
	.mb-s {margin-bottom:10vw;}


	/*
	************************************************************************
	 パッディング
	************************************************************************
	*/
	.pt-ll      {padding-top:25vw}
	.pt-l       {padding-top:20vw}
	.pt,.pt-m   {padding-top:15vw}
	.pt-s       {padding-top:10vw}
	.pt-ss      {padding-top:6.25vw}

	.pb-ll      {padding-bottom:35vw}
	.pb-l       {padding-bottom:20vw}
	.pb,.mb-m   {padding-bottom:15vw}
	.pb-s       {padding-bottom:10vw}
	.pb-ss      {padding-bottom:6.25vw}

	/*
	************************************************************************
	* 文字のサイズ
	************************************************************************
	*/
	.fs-lll   {font-size:3.8rem !important;}
	.fs-ll    {font-size:3.2rem !important;}
	.fs-l     {font-size:2.6rem !important;}
	.fs-m     {font-size:2.2rem !important;}
	.fs-s     {font-size:1.8rem !important;}
	.fs-ss    {font-size:1.6rem !important;}
	.fs-sss   {font-size:1.0rem !important;}

	/*
	************************************************************************
	 マージン
	************************************************************************
	*/
	.sp-mt-ll         {margin-top:25vw}
	.sp-mt-l          {margin-top:20vw}
	.sp-mt,.sp-mt-m   {margin-top:15vw}
	.sp-mt-s          {margin-top:10vw}
	.sp-mt-ss         {margin-top:6.25vw}

	.sp-mb-ll         {margin-bottom:25vw}
	.sp-mb-l          {margin-bottom:20vw}
	.sp-mb,.sp-mb-m   {margin-bottom:15vw}
	.sp-mb-s          {margin-bottom:10vw}
	.sp-mb-ss         {margin-bottom:6.25vw}

	/*
	************************************************************************
	 パッディング
	************************************************************************
	*/
	.sp-pt-ll         {padding-top:25vw}
	.sp-pt-l          {padding-top:20vw}
	.sp-pt,.sp-pt-m   {padding-top:15vw}
	.sp-pt-s          {padding-top:10vw}
	.sp-pt-ss         {padding-top:6.25vw}

	.sp-pb-ll         {padding-bottom:35vw}
	.sp-pb-l          {padding-bottom:20vw}
	.sp-pb,.sp-mb-m   {padding-bottom:15vw}
	.sp-pb-s          {padding-bottom:10vw}
	.sp-pb-ss         {padding-bottom:6.25vw}

	/*
	************************************************************************
	 フォント
	************************************************************************
	*/
	.sp-ff-noto     {font-family: "Roboto", "Noto Sans Japanese", sans-serif;}
	.sp-ff-sawarabi {font-family: "Roboto", "Sawarabi Mincho", serif;}
	.sp-ff-yugo     {font-family: "Roboto", "YuGothic-Medium", "Yu Gothic Medium", "YuGothic-Regular", "游ゴシック Medium", YuGothic, "游ゴシック体", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
	.sp-ff-yumin    {font-family: "Roboto", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", serif;}

	/*
	************************************************************************
	* 文字の太さ
	************************************************************************
	*/
	.sp-fw-normal {font-weight:normal }
	.sp-fw-bold   {font-weight:bold   }

	/*
	************************************************************************
	* 文字のサイズ
	************************************************************************
	*/
	.sp-fs-lll   {font-size:3.8rem !important;}
	.sp-fs-ll    {font-size:3.2rem !important;}
	.sp-fs-l     {font-size:2.6rem !important;}
	.sp-fs-m     {font-size:2.2rem !important;}
	.sp-fs-s     {font-size:1.8rem !important;}
	.sp-fs-ss    {font-size:1.6rem !important;}
	.sp-fs-sss   {font-size:1.0rem !important;}

	/*
	************************************************************************
	* 文字寄せ
	************************************************************************
	*/
	.sp-ta-left   {text-align:left !important;}
	.sp-ta-right  {text-align:right !important;}
	.sp-ta-center {text-align:center !important;}

	/*
	************************************************************************
	* ブロック
	************************************************************************
	*/
	.sp-display-block          {display:block !important;}
	.sp-display-inline-block   {display:inline-block !important;}
	.sp-display-inline         {display:inline !important;}
	



}