@charset "utf-8";

/* CSS Document */

/* PC用 */

@media screen and (min-width:641px) {
	#onlySp, .onlySp, .onlySP {
		display: none!important;
	}
	body {
		line-height: 1.6;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 13px;
		color: #333;
		background: #FDFDFC;
		-webkit-text-size-adjust: 100%;
	}
	a {
		text-decoration: none;
		color: #333;
	}
	a:hover {
		color: #C77D23;
	}
	/* PC用 ※レスポンシブができたらcommon_pc_1.0.cssに移動 */
	body {
		min-width: 1150px;
		padding-top: 70px;
	}
	a.opa:hover, a:hover .opa {
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	/* コンテンツページ共通 */
	.wrap01 {
		width: 1150px;
		margin: 0 auto;
		background: #FFF;
	}
	/*--------------------
	#head
	--------------------*/
	#head {
		width: 100%;
		background: #FFF;
		position: fixed;
		top: 0;
		top: 0;
		z-index: 9999;
		/*border-bottom: 1px solid #f8f8f5;*/
	}
	#headInner {
		width: 1150px;
		height: 70px;
		margin: 0 auto;
	}
	#head .navlogo {
		margin: 19px 0 0 0;
		float: left;
		font-size: 0;
	}
	#head .navlogo a {
	   /* background: url(https://contents.rals.biz/assets/common/img/rals/20th-anniversary_logo.svg) no-repeat 0 0;*/
		background-size: 26px;
		padding: 5px 0 5px 0;
		display: block;
	}
	#head .navlogo a:hover {
		opacity: 0.7;
	}
	/* #nav */
	#nav {
		float: right;
	}
    #nav #mainMenu {
        position: relative;
    }
	#nav #mainMenu li {
		float: left;
	}
	#nav #mainMenu li>a {
		height: 62px;
		padding: 4px 2px 0;
		line-height: 62px;
		display: block;
		text-align: center;
		font-size: 13px;
		margin: 0 10px;
		width: 80px;
	}
	#nav #mainMenu .nav01>a {
		width: 130px;
	}
	#nav #mainMenu .nav02>a {
		width: 105px;
	}
	#nav #mainMenu li>a:hover {
		border-bottom: 4px solid #C77D23;
	}
	#nav #mainMenu li.navContact {
		margin: 0;
	}
	#nav #mainMenu li.navContact a {
		height: 35px;
		margin-top: 15px;
		padding: 0;
		line-height: 38px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		border-radius: 3px;
	}
	/* 資料DL */
	#nav #mainMenu li.brochureLink a {
		width: 95px;
		background: #F9F4E6;
		border-bottom: 3px solid #EAE2D4;
		margin-right: 0;
		color: #4B433D;
	}
	/* トライアル */
	#nav #mainMenu li.trialLink a {
		width: 130px;
		background: #E97313;
		border-bottom: 3px solid #C56619;
		margin-right: 0;
	}
	#nav #mainMenu li.trialLink a.hovered {
		background: #F5CA1F;
		border: none;
		margin-top: 19px;
		color: #FFF;
	}


  .trialBalloon {
    display: none;
    position: fixed;
    width: 390px;
    background: #fff;
    top: 70px;
    right: 0px;
    clear: both;
    border-radius: 5px;
    border: 3px solid #F6CE2D;
    padding: 20px;
    box-sizing: border-box;
  }
  .trialBalloon::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 300px;
    margin-left: -15px;
    border: 12px solid transparent;
    border-bottom: 12px solid #FFF;
    z-index: 2;
  }
  .trialBalloon::after {
    content: "";
    position: absolute;
    top: -30px;
    left: 300px;
    margin-left: -17px;
    border: 14px solid transparent;
    border-bottom: 14px solid #F6CE2D;
    border-radius: 3px;
    z-index: 1;
  }
  .trialBalloon .eachTrial {
    margin: 15px 0;
    position: relative;
  }
  .trialBalloon .eachTrial a::before {
    content: '';
    position: absolute;
    top: 22px;
    right: 0px;
    width: 7px;
    height: 7px;
    border-top: 3px solid #E97313;
    border-right: 3px solid #E97313;
    border-radius: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .trialBalloon .eachTrial .contentsImg {
    width: 50%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
  }
  .trialBalloon .rengotaiTrial {
    border-bottom: 1px dashed #CABFB0;
    padding: 0 0 10px 0;
  }
  .trialBalloon .eachTrial a:hover {
    opacity: 0.7;
  }
  .trialBalloon .eachTrial a:hover .sentents {
    color: #333;
  }
  .trialBalloon .eachTrial a:hover::before {
    opacity: 0.7;
  }
  .trialBalloon .eachTrial .explanation {
    width: 140px;
    display: inline-block;
  }
  .trialBalloon .eachTrial .explanation .expTitle {
    width: 140px;
    height: 24px;
    line-height: 24px;
    background: #E97213;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #FDEF00;
  }
  .trialBalloon .eachTrial .explanation .expSentents {
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
  }
	#nav #mainMenu li.navContact a:hover {
		background: #F5CA1F;
		border: none;
		margin-top: 19px;
		color: #FFF;
	}
	/* .subMenu */
	#subMenu {
		width: 100%;
		background: #F8F7F5;
		position: fixed;
		left: 0;
		top: 70px;
		z-index: 100;
	}
	#nav .subMenu {
		width: 100%;
		/*background: #F8F7F5;*/
		position: fixed;
		left: 0;
		top: 70px;
		z-index: 101;
		display: none;
	}
	#nav .subMenu dl {
		width: 780px;
		margin: 0 auto;
		padding: 10px 0 10px 200px;
		position: relative;
		overflow: hidden;
	}
	#nav .subMenu dl dt {
		width: 200px;
		margin-top: -25px;
		text-align: center;
		float: left;
		position: absolute;
		left: 0;
		top: 50%;
	}
	#nav .subMenu dl dd {
		width: 190px;
		padding: 11px 0 10px;
		float: left;
		position: relative;
	}
	#nav .subMenu dl dd.twoRows a {
		padding: 2px 0 0 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#nav .subMenu dl dd.twoRows span {
		display: block;
		line-height: 0;
		font-size: 11px;
		margin: 10px 0 -2px;
	}
	#nav .subMenu dl dd:nth-child(4n+1):after {
		content: '';
		width: 760px;
		height: 0;
		border-bottom: 1px dotted #CABFB0;
		display: block;
		position: absolute;
		right: 0;
		bottom: -1px;
	}
	#nav .subMenu dl dd:last-child:after {
		display: none;
	}
	body #nav .nav02 .subMenu dl dd:after {
		content: '';
		border-bottom: none;
	}
	#nav .subMenu dl dd:nth-child(-n+5) {
		padding-top: 10px;
	}
	#nav .subMenu dl dd a {
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 14px;
		border-right: 1px dotted #CABFB0;
		display: block;
	}
	#nav .subMenu dl.interviewArea dd a {
		border-right: none;
	}
	#nav .subMenu dl.interviewArea dd:nth-child(-n+4):before {
		content: "";
		display: block;
		border-right: 1px solid #CABFB0;
		width: 5px;
		height: 120px;
		position: absolute;
		top: 10px;
		right: 0px;
	}
	#nav .subMenu dl.interviewArea dd:nth-child(-n+5):after {
		content: "";
		display: block;
		border-bottom: 1px dotted #CABFB0;
		width: 170px;
		height: 5px;
		position: absolute;
		left: 12px;
		bottom: -4px;
	}
	#nav .subMenu dl.interviewArea dd:nth-child(n+6) {
		padding: 10px 0 10px;
		margin-top: 6px;
	}
	#nav .subMenu dl dd:nth-child(4n+1) a {
		border-right: none;
	}
    
    /*** 学習コラムナビのメニュー内 ***/
    .nav06 {
        position: relative;
    }
    #nav #mainMenu .nav06 > dl > dt {
        top: 36%;
    }
    #nav #mainMenu .nav06.subMenu {
        height: 180px;
    }
    #nav #mainMenu .nav06 dl .magazineBox {
				width: 330px;
        box-sizing: border-box;
    }
    #nav #mainMenu .nav06 dl .magazineBox > a {
        font-size: 14px;
        color: #614139;
        border: none;
        pointer-events: none;
				display: inline-block;
    }
    #nav #mainMenu .nav06 dl dd a {
        height: auto;
        font-size: 13px;
        text-align: left;
    }
    #nav #mainMenu .nav06 .magazineMenu {
        margin-top: 5px;
    }
    #nav #mainMenu .nav06 .contentsMenu {
        width: 330px;
        float: left;
    }
    #nav #mainMenu .nav06 .contentsMenu li:first-child {
        margin-top: 0;
    }
    #nav #mainMenu .nav06 .contentsMenu li {
        width: 110px;
        margin-top: 16px;
    }
    #nav #mainMenu .nav06 .contentsMenu a {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        line-height: 1.1;
        border: none;   
    }
    #nav #mainMenu .nav06 .contentsMenu .wideLink {
        width: 100%;
    }
		#nav #mainMenu .nav06 dl .cnewsBox {
			display: none;
		}
    #nav #mainMenu .nav06 .newMagazineBox {
				width: auto;
				padding: 7px 9px;
				margin: 25px 0 0 0;
				background: #FFF;
				box-sizing: border-box;
				float: left;
    }
    #nav #mainMenu .nav06 .newMagazineBox .newMagazineTitle {
        margin-bottom: 3px;
        font-size: 12px;
        text-align: center;
    }
    #nav #mainMenu .nav06 .newMagazineBox a {
        border: none;
    }
    #nav #mainMenu .nav06 .newMagazineBox a:hover img {
        opacity: 0.7;
    }
    #nav #mainMenu .nav06 .newMagazineBox img {
        object-fit: cover;
    }
		#nav #mainMenu .nav06 .updateLabel {
			display: none;
		}
    
    /*** ナビのリリースバルーン ***/
    .releaseBalloon {
		min-width: 224px;
        padding: 10px;
        border: 2px solid #5F3F39;
        border-radius: 3px;
        box-sizing: border-box;
        line-height: 1.9;
        font-size: 12px;
        font-weight: 500;
        text-align: center;
        word-break: keep-all;
        color: #5F3F39;
        background: #FFF;
        position: absolute;
        left: 50%;
        margin-left: -133px;
        top: 70px;
        z-index: 998;
        animation-duration: 2.5s;
        animation-timing-function: ease-in;
        animation-iteration-count: infinite;
        transform-origin: bottom center;
        animation-name: releaseBalloon;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		display: none;
	}
    .releaseBalloon.hide {
        display: none !important;
    }
	@keyframes releaseBalloon {
		0%   { transform: translate(0, 0); }
		2%   { transform: translate(0, 2px); }
		4%   { transform: translate(0, -2px); }
		6%   { transform: translate(0, -4px); }
		8%   { transform: translate(0, -5px); }
		10%  { transform: translate(0, -4px); }
		12%  { transform: translate(0, -1px); }
		14%  { transform: translate(0, 3px); }
		16%  { transform: translate(0, 0); }
		100% { transform: translate(0, 0); }
	}
	.releaseBalloon:before,
	.releaseBalloon:after {
		content: '';
		border: solid transparent;
		border-top: none;
		position: absolute;
	}
	.releaseBalloon:before {
		border-width: 5px;
		border-bottom-color: #5F3F39;
		left: calc(50% - 3px);
		top: -7px;
	}
	.releaseBalloon:after {
		border-width: 4px;
		border-bottom-color: #FFF;
		left: calc(50% - 2px);
		top: -4px;
	}
	.releaseBalloon .ico_new {
        margin-right: 10px;
        padding: 5px 6px;
        font-size: 10px;
        color: #5F3F39;
        line-height: 1.0;
        text-align: center;
        background: #F7E800;
        border-radius: 2px;
        display: inline-block;
	}
    .releaseBalloon .text_new:hover {
        text-decoration: none;
    }
	.releaseBalloon .text_new {
		width: 170px;
		font-size: 13px;
		color: #5F3F39;
        text-decoration: underline
	}
	.releaseBalloon .close {
		width: 22px;
		height: 22px;
		line-height: 20px;
		text-align: center;
		font-size: 16px;
		color: #FFF;
		border-radius: 11px;
		background: #5F3F39;
		position: absolute;
		right: -10px;
		top: -11px;
		cursor: pointer;
	}
	.releaseBalloon .close:hover {
		background: #7F6561;
	}
    
	body #mainMenu .servicesArea .twoRows span {
		display: none!important;
	}
	body #mainMenu .servicesArea .twoRows:hover {
		opacity: 0.7;
	}
	body #mainMenu .servicesArea .services01 {
		text-indent: -9999px;
		display: block;
		content: "";
		background-image: url("../img/services_01.png");
		background-repeat: no-repeat;
		background-position: center center;
		width: 195px;
		height: 45px;
	}
	body #mainMenu .servicesArea .services02 {
		text-indent: -9999px;
		display: block;
		content: "";
		background-image: url("../img/services_02.png");
		background-repeat: no-repeat;
		background-position: center center;
		width: 195px;
		height: 45px;
	}
	body #mainMenu .servicesArea .services03 {
		text-indent: -9999px;
		display: block;
		content: "";
		background-image: url("../img/services_03.png");
		background-repeat: no-repeat;
		background-position: center center;
		width: 195px;
		height: 45px;
	}
	body #mainMenu .servicesArea .services04 {
		text-indent: -9999px;
		display: block;
		content: "";
		background-image: url("../img/services_04.png");
		background-repeat: no-repeat;
		background-position: center center;
		width: 195px;
		height: 45px;
	}

	body #mainMenu .servicesArea .interview {
		content: "";
		width: 195px;
		height: 45px;
	}
	body #mainMenu .servicesArea .interview span {
		display: block !important;
	}
  /*210930追加 .serviceMenu*/
  #nav .subMenu .serviceMenu {
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
  }
  #nav .subMenu .serviceMenuList {
    box-sizing: border-box;
    width: 200px;
		margin: 0;
		padding: 0;
    overflow: visible;
  }
  #nav .subMenu .serviceMenuList + .serviceMenuList {
    border-left: 1px solid #CABFB0;
  }
  #nav .subMenu .serviceMenuList dt {
    float: none;
    position: relative;
    top: 0;
    display: block;
		width: 100%;
    height: 46px;
    margin: 0 0 25px;
    padding: 0;
    background: no-repeat center center;
    text-align: center;
    text-indent: -9999px;
  }
  #nav .subMenu .serviceMenuList:nth-of-type(1) dt {
    background-image: url("../img/services_01.png");
  }
  #nav .subMenu .serviceMenuList:nth-of-type(2) dt {
    background-image: url("../img/services_03.png");
  }
  #nav .subMenu .serviceMenuList:nth-of-type(3) dt {
    background-image: url("../img/services_02.png");
  }
  #nav .subMenu .serviceMenuList:nth-of-type(4) dt {
    background-image: url("../img/services_04_02.png");
  }
  #nav .subMenu .serviceMenuList:nth-of-type(5) dt {
    background-image: url("../img/services_05.png");
  }
  #nav .subMenu .serviceMenuList:nth-of-type(1) dt:after {
    content: "" !important;
    position: absolute;
    top: -5px;
    left: -45px;
    display: block;
    width: 60px;
    height: 60px;
    background: url("../img/services_01_no1.gif") no-repeat 0 0 / 60px 60px;
  }
  #nav .subMenu .serviceMenuList dt a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #nav .subMenu .serviceMenuList dt:hover + dd a {
    color: #C77D23;
  }
  #nav .subMenu .serviceMenuList:last-child dt:hover + dd a {
    color: #333;
  }
  #nav .subMenu .serviceMenuList dd {
    float: none;
    width: 100%;
    margin: 0 0 10px;
    padding: 0 !important;
    text-align: center;
  }
  #nav .subMenu .serviceMenuList dd a {
    height: auto;
    color: #333;
    font-size: 14px;
    line-height: 1.6;
		border: none;
  }
  #nav .subMenu .serviceMenuList dd a:hover {
    color: #C77D23;
  }
  #nav .subMenu .serviceMenuList dd .serviceTrial {
    color: #E97313;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
  }
  #nav .subMenu .serviceMenuList dd .serviceTrial:hover {
    color: #F4BF13;
  }
  #nav .subMenu .serviceMenuList dd .new {
    display: inline-block;
    height: 20px;
    margin: -2px 8px 0 0;
    padding: 0 4px;
    background-color: #F7E800;
    color: #DD6306;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
  }

  /*210930追加　aboutMenuList*/
  #nav #mainMenu .aboutMenuList {
    display: flex;
    flex-wrap: wrap;
    width: 760px;
    margin: 0 auto;
    padding: 0;
  }
  #nav #mainMenu .aboutMenuList dd {
    width: 190px;
    height: 60px;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #CABFB0;
  }
  #nav #mainMenu .aboutMenuList dd:nth-last-of-type(1),
  #nav #mainMenu .aboutMenuList dd:nth-last-of-type(2) {
    border-bottom: none;
  }
  #nav #mainMenu .aboutMenuList dd a {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 190px;
    height: 60px;
    margin: 0;
    padding: 20px 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border-right: none;
  }
  #nav #mainMenu .aboutMenuList dd a:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    display: block;
    width: 0;
    height: 40px;
    border-right: 1px dotted #CABFB0;
  }
  #nav #mainMenu .aboutMenuList dd:nth-child(4n) a:after {
    border-right: none;
  }
  #nav #mainMenu .aboutMenuList dd a:hover {
    color: #C77D23;
    border-bottom: none;
  }
  /*211007追加 navRemoteMtg*/
  #nav #mainMenu li.navRemoteMtg {
    display: block;
    margin: 0 0 0 15px;
    padding: 0;
  }
  #nav #mainMenu li.navRemoteMtg a {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
  }
  #nav #mainMenu li.navRemoteMtg a img {
    vertical-align: middle;
  }
  #nav #mainMenu li.navRemoteMtg a:hover {
    border: none;
  }
  #nav #mainMenu li.navRemoteMtg a:hover:before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: calc(50% - 3px);
    border: 3px solid transparent;
    border-bottom: 6px solid #3397D9;
  }
  #nav #mainMenu li.navRemoteMtg a:hover:after {
    content: "WEB面談はこちら";
    position: absolute;
    bottom: -56px;
    left: calc(50% - 75px);
    display: block;
    width: 150px;
    height: 40px;
    background: #3397D9;
    border-radius: 5px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    letter-spacing: 1px;
  }

  /*--------------------
#contentsTit
--------------------*/
	#contentsTit {
		height: 230px;
		text-indent: -99999px;
		    background-color: #E6BB36;
    background-position: 50% -70px!important;
    background-attachment: initial!important;
    background-repeat: no-repeat!important;
	}
	/*--------------------
#pankuzu
--------------------*/
	#pankuzu {
		width: 1150px;
		height: 30px;
		margin: 0 auto;
		padding-top: 12px;
		line-height: 20px;
		font-size: 11px;
	}
	#pankuzu li {
		float: left;
	}
	#pankuzu li a {
		text-decoration: none;
		border-bottom: 1px solid #c8c8c5;
	}
	#pankuzu li span {
		margin: 0 5px;
	}
	/*--------------------
#footLinkArea
--------------------*/
	/* 一部のフッター上部で使用 */
	#footLinkArea {
		width: 940px;
		margin: 0 auto;
		text-indent: -9999px;
		padding-bottom: 80px;
	}
	#footLinkArea h2 {
		display: none;
	}
	/* ラルマネページのみ仕様が異なりタイトル付き */
	#rmLinkArea #footLinkArea {
		padding-top: 27px;
	}
	#rmLinkArea #footLinkArea h2 {
		display: block;
		content: "";
		background-image: url(../img/pc/ralkoArea.png);
		background-repeat: no-repeat;
		width: 917px;
		height: 101px;
	}
	#linkContainer {
		clear: both;
		overflow: hidden;
	}
	#linkContainer a {
		display: block;
		float: left;
		width: 300px;
		height: 260px;
	}
	#linkContainer a:hover {
		opacity: 0.7;
	}
	#linkContainer a:first-child {
		display: block;
		content: "";
		background-image: url(../img/pc/forRengotai.png);
		background-repeat: no-repeat;
		width: 300px;
		height: 260px;
	}
	#linkContainer a:nth-child(2) {
		display: block;
		content: "";
		background-image: url(../img/pc/forOrderLine.png);
		background-repeat: no-repeat;
		width: 300px;
		height: 260px;
		margin: 0 20px 0;
	}
	#linkContainer a:last-child {
		display: block;
		content: "";
		background-image: url(../img/pc/forFormatLine.png);
		background-repeat: no-repeat;
		width: 300px;
		height: 260px;
	}
	/*--------------------
#foot
--------------------*/
	#foot {
		border-top: 2px solid #4B332C;
	}
	#footInner {
		width: 940px;
		margin: 0 auto;
		position: relative;
	}
	#foot #footLogo {
		height: 69px;
		margin-bottom: 20px;
		padding-top: 50px;
		border-bottom: 1px solid #DBDAD0;
	}
	#foot #footLogo span {
		padding: 8px 0 6px 20px;
		font-size: 11.5px;
		font-weight: bold;
		line-height: 24px;
	}
	#foot #footLogo a:hover span {
		color: #333;
		opacity: 0.7;
	}
	#foot #footLogo a {
		width: 345px;
		display: block;
	}
	#foot #footContact {
		position: absolute;
		right: 15px;
		top: 40px;
	}
	#foot #footContact a {
		width: 250px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		letter-spacing: 1.2px;
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		background: #E97313;
		display: block;
	}
	#foot #footContact a:hover {
		background: #F0AD0A;
	}
	/* #footMenu */
	#footContact_01 {
		position: absolute;
		right: 460px;
		top: 24px;
	}
	#footContact_02 {
		position: absolute;
		right: 285px;
		top: 24px;
	}
	.forRealEstate_01 {
		color: #D05866
	}
	#footContact_02 span {
		display: block;
	}
	#footContact_02 img {
		margin-bottom: 5px;
	}
	.forRealEstate_02 {
		font-size: 14px;
	}
	#footContact_02 a:hover {
		color: #333;
	}
	.forRealEstate_03:after {
		display: block;
		content: "";
		background-image: url("//www.rals.co.jp/common/img/footerform_02.png");
		background-repeat: inherit;
		width: 130px;
		height: 1px;
		margin: 2px 0;
	}
	/* #footMenu */
	#foot #footMenu {
		margin-bottom: 18px;
		float: left;
	}
	#foot #footMenu li {
		margin-right: 15px;
		line-height: 28px;
		float: left;
	}
	#foot #footMenu li a {
		font-size: 12px;
		color: #4B332C;
	}
	#foot #footMenu li a:hover {
		color: #C77D23;
	}
	/* #snsList */
	#foot #snsList {
		float: right;
	}
	#foot #snsList li {
		padding: 0 10px 0 25px;
		float: left;
	}
	
	/* .markBox */
	#foot .markBox {
		float: right;
	}
	#foot .markBox img {
		width: 214px;
		image-rendering: -webkit-optimize-contrast;
	}
	
	/* #copyright */
	#foot #copyright {
		padding-bottom: 40px;
		line-height: 20px;
		clear: both;
	}
	#foot #copyright small {
		font-size: 11px;
		color: #999;
	}
	#foot #copyright small br {
		display: none;
	}
	#sideContact {
		display: none;
	}
	
/*--------------------
#sideContact
--------------------*/
	#sideContactBar {
		width: 254px;
		text-align: center;
		background-color: #FFF;
		border-radius: 3px 3px 0 0;
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		position: fixed;
		right: 40px;
		bottom: 0;
		z-index: 99;
		padding: 15px 10px 10px;
		box-sizing: border-box;
	}
	#sideContactBar #sideContactBtn a {
		line-height: 43px;
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		background: #E97313;
		display: block;
		border-radius: 3px;
		border-bottom: 3px solid #C56619;
	}
	#sideContactBar #sideContactBtn a:hover {
		background: #F4BF13;
		border: none;
		margin-top: 9px;
	}
	#sideContactBar .sideContact02 {
		margin-top: 18px;
	}
	#sideContactBar #sideContactClose:hover {
		background-color: #000;
	}


	.trialTxtBox .sideContactnote{
		font-size: 12px;
		color: #333333;
		line-height: 18px;
		text-align:left;
		font-weight: normal;
		text-indent: -1em;
    margin-left: 1em;
	}

	#btn {
		width: 40px;
		height: 40px;
		text-indent: 100px;
		border-radius: 20px;
		border: none;
		background: #624239 url(../img/ico_close_01.png) no-repeat 50% 50%;
		overflow: hidden;
		cursor: pointer;
		position: absolute;
		right: -20px;
		top: -20px;
	}
	#btn:hover {
		background: #000 url(../img/ico_close_01.png) no-repeat 50% 50%;
	}
	#linkContainer {
		clear: both;
		overflow: hidden;
	}
	#linkContainer a {
		display: block;
		float: left;
		width: 300px;
		height: 260px;
	}
	#linkContainer a:first-child {
		display: block;
		content: "";
		background-image: url(../img/pc/forRengotai.png);
		background-repeat: no-repeat;
		width: 300px;
		height: 260px;
	}
	#linkContainer a:nth-child(2) {
		display: block;
		content: "";
		background-image: url(../img/pc/forOrderLine.png);
		background-repeat: no-repeat;
		width: 300px;
		height: 260px;
		margin: 0 20px 0;
	}
	#linkContainer a:last-child {
		display: block;
		content: "";
		background-image: url(../img/pc/forFormatLine.png);
		background-repeat: no-repeat;
		width: 300px;
		height: 260px;
	}
  #MagazineLinkContainer {
    width: 940px;
    margin: -50px auto 80px;
    text-indent: -9999px;
  }
  #MagazineLinkContainer a {
    display: block;
    background: url(../img/pc/bnr_ralmaga_02.png) no-repeat;
    height: 100px;
	}
  #MagazineLinkContainer a:hover {
    opacity: 0.7;
  }
	/*sp用↓*/
	.menuBtnsSp01, .menuBtnsSp02, .menuBtnsSp03, #over, #ralsMenu, #spHeading, .spBtn01, .nav02.active span, .navEX span, .spBtn01 span, .spBtn02 span, .spBtn03 span, .spBtn04 span, .spBtn06 span {
		display: none;
	}
	#wrapInner {
		display: none;
	}
	.navEX {
		display: none;
	}
	.defanone {
		display: block;
	}
	.serviceThemaSp {
		display: none;
	}
	.onlySp {
		display: none;
	}
	.brochure {
		display: none;
	}
	#nobodyContainer {
		height: 0;
		overflow: hidden;
	}
	#products,#productsNotrial {
		display: none;
	}

	/* ===================================
	トライアル関連部分
	=================================== */
	.trialBand {
		border-top: 2px solid #EADE00;
		background: #FCF8CF;
		/*padding-bottom: 10px;*/
	}
	.trialBand p {
		text-align: center;
		color: #523F33;
		font-size: 14px;
		font-weight: bold;
		padding: 6px 0 5px;
	}
	.trialBand p span,
	.trialTxtBox p span {
		color: #DD6306;
	}
	.trialBand p span.firstLimit,
	.trialTxtBox p span.firstLimit {
		color: #FDEE00;
		background: #E97313;
		padding: 1px 5px 0;
		margin-right: 10px;
		font-size: 12px;
	}
	.trialBand p a {
		text-decoration: underline;
		color: #523F33;
	}
	.trialBand p .line {
		text-decoration: underline;
		color: #523F33
	}
	.trialBand a:hover {
		color: #523F33
	}
	.trialBand a:hover .line {
		text-decoration: none;
	}

  /* コロナ用テキスト */
  .trialBand .coronaTxt {
    background: #FFF;
    border: #DC0303 1px solid;
    line-height: 1.3;
    color: #DC0303;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    width: 900px;
    display: none;
  }

	/* 右下固定ボタン */
	.trialTxtBox {
		background: #FCF8CF;
		padding: 11px 15px 10px;
		margin: 0 0 10px;
	}
	.trialTxtBox p {
		font-size: 18px;
		font-weight: bold;
		line-height: 23px;
		margin-bottom: 6px;
	}
	.trialTxtBox p span.firstLimit {
		width: 60px;
		margin: 0 auto 8px;
		display: block;
	}
	.txtLink {
		text-align: left;
		margin-left: 10px;
	}
	.txtLink a {
		display: inline-block;
		font-size: 12px;
		font-weight: bold;
		color: #4C4C4C;
		margin-top: 6px;
		padding-left: 16px;
		position: relative;
	}
	.txtLink a:before {
		content: "";
		display: block;
		position: absolute;
		top: 5px;
		left: 0;
		width: 6px;
		height: 6px;
		border-top: 2px solid #E97313;
		border-right: 2px solid #E97313;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.txtLink a:hover {
		color: #C77D23;
	}
	.infoBox {
		position: absolute;
		top: 28px;
		right: 0;
		line-height: 34px;
		text-align: center;
	}
	.infoBox h4 {
		font-size: 12px;
		font-weight: bold;
	}
	.infoBox p {
		margin-top: 8px;
		font-size: 11px;
	}
  #foot {
		border-top: 2px solid #4B332C;
		background: #FDFDFC;
	}
  
	/* ===================================
	191204 追記 右下のトライアルバナー
	=================================== */
  #sideContactBar .trialVideoBox {
    background: #F2941A;
    padding: 0 0 12px;
  }
  #sideContactBar .trialVideoBox .text {
    background: url(../img/img_trial_01.png) no-repeat 0 0;
    background-size: 100%;
    width: 100%;
    height: 80px;
    text-indent: -9999px;
  }
  #sideContactBar .trialVideoBox a img {
    width: 100%;
  }
  #sideContactBar .trialVideoBox a {
    position: relative;
    display: block;
    margin: 0 12px;
  }
  #sideContactBar .trialVideoBox a:hover span:before{
    background: #FF0000;
  }
  #sideContactBar .trialVideoBox a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
  }
  #sideContactBar .trialVideoBox a span {
    color: #FFF;
    display: block;
    position: absolute;
    bottom: 6px;
    text-align: center;
    width: 100%;
  }
  #sideContactBar .trialVideoBox a span:before {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    background: rgba(0,0,0,0.7);
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50px;
    transition: 0.2s;
  }
  #sideContactBar .trialVideoBox a span:after {
    content: "";
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    border: 7px solid transparent;
    border-left: 12px solid #FFF;
    position: absolute;
    bottom: 32px;
    left: 10px;
    right: 0;
    margin: 0 auto;
  }
  
  /*===========================
  モーダル共通パーツ
  ===========================*/
  #boxer .boxer-close {
    background: none!important;
    border: none!important;
    top: -7px!important;
    right: -47px!important;
  }
  #boxer .boxer-close:before {
    font-size: 40px!important;
  }
  #boxer .boxer-close:hover {
    opacity: 0.5!important;
  }
  
/* ===================================
社会貢献の帯
=================================== */
.supportBand {
	background: #E2F1FF;
}
.supportBand p {
	text-align: center;
	color: #523F33;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0 5px;
	text-decoration: underline;
}
.supportBand p span {
	color: #DD6306;
}
.supportBand p .new {
	height: 20px;
    padding: 0 4px;
    font-size: 12px;
    line-height: 20px;
    background-color: #F7E800;
    display: inline-block;
	vertical-align: middle;
	margin: -2px 8px 0 0;
}
.supportBand p .bold {
	color: #000;
}
.supportBand p .line {
	text-decoration: underline;
	color: #523F33
}
.supportBand a:hover {
	color: #523F33
}
.supportBand a:hover .line,
.supportBand a:hover p {
	text-decoration: none;
}

/* ===================================
ニュースの帯
=================================== */
.newsBand {
	background: #ffe5e2;
}
.newsBand a {
	text-decoration: underline;
	display: block;
}
.newsBand a:hover {
	text-decoration: none;
}
.newsBand p {
	text-align: center;
	color: #523F33;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0 5px;
}
.newsBand p span {
	color: #DD6306;
}
.newsBand p .new {
	height: 20px;
    padding: 0 4px;
    font-size: 12px;
    line-height: 20px;
    background-color: #F7E800;
    display: inline-block;
	vertical-align: middle;
	margin: -2px 8px 0 0;
}

  
/*===========================
@media screen and (min-width:641px)
===========================*/
}