@charset "utf-8";


/*
 *		フォーム
 */



.form {
  padding: 50px 0;
}

.form h2 {
	margin-bottom: 25px;
  padding: 0;
  background: none;
}

.wrap_form {
	margin: 0 auto;
	padding:15px 0 30px;
	width: 980px;
	border-radius: 20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background: url("../images/bg_wrap_form.png");
}

.submit {
	margin: 25px auto;
	padding-top: 283px;
	width:900px;
	height:736px;
	font-size:30px;
	background:url(../images/bg_form.png) center top no-repeat;
	}
.submit .btn {
	display:block;
	margin:-4px auto 0;
	width:818px;
}
.deco {/* フォームの入力欄装飾用 */
	display:block;
	margin: 0 auto;
	margin-bottom: 20px;
	padding:10px 6px 4px;
	width: 800px;
	height:84px;
	text-align:center;
	color:#54b2de;
	background:#f5f5f5;
	border: 4px solid #e7202c;
}

.wrap_btn {
  position: relative;
  margin: 21px auto 120px;
  width: 818px;
  height: 138px;
  z-index: 5;
}

.wrap_btn::before,
.wrap_btn::after {
  position: absolute;
  bottom: 0;
  display: block;
  z-index: -1;
  content: '';
  margin: 0 auto;
  width: 818px;
  height: 138px;
  border-radius: 20px;
  background: #99ffca;
  animation-name: ripple;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.wrap_btn::after {
  animation-delay: 0.6s;
  }

.wrap_btn:hover::before,
.wrap_btn:hover::after {
  animation-duration: 1.2s;
}

@keyframes ripple {
  0% {
    transform: scale(1,1);
    opacity: 0.8;
    }
  100% {
    transform: scale(1.2,1.3);
    opacity: 0;
  }
}


.att01{
	margin: 0 auto;
	padding: 10px;
	width: 900px;
	background: #fff;
	font-size: 75%;
}

.att01 h3 {
	text-align: center;
}

.att01 p{
	 margin: 0 auto!important;
	padding: 10px;
	width: 100%;
	line-height: 1.5;
	font-weight: normal;
	box-shadow: none;
}


/*
 *		フォームここまで
 */



body {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:125%;/* 20px */
	line-height:1.7;
	background:#fff;
	color: #222;
  font-feature-settings: "palt";
  text-align: justify;
}
h1 {
	position: relative;
	margin: 0 auto;
	height: 535px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	background: url("../images/header.png") center center no-repeat;
	text-indent: -9999px;
	}
h2 {
	margin:0 auto 50px;
  padding: 50px 0;
	background: #e7202c;
  color: #fff;
	line-height: 1.2;
	font-size:2em;
  text-align: center;
	letter-spacing: 0.02em;
	}
img {
	display:block;
	margin:0 auto;
}

.large {
	font-size:120%;
	}

.xlarge {
	font-size:144%;
	}

.xxlarge {
	font-size:172.8%;
	}
.small {
	font-size:82.5%;
	}
.xsmall {
	font-size:62.5%;
	}
.xxsmall {
	font-size:56.25%;
	}	
.u {
	text-decoration:underline;
}
.red {
	color:#cc2200;
	color:#e7202c;
}
h2 .red {
	color: #fff266;
}
.highlight {
	background-color:#ffe566;
}
h2 .highlight {
	background: linear-gradient(transparent 84%, #ffe566 84%);
}

.redhigh {
	color:#cc2200;
	color:#e7202c;
	background-color:#ffe566;
	}
.pic_right{
	float: right;
	margin: 10px -15px 10px 10px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.pconly{display: inline-block;}
.sponly{display: none;}
.gv{vertical-align: super;}
strong {
	font-weight:bold;
	}
#wrapper {
	margin:0 auto;
}
main {
}
.container{
}
footer {
	margin:0 auto;
	padding:20px 0;
	background: #000;
	color: #fff;
	text-align:center;
	font-size: smaller;
}
footer a {
	color:#fff;
	text-decoration:underline;
}

footer a:hover {
}
address {
	font-style:normal;
}

.copys {
	display: flex;
	justify-content: space-between;
	margin: 20px auto 0;
	width: 900px;
}

/*
 *		共通
 */

section {
	padding-bottom: 50px;
}

section p {
	margin: 0 auto;
	width: 900px;
}

.books {
	background: url("../images/bg_rank.png");
}

.books h2 + img {
	margin-bottom: 2em;
}


.clients {
}


/*
 *		bonus
 */	

.bonus {
	background: url("../images/bg_bonus.png") #ffffb2;
}

.bonus h2 {
	padding: 50px 0 0;
	background: none;
}

.con_bonus {
	margin: 0 auto 50px;
	width: 900px;
/*	border-radius: 16px;*/
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.con_bonus h3 {
	padding: 1em 0 0.95em;
	border-top:4px solid #fff;
	border-bottom:3px solid #fff;
/*	border-radius: 16px 16px 0 0;*/
	background: #e7202c;
	color: #fff;
	font-size: 1.65em;
	text-align: center;
	line-height: 1.3;
}

.con_bonus h3 .nums {
	position: relative;
	display: inline-block;
	margin-bottom: 0.3em;
	padding: 0.24em 1em 0.17em;
	width: 12em;
	background: #fff266;
	color: #e7202c;
	line-height: 1;
}


.con_bonus h3 .nums:before,
.con_bonus h3 .nums:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.con_bonus h3 .nums:before {
  top: 0;
  left: 0;
  border-width: 0.7em 0px 0.7em 0.5em;
  border-color: transparent transparent transparent #e7202c;
  border-style: solid;
}

.con_bonus h3 .nums:after {
  top: 0;
  right: 0;
  border-width: 0.7em 0.5em 0.7em 0px;
  border-color: transparent #e7202c transparent transparent;
  border-style: solid;
}

.con_bonus h3 + p.attk {
	width: 900px;
	font-size: 75%;
	text-align: right;
}

.con_bonus p {
	padding: 2em;
}

.img_conb {
	border: 4px solid #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.img_bb {
	float: right;
	width:132px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);	
}


/*
 *		事例
 */

.jirei {
	padding-bottom: 50px;
	background: url("../images/bg_jirei.png");
}

.con_jirei {
	margin: 50px auto;
	padding: 50px 0;
	width: 980px;
	border-top:8px solid #e7202c;
	border-bottom:8px solid #e7202c;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	background: url("../images/bg_conjirei.png");
}

.con_jirei:last-of-type {
	margin-bottom: 0;
}

.con_jirei .youtube {
	margin: 0 auto;
	width: 880px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	text-align: center;
}
.pic_jirei {
	margin: 30px auto;
}

.point {
	position: relative;
	margin-top: 72px;
	padding: 20px;
	width: 880px;
	border: 2px solid #e7202c;
	background: #fff;
	z-index: 10;
}

.point::before {
	content: 'POINT';
	font-family: "CENTURY GOTHIC";
	display: block;
	position: absolute;
	top: -1.5em;
	left: -2px;
	padding: 0 1em;
	height: 1.5em;
	background: #e7202c;
	color: #fff;
	border-radius: 8px 8px 0 0;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.5em;
}

.point::after {
    content: "";
    position: absolute;
    margin: 2px;
    border: 1px solid #e7202c;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}

.attk  {
	width: 980px;
	text-align: right;
	font-size: 75%;
}


/*
 *		eleventh
 */

.eleventh {
	background: url("../images/bg_jirei.png");
}

.con_eleventh {
	margin: 80px auto;
	width: 880px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	background: #fff;
}

.con_eleventh:last-of-type {
	margin-bottom: 0;
}

.con_eleventh h3 {
	padding: 0.75em 0;
	border-top:8px solid #ffc44c;
	background: #e7202c;
	color: #fff;
	text-align: center;
	font-size: 1.5em;
}


/*
 *		text
 */

section.text h2 {
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
  line-height: 1.2;
}

section.text .container p {
  margin: 0 auto;
  padding: 50px 40px;
  width: 980px;
}


.ishiki {
	display: inline;
	margin: 0 auto;
	width: 640px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.promise {
	display: block;
	padding: 1em 1.5em;
	width: 800px;
	border: 8px solid #e7202c;
	background: #fffafa;
	font-weight: bold;
	font-size: 1.5em;
	color:#e7202c;
}



/*
 *		naiyou
 */	

.naiyou {
	background: url("../images/bg_naiyou.png");	
}

.naiyou ul {
	margin: 0 auto;
	width: 900px;
	list-style: none;
}

.naiyou li {
	margin-bottom: 1.5em;
	padding: 1em;
	border: 8px solid #3dcc79;
	background: #fff;
}

.naiyou li::before {
	content: "\f14a";
	font-family: FontAwesome;
	margin-right: 0.4em;
	color: #e7202c;
	font-size: 1.2em;
}






/*
 *		プロフィール
 */	


.profile {
		background: url("../images/bg_profile.png");
}

.pic_prof {
	float: right;
	height: 300px;
}

.profile > div {
	margin: 0 auto 1.5em;
	padding: 2em;
	width: 900px;
	border-left: 8px solid #e7202c;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.profile p {
	width: 100%;
}

.name {
	font-weight: bold;
	font-size: 2.4em;
}

.name .ruby {
	font-weight: normal;
	font-size: 0.5em;
}

.titles {
	margin-top: 1em;
	font-size: 1.25em;
}

.txt {
	margin-top: 1em;
}

.books_profile h3 {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.8em;
}

.books_profile h3::before {
	content:"\f02d";
	font-family: FontAwesome;
	margin-right: 0.4em;
	color: #e7202c;
}

.wrap_books {
	display: flex;
	justify-content: space-between;
	list-style: none;
}

.wrap_books li {
	width: 24%;	
}

.wrap_books img {
	width: 100%;	
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

.wrap_books + img {
	margin-bottom: 2.5em;
}

.pub {
	margin-top: 0.5em;
	text-align: center;
	font-weight: bold;
}




.profile div.fb {
	border-left: 8px solid #3B5998;	
}

.fb h3 {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.8em;
}

.fb h3::before {
	content:"\f230";
	font-family: FontAwesome;
	margin-right: 0.4em;
	color: #3B5998;
}


.fb img {
	width: 100%;
}

.btn_fb {
	display: block;
	margin: 30px auto 0;
	width: 818px;
	height: 162px;
	background: url("../images/button_fb.png");
	text-indent: -9999px;
}

.btn_fb:hover {
	opacity: 0.5;
}
	
	
/*
 *		特商法
 */	

/* Tokutei Table
------------------------------------------------------*/
.tb01{
	width:720px;
	margin:30px auto 30px;
	background:#ccc;
}
.tb01 .title{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color:#EBEBEB;
	padding:6px;
	width:25%;
}
.tb01 td{
	font-size: 12px;
	vertical-align: top;
	background-color:#FFFFFF;
	padding:6px;
}

	
@media screen and (max-width: 1023px) {
	
	body {width: 980px;}
	h1 {
		height: 480px;
		background-size: auto 100%;
		}
	h2 {font-size: 140%;}
	h2 img {
	}
	main {
		width:980px;
		font-size: 200%;
	}
	.pconly{display: none;}
	.sponly{display: inline-block;}
	.xlarge {font-size: 125%;}
	.xxlarge{font-size: 150%;}
	
	.point {margin-top: 120px;}
	.con_eleventh h3{font-size: 130%;}
	.promise {
		padding: 0.5em;
		width: 100%;
		font-size: 115%;
	}
	.bonus h2 { font-size: 220%;}
	.bonus h2 strong {
		font-size: 120%;
	}
	.con_bonus h3.sm {font-size: 150%;}
	.con_bonus p {padding: 1em;}
	.img_bb {
		float: none;
		margin-bottom: 1em;
		width:360px;
	}
	
	.profile > div {padding: 1em;}
	.titles {font-size: 100%;}
	
	.wrap_books {
		flex-wrap: wrap;
	}
	.wrap_books li {
		width: 49%;	
	}
	
	.pub {
		margin: 0.5em auto 1em;
	}

	footer {
		font-size: 50%;
	}  
  
  
}