@charset "utf-8";
/* CSS Document  借地権*/

body{ font-family: "Mplus 1p"; }

h2{font-size: 38px;font-weight: 600; padding: 10px;letter-spacing: 3px; color: #5c5c5c;font-family: "Mplus 1p";margin:15px auto 20px!important;}
h3{font-size: 24px;font-weight: 500;font-family: "Mplus 1p";}

h4{font-size:24px;font-weight: bold;line-height: 160%;}


.aka{color:#b62339; }
.white{color: #fff;}

.sblue{color: #1ab3ff;}

.text_l{text-align: left;}
.f60{font-size: 60% ; }
.f80{font-size: 80% ; }
.f110{font-size: 110% ; }
.f140{font-size: 140%;}
.f160{font-size: 160%;}
.f-24{font-size: 24px;}
.f-30{font-size: 30px;}

.cen {margin: 0 auto;
text-align: center;}



/*強み*/

.point{width:810px;
	border-radius: 15px;        /* 角丸 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */  
background-color: #EAEAEA;
padding: 20px 12px 20px 12px;
margin: 0 auto;}

.point h3 {
	font-size:20px;
	font-weight:bold;
	line-height: 100%;
	padding: 5px 5px 2px 55px;;
	border-bottom: solid 2px #1ab3ff;	
}
.point .box{margin: 10px; width: 280px;}
.point .box2{margin: 10px 0 10px 10px; width: 280px;}

/*リスト画像*/
	

.number1 {
	background:url(../img/bg_number1.png) left top no-repeat;
}
.number2 {
	background:url(../img/bg_number2.png) left top no-repeat;
}
.number3 {
	background:url(../img/bg_number3.png) left top no-repeat;
}
.number4 {
	background:url(../img/bg_number4.png) left top no-repeat;
}
.number5 {
	background:url(../img/bg_number5.png) left top no-repeat;
}
.number6 {
	background:url(../img/bg_number6.png) left top no-repeat;
}

/*サポート*/
#sup {background:url(../img/bg_support.png) center top no-repeat; height: 310px;}
.sup ul {
    list-style: none;
    padding-top: 1em;
    margin:0;
	font-weight: bold;		
    color:#8b8b8b;}
#sup li { padding-left:4em;  text-indent: -.7em;font-size: 18px;line-height: 175%;}
 
#sup li:before {
   content: "• ";
    color: #1ab3ff;
	font-weight: bold;
	font-size: 1.4em}

#sup h3 {font-size: 26px;color: #5c5c5c; text-align: center;padding:30px 0 25px;border:none; font-weight: normal;}
#sup h2{font-size: 38px;font-weight: bold; padding: 20px 0 10px 0;letter-spacing: 3px; color: #5c5c5c;margin: 15px auto 0px !important; }

/**/

.quest{margin: 0 auto; width: 830px;display: block;}

.quest h3 {
	font-size:30px;	font-weight:bold;line-height: 100%;	padding: 13px 5px 0px 55px;	
	border-bottom: solid 2px #1ab3ff;height: 45px;
}
.quest ul{margin: 15px 30px 15px 20px;
list-style: disc;width: 355px!important;}

.quest li {padding-left:1.5em;	padding-bottom: 7px;
    text-indent: -1em;font-size: 16px;text-align: left;
}

.quest h4{font-size:120%; color: #039;line-height: 140%;font-weight: bold;padding-top:15px;}

.quest p{ font-size: 16px;line-height: 160%; padding-bottom: 10px;}

/*.quest li:before {
	content: '';
	width: 7px;
  height: 7px;
	color:#b3ccff;
	display: inline-block;
	border-radius: 100%;
	background: #5c5c5c;
	position: relative;
	left: -31px;
	top: -2px;
}
*/


.box370 {width: 370px; display: block;}
.box380 {width: 380px; display: block;}
.box390 {width: 390px; display: block;}
.ml-15{margin-left:-15px;}

.mt300{margin-top:300px;}
.point em {
    padding: 0 2px;
    background: linear-gradient(transparent 40%, #ffff99 40%); font-weight: bold;
}

.kai  em {
    padding: 0 2px;
    background: linear-gradient(transparent 40%, #ffff99 40%); font-weight: bold;
}


.kai h2{background:url(../img/bg_kadai.png) center top no-repeat; height:120px;line-height: 150%;}

.kai{width:800px;
	border-radius: 15px;        /* 角丸 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */  
background-color: #eaeaea;
padding: 20px 12px 20px 12px;
margin: 0 auto;}

.fright{text-align: right; padding-right:10px;}


.pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

/*スマホ用フロート*/

.flex{display: flex;
	display:-webkit-flex
	-webkit-justify-content: space-between;
	justify-content: space-between;
margin-bottom: 15px;}

section p{font-size: 17px; line-height: 150%;}
section #mark{background: linear-gradient(transparent 60%, #ffff99 60%);}




/* パソコンで見たときは"pc"のclassがついた画像が表示される */

.pc { display: block !important; }
.sp{display: none!important;}


/*=============================================sp用============================================================*/
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media screen and (max-width: 480px) {
.sp { display: block !important; }
.pc{ display: none!important;}

#wrapper { width: 100%; margin: 0px 0 0px 0;font-size: 100%;}
	
h1{width: 100%;}
h1 img{width: 80%;}	
h2 { font-size: 24px; padding: 10px 0px ; letter-spacing: 0px;margin:10px auto 10px!important;}
h3 { font-size: 20px; padding: 5px;}	
.quest h2{
	position: relative;
	padding: 20px 20px 20px 0px;
	font-size:20px;
	border: 1px solid #D8D8D8;
	background: linear-gradient(#e6ffff 0%, #0099ff 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin: 15px 0 10px -5px!important; width:90%; text-align: center;
}
section p {font-size: 15px; line-height: 130%;}	
#gai .title {font-size: 17px!important;}	
.mt-40 { margin-top: -55px;}	
.mr30 { margin-right: 0px;}	
.mr20 { margin-right: 0px;}	
.pb2em { padding-bottom: 0.5em;
}
.pb3em {
    padding-bottom: 0.5em;
}	
.float-r { float:none;}	
.shrinkToFit { cursor: zoom-in;}	
	
#sup {background:#fff;  height: auto; width: 92%;
	border-radius: 15px;        /* 角丸 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */  
background-color: #fff;padding: 10px 15px 10px 12px;margin: 0 auto;margin: 3px;}

#sup h2{font-size: 24px; padding: 10px 0 7px 0;}	
#sup h3 {font-size: 18px;padding: 0px 5px 10px 5px; font-weight: 600;}
#sup ul {padding-top: 10px;}
#sup li {  padding-left: 10px; text-indent: -.7em; font-size: 14px; line-height: 150%;}	
	
#onayami { width: 100%; margin: 10px 0 0 0;}	
#onayami img{width: 95%;margin:0 auto;}
.point {width: 96%;padding: 5px; margin: 0 auto; }
.point h3 {font-size:17px;font-weight:bold; height:38px;margin-top: 10px;padding:17px 5px 5px 55px;}
.point p {width: 95%;font-size:14px; margin:5px;}
.point .box{width: 100%;  margin: 3px;}
.point .box2{width: 100%; margin: 3px;}

.point #flex{display:block!important;}/*flex解除*/
.inner p{font-size:15px;line-height: 140%; font-weight: normal;padding: 5px;}
.seminar li {font-size:15px; line-height: 1.5;}	
.seminar { width: 95%;	margin: 6px 6px;  padding: 5px; border: 1px solid #385d8a;}
.seminar h3{font-size:17px; padding: 5px;width: 98%;  margin-bottom: 10px;}
.seminar img { float: none; text-align: center;margin: 0 auto; overflow: visible; }	

.seminar .inner { margin: 5px;width: 90%;}	
	
.flex { display: block;  margin-bottom: 5px;}

	
.quest {margin-left: 15px;width: 100%;}
.quest li{font-size:15px;line-height: 140%; width: 100%;padding-bottom: 3px;text-indent: -1.5em;}
.quest #flex{display:block!important;}/*flex解除*/
.box390{width: 100%;}

.quest p{font-size:15px; padding: 5px; line-height: 130%;}
.quest h3 {font-size: 22px; width: 100%;  height:40px;margin-top: -5px;}	
.quest h4{font-size:18px;width: 95%; line-height: 120%;}
.quest ul {margin: 5px 10px 5px 15px;width: 100%!important;}
.number1,.number2,.number3,.number4,.number5,.number6{margin: 5px; width: 94%;}
	
	
.contact1, .contact2, .contact3 { margin: 0px 0;}	
.flow { margin: 5px;}	
.flow li{font-size:22px;}
.flow p{font-size:23px;}

.kai{width:95%;padding: 20px 5px 20px 8px; margin:0 auto;}
.kai p{font-size:15px;}
	
.kai h2 {  background: none;  height: auto;font-size:26px; line-height: 125%; }	
.width800 { width:100%;}
.plr20 { padding: 0 2px;}	
.ml20 { margin-left: 5px;}	
/*.float-r{float: none;}*/
.steps {width: 98%;}
	
.step img{margin-top: -10px;}	
.steps .step1, .steps .step2, .steps .step3 {
    margin-bottom: 10px;
}	

.steps .step dl dt { margin-left:15px;}	
.steps .step img.stepNumber { float: none;}	
.steps .step dl {  float: none; width: 100%; padding: 10px 10px 10px 10px ; border-bottom: 1px solid #C0C0C0;  border: 0px; }	
.steps .step dl dd ul { float: none;  margin-right: 5px; margin-left:15px; }	
.steps .step dl dd ul li { line-height: 130%;  font-size: 15px;}	
.float-l { float: none;  margin-right: 10px;}

/*書籍・出版*/	
.book {margin: 0 0 0 5px; width:95%; padding: 5px 0 5px 7px;}	
.book ul { padding:7px 5px 7px 5px;}
.book ul li p{font-size:15px;line-height: 130%;}
.book ul li{float: none;}/*float解除*/
	
	

.js .slicknav_menu {display:block;}
	
/*フォーム*/	
/*form {  width: 90%;}*/	
.formcontents { margin: 10px 6px 10px 6px; text-align: center;}	
table#cFrom { padding: 5px;  width: 90% !important;}
table#cFrom th{	padding: 3px 5px 3px 5px;font-size:15px;display: block;  text-align:left;}
table#cFrom td{	padding: 3px 5px 3px 5px;font-size:14px;display: block; text-align:left;}
table#cFrom th.red { text-align:left;}	
label {	font-size: 15px;}
.formbox {padding: 6px;width: 95%;}

table#cFrom td.cFromBtn {background:none;}
table#cFrom td.cFromBtn div {margin: 5px 0 0 0; padding: 5px 10px 5px 5px;}	

#footer {  width: 100%; margin: 10px 10px 0px 5px; font-size:80%;}	
#footer p{font-size: 12px !important; margin:15px 10px 5px 5px;;padding-bottom: 0px;  line-height: 1.6;}	
#footer div.center { padding-bottom: 5px;}
#footer div.accs{  padding-left: 120px;}	
#footer p#copyright { text-align: left; padding: 5px;line-height: 150%;  margin: 0px 10px 5px 5px;}
	
.pagetop { bottom: 10px; right: -10px;}	

	
}