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


.navbar .nav-item a,
.navbar .navbar-brand 
{
   color: white !important;
}

.navbar .nav-item a:hover 
{
   color: rgba(255, 255, 255, 0.8) !important;
}

.nav-item{
	margin-top: 0px;

}

.navbar{
	padding: 0;
	margin: 0px
}

 .navbar-dark .navbar-toggler {
border-color:#FFFFFF;
border-width: 2px;
padding: 0px;
	 padding: 5px;
}

.top_line{
	background-image:url(img3/title_haikei_l.png);
	
}

.p_line{
	background-color: #fc0fc0;
	padding: 2px;
}


.container{
	font-family:"Noto Sans JP";
}

html{
	font-family:"Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    scroll-behavior: smooth;
}


.jumbotron { background:url(img2/main_catch2.jpg) center no-repeat; background-size: cover;
color: white;

}

.jumbotron a{
	color: white;
}

.mach_thai{
	color: white;
	background: #65639A;
	padding: 10px;
	position: relative;
	
	
}

.mach_thai a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

.mach_jpn{
	color: white;
	background: #65639A;
	padding: 10px;
	position: relative;
	
	
}

.mach_jpn a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

.m_title{
font-family:"Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
color: #ffffff;
background-color:#fc0fc0;
font-size: 24px;
padding: 10px;
font-weight: 800;
}

.footer-menu{
	font-size: 18px;
}

/*---iPad Pro---*/
@media only screen and (max-width: 1280px) {
    .footer-menu{font-size: 18px;}
}
 
/*---iPad,タブレット---*/
@media only screen and (max-width: 800px) {
    .footer-menu{font-size: 16px;}
}
 
/*---スマートフォン---*/
@media only screen and (max-width: 767px) {
    .footer-menu{font-size: 11px;}
}
 
/*---スマートフォン 小サイズ---*/
@media only screen and (max-width: 350px) {
    .footer-menu{font-size: 11px;}
}



.y_font{
font-family:"Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";	
}

.y_font_ch{
font-family:"Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-size: 16px;
line-height: 160%;
letter-spacing: 0.05em;
font-weight: 600;
	text-align:justify;
}

.txt_just{
   text-align:justify;
}

.main_b{
font-family:"Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-size: 16px;
line-height: 160%;
letter-spacing: 0.05em;
font-weight: 600;
}

.p-form {
  width: 100%;
  /*aspect-ratio: 1 / 1;*/
}
.p-form iframe {
  width: 100%;
  height: 100%;
}


.swiper-wrapper{
background-color: #dddddd;
}

.swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: 400px;
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;

	
  /*line-height: 300px;*/
	
}

.swiper-slide:nth-child(3n + 1) {
  /*1、4、7、3n+1枚目の背景色 */
  background-color: #dddddd;
}

.swiper-slide:nth-child(3n + 2) {
  /*2、5、8、3n+2枚目の背景色 */
  background-color: #dddddd;
}

.swiper-slide:nth-child(3n + 3) {
  /*3、6、9、3n+3枚目の背景色 */
  background-color: #dddddd;
}





// スマホの時だけ改行させるクラス
.br-sp {
    display: none;
}

@media (max-width: 600px) {
    .br-sp {
        display: block;
    }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}