@charset "utf-8";

#makuakeban{background: #000;color:#FFF;padding: 75px 0 45px;}
	@media (max-width:991px)	{#makuakeban{padding: 5vw 5vw 10vw;}}
/* index1 */
#index1{background: #000;color:#FFF;padding: 75px 0 75px;}
	@media (max-width:991px)	{#index1{padding: 5vw 5vw 10vw;}}

.logo-l{padding: 2vw;}
	@media (max-width:991px)	{.logo-l{padding: 0;margin-bottom: 5vw;}}

.logo-l img{width: 24.15vw;height: auto;max-width: 483px;}
	@media (max-width:991px)	{.logo-l img{width: 45vw;}}


.tit-lv0{text-align: left;margin-bottom: 30px;font-size: 36px;line-height: 1.7;}
.tit-lv0 span{font-size: 130%;}
@media (max-width:1199px)	{.tit-lv0{line-height: 1.5;}}
	@media (max-width:991px)	{.tit-lv0{font-size: 6.75vw;line-height: 1;margin-bottom: 2.5vw;}}

.tit-lv0 small{display: block;}

.tit-lv0a{font-size: 36px;line-height: .75;margin-bottom: 20px;font-weight: normal;font-family: 'poppins',sans-serif;text-align: center;}
	@media only screen and (max-width:991px)	{.tit-lv0a{font-size: 10vw;margin-bottom: 3.125vw;}}

.tit-lv0a small{display: block;line-height: 1;margin-top: 10px;font-size: 16px;font-family: 'nsans',sans-serif;}
	@media only screen and (max-width:991px)	{.tit-lv0a small{font-size: 4.5vw;margin-top: 2.5vw;}}




.features .slider{height: 18vw;}
	@media only screen and (max-width:1199px)   {.features .slider{height: 26vw;}}
	@media only screen and (max-width:991px)    {.features .slider{height: 50vw;}}



.lh-lg{line-height: 4.5;}
	@media (max-width:991px)	{.lh-lg{line-height: 2;}}

.features-cap{background: url(../images/top/arrow-up.png) left top no-repeat;margin: 15px;padding: 15px 0 0 75px;min-height: 250px;}
	@media only screen and (max-width:991px)	{.features-cap{background-size: 10vw;padding: 3vw 0 0 15vw;margin: 3vw 3vw 0;min-height: 75vw;}}

.features-title{font-size: 22px;line-height: 1;margin-bottom: 20px;}
	@media only screen and (max-width:991px)	{.features-title{font-size: 6vw;line-height: 1.5;margin-bottom: 3.125vw;}}


/* index2 */
#index2{position: relative;background: url(../images/top/sec-safety5.jpg) right bottom no-repeat;}
	@media only screen and (max-width:991px)	{#index2{background-size: contain;padding-bottom: 75vw;}}

.sec-safety-img{margin-top: -120px;}
	@media only screen and (max-width:991px)	{.sec-safety-img{margin: 0 0 5vw;}}

.tit-lv0b{font-size: 140px;line-height: 0.75;margin-bottom: 20px;font-weight: bold;font-family: 'poppins',sans-serif;}
	@media only screen and (max-width:1199px)	{.tit-lv0b{font-size: 112px;}}
	@media only screen and (max-width:991px)	{.tit-lv0b{font-size: 24vw;margin-bottom: 7.5vw;}}

.tit-lv0b small{display: block;line-height: 1.33;margin-top: 30px;font-size: 28px;font-family: 'nsans',sans-serif;letter-spacing:0;}
	@media only screen and (max-width:991px)	{.tit-lv0b small{font-size: 6vw;margin-top: 5vw;}}

.tit-lv1{font-size: 36px;margin: 40px 0 20px;}
	@media only screen and (max-width:991px)	{.tit-lv1{font-size: 6.75vw;margin: 6.25vw 0 3.125vw;}}

.tit-lv1 small{font-size: .5em;margin-left: 1em;}
	@media only screen and (max-width:991px)	{.tit-lv1 small{font-size: 0.66em;}}










#index3{position: relative;}
	@media only screen and (max-width:991px)	{#index3{}}


.bn-l{position: relative;background: url(../images/top/sec-safety-ban.jpg) center center /cover no-repeat;display: block;padding: 20px;}
	@media only screen and (max-width:991px)    {.bn-l{padding: 2.5vw;}}

.bn-l:hover{opacity:.75;}

.bn-l-inner{border: 1px solid #000;padding: 40px;color:#000;}
	@media only screen and (max-width:991px)    {.bn-l-inner{padding: 5vw;}}

.bn-l-title,.bn-l-desc,.bn-l-btn-area{}

.bn-l-title{text-align: center;margin-bottom: 50px;}
	@media only screen and (max-width:991px)    {.bn-l-title{margin-bottom: 3.75vw;}}

.bn-l-desc{background-color: rgba(255,255,255,.66);text-align: center;display: flex;flex-flow:column wrap;justify-content:center;align-items:center;padding: 20px;}
	@media only screen and (max-width:991px)    {.bn-l-desc{height: auto;padding: 2.5vw;}}

.bn-l-btn-area{width: 720px;margin: 20px auto 0;}
	@media (max-width:991px)	{.bn-l-btn-area{width: 100%;margin: 3.125vw auto 0;}}

.bn-l-btn-area span{background:#000 !important;color:#fff !important;border-radius:0;font-size: 36px;line-height: .75;padding:10px 0;text-align: left;display: block;}
	@media (max-width:991px)	{.bn-l-btn-area span{font-size: 5vw;padding:2.5vw 0;}}


/* index4 */
#index4{background: #000;color:#FFF;}
	@media only screen and (max-width:991px)	{#index4{}}

#index4 h2{}

#index4 h3{}

/*.options .slider{height: 30vw;}
	@media only screen and (max-width:1199px)   {.options .slider{height: 52vw;}}
	@media only screen and (max-width:991px)    {.options .slider{height: 50vw;}}*/
.options .slider{height: 18vw;}
	@media only screen and (max-width:1199px)   {.options .slider{height: 24vw;}}
	@media only screen and (max-width:991px)    {.options .slider{height: 50vw;}}


#index5{}
	@media only screen and (max-width:991px)	{#index5{background: url(../images/top/bg-index2.jpg) center center /cover no-repeat;}}

#index5 h3{margin-bottom: 0;}

.bn{position: relative;background: url(../images/top/ban.jpg) center center /cover no-repeat;display: block;}

.bn:hover{opacity:.75;}

.bn-inner{display: table;width: 100%;padding: 3em;color:#FFF;min-height: 220px;}
	@media only screen and (max-width:991px)    {.bn-inner{padding: 5vw;display: block;}}

.bn-title,.bn-desc,.bn-btn-area{display: table-cell;vertical-align: middle;}
	@media only screen and (max-width:991px)    {.bn-title,.bn-desc,.bn-btn-area{display: block;}}

.bn-title{width: 300px;}
	@media only screen and (max-width:991px)    {.bn-title{width: auto;margin-bottom: 3.75vw;}}

.bn-desc{padding-right: 30px;}
	@media only screen and (max-width:991px)    {.bn-desc{padding-right: 0;}}

.bn-btn-area{width: 160px;}
	@media only screen and (max-width:991px)    {.bn-btn-area{width: auto;margin-top: 3.75vw;}}

.bn-btn-area span{display: block;font-size: 14px;background-color: #FFF;color:#333;}
	@media only screen and (max-width:991px)    {.bn-btn-area span{font-size: 4.5vw;}}



#index6{}
#index6 h2{color:#000;}

#index6 h3{
	text-align: center;
	font-size: 20px;
	margin-bottom: 10px;
}
#index6 h3 small{font-size: 12px;display: block;color:#333;}

.point{color:#cc0033;}

#index7{}
#index7 h2{color:#000;}

.qabox{position: relative;word-wrap: break-word;background: #fff;}
	@media only screen and (max-width:991px)	{.qabox{}}

.qabox dt{background: #f6f6f6;display: block;position: relative;overflow: hidden;font-size: 24px;line-height: 30px;padding:45px 0 45px 60px;color:#00c1ff;font-weight: normal;}
	@media only screen and (max-width:991px)	{.qabox dt{font-size: 15px;line-height: 1.25;padding:15px 0 15px 45px;}}

.qabox dt .container:before{content: "Q.";display: inline-block;width: 60px;font-size: 30px;margin-left: -60px;}
	@media only screen and (max-width:991px)	{.qabox dt .container:before{width: 45px;margin-left: -45px;}}


.qabox dd{background: #fff;display: block;position: relative;overflow: hidden;padding:45px 0 45px 60px;font-weight: normal;}
	@media only screen and (max-width:991px)	{.qabox dd{line-height: 1.25;padding:15px 0 15px 45px;}}

.qabox dd .container:before{content: "A.";display: inline-block;width: 60px;font-size: 30px;margin-left: -60px;color:#00c1ff;}
	@media only screen and (max-width:991px)	{.qabox dd .container:before{width: 45px;margin-left: -45px;}}




.qabox dd p{margin-top: -25px;}

.qabox + .qabox{margin-top: 45px;}
	@media only screen and (max-width:767px)	{.qabox + .qabox{margin-top: 10px;}}

#index8{}
#index8 h2{color:#000;}

.news-box{}

.news-article{display: table;width: 100%;align-items:center;}
	@media only screen and (max-width:991px)	{.news-article{display: block;}}

.news-article + .news-article{margin-top: 15px;}

.news-date,.news-comment{display: table-cell;vertical-align: top;}
	@media only screen and (max-width:575px)	{.news-date,.news-comment{display: block;}}

.news-date{width: 110px;text-align: center;padding: 9px 0;}
	@media only screen and (max-width:991px)	{.news-date{width: auto;}}

.news-date.shp{border-bottom: 1px solid #f12795;}
.news-date.tpc{border-bottom: 1px solid #00c1ff;}

.news-comment{border-bottom: 1px solid #999;padding: 9px 15px;}
	@media only screen and (max-width:991px)	{.news-comment{}}



#index9{}
#index9 h2{color:#000;}

#index10{}
#index10 h2{color:#fff;}

#index11{background: url(../images/top/bg-index3.jpg) center center /cover no-repeat #00c1ff;color:#fff;}
	@media only screen and (max-width:991px)	{#index11{background: url(../images/top/bg-index3-sp.jpg) center center /cover no-repeat;padding-bottom: 90%;}}

#index11 h2{color:#fff;text-align: left;font-size: 60px;font-weight: bold;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#index11 h2{font-size: 29px;font-weight: bold;margin-bottom: 15px;}}

.index11-copy img{}
	@media only screen and (max-width:991px)	{.index11-copy img{width: 290px;height: auto;}}

#index11 .lead{font-size: 30px;line-height: 36px;margin: 30px 0;}
	@media only screen and (max-width:991px)	{#index11 .lead{font-size: 21px;line-height: 27px;margin: 15px 0;}}


.check{list-style: none;}
.check li{font-size: 18px;line-height: 48px;padding-left: 45px;padding-left: 48px;position: relative;}
	@media (max-width:991px)	{.check li{font-size: 16px;line-height: 24px;padding-left: 24px;}}

.check li:before{content: "";background: url(../images/common/checkmark.png) left center /30px no-repeat;width: 30px;height: 48px;display: block;position: absolute;top: 0;left: 0;right: 0;}
	@media (max-width:991px)	{.check li:before{width: 30px;height: 24px;background-size:20px;}}

.comment{font-size: 18px;line-height: 48px;padding-left: 45px;padding-left: 48px;position: relative;}
	@media (max-width:991px)	{.check li{font-size: 16px;line-height: 18px;padding-left: 24px;}}






.facebook-dummy{background: #efefef;text-align: center;line-height: 42;}
	@media (max-width:991px)	{.facebook-dummy{line-height: 21;}}



/* 20220913 */
.common-cap{background: url(../images/top/arrow-up.png) left top no-repeat;margin: 15px;padding: 15px 0 0 75px;}
	@media only screen and (max-width:991px)	{.common-cap{background-size: 10vw;padding: 3vw 0 0 15vw;margin: 3vw 3vw 0;}}