@media screen and （max-width: 768px） {
/* 768px以下の画面サイズで適用されるスタイル */
}

@media screen and （min-width: 769px） and （max-width: 1024px） {
/* 769px~1024pxの画面サイズで適用されるスタイル */
}

body {
	width:100%;
	margin: auto;
	font-family: "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
	background-color: #FFFFFF;	
 }
.jyunsui {
    position: relative;
    top: 130px;
    left: 10px;
    display: flex;
    align-items: left;
	margin-bottom: 10px;
	font-size: 40pt;
}
	
.footer{
    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}

.undermenu { 
 position: relative; /*←アンダーメニュー*/
 width:100%;
  
 }

.copyright {
	width:100%;
	text-align:center;
	font-size: 30pt;
	 
  }
.company {
	width:100%;
	text-align:center;
	font-size: 30pt;
	font-weight: bold;
	color: #0066FF;
	text-decoration: none;
	color:inherit;
}

  
  /*ハンバーガーメニューここから*/
.menu-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    height: 130px;/*ボタンサイズ縦*/
    width: 130px;/*ボタンサイズ横*/
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #3584bb;
	 border-radius: 20px;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {

    content: '';
    display: block;
    height: 10px;/*3本線の太さ*/
    width: 100px;/*3本線の長さ*/
    border-radius: 10px;/*3本線の角丸*/
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 30px;/*3本線の間隔*/
}
.menu-btn span:after {
    top: 30px;/*3本線の間隔*/
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;
}

.menu-content {
    width: 95%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #3584bb;
	font-size: 40pt;
	 
}
.menu-content ul {
    padding: 70px 10px 0;
		font-size: 40pt;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
	font-size: 40pt;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
	font-size: 40pt;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
	font-size: 40pt;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #3584bb;
    transition: all 0.2s;/*アニメーション設定*/
	font-size: 40t;
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}
  /*ハンバーガーメニューここまで*/
  	
.topitem {
	margin-top: 130px;
	margin-bottom: 0px;
	padding: 0px;
	
}

.titleimage {
	padding-top: 12px;

}
.jyunsui {
	font-size: 40px;
	margin: 0px 0px 0px;
	padding: 0px;
	color: #0033CC;

}

.flexbox {
  display: flex;
  flex-direction: column;
  align-items:center;
  text-align:center;
  width: 100%;  

  
}

.flex-item {
	border: 1px solid #000;
	width: 100%;
	font-size: 30pt;
	line-height: 70pt;
	background-color: #0099FF;
}

header {
	margin: 0;
	background-color: #f5f5f5;
}


body {
	margin: 0 0 0px;
	position:relative;
	top:0px;
}


/*カルーセルここから */
.carousel {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scroll-snap-type: both mandatory;
 }


.carousel-item {
  scroll-snap-align: start;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  margin::0 auto;

}
  /* カルーセルここまで */


  .title_small {
	height: 24px;
	font-weight: bold;
	color: rgb(38, 135, 232);
	left: 12px;
	top: 358px;
	text-align: center;
	transform: translate3d(89px, -161px, 0px);
	font-size: 13pt;
    }

.sitemap {
	line-height: 0;
	font-size: large;
	align:center;
}

.whitebold {
	color: #ffffff;
    font-weight: bold;
}

.style3 {
	font-size: 26pt;
	margin-left: 30px;
	text-indent: 50pt;
	line-height: 32pt;
	text-align: left;
}

.whitebold {
	color: #ffffff;
    font-weight: bold;
}
.style11 {
	color: #FF0000;
	font-weight: bold;
	font-size: 22pt;
	line-height: 34pt;
}
.style9 {
	font-size: 22pt;
	line-height: 35pt;
}
.style9-2 {
	font-size: 13pt;
	line-height: 18pt;
}

.style10 {
	font-size: 22pt;
	font-weight: bold;
	line-height: 32pt;
}
.style5 {
	font-size: 22pt;
	line-height: 30pt;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

.style6 {color: #FFFFFF}

.style12 {
	font-size: 12pt;
	line-height: 18pt;
}
.style13 {
	font-size: 13pt;
	line-height: 20px;
	font-weight: bold;
	color: #FF0000;
}
.GREEN {
	font-size: 14pt;
	line-height: 22pt;
	color: #009900;
	font-weight: bold;
}

.jl_items {
	border-radius: 20px;
	background-color: #ffffff;
	border: 1px solid #000000;
	margin-right: 20px;
	margin-left: 20px;
	clip:   rect(auto auto auto auto);
    }
.jl_itemsttdb {
	border: 1px solid #666666;
	font-size: 16pt;
	font-weight: bold;
	line-height: 24pt;
	padding-bottom: 10pt;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
    }
.jl_itemsttd {
	border: 1px solid #666666;
	font-size: 16pt;
	line-height: 24pt;
	padding-top: 10pt;
	padding-bottom: 10pt;
    }
.jl_itemsttdblue {
	border: 1px solid #666666;
	font-size: 16pt;
	color: #0099FF;
	line-height: 24pt;
    }
	
.JL1Simg {
      left: 50px;
      width: 50px;
      height: 140px;
      top: 286px;
	  }
	  
.jlseriestitle {
	font-size: 38pt;
	line-height: 45pt;
	font-weight: bold;
	color: #0099FF;
}
.noborder {
	border: none;
}
.style9-3 {
	font-size: 14px;
	line-height: 22px;
	color: #0099FF;
}
.unnamed1 {
	background-color: #CCCC99;
}
.jlseriestitlepink {
	font-size: 32pt;
	line-height: 40pt;
	font-weight: bold;
	color: #FF33FF;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
}
.jl-pitms {
	border-radius: 10px;
	background-color: #33CCFF;
	border: 1px solid #000000;
	font-size: 14pt;
	line-height: 16pt;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-right: 10px;
	margin-left: 10px;
}
.yellow {color: #FFFF00}.textsmall {
	font-size: 14pt;
}
.explanatorytext {
	font-size: 14pt;
	line-height: 20pt;
	margin-right: 10px;
	margin-left: 10px;
}
.pinkbold {
	color: #FF33FF;
	font-weight: bold;
}
.subtitle {
	margin-left: 10px;
	font-weight: bold;
	border-bottom: 1pt solid #000000;
}
.jl_itemsttdb_text {
	font-size: 12pt;
	font-weight: bold;
	line-height: 18pt;
}
.jl_itemsttd_text {

	border: 0px 0;
	font-size: 12pt;
	line-height: 18pt;
}
.unnamed1 {
	background-color: #0066CC;
}
.style12bold {
	font-size: 12pt;
	line-height: 18pt;
	font-weight: bold;
}
.style12large {

	font-size: 14pt;
	line-height: 22pt;
}
.suirikyou {
	font-size: 13pt;
	line-height: 23pt;
	margin-right: 20px;
	margin-left: 25px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.suirikyou2 {
	font-size: 12pt;
	line-height: 22pt;
	margin-right: 20px;
	margin-left: 25px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	font-weight: bold;

}
.suirikyou3 {
	font-size: 12pt;
	line-height: 22pt;
	margin-top: auto;
	margin-right: 20px;
	margin-left: 25px;
}
.FAQ {
	border: 1px solid #333333;
	margin: 5px 25px;
	padding: 10px;
	border-radius: 10px;
	line-height: normal;
	background-color: #E9EFF3;
}
.FAQinnerQ {
	font-size: 20pt;
	margin: 5px;
	padding: 10px;
	line-height: 30pt;
	color: #FF9900;
	font-weight: bold;
	vertical-align: top;
}
.FAQinnerA {
	font-size: 20pt;
	margin: 5px;
	padding: 10px;
	line-height: 35pt;
	font-weight: bold;
	color: #0099FF;
	vertical-align: top;
}

 	.whitebold{
	color: #ffffff;
    font-weight: bold;
}

.title_2 {
	height: 40px;
	font-weight: bold;
	text-align: center;
	transform: translate3d(89px, -161px, 0px);
	font-size: 30pt;
	color: #0099FF;
}
.jlseriestitleskyblue {
	border-radius: 25px;
	font-size: 28pt;
	line-height: 30pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #33CCFF;
	margin-right: 25px;
	margin-left: 25px;
	padding-top: 8px;
	padding-bottom: 8px;
	
}
.general_text {
	font-size: 30pt;
	line-height: 40pt;
	color: #0033CC;
	margin-right: 25px;
	margin-left: 25px;
	width: 80%;
}
.productitem {
	font-size: 32pt;
	line-height: 40pt;
	background-color: #0099FF;
	margin-right: 25px;
	margin-left: 25px;
	background-position: center;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.subtitle {
	margin-right: 25px;
	margin-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 35pt;
	line-height: 45pt;
	margin-top: auto;
	border-bottom: thin solid #000000;
	font-weight: bold;
}
.subtext_unnderborder {
    margin-right: 25px;
	margin-left: 25px;
	font-weight: normal;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 30pt;
	line-height: 46pt;
	border-bottom: 1pt solid #000000;
}
.subtext_nonborder {

    margin-right: 25px;
	margin-left: 25px;
	font-weight: normal;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 30pt;
	line-height: 50pt;
}
.subtitle2 {
	margin-right: 25px;
	margin-left: 25px;
	padding-top: 10pt;
	padding-bottom: 10pt;
	font-size: 22pt;
	line-height: 28pt;
	margin-top: 5px;
	margin-bottom: 5px;
}
.JL4Stable {
	font-size: 22pt;
	line-height: 30pt;
	padding-top: 20pt;
	padding-bottom: 10pt;
}
.jl_itemsttd_hanyou {
	border: none;
	font-size: 16pt;
	line-height: 24pt;
	padding-top: 10pt;
	padding-bottom: 10pt;
	background-position: top;
}
.general_bold {
	font-size: 30pt;
	line-height: 40pt;
	color: #0033CC;
	margin-right: 25px;
	font-weight: bold;
}
.image {
	width: 100px;
	background-position: center;
}
.general_text2 {
	font-size: 30pt;
	line-height: 40pt;
	color: #0033CC;
	margin-right: 30px;
	margin-left: 30px;
}
.subtext {
	margin-left: 10px;
	font-weight: normal;
	border-bottom: 1pt solid #000000;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 30pt;
	line-height: 46pt;
}
.subtext_blue {
	margin-left: 10px;
	font-weight: normal;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 30pt;
	line-height: 46pt;
	color: #003399;
}

.image_L {
	background-position: center;
	padding-right: 30px;
	padding-left: 30px;
}
.style14 {
	color: #FF0000;
	font-weight: bold;
}
.style15 {color: #0066CC}

.formbutton {
	color: #0099FF;
	background-color: #EEEEEE;
	height: 120px;
	width: 300px;
	font-weight: bold;
	font-size: 30pt;
	border-radius: 20px;
	border: thin solid #000000;
}


.red_bold {
	color: #FF0000;
	font-weight: bold;
	font-size: 30pt;
	line-height: 46pt;
	margin-left: 10px;
	padding-right: 30px;
	padding-left: 30px;
}
.style10Copy {

	font-size: 22pt;
	font-weight: normal;
	line-height: 32pt;
}
.style10_underber {
	font-size: 22pt;
	font-weight: bold;
	line-height: 32pt;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}


/*ここからカルーセル*/
.slider img{
	width:80%;
}
.slider{
  width:70%;
  margin:0 auto;
}
.slider-dots li button:before{
	font-size:20px!important;
}
/*ここまでカルーセル*/
.style16 {
	color: #FF0000;
}
.style17 {color: #009933}

img {
  -webkit-touch-callout: none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
	-webkit-user-drag: none;
  -khtml-user-drag: none;
	user-drag: none;
  touch-callout:none;
  user-select:none;
}

.style18 {font-size: 30pt}
.style19 {font-size: 28pt}