/* カスタム CSS をここに入力してください */


.tab_list{
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	padding:40px 0 0;
}
.tab_list li{
	width: 23%;
	margin: 0 1%;
	float:left;
	list-style:none;
	margin-bottom: 20px;
	text-align: center;
	font-size:18px;
	box-sizing: border-box;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.tab_list li span{
	font-size: 38px;
	padding: 0 5px;
	font-weight: bold;
}
.tab_list li.on{
	background: #2c539e;
	background: -moz-linear-gradient(top, #4f7ace 0%,#0d285d 100%);
	background: -webkit-linear-gradient(top, #4f7ace 0%,#0d285d 100%);
	background: linear-gradient(to bottom, #4f7ace 0%,#0d285d 100%);
	border-radius:5px;
}
.tab_list li.on a{
	width: 100%;
	display: block;
	padding: 5px 0;
	color:#fff;
	text-decoration: none;
}
.tab_list li.on:hover{
	opacity:0.7;
}
.tab_list li.off{
	background: #ffffff;
	background: -moz-linear-gradient(top, #efefef 0%,#e8e8e8 77%,#dadada 100%);
	background: -webkit-linear-gradient(top, #efefef 0%,#e8e8e8 77%,#dadada 100%);
	background: linear-gradient(to bottom, #efefef 0%,#e8e8e8 77%,#dadada 100%);
	color: #997e37;
	padding: 5px 0;
	border-radius: 5px;
	border: solid 1px #dedede;
}
h2.sub{
	text-align: center;
    color: #16336d;
    margin-bottom: 20px;
}
.box_wrap{
	border:solid 1px #ccc;padding: 20px;box-sizing:border-box;
}

/*　190513 追記　*/
/* margin */
.mT00{margin-top:0 !important;} .mT05{margin-top:5px !important;} .mT10{margin-top:10px !important;} .mT15{margin-top:15px !important;} .mT20{margin-top:20px !important;} .mT25{margin-top:25px !important;} .mT30{margin-top:30px !important;} .mT35{margin-top:35px !important;} .mT40{margin-top:40px !important;} .mT45{margin-top:45px !important;} .mT50{margin-top:50px !important;} .mT55{margin-top:55px !important;} .mT60{margin-top:60px !important;} .mT65{margin-top:65px !important;} .mT70{margin-top:70px !important;} .mT75{margin-top:75px !important;} .mT80{margin-top:80px !important;} .mT85{margin-top:85px !important;} .mT90{margin-top:90px !important;} .mT95{margin-top:95px !important;} .mT100{margin-top:100px !important;} .mT110{margin-top:110px !important;} .mT120{margin-top:120px !important;} .mT130{margin-top:130px !important;} .mT145{margin-top:145px !important;} .mT200{margin-top:200px !important;}
.mTmns05{margin-top:-5px !important;} .mTmns10{margin-top:-10px !important;}
.mR00{margin-right:0 !important;} .mR05{margin-right:5px !important;} .mR10{margin-right:10px !important;} .mR15{margin-right:15px !important;} .mR20{margin-right:20px !important;} .mR25{margin-right:25px !important;} .mR30{margin-right:30px !important;} .mR35{margin-right:35px !important;} .mR40{margin-right:40px !important;} .mR45{margin-right:45px !important;} .mR50{margin-right:50px !important;} .mR55{margin-right:55px !important;} .mR60{margin-right:60px !important;} .mR65{margin-right:65px !important;} .mR70{margin-right:70px !important;} .mR75{margin-right:75px !important;} .mR80{margin-right:80px !important;} .mR85{margin-right:85px !important;} .mR90{margin-right:90px !important;} .mR95{margin-right:95px !important;} .mR100{margin-right:100px !important;} .mR150{margin-right:150px !important;} .mR160{margin-right:160px !important;} .mR200{margin-right:200px !important;}
.mB00{margin-bottom:0 !important;} .mB05{margin-bottom:5px !important;} .mB10{margin-bottom:10px !important;} .mB15{margin-bottom:15px !important;} .mB20{margin-bottom:20px !important;} .mB25{margin-bottom:25px !important;} .mB30{margin-bottom:30px !important;} .mB35{margin-bottom:35px !important;} .mB40{margin-bottom:40px !important;} .mB45{margin-bottom:45px !important;} .mB50{margin-bottom:50px !important;} .mB55{margin-bottom:55px !important;} .mB60{margin-bottom:60px !important;} .mB65{margin-bottom:65px !important;} .mB70{margin-bottom:70px !important;} .mB75{margin-bottom:75px !important;} .mB80{margin-bottom:80px !important;} .mB85{margin-bottom:85px !important;} .mB90{margin-bottom:90px !important;} .mB95{margin-bottom:95px !important;} .mB100{margin-bottom:100px !important;}
.mBmns10{margin-bottom:-10px !important;}
.mL00{margin-left:0 !important;} .mL05{margin-left:5px !important;} .mL10{margin-left:10px !important;} .mL15{margin-left:15px !important;} .mL20{margin-left:20px !important;} .mL25{margin-left:25px !important;} .mL30{margin-left:30px !important;} .mL35{margin-left:35px !important;} .mL40{margin-left:40px !important;} .mL45{margin-left:45px !important;} .mL50{margin-left:50px !important;} .mL55{margin-left:55px !important;} .mL60{margin-left:60px !important;} .mL65{margin-left:65px !important;} .mL70{margin-left:70px !important;} .mL75{margin-left:75px !important;} .mL80{margin-left:80px !important;} .mL85{margin-left:85px !important;} .mL90{margin-left:90px !important;} .mL95{margin-left:95px !important;} .mL100{margin-left:100px !important;} .mL110{margin-left:110px !important;} .mL120{margin-left:120px !important;} .mL125{margin-left:125px !important;} .mL130{margin-left:130px !important;} .mL150{margin-left:150px !important;} .mL200{margin-left:200px !important;} .mL230{margin-left:230px !important;} .mL285{margin-left:285px !important;} .mL330{margin-left:330px !important;}
.mLmns10{margin-left:-10px !important;} .mLmns20{margin-left:-20px !important;}
/* padding */
.pT00{padding-top:0 !important;} .pT05{padding-top:5px !important;} .pT10{padding-top:10px !important;} .pT15{padding-top:15px !important;} .pT20{padding-top:20px !important;} .pT25{padding-top:25px !important;} .pT30{padding-top:30px !important;} .pT35{padding-top:35px !important;} .pT40{padding-top:40px !important;} .pT45{padding-top:45px !important;} .pT50{padding-top:50px !important;} .pT55{padding-top:55px !important;} .pT60{padding-top:60px !important;} .pT65{padding-top:65px !important;} .pT70{padding-top:70px !important;} .pT75{padding-top:75px !important;} .pT80{padding-top:80px !important;} .pT85{padding-top:85px !important;} .pT90{padding-top:90px !important;} .pT95{padding-top:95px !important;} .pT100{padding-top:100px !important;}
.pR00{padding-right:0 !important;} .pR05{padding-right:5px !important;} .pR10{padding-right:10px !important;} .pR15{padding-right:15px !important;} .pR20{padding-right:20px !important;} .pR25{padding-right:25px !important;} .pR30{padding-right:30px !important;} .pR35{padding-right:35px !important;} .pR40{padding-right:40px !important;} .pR45{padding-right:45px !important;} .pR50{padding-right:50px !important;} .pR55{padding-right:55px !important;} .pR60{padding-right:60px !important;} .pR65{padding-right:65px !important;} .pR70{padding-right:70px !important;} .pR75{padding-right:75px !important;} .pR80{padding-right:80px !important;} .pR85{padding-right:85px !important;} .pR90{padding-right:90px !important;} .pR95{padding-right:95px !important;} .pR100{padding-right:100px !important;}
.pB00{padding-bottom:0 !important;} .pB05{padding-bottom:5px !important;} .pB10{padding-bottom:10px !important;} .pB15{padding-bottom:15px !important;} .pB20{padding-bottom:20px !important;} .pB25{padding-bottom:25px !important;} .pB30{padding-bottom:30px !important;} .pB35{padding-bottom:35px !important;} .pB40{padding-bottom:40px !important;} .pB45{padding-bottom:45px !important;} .pB50{padding-bottom:50px !important;} .pB55{padding-bottom:55px !important;} .pB60{padding-bottom:60px !important;} .pB65{padding-bottom:65px !important;} .pB70{padding-bottom:70px !important;} .pB75{padding-bottom:75px !important;} .pB80{padding-bottom:80px !important;} .pB85{padding-bottom:85px !important;} .pB90{padding-bottom:90px !important;} .pB95{padding-bottom:95px !important;} .pB100{padding-bottom:100px !important;}
.pL00{padding-left:0 !important;} .pL05{padding-left:5px !important;} .pL10{padding-left:10px !important;} .pL15{padding-left:15px !important;} .pL20{padding-left:20px !important;} .pL25{padding-left:25px !important;} .pL30{padding-left:30px !important;} .pL35{padding-left:35px !important;} .pL40{padding-left:40px !important;} .pL45{padding-left:45px !important;} .pL50{padding-left:50px !important;} .pL55{padding-left:55px !important;} .pL60{padding-left:60px !important;} .pL65{padding-left:65px !important;} .pL70{padding-left:70px !important;} .pL75{padding-left:75px !important;} .pL80{padding-left:80px !important;} .pL85{padding-left:85px !important;} .pL90{padding-left:90px !important;} .pL95{padding-left:95px !important;} .pL100{padding-left:100px !important;} .pL160{padding-left:160px !important;} .pL180{padding-left:180px !important;}

/*　テキスト */
.tac{text-align: center;} .tar{text-align: right;}
.lh100{line-height: 100%;} .lh110{line-height: 110%;} .lh120{line-height: 120%;} .lh130{line-height: 130%;} .lh140{line-height: 140%;} .lh150{line-height: 150%;} .lh160{line-height: 160%;} .lh170{line-height: 170%;} .lh180{line-height: 180%;} .lh200{line-height: 200%;} .lh250{line-height: 250%;}
.fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs22{font-size: 22px;} .fs24{font-size: 24px;} .fs26{font-size: 26px;} .fs28{font-size: 28px;} .fs30{font-size: 30px;} .fs32{font-size: 32px;} .fs34{font-size: 34px;} .fs36{font-size: 36px;} .fs38{font-size: 38px;} .fs40{font-size: 40px;} .fs42{font-size: 42px;} .fs46{font-size: 46px;} .fs48{font-size: 48px;} .fs52{font-size: 52px;} .fs56{font-size: 56px;} .fs60{font-size: 60px;} .fs64{font-size: 64px;} .fs72{font-size: 72px;} .fs82{font-size: 82px;} .fs90{font-size: 90px;} .fs100{font-size: 100px;} .fs120{font-size: 120px;} .fs150{font-size: 150px;}
.fwb{font-weight: bold;}
.txtR{color: #e60033;} .txtW{color: #fff;}
.txtMin{font-family:"Times New Roman", Times, "Hiragino Mincho ProN", "Hiragino Mincho Pro","HG明朝B","ＭＳ 明朝", serif;}
.txtI05{text-indent: 0.5em;} .txtI1{text-indent: 1em;}
.txtsdw{text-shadow: 2px 2px 3px #cbc9c9;} .txtsdw2{text-shadow: 2px 2px 3px #a09c9c;} .txtsdw3{text-shadow: 2px 2px 3px #393939;}
.txtsdwW{text-shadow: 3px 3px 5px #fff;}

	.smp{ display:none;}
	.pc{ display:inline;}

	#main{font-family:"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:20px;line-height:40px;}
	.hissu{ background:#E80919; color:#fff; font-weight:bold;width:13%; padding:1%; box-sizing:border-box;}

	#main ul {
	padding: 0;
	}
	
	.tag_list li {
		width:80%;
		margin:0 auto;
		color: #404040;
		border-left: solid 6px #003C8C;/*左側の線*/
		border-bottom: solid 2px #dadada;/*下に灰色線*/
		background:#E5FAFF;
		margin-bottom: 10px;/*下のバーとの余白*/
		line-height: 1.5;
		padding: 0.5em;
		list-style-type: none!important;/*ポチ消す*/
		font-weight: bold;
		}
	#main h4 {
	  position: relative;
	  padding: 0.5em 1.5rem;
	  background:#219FE3;
	  color: white;
	  font-size:1.5rem;
	  font-weight:bold;
	}
	
	#main h4::before {
	  position: absolute;
	  content: '';
	  top: 100%;
	  left: 0;
	  border: none;
	  border-bottom: solid 15px transparent;
	  border-right: solid 20px rgb(149, 158, 155);
	}


	.blue{ background:#003d8a; color:#fff; padding:30px 60px; box-sizing:border-box;}
	.offer{ text-align:center; background:#fff;}
	.c_voice{ background:#219fe3; color:#fff;}
	.c_voice h4 {
			background: none;
			color: #FFFF0D !important;
			text-align: center;
			margin-top: 30px;
			font-size: 1.8rem !important;
	}
	.c_voice h4::before { border-bottom:0 !important; border-right:none !important;}
	.suisen{ background:#fffddd;}
	.suisen_title{ background:#219fe3; color:#fff; text-align:center; padding:15px; margin:30px auto;}
	.suisen_title p{ font-weight:bold;}
	.about h3{ background:#c4ebff; color:#213ce3; font-size:48px; text-align:center; line-height:140%; border-bottom:#213ce3 solid 2px;}
	.about p{ margin:30px auto;}
	.about figure{ float:none; padding:15px 0; text-align:center;}
	.anata h3{ background:#003d8a; color:#fff; font-weight:bold; text-align:center; padding:15px; font-size:24px;}
	.anata p{ margin:30px auto;}
	.step_title,.anata_title{position: relative; background:#3a91c7; color:#fff; text-align:center; padding:30px 0; margin-bottom:50px; font-size:1.8rem !important;}
		/* 下三角 */ 
	.step_title:after,.anata_title:after {
		border: 30px solid transparent;
		border-top-color: #3a91c7;
		border-bottom-width: 0;
		bottom: -30px;
		content: "";
		display: block;
		left: 50%;
		position: absolute;
		width: 0;
	}
	.anata_title:after {border-top-color: #003d8a;}
	.title_h3{ margin:50px 0; color:#003D8A; border-bottom:1px #003D8A solid;font-size: 32px !important;}
	/*.anata_title:after {border-top-color: #003d8a;}*/
	.step .title{ background:#ffff00; margin:30px; text-align:center;}
	.prof{ background:#eeeeee;}
	.ex{ width:60%; margin:10px auto 60px; border:#3a91c7 dotted 2px; padding:15px; box-sizing:border-box; text-align:center;}

	.cp_qa *, .cp_qa *:after, .cp_qa *:before {
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.cp_qa {
		/*margin: 0 0 2em 10px;*/
		padding: 1em 1em 0.5em 1em;
		box-sizing: border-box;
		background: #e1f5fe;
	}
	.cp_qa h1 {
		font-size: 1.2em;
		position: relative;
		margin-right: 1em;
		margin-left: -26px;
		padding: 0.3em;
		color: #ffffff;
		background-color: #42a5f5;
		box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	}
	.cp_qa h1::after {
		position: absolute;
		bottom: -10px;
		left: 0;
		display: inline-block;
		width: 0;
		height: 0;
		content: '';
		border-width: 0 10px 10px 0;
		border-style: solid;
		border-color: transparent #1976d2 transparent transparent;
	}
	.cp_qa dl {
		margin: 0;
	}
	.cp_qa dt {
		margin-bottom: 0.5em;
		padding: 0.2em 0.5em 0.5em 2em;
		border-radius: 0.2em;
		background: #ffb74d;
	}
	.cp_qa dd {
		margin-bottom: 1em;
		margin-left: 0;
		padding: 0.5em 1em 1.5em 3em;
	}
	/* QAアイコン */
	.cp_qa dt::before,.cp_qa dd::before{
		font-size: 1.5em;
		color: #ffffff;
	}
	.cp_qa dt::before {
		margin: 0.3em 0.3em 0 -1em;
		content: 'Q';
	}
	.cp_qa dd::before {
		margin: 0 0.5em 0 -2em;
		padding: 0.2em 0.4em;
		content: 'A';
		border-radius: 0.2em;
		background: #00bcd4;
	}	

	/*フォームボタン*/
	input#submit_button {
	}
	.btn-gradient-3d-simple {
	  font-size: 2.1rem !important;
		display: inline-block;
		padding: 0.5em 1em;
		text-decoration: none;
		border-radius: 4px;
		color: #ffffff;
		background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
		border-bottom: solid 3px #5e7fca;
	}

	.btn-gradient-3d-simple:active {
	  -webkit-transform: translateY(4px);
	  transform: translateY(4px);
	  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	  border-bottom: none;
	}
	.yokoyure {
		animation: yokoyure 3s ease 0.4s forwards infinite;
		transition: -webkit-transform 0.4s;
		transition: transform 0.4s;
	}
	@keyframes yokoyure {
		90% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		}
		93% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
		}
		96% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
		}
		100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		}
	}

@media screen and (max-width: 750px){
	.smp{ display:inline;}
	.pc{ display:none;}
	
	body{ font-size: 24px;}
	p{ font-size:1rem; width:96%; margin:0 auto; line-height:1.5rem;}
	#main img, #main, section{ width:100%;}
	h3{ padding:0;}
	figure{ float:none !important; margin: 0;}
	
	.fs20{ font-size:1.1rem;}
	.fs22{ font-size:1.15rem;}
	.fs26{ font-size:1.2rem;}
	.fs30{ font-size:1.3rem;}
	.fs36{ font-size:1.35rem;}
	.fs38{ font-size:1.5rem;}
	
	#main h3 {padding: 0; font-size: 1.5rem !important;}	
	.list{ width:96%; margin:0 auto;}
	.offer_btn{ width:95%; margin:0 auto;}
	.offer_kikan{ width:40%; margin:0 auto;}
	.about h3 { font-size:1.3rem; padding:20px 0;}
	.step_title, .anata_title, .anata h3 { font-size:1.2rem;}
	.step_title:after, .anata_title:after {left: 45%;}
	.blue{width:100%; padding: 15px 15px;}
	.ex{    width: 90%; margin: 30px auto;}
	.prof_txt{ width:96%; margin: 0 auto; text-align:left; padding:0 15px; box-sizing:border-box;}
	.cp_qa{ font-size:1rem; line-height:160%;}
	h3.title_h3 {text-align: center; margin-bottom: 10px;}
	.btn-gradient-3d-simple {font-size: 1.1rem !important;}
}

/*追記終*/


@media screen and (max-width:768px) {
.tab_list li{
	width: 48%;
} 
}