@charset "utf-8";

			html, body { 
				height: 100vh; 
			}

			
			#nav-toggle2{
				display: block;
				width: 50px;
				height: 50px;
				cursor: pointer;
				z-index: 101;
				box-sizing: border-box;
				background: #0c71bf;
				color: #fff;
			}
			#nav-toggle2 div p {
				padding-top: 26px;
				padding-left: 10px;
				font-size: 1.0rem;
				line-height: 1;
			}
			
			#nav-toggle2 span {
				display: block;
				position: absolute;
				width: 15px;
				height: 2px;
				margin: 2px 18px 0 18px;
				left: 0;
				-webkit-transition: .35s ease-in-out;
				-moz-transition: .35s ease-in-out;
				transition: .35s ease-in-out;
				border-radius: 4px;
			}
			
			#nav-toggle2 span {
				background: #fff;
			}
			#nav-toggle2 span:nth-child(1) {
				top: 8px;
			}
			#nav-toggle2 span:nth-child(2) {
				top: 12px;
			}
			#nav-toggle2 span:nth-child(3) {
				top: 16px;
			}

			
			.fix_bl{
				position: fixed;
				z-index: 500;
				width: 100%;
			}
			
			.space_bl{
				width: 100%;
				height: 100px;
			}
			
			.top_wrapper{
				display: flex;
				height: 50px;
			}
			.subtop_wrapper{
				display: flex;
			}
			
			.logo_btn{
				flex: 1;
				display: flex;
				align-items: center;
				text-align: center;
				background-color: white;
			}
			.subtop_wrapper{
				flex: 1;
			}
			.logo_btn img{
				width: 75%;
				height: auto;
			}
			.mail_btn {
				display: block;
				background-color: #009EE1;
				width: 100%;
			}
			.mail_btn img{
				height: 100%;
				width: auto;
			}
			.menu_btn{
				display: block;

			}
			
			.top_wrapper_2{
				display: flex;
			}
			.all_year{
				flex: 1;
				background-color: #1857AD;
				width: 50px;
				height: 50px;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.all_year img{
				width: 93%;
				height: auto;
			}
			.call_num{
				flex: 1;
				background-color: #ED81BB;
								width: 50px;
				height: 50px;
				display: flex;
				text-align: center;
				align-items: center;
			}
			.call_num img{
				width: auto;
			    height: 45%;
				margin-left: 5px;
			}
			.call_num a{
				text-decoration: none;
				color: white;
				font-weight: bold;
				font-size: 1.2em;
				margin-left: 5px;
			}
			
			.top_wrapper_3{
				display: flex;
				padding: 4px
			}
			.top_wrapper_3 a{
				text-decoration: none;
				color: white;
				font-weight: bold;
				font-size: 1.1em;
			}
			
			.uwaki{
				background-color: #F0116F;
				flex: 1;
				height: 50px;
				margin-right: 2px;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.iede{
				background-color: #FFB000;
				flex: 1;
				height: 50px;
				margin-right: 2px;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.ijime{
				background-color: #54C1E7;
				flex: 1;
				height: 50px;
				margin-right: 2px;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.stalker{
				background-color: #11A7AC;
				flex: 1;
				height: 50px;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			
			/*---cta---*/
			.cta_wrapper img{
				width: 49%;
			}
			
			/*---section-----*/
			
/*
			.section_04{
				padding: 19px;
			}
*/
			.just_space{
				margin-top: 1010px;
			}
			
			/*詳しく見る btn*/
			
			.section_03 {	
				position: absolute;
				
			}
			.section_03 img {	
				width: 100%;
				height: auto;
			}
			
			
			.inner {
				margin: 0 auto 15px;
				padding: 36px 15px 20px;
				background-size: contain;
				max-width: 270px;
			}
			
			.btn1 {
				width: auto;
				position: relative;
				top: 275px;
			}
			.btn2 {
				width: auto;
				position: relative;
				top: 504px;
			}
			.btn3 {
				width: auto;
				position: relative;
				top: 728px;
			}
			.btn4 {
				width: auto;
				position: relative;
				top: 963px;
			}
			
			
			.btn_detail a {
				position: relative;
				display: block;
				line-height: 33px;
				text-align: center;
				font-size: 1.2rem;
				font-weight: bold;
				color: #11b3ea;
				border-radius: 3px;
				background-color: rgb(255, 255, 255);
				box-shadow: inset 0px -5px 0px 0px rgb(177 177 177 / 28%);
				text-decoration: none;
				width: 60%;
    			margin: auto;
			}
			
			.btn_detail a::before,
			.btn_detail a::after {
				position: absolute;
				content: '';
				display: block;
			}
			
			.btn_detail a::before{
				top: 75%;
				left: 50%;
				width: 17px;
				height: 17px;
				margin-top: -17px;
				margin-left: -4.5em;
				background: url(/../images/ico_search.png) no-repeat;
				background-size: contain;
			}
			.btn_detail a::after {
				top: 50%;
				right: 25%;
				margin-top: -5px;
				border-width: 5px 0 5px 9px;
				width: 0;
				height: 0;
				border-style: solid;
				border-color: transparent transparent transparent #11b4ea;
			}
/*
			.section_04{
				margin-top: 1010px;
			}
*/
			
			/*Q&Aアコーディオン*/
			
			.q-wrapper{
				width: 82%;
				margin: auto;
			}
			.acd-check{
				display: none;
			}
			.acd-label{
				background: #FFFFFF;
				color: #0A194D;
				display: block;
				margin-bottom: 1px;
				padding: 16px;
				position: relative;
				box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
				margin-bottom: 10px;
				border-radius: 4px;
				font-size: 0.8em;
				font-weight: bold;
			}
			.acd-label:after{
				font-family: "Font Awesome 5 Free";
/*				background: #FFFFFF;*/
				box-sizing: border-box;
				content: '\f067';
				display: block;
				height: 100%;
				padding: 19px 20px;
				position: absolute;
				right: 0;
				top: 0px;
				font-weight: bold;
				color: #0A194D;
			}
			.acd-label:before{
				font-size: 22px;
				font-weight: bold;
				line-height: 1;
				position: absolute;
				top: 15px;
				left: 15px;
				display: block;
				content: 'Q';
				color: #0A194D;
				font-family:ftnk-i8, adobe-notdef;
			}
/*
			.acd-content{
				border: 1px solid #333;
				display: block;
				height: 0;
				opacity: 0;
				padding: 0 10px;
				transition: .5s;
				visibility: hidden;
			}
*/
			.acd-content{
				display: block;
				display: none;
				opacity: 0;
				padding: 20px 20px 20px 50px;
				transition: .5s;
				background: #0A194D;
				box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
				margin-bottom: 10px;
				border-radius: 4px;
				color: white;
				font-size: 0.9em;
				font-weight: bold;
				width: 100%;
				height: auto;
			}
			.acd-content::before {
				font-size: 22px;
				line-height: 1;
				position: absolute;
				left: 32px;
				display: block;
				content: 'A';
				font-weight: bold;
				color: white;
			}
			.acd-check:checked + .acd-label:after{
				content: '\f068';
				font-weight: bold;	
				color: #0A194D;
			}
			.acd-check:checked + .acd-label + .acd-content{
				opacity: 1;
				display: block;
				margin-left: 13px;
			}
			.yohaku{
				margin:0px 20px;
			}
			
			.q-wrapper{
				position: relative;
				bottom: 360px;
				margin-bottom: -330px;
			}
			
			/*メニューボタン　改	*/
			/*============
			nav
			=============*/
			nav {
			  display: block;
			  position: fixed;
			  top: 50px;
			  right: -300px;
			  bottom: 0;
			  width: 100%;
			  background: #ffffff;
			  overflow-x: hidden;
			  overflow-y: auto;
			  -webkit-overflow-scrolling: touch;
			  transition: all .5s;
			  z-index: 3;
			  opacity: 0;
			  height: 362px;
			}
			.open nav {
			  right: 0;
			  opacity: 1;
			}
			nav .inner {
			  padding: 25px;
			}
/*
			nav .inner ul {
			  list-style: none;
			  margin: 0;
			  padding: 0;
			}
			nav .inner ul li {
			  position: relative;
			  margin: 0;
			  border-bottom: 1px solid #333;
			}
			nav .inner ul li a {
			  display: block;
			  color: #333;
			  font-size: 14px;
			  padding: 1em;
			  text-decoration: none;
			  transition-duration: 0.2s;
			}
			nav .inner ul li a:hover {
			  background: #e4e4e4;
			}
*/
			@media screen and (max-width: 767px) {
			  nav {
				right: -100%;
			  }
			}
			/*============
			.toggle_btn
			=============*/
			.toggle_btn {
			  display: block;
			  position: fixed;
			  top: 11px;
			  right: 30px;
			  width: 11px;
			  height: 30px;
			  transition: all .5s;
			  cursor: pointer;
			  z-index: 3;
			}
			.toggle_btn span {
			  display: block;
			  position: absolute;
			  left: 0;
			  width: 30px;
			  height: 2px;
			  background-color: #FFFFFF;
			  border-radius: 4px;
			  transition: all .5s;
			}
			.toggle_btn span:nth-child(1) {
			  top: 4px;
			}
			.toggle_btn span:nth-child(2) {
			  top: 14px;
			}
			.toggle_btn span:nth-child(3) {
			  bottom: 4px;
			}
			.open .toggle_btn span {
			  background-color: #fff;
			}
			.open .toggle_btn span:nth-child(1) {
			  -webkit-transform: translateY(10px) rotate(-315deg);
			  transform: translateY(10px) rotate(-315deg);
			}
			.open .toggle_btn span:nth-child(2) {
			  opacity: 0;
			}
			.open .toggle_btn span:nth-child(3) {
			  -webkit-transform: translateY(-10px) rotate(315deg);
			  transform: translateY(-10px) rotate(315deg);
			}
			/*============
			#mask
			=============*/
			#mask {
			  display: none;
			  transition: all .5s;
			}
			.open #mask {
			  display: block;
			  position: fixed;
			  top: 0;
			  left: 0;
			  width: 100%;
			  height: 100%;
			  background: #000;
			  opacity: .8;
			  z-index: 2;
			  cursor: pointer;
			}
			
			/*メディアクエリ*/
			@media(max-width:360px){
				.btn1 {
				top: 233px;
				}
				.btn2 {
					top: 423px;
				}
				.btn3 {
					top: 609px;
				}
				.btn4 {
					top: 805px;
				}
				.just_space{
					margin-top: 850px;
				}
				
				.top_wrapper_3 a{
					font-size: 1em;
				}
				.q-wrapper {
					bottom: 310px;
					margin-bottom: -280px;
				}
			}


			/*以下　PC　CSS*/
	a {
		text-decoration: none;
	}
	.pc_flex{
		display: flex;
		height: 80px;
	}
	.shadow_bl{
		box-shadow: 0 0 8px gray;
	}
	

	
	.pctop_logo{
		flex: 1;
		display: flex;
		align-items: center;
		text-align: center;
		background-color: white;
	}
	
	.pctop_logo img{
		width: 40%;
	}
	.pctop_logo a{
		display: inline-block;
   		 width: 100%;
	}
	
	.pctop_menu2{
		flex:2.5;
		display: flex;
	}
	
	.pctop_menu2 a {
		text-decoration: none;
		color: white;
		font-weight: bold;
		font-size: 1.4em;
	}
	
	.pctop_cta{
		flex: 1;
		display: flex;
		background-color: white;
		justify-content: center;
		align-items: center;
	}
	
/*
	.call_txt:before {
	  content: url(/../images/new_lp/free_dial.png);
	  display: block;
	  width: 2px;
	  height: 2px;
	}
	.call_txt p{
		font-weight: bold;
		margin-left: 35px;
		font-size: 0.7em;
	}
	.pctop_call a{
		text-decoration: none;
		color: black;
	}
*/
	.pctop_mail_bl{
		display: flex;
		padding: 6px 12px;
	}
	.pctop_call{
		margin-top: 8px;
		margin-right: 25px;
	}
	.call_txt{
		display: flex;
	}
	.call_txt img{
		width: 24.2%;
	}
	.call_txt p{
		font-weight: bold;
		font-size: 0.91em;
		margin-left: 1.5px;
	}
	.pctop_call a{
		text-decoration: none;
		color: black;
		font-weight: bold;
		font-size: 1.4em;
	}
	
	.pctop_mail{
		display: flex;
		border: 3px solid black;
		border-radius: 6px;
		text-decoration: none;
		color: black;
	}
	.pctop_mail p{
		font-weight: bold;
		font-size: 1.1em;
	}
	.pctop_mail img{
		width: 75%;
	}
	
	
	.pctop_menu a {
		text-decoration: none;
		color: white;
		font-weight: bold;
		font-size: 1.1em;
	}
	
	.uwaki_pc {
		background-color: #F0116F;
		flex: 1;
		height: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.iede_pc {
		background-color: #FFB000;
		flex: 1;
		height: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.ijime_pc {
		background-color: #54C1E7;
		flex: 1;
		height: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.stalker_pc {
    background-color: #11A7AC;
    flex: 1;
	height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
	}
	.about_pc {
    background-color: #000000;
    flex: 1;
	height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
	}
	
	/*	詳しく見る*/
	
	.btn_detail_pc a {
		position: relative;
		display: block;
		line-height: 45px;
		text-align: center;
		font-size: 1.2rem;
		font-weight: bold;
		color: #11b3ea;
		border-radius: 3px;
		background-color: rgb(255, 255, 255);
		box-shadow: inset 0px -5px 0px 0px rgb(177 177 177 / 28%);
		text-decoration: none;
		width: 25.4%;
		margin: auto;
	}
	
	
	.btn_detail_pc a::before {
		top: 75%;
		left: 50%;
		width: 17px;
		height: 17px;
		margin-top: -17px;
		margin-left: -4.5em;
		background: url(/../images/ico_search.png) no-repeat;
		background-size: contain;
	}

	.btn1_pc {
		width: auto;
		position: relative;
		top: 393px;
		right: 229px;
	}
	.btn2_pc {
		width: auto;
		position: relative;
		top: 348px;
		left: 232px;
	}
	.btn3_pc {
		width: auto;
		position: relative;
		top: 598px;
		right: 229px;
	}
	.btn4_pc {
		width: auto;
		position: relative;
		top: 553px;
		left: 229px;
	}
	
	.just_space2 {
		margin-top: 690px;
	}
	
	.section_05_sub{
		background-image: url("../images/new_lp/section_05sub.png");
		background-size: cover;
	}

/*pc sp*/
@media(min-width:1200px){
	.sumatan_pc{
		display: block!important;
	}
	.sumatan_sp{
		display: none!important;
	}
}
@media(max-width:1200px){
	.sumatan_pc{
		display: none!important;
	}
	.sumatan_sp{
		display: block!important;
	}
}