@charset "UTF-8";
/*common style*/
a:link,
a:visited {
  color: #454545;
  text-decoration: none;
}

a:hover,
a:active {
  color: #7c7c7c;
  text-decoration: underline;
}

a:hover img {
  filter: alpha(opacity=75);
  opacity: 0.75;
}

body {
  -webkit-text-size-adjust: 100%;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #36465d;
  font-weight: 100;
  background-color: #ffffff;
}

body:before {
  content: "";
  display: block;
  position: relative;
  z-index: -1;
  width: 100%;
}

br.sp {
  display: none;
}

/* ヘッダーメニュー変更*/
/*nav style pc*/
.inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100px;
}

.inner:after {
  content: "";
  clear: both;
  display: block;
}

/*header*/
#top-head {
  position: fixed;
  width: 100%;
  padding: 0;
  line-height: 1;
  z-index: 999;
  background-color: rgba(255, 255, 255, 1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100px;
  text-decoration: none;
}

#top-head a {
  text-decoration: none;
}

#top-head .inner {
  position: relative;
}

#top-head .inner .m_logo {
  display: block;
  width:26.1vw;
  max-width:318px;
  position: absolute;
  top: 50%;
    left: 40px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#top-head .logo img {
  width: 100%;
}
#top-head.fixed {
  margin-top: 0;
  top: 0;
  position: fixed;
}

#global-nav ul {
  list-style: none;
  position: absolute;
  right: 0;
  bottom: 40px;
  font-size: 16px;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 710px;
}

#global-nav ul li {
  display: inline-block;
  position: relative;
  margin: 0;
}
#global-nav ul li.sp {
	display:none;
}
#global-nav ul li a {
	color:#24a6f0;
}
#global-nav ul li a:hover {
	color:#6ba3c3;
}

#global-nav ul li:after {
  content: "　　";
  width: 100%;
}

#global-nav ul li:hover:after {
  bottom: -10px;
}

#global-nav ul li:nth-child(5)::after {
  display: none;
}

#global-nav ul li.link_btn_box::after {
  display: none;
}

/*資料とお問合せ*/
#global-nav ul li.link_btn_box {
  position: absolute;
  top: -18px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  
  margin-right: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  padding: 0 5px 5px 0;
}

#global-nav ul li.link_btn_box.doc_reqest {
  right: 225px;
  width: 150px;
}

#global-nav ul li.link_btn_box.inquiry {
  right: 35px;
  width: 180px;
}

#global-nav ul li.link_btn_box span {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 21px;
  font-weight: bold;
  line-height: 21px;
  padding: 13px 0;
  text-align: center;
  background-color: #FC7C04;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
}
/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root #global-nav ul li.link_btn_box span {
  padding: 13px 0 10px;
}
#global-nav ul li.link_btn_box a {
  display: block;
  color: #fff;
}

#global-nav ul li.link_btn_box a:link {
  color: #fff;
}

#global-nav ul li.link_btn_box a:visited {
  color: #fff;
}

#global-nav ul li.link_btn_box a:hover {
  text-decoration: none;
}

#global-nav ul li.link_btn_box span:hover {
opacity:0.8;

}

/*Toggle Button*/
#nav-toggle {
  display: none;
  position: absolute;
  right: 12px;
  top: 14px;
  width: 34px;
  height: 36px;
  cursor: pointer;
  z-index: 101;
}

#nav-toggle div {
  position: relative;
}

#nav-toggle span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #00A3ED;
  left: 0;
  -webkit-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
  top: 0;
}

#nav-toggle span:nth-child(2) {
  top: 11px;
}

#nav-toggle span:nth-child(3) {
  top: 22px;
}

@media screen and (min-width:850px) and (max-width:1220px) {

.inner {
  height: 7.04vw;
}
#top-head {
  height: 7.04vw;
}
#top-head .inner .m_logo {
  width:28.52vw;
  left: 2.81vw;
}
#global-nav ul {
	width:54%;
  bottom: 2.82vw;
  font-size: 1.2vw;
  max-width: 56vw;
}
#global-nav ul li.link_btn_box {
  top: -1.5vw;
  padding: 0 0.35vw 0.35vw 0;
}

#global-nav ul li.link_btn_box.doc_reqest {
  right: 18.44vw;
  width: 12.30vw;
}

#global-nav ul li.link_btn_box.inquiry {
  right: 2.87vw;
  width: 14.75vw;
}

#global-nav ul li.link_btn_box span {
  font-size: 1.72vw;
  line-height: 1.72vw;
  padding: 1.06vw 0;
  border-radius: 1.97vw;
  -webkit-border-radius: 1.97vw;
  -moz-border-radius: 1.97vw;
}
	
}

@media screen and (max-width: 849px) {
  br.sp {
    display: block;
  }
  #top-head,
  .inner {
    width: 100%;
    padding: 0;
    height: 56px;
    min-height: 56px;
    max-height: 56px;
  }
  #top-head {
    top: 0;
    position: fixed;
    margin-top: 0;
    height: 56px;
    min-height: 56px;
    max-height: 56px;
  }
  #top-head .m_logo {
    position: relative;
    bottom: inherit;
  }


#top-head .inner .m_logo {

  width:60vw;
    left: 3vw;

}  
  #top-head.fixed {
    padding-top: 0;
  }
  #mobile-head {
    width: 100%;
    height: 49px;
    z-index: 999;
    position: relative;
  }
  #top-head.fixed .logo,
  #top-head .logo {
  }
  #global-nav {
    position: absolute;
    top: -300vh;
    background: rgba(255, 255, 255, 0.95);
    width: 100%;
    height: 100vh;
    text-align: center;
    padding: 0;
    -webkit-transition: .14s ease-in-out;
    transition: .14s ease-in-out;
  }

#global-nav ul {
  list-style: none;
  position: relative;
  font-size: 16px;
  padding: 112px 0 0;
  width: 100%;
  max-width: 100%;

}




  #global-nav ul li {
    float: none;
    position: static;
    display: block;
  }
  #global-nav ul li.sp {
	display: block;
	margin-bottom: 10px;
	background-image: url(../images/gpop.png);
	background-repeat: no-repeat;
	background-position: 83vw center;
}
  #global-nav ul li:after {
    display: none;
  }
  #top-head #global-nav ul li a,
  #top-head.fixed #global-nav ul li a {
    width: 90%;
    display: block;
    color: #00A3ED;
    padding: 18px 0;
	margin:auto;
  }
  #top-head #global-nav ul li:nth-child(1) a,
  #top-head #global-nav ul li:nth-child(2) a,
  #top-head #global-nav ul li:nth-child(3) a,
  #top-head.fixed #global-nav ul li:nth-child(1) a,
  #top-head.fixed #global-nav ul li:nth-child(2) a,
  #top-head.fixed #global-nav ul li:nth-child(3) a {
	  border-bottom:solid 1px #dedede;
  }
  #top-head #global-nav ul li.link_btn_box a {
	  padding: 15px 0;
  }
  #global-nav ul li.link_btn_box {
    position: static;
    margin: 0;
    display: block;
    top: initial;
    -webkit-box-sizing: initial;
            box-sizing: initial;
    width: initial;
    -webkit-transition: initial;
    transition: initial;
    padding: initial;
    background-image: initial;
    background-repeat: initial;
    background-position: initial;
    background-size: initial;
  }
  #global-nav ul li.link_btn_box.doc_reqest {
    right: initial;
	width:100%;
  }
  #global-nav ul li.link_btn_box.inquiry {
    right: initial;
	width:100%;
  }
  #global-nav ul li.link_btn_box span {
    text-align: center;
    width: 90%;
    display: block;
    -webkit-box-sizing: initial;
            box-sizing: initial;
    font-size: 16px;
    font-weight: initial;
    line-height: initial;
    padding: initial;
    background-color: initial;
    border-radius: initial;
	border:solid 1px #00A3ED;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin:0 auto 10px;
	background-color:#fff;
  }
  #global-nav ul li.link_btn_box a {
    display: initial;
  }
  #global-nav ul li.link_btn_box a:link {
    color: initial;
  }
  #global-nav ul li.link_btn_box a:hover {
    text-decoration: initial;
  }
  #global-nav ul li.link_btn_box span:hover {
    -webkit-transform: initial;
            transform: initial;
  }
  #global-nav ul li.sp {
    display: block;
  }
  #global-nav ul li.pc {
    display: none;
  }
  #nav-toggle {
    display: block;
  }
  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    background: #00A3ED;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
    background: #00A3ED;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    background: #00A3ED;
    -webkit-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }
  .open #global-nav {
    top: 0;
  }
}


/*footer--------------------------------*/
footer {
  font-size: 14px;
  color: #FFF;
  background-color: #24a6f0;
  text-align: left;
  width: 100%;
  line-height: 1.5;
}
footer a:visited {
  color: #fff;
}
footer .ins {
  width: 90%;
  max-width: 1220px;
  margin: auto;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 35px 0 45px;
}
footer .ins h2 img {
  width: 318px;
  margin-bottom:65px;
}
footer .ins .link_btn_box2 {
	position:absolute;
	width:645px;
	top:35px;
	right:0;
}
footer .ins .link_btn_box2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 645px;
}
footer .ins .link_btn_box2 ul li {
  width: 300px;
  margin-right: 45px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  
}
footer .ins .link_btn_box2 ul li:last-child {
  margin-right: 0;
}
footer .ins .link_btn_box2 ul li span {
  display: block;
  font-size:21px;
  text-align:center;
  line-height:40px;
  border:solid 4px #fff;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  padding:0;
  font-weight:bold;
}
/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root footer .ins .link_btn_box2 ul li span {
  padding-top:4px;
}
footer .ins .link_btn_box2 ul li a {
  display: block;
}
footer .ins .link_btn_box2 ul li a:link {
  color: #fff;
}
footer .ins .link_btn_box2 ul li a:hover {
  text-decoration: none;
  opacity:0.8;
}
footer .ins ol {
  position:absolute;
  left:0;
  bottom:45px;
}
footer .ins ol li {
  display: inline-block;
  font-size: 14px;
}
footer .ins ol li:after {
  content: "　/　";
}
footer .ins ol li:last-child:after {
  content: initial;
}
footer .ins ol li a {
  color: #fff;
}
footer .ins .copyright {
	position:absolute;
	right:0;
	bottom:45px;
  width: 30%;
  margin: 0;
  text-align: right;
  font-size: 14px;
  color:#fff;
}
@media screen and (min-width:850px) and (max-width:1220px) {
footer .ins {
  width: 93.44%;
  padding: 3vw 0 4vw;
}
footer .ins h2 img {
  width: 28.52vw;
  margin-bottom:5.33vw;
}
footer .ins .link_btn_box2 {
	position:absolute;
	width:52.87vw;
	top:3vw;
}
footer .ins .link_btn_box2 ul {
  width:52.87vw;
}
footer .ins .link_btn_box2 ul li {
  width: 24.6vw;
  margin-right: 3.6vw;
}
footer .ins .link_btn_box2 ul li span {
  font-size:1.72vw;
  line-height:3.27vw;
  border:solid 0.32vw #fff;
  border-radius: 1.96vw;
  -webkit-border-radius: 1.96vw;
  -moz-border-radius: 1.96vw;
}
footer .ins ol {
  bottom:3.69vw;
}
footer .ins .copyright {
	bottom:3.69vw;
  width: 40%;
}
}
@media screen and (max-width:849px) {
footer .ins {
  width: 80%;
  padding: 6.5vw 0 2.6vw;
}
footer .ins h2 {
	margin:0 auto 4.9vw;
	width: 55.73vw;
}
footer .ins h2 img {
  width: 100%;
  margin-bottom:0;
}	
footer .ins .link_btn_box2 {
	position:relative;
	width:100%;
	top: auto;
	right: auto;
}
footer .ins .link_btn_box2 ul {
  width: 100%;
  margin-bottom:6.12vw;
}
footer .ins .link_btn_box2 ul li {
  width: 48%;
  margin-right: 4%;

  
}
footer .ins ol {
  position:relative;
  left:initial;
  bottom:initial;
  margin:0 auto 4.55vw;
  width: max-content;
}
footer .ins ol li {
  display: inline-block;
  font-size: 14px;
  text-align:center;
}
footer .ins .copyright {
	position:relative;
	right:initial;
	bottom:initial;
  width: 100%;
  text-align: center;
}
	
}




@media screen and (max-width: 767px) {
  footer {
    font-size: 14px;
    line-height: 2;
  }
  footer .ins {
    padding: 10.87vw 0 4.8vw;
	width:76.8%;
  }

  footer .ins h2 {
    width: 100%;
    margin: 0 auto 12.08vw;
  }
footer .ins .link_btn_box2 ul {
  -ms-flex-wrap:  initial;
      flex-wrap:  initial;
  display:block;
  width: 100%;
}
footer .ins .link_btn_box2 ul li {
  width: 100%;
  margin-right: 0;
  margin-bottom:7.24vw;
}
footer .ins .link_btn_box2 ul li span {
  display: block;
  font-size:5.07vw;
  text-align:center;
  line-height:11.59vw;
  border:solid 0.967vw #fff;
  border-radius: 5.8vw;
  -webkit-border-radius: 5.8vw;
  -moz-border-radius: 5.8vw;
  padding:0;
  font-weight:bold;
}
footer .ins ol {
	width:100%;
	margin-bottom:10vw;
}
footer .ins ol li {
  display: block;
  font-size: 3.4vw;
  line-height:10vw;
  width:100%;
  border-bottom:solid 1px #fff;
}
footer .ins ol li a {
	display:block;
}
footer .ins ol li a:hover {
	text-decoration: none;
}
footer .ins ol li:first-child {
	border-top:solid 1px #fff;
}
footer .ins ol li:after {
  content:  "";
}
footer .ins .copyright {
	font-size: 3.4vw;
}

}



/*container*/
.container {
  position: relative;
  min-height: 100vh;
}

article {
  background-color: #f7f8fd;
  padding-top:100px;
  position:relative;
  overflow:hidden;
}
@media screen and (min-width:850px) and (max-width:1220px) {
article {
  padding-top:7.04vw;
}
}
@media screen and (max-width: 849px) {
article {
  padding-top:56px;
}
}
section {
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.8;
}
section img {
  width: 100%;
}
section .box {
	width:100%;
	margin:auto;
	max-width:1300px;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
}


/*           */
section#mainbox {
	background-color:#24A6F0;
	margin: 0 auto;
	position: relative;
    z-index: 0;
}
section#mainbox::before {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    bottom: -99%;
    left: 0;
    background-color: #fff;
    transform-origin: bottom left;
    transform: skewY(-10deg);
    z-index: -1;
    left: 0;
}

section#mainbox .box {
	padding:100px 40px 170px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
section#mainbox .box .mainleft {
	width:50%;
	margin: auto;
}
section#mainbox .box .mainleft h2 {
	font-size:32px;
	font-weight:bold;
	line-height:1.5;
	color:#fff;
	margin-bottom:35px;
	text-align:center;
}
section#mainbox .box .mainleft h2 br.m_txt {
	display:none;
}
section#mainbox .box .mainleft h3 {
	background-color:#fff;
	width:80%;
	padding:5px 0;
	text-align:center;
	margin:auto;
	margin-bottom:70px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	
}
section#mainbox .box .mainleft h3 img {
	width:62.67%;
	margin:auto;
}
section#mainbox .box .mainleft ul {
	display: flex;
	flex-wrap: wrap;
	width: 93.4%;
	padding-left:1%;
}
section#mainbox .box .mainleft ul li {
	width:48%;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	margin-right:4%;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	line-height:50px;
	background-color:#fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	padding:5px;
	box-shadow:
	 3px 3px 10px rgba(0, 0, 0, 0.2);
}
section#mainbox .box .mainleft ul li:last-child {
	margin-right:0;
}
section#mainbox .box .mainleft ul li span {
	width:100%;
	display:block;
	border:solid 2px #24A6F0;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;	
}
/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root section#mainbox .box .mainleft ul li span {
  padding:5px 0 0;
}
section#mainbox .box .mainleft ul li a {
	display:block;
	text-decoration: none;
	color:#36465D;
}
section#mainbox .box .mainleft ul li a:hover,
section#mainbox .box .mainleft ul li span:hover {
	opacity:0.8;
}
section#mainbox .scroll {
	text-align:center;
	padding-bottom:40px;
}
section#mainbox .box .mainright {
	width:50%;
	display:block;
}
section#mainbox .scroll img {
	width:38px;
}


@media screen and (max-width:1300px) {
section#mainbox .box {
	padding:7.7vw 3.07vw 13.08vw;
}
section#mainbox .box .mainleft h2 {
	margin-bottom:2.6vw;
}

section#mainbox .box .mainleft h2 br.m_txt {
	display:block;
}
section#mainbox .box .mainleft h3 {
	padding:0.4vw 0;
	margin-bottom:3.8vw;
}
}
@media screen and (max-width:980px) {
section#mainbox .box .mainleft h2 {
	font-size:3.2vw;
}
}
@media screen and (max-width:849px) {
section#mainbox .box {
	padding:5.6vw 3.26vw 26vw;
	display: block;
	flex-wrap:  initial;
	width: 100%;
}
section#mainbox::before {
    transform: skewY(-15deg);
}
section#mainbox .box .mainleft {
	width:100%;
	margin: auto;
	z-index:10;
	position:relative;
}
section#mainbox .box .mainleft h2 {
	font-size:3.76vw;
	text-align:center;
	margin-bottom:2.6vw;
}
section#mainbox .box .mainleft h2 br.m_txt {
	display:none;
}
section#mainbox .box .mainleft h3 {
	width:65%;
	padding:0.6vw 0;
	margin:0 auto 56vw;
	
}
section#mainbox .box .mainleft h3 img {
	width:47.4vw;
}
section#mainbox .box .mainleft ul {
	margin:auto;
}
section#mainbox .box .mainleft ul li {
	font-size:3.3vw;
	line-height:7vw;
    border-radius: 4.8vw;
    -webkit-border-radius: 4.8vw;
    -moz-border-radius: 4.8vw;
	padding:1vw;
}
section#mainbox .box .mainleft ul li span {
    border-radius: 4vw;
    -webkit-border-radius: 4vw;
    -moz-border-radius: 4vw;	
}


section#mainbox .box .mainright {
	width:80%;
	display:block;
	margin:auto;
	position:absolute;
	top:23vw;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index:20;
	
}
}


@media screen and (max-width: 767px) {
section#mainbox .box {
	padding:4.83vw 1.93vw 22vw;
}
section#mainbox::before {
    transform: skewY(-11deg);
}
section#mainbox .box .mainleft h2 {
	font-size:5.8vw;
	margin-bottom:4vw;
}
section#mainbox .box .mainleft h2 br.m_txt {
	display:block;
}
section#mainbox .box .mainleft h3 {
	width:69.8%;
	margin:0 auto 68vw;
}
section#mainbox .box .mainleft h3 img {
	width:55vw;
}
section#mainbox .box .mainleft ul {
	display: block;
	flex-wrap: initial;
	width: 100%;
	padding-left:1%;
}
section#mainbox .box .mainleft ul li {
	width:98%;

	font-size:5.3vw;
	line-height:11.6vw;
    border-radius: 6.8vw;
    -webkit-border-radius: 6.8vw;
    -moz-border-radius: 6.8vw;
	padding:1vw;
	
	margin-bottom:6vw;
}
section#mainbox .box .mainleft ul li span {
    border-radius: 5.8vw;
    -webkit-border-radius: 5.8vw;
    -moz-border-radius: 5.8vw;	
}
section#mainbox .box .mainright {
	width:94%;
	top:39vw;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	padding-left:0;
}

}








/*function*/
/*feature*/
/*faq*/
section .title {
	width: 100%;
	background-color: #fff;
	padding: 90px 0 15px;
	text-align: center;
}
section .title h2 {
}
section .title h2 img {
	height:auto;
	width:339px;
}
section .title h3 {
	margin-bottom:35px;
	font-size:14px;
}
section .title p {
	margin-bottom:35px;
	font-size:16px;
	line-height:2;
}
@media screen and (max-width: 767px) {
section .title {
	padding:11vw 0 5vw;
}
section .title h2 {
	margin-bottom:0.5vw;
}
section .title h2 img {
	height:auto;
	width:44vw;
}
section .title h3 {
	margin-bottom:5vw;
	font-size:3.3vw;
}
section .title p {
	margin-bottom:1vw;
	font-size:3.5vw;
	line-height:1.5;
}
}


/*kadai*/
section#kadai {
	background-color:#fff;
	margin: 0 auto;
	position: relative;
    z-index: 0;
	background-image: url(../images/bgimgs.png);
	background-repeat: no-repeat;
	background-position: calc(50% - 510px) calc(50% - 20%);
}
section#kadai:before {
  content: '';
  position: absolute;
  top: 40%;
  left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  background: #F7F8FD;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  z-index: -1;
}

section#kadai .box {
	width: 100%;
	max-width: 1220px;
	padding-bottom:100px;
	overflow: visible;
}
section#kadai .box::after {
background-image: url(../images/bgimgs2.svg);
background-repeat: no-repeat;
background-position: calc(50% - 430px) bottom;
content: '';
position: absolute;
bottom: -100px;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}


section#kadai .hukidasi {
	display: block;
	position: absolute;
	top: -50px;
	left: 100px;
	background-image: url(../images/bgimgs1.png);
	width: 120px;
	height: 205px;
	background-repeat: no-repeat;
	background-size:contain;
}
section#kadai p {
	font-size:43px;
	margin:0 0 65px 18%;
	line-height:1;
	font-weight:bold;
}
section#kadai .box ul {
	width:82%;
	margin-left:18%;
	display: block;
	position:relative;
}
section#kadai .box ul li {
	display: block;
	width: 48%;
  -webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#F7F8FD;
	padding-bottom:55px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
section#kadai .box ul li:first-child {
	margin-right:4%;
}
section#kadai .box ul li:last-child {
	position:absolute;
	top:60px;
	right:0;
}

section#kadai .box ul li dl dt {
	background-color:#36465D;
	text-align:center;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	line-height:1;
	padding:18px 0;
	
	border-radius:  10px 10px 0 0;
    -webkit-border-radius:  10px 10px 0 0;
    -moz-border-radius:  10px 10px 0 0;
}
section#kadai .box ul li dl dd {
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
}
section#kadai .box ul li dl dd img {
	width:81.25%;
	padding:40px 0 26px;
}
section#kadai .box ul li dl dd.ft_img {
	text-align:center;
}
section#kadai .box ul li dl dd.ft_txt {
	width: 83.33%;
	margin: 0 auto 15px;
	text-indent: -1.5rem;
	padding-left:1.5rem;
	
}
section#kadai .box ul li dl dd.ft_txt::before {
	content:"● ";
}

@media screen and (max-width:1300px) {
section#kadai {
	background-position: 3% calc(50% - 32%);
	background-size:14.5vw 38.08vw;
}
section#kadai:before {
  top: 36%;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
}
section#kadai .box::after {
background-position: 3% bottom;
bottom: -7.7vw;
background-size:30% auto;
}

section#kadai .box ul {
	width:79%;
}
section#kadai .box {
	padding-bottom:7.5vw;
}
section#kadai .hukidasi {

	top: -3.85vw;
	left: 8.3vw;
	background-image: url(../images/bgimgs1.png);
	width: 8%;
	height: 15.77vw;
	background-repeat: no-repeat;
	background-size:contain;
}






}

@media screen and (max-width:1000px) {
section#kadai {
	background-position: 3% calc(50% - 28%);
}
section#kadai p {
	font-size:4.3vw;
	margin:0 0 6.5vw 18%;
	line-height:1;
	font-weight:bold;
}	
}

@media screen and (max-width:850px) {
section#kadai {
	background-image:  initial;
	background-image:none;
}
section#kadai:before {
  top: 80%;
  left: -10%;
}
section#kadai .box::after {
background-position:bottom center;
bottom: -7.7vw;
background-size:30% auto;
}
section#kadai p {
	font-size:4.3vw;
	margin:0 0 6.5vw 0;
	text-align:center;
}
section#kadai .hukidasi {
	display:none;
}
section#kadai .box ul {
	width:60%;	
	margin:auto;
}
section#kadai .box ul li {
	width: 100%;
	margin-bottom:5.2vw;
}
section#kadai .box ul li:first-child {
	margin-right:0;
}
section#kadai .box ul li:last-child {
	position:relative;
	top:0;
}


}

@media screen and (max-width: 767px) {
section#kadai:before {
  left: -20%;
}
section#kadai .box::after {
bottom: -30vw;
background-size:50% auto;
}
section#kadai .box ul {
	width:94%;	
	margin:auto;
}
section#kadai .box ul li {
	padding-bottom:10vw;
}
section#kadai .box ul li dl dt {
	font-size:5.8vw;
	padding:4.8vw 0;
}
section#kadai .box ul li dl dd img {
	width:81.25%;
	padding:8vw 0 8vw;
}
section#kadai .box ul li dl dd.ft_img {
	text-align:center;
}
section#kadai .box ul li dl dd.ft_txt {
	width: 83.33%;
	font-size:3.86vw;
	margin: 0 auto 4vw;
	text-indent: -5.79vw;
	padding-left:5.79vw;
	
}










}




/*kaiketu*/
section#kaiketu {
	z-index: 0;
	position: relative;
}
section#kaiketu::after {
	content: '';
    display: block;
    position: absolute;
    top: 100%;

    bottom: -99%;
    left: 0;
    background-color: #fff;
    z-index: -1;
    left: 0;

right: -30%;
transform-origin: left top;
transform: rotate(-5deg);
width: 150%;
height: 80%;
}


section#kaiketu .box {
	width:100%;
	max-width:1220px;
	padding:0 0 0;
	z-index: 0;
}
section#kaiketu .box h2 {
	text-align:center;
	font-size:40px;
	font-weight:bold;
	margin-bottom:50px;
	color:#fff;
	
	text-shadow    : 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000;
}
section#kaiketu .box h2 br {
	display:none;
}
section#kaiketu .box .img01 {
	width:88.5%;
	max-width:1080px;
	margin:0 auto 30px;
}
section#kaiketu .box h3 {
	text-align:center;
	font-size:48px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:1.3;
}
section#kaiketu .box h3 span {
	font-size:64px;
	color:#24A6F0;
}
section#kaiketu .box .img02 {
	width:20%;
	max-width:204px;
	margin:0 auto 0;
}




@media screen and (max-width:849px) {
section#kaiketu .box h3 {
	font-size:5.65vw;
	margin-bottom:2.35vw;
}
section#kaiketu .box h3 span {
	font-size:7.82vw;
}
section#kaiketu .box .img02 {
	width:21.61vw;
	max-width:21.61vw;
}
}
@media screen and (max-width:767px) {

section#kaiketu .box h2 {
	font-size:9.66vw;
	margin-bottom:9vw;
	line-height:1.3;
}
section#kaiketu .box h2 br {
	display:block;
}
section#kaiketu .box h3 {
	font-size:6.76vw;
	margin-bottom:4.8vw;
}
section#kaiketu .box h3 span {
	font-size:8.94vw;
}
section#kaiketu .box .img02 {
	width:35.5vw;
	max-width:35.5vw;
}
}












/*feature*/
section#feature {
	/*margin-top:-100px;*/
	padding-top:100px;
}
@media screen and (min-width:850px) and (max-width:1220px) {
section#feature {
	/*margin-top:-7.04vw;*/
	padding-top:7.04vw;
}
}
@media screen and (max-width:849px) {
section#feature {
	/*margin-top:-54px;*/
	padding-top:54px;
}
}
section#feature {
	z-index: 0;
	position: relative;
	background-color:#fff;
	padding-bottom:80px;
}
section#feature:before {
  content: '';
  position: absolute;
  top: 90%;
  left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  background: #F7F8FD;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1;
}
section#feature .box {
	width:100%;
	max-width:1220px;
	margin:auto;
}
section#feature .box ul {
	display: block;
	width: 100%;
	max-width:1080px;
	margin:auto;
	margin-bottom:80px;
	position:relative;
	overflow:hidden;
}
section#feature .box ul li {
	width: 460px;
	height:460px;
	box-sizing: border-box;
  -webkit-box-sizing: border-box;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	background-color:#F7F8FD;
	padding:45px 0 55px;
	display:block;
}
section#feature .box ul li:first-child {
	float:left;
}
section#feature .box ul li:last-child {
	float:right;
}
section#feature .box ul li div {
	text-align:center;
	width:100%;
	margin:auto;
	position:relative;
	
}
section#feature .box ul li div img {
	width:66.74%;
	margin-bottom:20px;
}
section#feature .box ul li div h4 {
	text-align:center;
	color:#24a6f0;
	font-size:24px;
	font-weight:bold;
	line-height:1.5;
	width:100%;
	
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}
section#feature .box ul li div h4:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 40px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #24A6F0;
  border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
section#feature .box ul li div p {
	text-align:center;
	font-size:16px;
}
@media screen and (max-width:1300px) {

section#feature .box {
	width:93.85%;
}
}

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


section#feature .box ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom:8vw;
}
section#feature .box ul li {
	width: 48.32%;
	height:48.32%;
	padding:4.5vw 0 5.5vw;
}
section#feature .box ul li:first-child {
	margin-right:3.36%;
	float:none;
}
section#feature .box ul li:last-child {
	float:none;
}
section#feature .box ul li div img {
	margin-bottom:2vw;
}
section#feature .box ul li div h4 {
	font-size:2.4vw;
	margin-bottom: 1em;
}
section#feature .box ul li div p {
	font-size:1.6vw;
}

}










@media screen and (max-width:849px) {
section#feature {
	padding-bottom:15vw;
}
section#feature:before {
  top: 99%;
}
section#feature .box ul {
	display: block;
	width: 100%;
	margin-bottom:3vw;
}
section#feature .box ul li {
	width: 59.9vw;
	height:59.9vw;
	padding:5.86vw 0 7.16vw;
}
section#feature .box ul li:first-child {
	margin-right:0;
	margin:auto;
	margin-bottom:3vw;
}
section#feature .box ul li:last-child {
	margin:auto;
}
section#feature .box ul li div h4 {
	font-size:3.125vw;
}
section#feature .box ul li div p {
	font-size:2.083vw;
}











}

@media screen and (max-width: 767px) {
section#feature .box ul li {
	width: 96%;
	height:96%;
	padding:9vw 0 10vw;
}
section#feature .box ul li div h4 {
	font-size:5.07vw;
}
section#feature .box ul li div p {
	font-size:3.38vw;
}


}





/*case1*/
section#case1 {
	margin-top:-100px;
	padding-top:100px;
}
@media screen and (min-width:850px) and (max-width:1220px) {
section#case1 {
	margin-top:-7.04vw;
	padding-top:7.04vw;
}
}
@media screen and (max-width:849px) {
section#case1 {
	margin-top:-54px;
	padding-top:54px;
}
}

section#case1 {
	z-index: 0;
	position: relative;
	background-color:#F7F8FD;
	padding-bottom:80px;
}
section#case1 .title {
	background-color:#F7F8FD;
}
section#case1 .title p br {
	display:none;
}
section#case1 .box {
	max-width:1220px;
}

.performance {
  width: 100%;
  height: 0;
  padding-top: 30.85%;
  overflow: hidden;
  background-image: url(../images/case01.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}








@media screen and (max-width:1000px) {
.performance {
	width: 100%;
	max-width:768px;
	margin:auto;
	padding-top: 67.06%;
    background-image: url(../images/case02.png);
  }
}



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

section#case1 .title p br {
	display:block;
}

}







/*case2*/
section#case2 {
	margin-top:-100px;
	padding-top:100px;
}
@media screen and (min-width:850px) and (max-width:1220px) {
section#case2 {
	margin-top:-7.04vw;
	padding-top:7.04vw;
}
}
@media screen and (max-width:849px) {
section#case2 {
	margin-top:-54px;
	padding-top:54px;
}
}

section#case2 {
	z-index: 0;
	position: relative;
	background-color:#F7F8FD;
	padding-bottom:80px;
}
section#case2 .title {
	background-color:#F7F8FD;
}

section#case2 .box {
	max-width:1220px;
}


.imgWrap {
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  margin-bottom: 10px;
}

.imgWrap img {
  display: block;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.imgWrap img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.slick-slide {
	margin:10px 1%;
	background-color:#fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
#top_slick {
  max-width: 1220px;
  margin-bottom: 30px;
}
#top_slick .slk .conpanyname {
  font-size: 12px;
  padding:10px 15px;
  line-height: 1.3;
}

#top_slick .slk .text {
  font-size: 14px;
  padding:0 15px 10px;
  line-height: 1.3;
  color:#24A6F0;
  min-height: 70px;
}
#top_slick .slk .text a {
	color:#24A6F0;
}
#top_slick .slk .riyo {
	font-size: 11px;
	padding:0 15px;
	color:#A8A8A8;
}
#top_slick .tag_sec {
	height:100px;
}
#top_slick .slk ul.tag_ble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding:0 15px;
}

#top_slick .slk ul.tag_ble li {
  margin-right: 5%;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
  line-height: 16px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #A8A8A8;
  border:solid 1px #A8A8A8;
}
#top_slick .slk .text span {
  color: #00A3ED;
  font-weight: bold;
}


/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
.slider .slick-prev
{
    left: 10px;
}
.slider .slick-next
{
    right: 10px;
}
 
.slider .slick-prev,
.slider .slick-next
{
    z-index: 100;
}
 
.slider .slick-prev::before,
.slider .slick-next::before {
    /* font-size: 28px; */
    /* color: black; */
}

@media screen and (max-width: 1300px) {
  #top_slick {
    margin-bottom: 5vw;
  }

}
@media screen and (max-width: 1220px) {
#top_slick .tag_sec {
	height:120px;
}
}
@media screen and (max-width: 1000px) {
	
#top_slick .slk ul.tag_ble li {
  font-size: 1.2vw;
  padding: 0.5vw 1vw;
  line-height: 1.6vw;
  margin-bottom: 1vw;
}
}
@media screen and (max-width: 900px) {
#top_slick .slk ul.tag_ble li {
  font-size: 12px;
  padding: 5px 10px;
  line-height: 16px;
  margin-bottom: 10px;
}
}


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

#top_slick .slk .conpanyname {
  font-size: 2.9vw;
  padding:2.42vw 3.62vw;
}

#top_slick .slk .text {
  font-size: 3.38vw;
  padding:0 3.62vw 5vw;
}
#top_slick .slk .riyo {
	font-size: 2.66vw;
	padding:0 3.62vw;
}



#top_slick .tag_sec {
	height:auto;
	margin-bottom:5vw;
}
#top_slick .slk ul.tag_ble li {
  font-size: 2.9vw;
  padding: 1.2vw 2.42;
  line-height: 3.86vw;
  margin-bottom: 2.42vw;
}
}











section#endinfo {
	width:100%;
	background-color:#F7F8FD;
	padding:0 0 80px;
}
section#endinfo .box {
	width:100%;
	margin:auto;
	max-width:1220px;
	border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
	border:solid 8px #fff;
	background-color:#f7f8fd;
	padding:55px 40px;
	
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
section#endinfo .box h2 {
	font-size:32px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:1.75;
}
section#endinfo .box ul {
	width:52%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom:20px;
}
section#endinfo .box ul li {
	width:47.5%;
	box-sizing: border-box;
  -webkit-box-sizing: border-box;
	margin-right:5%;
	text-align:center;
	line-height:48px;
	font-size:21px;
	font-weight:bold;
}
section#endinfo .box ul li:last-child {
	margin-right:0;
}
section#endinfo .box ul li a {
	display:block;
	background-color:#FC7C04;
	color:#fff;
	border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
}
/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root section#endinfo .box ul li a {
  padding-top:4px;
}
section#endinfo .box ul li a:hover {
	text-decoration:none;
	opacity:0.8;
}

section#endinfo .box .cb_m {
	width:40%;
	position:absolute;
	
	
	top: 50%;
    right:10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
@media screen and (max-width:1300px) {
section#endinfo .box {
	width:95.2%;
	padding:40px 40px;
}
section#endinfo .box h2 {
	font-size:2.6vw;
	margin-bottom:20px;
}
section#endinfo .box p {
	font-size:14px;
}
}

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

section#endinfo .box {
	overflow:visible;
	padding:3vw 4vw;
}
section#endinfo .box h2 {
	font-size:3.125vw;
	margin-bottom:3vw;
}
section#endinfo .box ul {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom:2.5vw;
}
section#endinfo .box .cb_m {
	width:36.46%;
	position:absolute;
	top: -10%;
    right:10px;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
}




}



@media screen and (max-width: 767px) {
section#endinfo .box {
	padding:20vw 4vw 4vw;
}
section#endinfo .box h2 {
	font-size:4.8vw;
	margin-bottom:3vw;
	text-align:center;
}
section#endinfo .box ul {
	margin-bottom:0;
}
section#endinfo .box ul li {
	width:100%;
	margin-right:0;
	margin-bottom:5vw;
}


section#endinfo .box .cb_m {
	width:75%;
	position:absolute;
	top: -22%;
    right:initial;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


}