@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(min-width:960px){

/*common*/
.sp {
display:none;
}

/**/
.tx {
padding-bottom:30px;
}

.txx {
padding-bottom:50px;
}

.icon {
padding-right:7px;
}



/*header*/
header {
width:100%;
height:60px;
background:rgba(255,255,255,0.9);
box-shadow:0 0 15px #c8c8c8;
letter-spacing:1px;
z-index:1!important;
}

header img {
width:100%;
}

header .area {
width:960px;
margin:auto;
padding:10px 0;
display:flex;
}

header .logo {
width:135px;
margin-right:15px;
padding-top:1px;
}

h1 {
width:660px;
padding-top:10px;
font-size:80%;
font-weight:normal;
}

h1 br {
display:none;
}

h2 {
font-size:250%;
text-align:center;
padding-bottom:40px;
}

.titline {
border-bottom:#e50012 3px solid;
padding-bottom:5px;
}

.titleicong {
font-size:420%;
text-align:center;
color:#d2d2d2;
}

.titleiconw {
font-size:420%;
text-align:center;
color:#fff;
}

.titleiconb {
font-size:420%;
text-align:center;
color:#323232;
}

.btn_header {
width:150px;
height:40px;
font-size:90%;
border-radius:20px;
overflow:hidden;
}

.btn_header a {
display:block;
background:#ff961e;
color:#fff;
text-align:center;
text-decoration:none;
font-weight:normal;
padding:10px 0;
}

.btn_header a:hover {
opacity:0.7;
}

header .header_icon {
padding-right:5px;
}

.btn_icon {
padding-right:10px;
}

.btn_cta {
width:300px;
margin:auto;
border-radius:10px;
overflow:hidden;
}

.btn_cta a {
display:block;
background:#ff961e;
color:#fff;
text-align:center;
text-decoration:none;
font-weight:bold;
padding:15px 15px;
}

.btn_cta a:hover {
opacity:0.7;
}

.txend {
padding-bottom:50px;
}



/*movie*/
.container {
width:100%;
height:600px;
overflow:hidden;
}

.container .movie_area {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background:url(../img/main_bg.png);
}

.container .movie_area .movie {
position:absolute;
width:100%;
height:600px;
overflow:hidden;
top:0;
left:0;
z-index:-1;
}

.container .movie_area .movie video {
width:100%;
position:absolute;
}

.container .main_cts {
width:100%;
height:600px;
margin:auto;
}

.container .main_cts .copy_area {
width:480px;
height:340px;
background:rgba(255,255,255,0.8);
margin-top:130px;
margin-right:5vw;
float:right;
border-radius:10px;
padding:25px 30px;
overflow:hidden;
}

.container .main_cts .copy_area .copy {
font-size:200%;
line-height:130%;
font-weight:bold;
padding-bottom:5px;
text-align: center;
}

.container .main_cts .copy_area .ex {
padding-bottom:15px;
}

.btn_main {
width:80%;
margin:auto;
border-radius:10px;
overflow:hidden;
}

.btn_main a {
display:block;
background:#329600;
color:#fff;
text-align:center;
text-decoration:none;
font-weight:normal;
padding:13px 13px;
}

.btn_main a:hover {
opacity:0.7;
}


/*about*/
.about {
background:url(../img/about_bg.png);
padding:70px 0;
}

.about img {
width:100%;
}

.about .about_area {
width:960px;
margin:0 auto 70px;
}

.about .multi_device {
width:700px;
margin:auto;
padding-bottom:50px;
}

.about .recommended_area {
width:960px;
margin:auto;
background:#fff;
border:#e50012 1px dotted;
border-radius:10px;
box-sizing:border-box;
padding:40px 50px;
}

.about .recommended_area .check {
width:760px;
margin:0 auto 15px;
background:#faf0e6;
border-radius:10px;
padding:15px 20px;
font-weight:bold;
}

.about .recommended_area .check_end {
margin-bottom:60px;
position:relative;
}

.about .recommended_area .check_end:after {
width:0;
height:0;
border-top:#e50012 30px solid;
border-right:50px solid transparent;
border-bottom:30px solid transparent;
border-left:50px solid transparent;
position:absolute;
display:block;
content:"";
left:0;
right:0;
margin:auto;
bottom:-60px;
}

.about .recommended_area .recommended {
width:450px;
margin:0 auto 10px;
text-align:center;
background:#323232;
border-radius:10px;
padding:10px 10px;
font-size:150%;
font-weight:bold;
color:#fff;
}

.about .recommended_area .result {
text-align:center;
font-size:180%;
font-weight:bold;
}


/*reason*/
.reason_area {
background:#666 url(../img/reason_bg.png) no-repeat top;
background-size:100%;
padding:0;
position:relative;
width:100%;
height:100%;
}

.reason img {
width:100%;
}

.reason_bg {
background:url(../img/reason_mask.png);
position:relative;
padding:70px 0;
}

.reason_area .reason {
width:960px;
margin:0 auto 60px;
position:relative;
background:#fff;
border-radius:10px;
padding:45px 50px;
}

.reason_area .reason_top {
margin-top:20px;
}

.reason_area .reason_end {
margin-bottom:30px;
}

.reason_area .reason .number {
width:140px;
margin:auto;
background:#e50012;
border-radius:10px;
color:#fff;
padding:10px 10px;
text-align:center;
position:absolute;
top:-25px;
left:0;
right:0;
font-family: 'Noto Serif', serif;
}

.reason_area .reason .number:after {
width:0;
height:0;
border-top:#e50012 10px solid;
border-right:10px solid transparent;
border-bottom:10px solid transparent;
border-left:10px solid transparent;
position:absolute;
display:block;
content:"";
left:0;
right:0;
margin:auto;
bottom:-20px;
}

.reason_area .reason .title {
font-size:200%;
font-weight:bold;
text-align:center;
margin-bottom:30px;
}

.reason_area .reason .marker {
border-bottom:#fae600 5px solid;
padding-bottom:3px;
}

.reason_area .reason .title p {
border-bottom:#e50012 3px solid;
}

.reason_area .reason .reason_cts {

}

.reason_area .reason .reason_cts .photol {
width:300px;
float:left;
}

.reason_area .reason .reason_cts .photor {
width:300px;
float:right;
}

.reason_area .reason .reason_cts .exl {
width:530px;
float:left;
}

.reason_area .reason .reason_cts .exr {
width:530px;
float:right;
}

.reason_area .reason .reason_cts .ex p {
padding-bottom:10px;
}

.reason_area .reason .reason_cts .ex .attention {
font-size:90%;
}


/*voice*/
.voice_area {
background:url(../img/voice_bg.png);
padding:50px 0;
}

.voice_area .voice_title {
font-size:250%;
text-align:center;
font-weight:bold;
padding-bottom:30px;
}

.voice_area .voice_title .voice_subtitle {
background:#e50012;
border-radius:10px;
color:#fff;
padding:7px 7px 7px 15px;
margin-right:10px;
font-size:80%;
font-weight:bold;
}

.voice_area .voice {
width:960px;
margin:0 auto 30px;
background:#fff;
border-radius:10px;
padding:40px 50px 40px;
box-shadow:0 0 10px #ccc;
position:relative;
}


.voice_area .voice .balloon {
font-size:135%;
font-weight:bold;
background:#faebb4;
border-radius:10px;
padding:30px;
position:relative;
margin-bottom:50px;
}

.voice_area .voice .balloon:after {
width:0;
height:0;
border-top:#faebb4 30px solid;
border-left:30px solid transparent;
border-right:30px solid transparent;
position:absolute;
display:block;
content:"";
left:0;
right:0;
margin:auto;
bottom:-30px;
}

.voice_area .voice .photo {
width:370px;
float:right;
}

.voice_area .voice img {
width:100%;
}

.voice_area .voice .ex {
width:450px;
float:left;
}

.voice_area .voice .customer {
font-size:90%;
padding:25px 0 25px;
}

.voice_area .voice .customertop {
font-size:90%;
padding:25px 0 5px;
}

.voice_area .voice .customerbottom {
font-size:90%;
padding:0 0 25px;
}

.voice_area .voice .customer .name {
font-size:160%;
font-weight:bold;
}

.voice_area .voice .customer .item {
color:#969696;
}

.voice_area .voice .question {
border-top:#e50012 1px solid;
border-bottom:#e50012 1px solid;
color:#e50012;
font-weight:bold;
font-size:135%;
padding:8px 0;
margin-bottom:15px;
}

.voice_area .voice .voice_intro {
padding-bottom:30px;
}

.voice_area .voice .txend {
padding-bottom:70px;
}

.voice_area .voice .txspace {
padding-bottom:30px;
}

.voice_area .voice .evidence {
width:350px;
float:right;
margin:0 0 15px 30px;
}

.voice_area .voice .voice3 {
padding-bottom:30px;
}

.voice_area .voice .voice3l {
width:480px;
float:left;
}

.voice_area .voice .voice3r {
width:350px;
float:right;
}

.voice_area .voice .evidence3 {
padding-bottom:15px;
}

.voice_area .voice .evidence_line {
border:#ccc 1px solid;
}

.voice_area .voice .voice_end {
padding-bottom:100px;
}

.voice_area .voice:nth-last-child(2) .evidence {
width:350px;
float:none;
margin:0 auto 15px;
}

.voice_area .voice:nth-last-child(2) .voice_end {
text-align: center;
}


/*toggle*/
.grad-wrap {
  position: relative;
}

.grad-trigger {
font-size:110%;
width:150px;
text-align:center;
background:#329600;
color:#fff;
border-radius:10px;
padding:15px;
position:absolute;
margin:auto;
left:0;
right:0;
bottom:0;
z-index:1;
cursor:pointer;
}
.grad-trigger::after {
content:"続きを読む" /*クリック前のボタンのラベル*/
}
.grad-item {
position:relative;
display:none;
}
.mask::before {
display:block;
position:absolute;
bottom:0;
left:0;
content:"";
width:100%;
height:150px; /*グラデーションで隠す高さ*/
background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
background:linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger.is-show::after {
content: "閉じる" /*クリック後にボタンのラベルを変える*/
}

.on-click::after {
content: "閉じる" /*クリック後にボタンのラベルを変える*/
}


/*profile*/
.profile_area {
background:url(../img/profile_bg.png);
padding:50px 0;
}

.profile img {
width:100%;
}

.profile_area .profile {
width:960px;
margin:auto;
}

.profile_area .profile .profile_cts {
display:flex;
padding-bottom:30px;
}

.profile_area .profile .profile_cts .ex {
width:620px;
margin-right:40px;
}

.profile_area .profile .profile_cts .ex .name {
font-size:200%;
font-weight:bold;
padding-bottom:10px;
}

.profile_area .profile .profile_cts .photo_area {
width:300px;
}

.profile_area .profile .profile_cts .photo_area .lecturer {
padding-bottom:20px;
}

.profile_area .profile .profile_cts .photo_area .lecturer img {
border:#ddd 1px solid;
}

.profile_area .profile .profile_cts .photo_area .book {
width:200px;
border:#ddd 1px solid;
}

.profile_area .profile .bookstore {
display:flex;
}

.profile_area .profile .bookstore .bookstore_l {
margin-right:30px;
}

.profile_area .profile .bookstore .bookstore_r {
}

.profile_area .profile .bookstore .photo {
padding-bottom:10px;
}

.profile_area .profile .bookstore .caption {
font-size:80%;
}


/*whats*/
.whats_area {
background:url(../img/whats_bg.png);
padding:50px 0;
}

.whats_area .whats {
width:960px;
margin:auto;
}

.whats_area .whats .photos {
display:flex;
padding-bottom:50px;
}

.whats_area .whats .photos img {
width:100%;
}

.whats_area .whats .photos .photol {
margin-right:30px;
}

.whats_area .whats .photos .photor {
}

.whats_area .whats .position {

}

.whats_area .whats .position .title {
border-top:#e50012 3px solid;
border-bottom:#e50012 3px solid;
padding:10px 0;
text-align:center;
font-weight:bold;
font-size:150%;
margin-bottom:15px;
}

.whats_area .whats .position table {
width:100%;
border-collapse:collapse;
border:#d2d2d2 1px solid;
margin-bottom:15px;
text-align:center;
}

.whats_area .whats .position th {
background:#f0f0f0;
padding:15px;
text-align:center;
border:#d2d2d2 1px solid;
font-size:90%;
}

.whats_area .whats .position td {
background:#fff;
padding:15px;
border:#d2d2d2 1px solid;
font-size:110%;
}

.whats_area .whats .position .seminar {
width:25%;
}

.whats_area .whats .position .how {
width:18%;
}

.whats_area .whats .position .price {
width:12%;
}

.whats_area .whats .position .detail {
width:45%;
}

.whats_area .whats .position .strong_line {
border:#e50012 3px solid;
box-sizing:border-box;
}

.whats_area .whats .position .target {
background:#faf0e6;
}

.whats_area .whats .position .ex {
padding-bottom:15px;
}

.whats_area .whats .position .attention {
background:#e50012;
padding:10px;
color:#fff;
text-align:center;
font-weight:bold;
}


/*operation*/
.operation_area {
background:url(../img/operation_bg.png);
padding:70px 0 50px;
}

.operation_area .operation {
width:960px;
margin:auto;
}

.operation_area .operation .title {
font-size:150%;
font-weight:bold;
padding-bottom:30px;
text-align:center;
}

.operation_area .operation .ex {
font-size:100%;
padding-bottom:20px;
}

.operation_area .operation .cts {
background:#fff;
padding:30px 35px;
border-radius:6px;
box-shadow:0 0 10px #ddd;
margin-bottom:20px;
}

.operation_area .operation .cts .subtitle {
font-size:100%;
font-weight:bold;
color:#e50012;
padding-bottom:3px;
}

.operation_area .operation .cts .subcts {
font-size:100%;
}

.operation_area .operation .notation {
width:35em;
float:right;
font-size:80%;
}

.operation_area .operation .notation .flex {
display:flex;
}

.operation_area .operation .notation .notation_title {
width:6em;
}

.operation_area .operation .notation .notation_detail {
width:25em;
}


/*cta*/
.cta_area {
background:url(../img/cta_line_bg.png);
padding:10px 0;
}

.cta {
background:url(../img/cta_bg.png);
padding:50px 0;
}

.cta_area .cta .cta_cts {
width:960px;
margin:auto;
text-align:center;
}

.cta_area .cta .cta_cts .title {
font-size:230%;
font-weight:bold;
line-height:135%;
}

.cta_area .cta .cta_cts .title_area {
padding-bottom:15px;
}

.cta_area .cta .cta_cts .formstyle {
width:660px;
padding:20px 25px;
font-size:120%;
border-radius:10px;
outline:none;
appearance:none;
-webkit-appearance:none;
-ms-appearancen:none;
-mos-appearance:none;
border:#d2d2d2 1px solid;
margin-bottom:20px;
}

.cta_area .cta .cta_cts input[type="text"]:focus {
border:#e50012 1px solid;
}

::placeholder {
color:#969696;
}

:-moz-placeholder {
color:#969696;
}

::-moz-placeholder {
color:#969696;
}

:-ms-placeholder {
color:#969696;
}

input[type="submit"] {
font-family:FontAwesome;
}

.cta_area .cta .cta_cts form .cta_btn {
background:#e50012;
}

.cta_area .cta .cta_cts form .btnstyle {
font-size:150%;
padding:15px 25px;
border-radius:10px;
background:#e50012;
color:#fff;
border:none;
font-weight:bold;
-webkit-appearance:none;
-ms-appearancen:none;
-mos-appearance:none;
margin-bottom:20px;
}

.cta_area .cta .cta_cts input[type="submit"]:hover {
opacity:0.8;
}

.cta_area .cta .cta_cts .attention {
font-size:120%;
font-weight:bold;
}

.cta_area .cta .cta_cts .attention br {
display:none;
}

.cta_area .cta .cta_cts .attention .decoration {
border-bottom:#e50012 3px solid;
padding-bottom:3px;
}


/*row & privacy*/
.pages {
background:url(../img/under_bg.png);
}

.pages .row {
width:960px;
margin:auto;
padding:50px 0;
}

.pages .privacy {
width:960px;
margin:auto;
padding:50px 0;
}

.pages .title {
font-size:210%;
font-weight:bold;
text-align:center;
}

.pages .subtitle {
font-size:100%;
font-weight:bold;
text-align:center;
padding-bottom:50px;
}

.pages .row_cts {
font-size:85%;
border-bottom:#ccc 1px dotted;
padding-bottom:10px;
margin-bottom:10px;
display:flex;
}

.pages .row_cts .item {
width:240px;
padding-right:20px;
}

.pages .row_cts .detail {
width:700px;
}

.pages .row_cts_top {
border-top:#ccc 1px dotted;
padding-top:10px;
}

.pages .privacy_cts {
font-size:85%;
border-bottom:#ccc 1px dotted;
padding-bottom:15px;
margin-bottom:15px;
}

.pages .privacy_cts .privacy_title {
font-weight:bold;
}

.pages .privacy .title {
padding-bottom:50px;
}



/*footer*/
footer {
width:960px;
margin:auto;
padding:20px 0;
text-align:center;
}

footer .links {
font-size:80%;
padding-bottom:15px;
}

footer .copyright {
font-size:80%;
color:#d2d2d2;
}

.yuuryou{
	max-width: 100%;
	padding: 10px auto;
    margin: 2em auto;
	margin-bottom: 0px;
    font-weight: bold;
    border: solid 5px #f15a24;
	float: none;
	clear: both;
}
.aaa{position: relative;
background-color: #f15a24;
border-bottom: solid 20px #f15a24;
}

.st{
	
	padding: 10px 0;
	font-weight: normal;
	font-size: 18px;
	
}

.orange{
	padding: 10px;
	font-size: 39px;
	text-align: center;
	font-weight: bold;
	color: #f15a24;
}
.siro{margin: 20px;
	margin-left: 100px;
	float: left;
	
}
.bun{
	padding: 10px;
	margin: 0 auto;
	font-weight: normal;
	font-size: 18px;	
}

.profiletop{
	float: left;
	padding: 50px 0 50px 50px;
	font-weight: normal;
	font-size: 18px;
}
	
.orange-line{
	border-top: 3px solid #f15a24;
	border-bottom: 3px solid #f15a24;
	margin-top:-7px;
	padding-top: 10px;
	background-color: #fffcdc;
	text-align: center;
	font-size: 33px;
	font-weight: 500;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}
.red{
	color: #d71518;
	font-weight: bold;
}
.mailform {
	max-width: 1000px;
	width: 80%;
	margin: 0 auto;
    
    
}
.mailform input {
    width: 100%;
	margin: 0 auto;
    padding: 26px 10px;
    font-size: 20px;
    text-align: center;
}
.submitBtn {
	width: 100%;
    margin: 20px auto 0;
	
}

.push {
	margin: 0 auto;
}

.day{
font-size: 23px;
line-height: 2.7;

}

.left{
float: right;
width: 35%;
	max-width: 400px;
	padding-left: 5%;
}

.leftstep{
float: left;
width: 30%;
	max-width: 250px;
	padding: 0% 5% 0 10%;
	margin-bottom: 10%;
}
.wide{
	max-width: 1000px;
width:80%;
	margin: 0 auto;
	
}
.widestep{
	max-width: 1000px;
    width:95%;
	margin: 0px auto;
	
}
.float{
	clear: both

}
.line01{display: inline-block;
width: 100%;
text-align: center;
    font-size: 24px;
    background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.3em;
    font-weight: bold;
	margin: 0 auto;

}

.midasi{
	margin-bottom: 50px;
	font-size: 39px;
	text-align: center;
	font-weight: bold;
	clear: both;
}
.sankaku{
	width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 50px solid #f15a24;
	margin: 10px auto;
	
}	
.border{
	border: solid 5px #f15a24;
	float: none;
	clear: both;
	padding-bottom: 250px;
	
}
.borderstep2{
	border: solid 5px #f15a24;
	float: none;
	clear: both;
	padding-bottom: 30px;
}	
}