@charset "UTF-8";

@media print, screen and (max-width:1065px) {

body { font-size: 12px; }

.br-pc {
display: none;
}
.br-sp {
display: block;
}

.sp {
display: none !important;
}

.mainSp {
margin-bottom: 40px;
}

#wrapper {
background-color: #fff;
width : 100%;
text-align: left;
margin: 0px auto;
padding: 0px;
}

#container {
position: relative;	
width : 100%;
margin: 0px auto;
padding: 0px;
}

#seoArea {
background-color: #4B669F;
width: 100%;
margin: 0px auto;
padding: 0px;
}

#seo {
width : 100%;
font-size: 11px;
text-align: left;
color: #fff;
margin: 0px auto;
padding: 7px;
line-height: 1.3;
box-sizing: border-box;
}

#parts01 {
position: absolute;
background: url(../img/parts02.png) no-repeat;
width: 241px;
height: 229px;
margin: 0px;
font-size: 0px;
padding: 0px;
right: -50px;
top: -52px;
text-indent: -10000px;
}

#jireiArea {
position: relative;
width: 90%;
margin: 0 auto
}

#jireiL {
position: relative;
width: 100%;
text-align: center;
margin: 0px 0px 30px 0px;
border: 1px solid #ccc;		
}

#jireiR {
position: relative;
width: 100%;
text-align: center;
margin: 0px 0px 30px 0px;
padding: 0px;
border: 1px solid #ccc;		
}

.jireiMark {
position: absolute;	
width: 52px;
height: 52px;
top: -23px;
left: -10px;	
}

.jireiTitle {
background-color: #4B669F;
color: #fff;
margin: 0px auto;
padding: 5px 50px;
}

.jireiPhotobgL {
background: url(../img/jirei_bg01.jpg) no-repeat;
background-size: cover;
width: 100%;
margin: 0px auto;
padding: 15px;
box-sizing: border-box;
}

.jireiPhotobgR {
background: url(../img/jirei_bg02.jpg) no-repeat;
background-size: cover;
width: 100%;
margin: 0px auto;
padding: 15px;
box-sizing: border-box;
}

.jireiLRinnerbg {
background: url(../img/jirei_innerbg.png) repeat;
font-size: 13px;
margin: 0px auto;
padding: 15px;
line-height: 15px;
box-sizing: border-box;
}

#jireiFace {
position: absolute;
top: 773px;
right: 45px;
}

.price {
width: 200px;
margin: 0px auto;
padding: 2px;
border: 2px solid #4B669F;	
}

.jireiBottomTxt {
background-color: #F00;
color: #fff;
font-size: 16px;
margin: 0px auto;
padding: 15px;	
}

.jireiNormalTxt {
font-size: 14px;
}

.yellowLarge {
color: #FF0;
font-size: 22px;
line-height: 24px;
}

.siteColor {
color: #4B669F;
}

.siteColorLarge {
color: #4B669F;
font-size: 18px;
}

.red {
color: #F00;
}

.purple {
color:#CC00CC;
}

.redLarge {
color: #F00;
font-size: 16px;
line-height: 22px;
}

.redLarge2 {
color: #F00;
font-size: 18px;
line-height: 25px;
}

.contactArea {
clear: both;
background-color: #FFE806;
width: 100%;
text-align: center;
margin: 20px 0px 5px 0px;
padding: 22px 0px 15px 0px;		
}

.contactArea img {
width: 70%;
}

#courseArea {
width: 90%;
margin: 0 auto;
}

.strengthFlex {
margin-bottom: 20px;
}

.strengthNumber {
width: 50px;
text-align: center;
margin: 0 auto;
}

.strengthPoint {
width: 100%;
text-align: justify;
margin-top: 10px;
}

.redLine {
background: url(../img/red_underline.gif) repeat-x bottom;
}

#meritArea {
padding: 0 20px 10px 20px;
overflow-x: scroll;
}

#meritArea table {
table-layout: fixed;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
width: 930px;
margin: 10px auto;
}

#meritArea td {
border: 1px solid #ccc;
}

.meritL1T {
width: 130px;
}

.meritL1 {
background-color: #F2F2F2;
width: 130px;
text-align: center;
}

.meritL2T {
background-color: #096;
color: #fff;
text-align: center;
padding: 5px;
}

.meritL2 {
background: #D9FFD8 url(../img/merit_m_g.png) no-repeat center;
padding: 25px;
height: 130px;
}

.meritL2x {
background: #D9FFD8 url(../img/merit_x_g.png) no-repeat center;
padding: 25px;
height: 130px;
}

.meritCT {
background-color: #06C;
color: #fff;
text-align: center;
padding: 5px;
}

.meritC {
background: #DFFFF9 url(../img/merit_m_b.png) no-repeat center;
padding: 25px;
}

.meritCx {
background: #DFFFF9 url(../img/merit_x_b.png) no-repeat center;
padding: 25px;
}

.meritRT {
background-color: #F00;
color: #fff;
text-align: center;
padding: 5px;
}

.meritR {
background: #FFDFE8 url(../img/merit_m_r.png) no-repeat center;
padding: 25px;
}

.meritRC {
background: #FFDFE8 url(../img/merit_m_r.png) no-repeat center;
text-align: center;
padding: 15px;
}

#flowAreaBottom {
width: 90%;
text-align: center;
margin: 0px auto;
padding: 0px;
}

#flowWrap {
width: 80%;
text-align: center;
margin: 0px auto;
padding: 0px;
}

.flowFlex {
}

.flowNumber {
width: 200px;
margin: 0 auto;
margin-bottom: 10px;
}

.flow {
width: 100%;
text-align: justify;
margin-bottom: 20px;
}


.commonAreaT {
display: none;
}

.commonAreaM {
position: relative;
overflow: hidden;
width: 90%;
font-weight: normal;
margin: 0px auto;
padding: 20px;
box-sizing: border-box;
border: 2px solid #4B669F;
border-radius: 10px;
}

.commonAreaB {
display: none;
}

.qa dl {
margin: 0px;
padding: 0px;
text-align: left;
}

.qa dt {
float: left;
clear: left;
width: 20px;
padding: 0;
}

.qa dd {
padding: 0 0 0 30px;
}

.voiceL,
.voiceL2 {
width: 80px;
margin-bottom: 20px
}

.voiceLine {
clear: both;
margin: 15px auto;
border-bottom: 1px dotted #ccc;
}

#friendsArea {
background-color: #fff;
width: 90%;
font-weight: normal;
margin: 20px auto;
padding: 30px;
border: 2px solid #4B669F;
border-radius: 10px;
box-sizing: border-box;
}

.friendsImgR {
width: 100%;
margin-bottom: 30px;
}

#pageTop {
width: 200px;
text-align: center;
margin: 0px auto;
padding: 0px;
}

/* ----------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------- */

#footerArea {
background-color: #4B669F;
width: 100%;
margin: 0px auto;
padding: 0px;
}

#footer {
position: relative;
width : 90%;
text-align: justify;
color: #fff;
font-size: 10px;
margin: 0px auto;
padding: 25px 0 100px;
line-height: 150%;
}

.en {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#footer a:link	 { color: #ffffcc; text-decoration: none }
#footer a:visited { color: #ffffcc; text-decoration: none }
#footer a:hover	{ color: #ff9933; text-decoration: underline }
#footer a:active	{ color: #ffffcc; } 

#call {
position: fixed;
width: 250px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

}