@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

/*TOP画像*/
div.TOP_AREA{background-image:url(/img/reform/top_900.jpg);overflow: hidden;}
div.TOP_AREA.onestop{background-image: url(/img/reform/onestop_900.jpg);overflow: hidden;}
div.TOP_AREA.reloan{background-image: url(/img/reform/reloan_900.jpg);overflow: hidden;}
div.TOP_AREA.system{background-image: url(/img/reform/system_900.jpg);overflow: hidden;}
div.TOP_AREA.what{background-image: url(/img/reform/what_900.jpg);overflow: hidden;}
div.TOP_AREA.ienakalog{background-image: url(/img/reform/ienaka/top_900.jpg);overflow: hidden;}
div.TOP_AREA.voice{background-image:  url(/img/reform/voice/top_900.jpg);overflow: hidden;}
div.TOP_AREA.P07{background-image:url(/img/reform/voice/07/top_900.jpg);overflow: hidden;}
div.TOP_AREA.P06{background-image:url(/img/reform/voice/06/top_900.jpg);overflow: hidden;}
div.TOP_AREA.P05{background-image:url(/img/reform/voice/05/top_900.jpg);overflow: hidden;}
div.TOP_AREA.P04{background-image:url(/img/reform/voice/04/top_900.jpg);overflow: hidden;}
div.TOP_AREA.P03{background-image:url(/img/reform/voice/03/top_900.jpg);overflow: hidden;}
div.TOP_AREA.P01{background-image:url(/img/reform/voice/01/top_900.jpg);overflow: hidden;}/*2番は欠番している。戸建てとマンションに分けて順番を振り直した*/
div.TOP_AREA.CATV{background-image: url(/img/reform/catv/top_900.jpg);overflow: hidden;}
div.TOP_AREA.TROUBLE{background-image: url(/img/reform/trouble_900.jpg);overflow: hidden;}
div.TOP_AREA.example-top{background-image: url(/img/reform/example_900.jpg);overflow: hidden;}
div.TOP_AREA.book{background-image: url(/img/reform/book_900.jpg);overflow: hidden;}
div.TOP_AREA.catalog{background-image: url(/img/reform/catalog_900.jpg);overflow: hidden;}
/*produce*/
div.TOP_AREA.ExampleProduce{background-image: url(/img/produce/top_900.jpg);overflow: hidden;}
#PAGE div.TOP_AREA.ExampleProduce::before {background:linear-gradient(to bottom, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0) 40% ,rgba(0,0,0,0.7) 100%)}


/*リフォームトップ*/
div.form-Description img{width: 50%;margin: 0 auto;display: block;}
div.form-Description span{margin: 30px 15%;float: left;text-align: left;}
/*one-column*/
div.container.ONECLM_TOPIC[class*="section"]{margin-bottom:1px;}
.ONECLM_TOPIC[class*="section"]{height:568px;background-size: cover;background-repeat: no-repeat;background-position: center center; grid-template-rows: 200px 1fr;}
.ONECLM_TOPIC.sectiontop{background-image: url(/img/reform/reform_900.jpg);height: 600px;}
.ONECLM_TOPIC.section1{background-image: url(/img/reform/section1_900.jpg);}
.ONECLM_TOPIC.section2{background-image: url(/img/reform/section2_900.jpg);}
.ONECLM_TOPIC.section3{background-image: url(/img/reform/section3_900.jpg);}
.ONECLM_TOPIC.section4{background-image: url(/img/reform/section4_900.jpg);}
.ONECLM_TOPIC.section5{background-image: url(/img/reform/section5_900.jpg);}
.ONECLM_TOPIC:after{content:"";position:absolute;width:100%;height:100%;top:0;left: 0;background-color: rgba(0,0,0,0.2);}
.ONECLM_TOPIC div{z-index: 1;}
.ONECLM_TOPIC .EXtext {position: absolute;bottom: 50px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);width: 100%;overflow: visible;}
.ONECLM_TOPIC .EXtext .buttonset{height: 72px; padding-bottom: 5px;}
.ONECLM_TOPIC .EXtext .buttonset .button-more{position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.ONECLM_TOPIC .EXtext .buttonset.WT a{background:none;color:#fff;border:var(--color-gray_border_set);-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.ONECLM_TOPIC .EXtext .buttonset.WT a:hover{background-color: rgba(255,255,255,0.3);}
.ONECLM_TOPIC ._WT.h1Text_nb{color: var(--color-white);position: relative;}

.linkgroup form#linklist-free div{width: 100%;height: 42px;border: 1px solid #b5b5b6;border-radius: 5px;}
.linkgroup form#linklist-free input{width: 83%;height: 44px;float: left;border: none;padding: 0 2.5%;text-overflow: ellipsis;}
.linkgroup form#linklist-free input[type="submit"]{width: 16px;height: 16px;float: right;border: none;margin: 2px 0 0 0;padding: 20px 16px;background: url(/img/global/pict_search.png) no-repeat 50% 50%;background-size: 16px;cursor: pointer;}
.linkgroup form#linklist-free input::-webkit-input-placeholder{line-height: 1;}
.linkgroup form{width: 95%;margin: 0 auto;}
.linkgroup ul{width: 95%;margin: 0 auto; text-align: left;}
.linkgroup ul li{padding: 0 3%;margin: 5px 0;border-right: 1px solid #b5b5b6;display: inline;}
.linkgroup ul li:last-child{border: none;}
.linkgroup ul li a{display: inline-block;}
.linkgroup ul.thema{ margin-bottom:15px;}
.linkgroup ul.thema li.title_top{display: block;border: none;margin-top: 0;}
.linkgroup ul.thema li.title{display: block;border: none;padding-top: 15px;margin-top: 0;}
.linkgroup h3:before{padding-right:5px;color: #B5B5B6;}
.linkgroup h3.icon-hometype::before {
    font-size: 22px;
	padding-right: 3px;
}
.linkgroup h3 small{display: inline-block; padding-left: 20px;color: var(--color-gray_border);}
.linkgroup div{width: 100%;text-align: center;}

/*トラブルピクト*/
.salesPerson{transform: translateY(50px) translateX(60%); }
.speaker{padding: 50px 0 0 140px;height: 68px ;}
p.occupation{color: var(--color-gray_text)}
.list{display: flex; flex-direction: column; justify-content: space-between; display: -webkit-flex; -webkit-flex-direction: column; -webkit-justify-content: space-between;}

/*-----イエナカログ-----*/
.button-ienaka{color:var(--color-gray_base);border:1px solid var(--color-gray_base);border-radius:10px;width:20em;padding-right: 10px;box-sizing: border-box;}
.SlideAreaWrapper.__id_log{padding-left:0 ;}
.SlideAreaWrapper .log_item{margin-top:10px ;}
.SlideAreaWrapper.__id_log button{ top:calc( 50% - 20px );}

/*スライド画像*/
.boxset .w60 img{width: 80%; margin:auto;}
/*手順*/
.boxset .procedure{display: flex;}
.boxset .procedure [class^="Box"]{width: 23%;text-align: center;position: relative;color:#fff;}
.boxset .procedure .Box1 span{position: absolute;top:5%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);white-space: nowrap}
.boxset .procedure [class^="Box"] .t{position: absolute;
top: 55%;  left: 50%;  transform: translateY(-45%) translateX(-50%);  -webkit-transform: translateY(-45%) translateX(-50%);font-weight: bold;}
.boxset .procedure [class^="Box"] p.no{font-weight: bold;font-size: 40px; color: #fff;margin: auto;padding: 10px;}
.boxset .procedure .Box1{background-color: #f3c6c9;}
.boxset .procedure .Box2{background-color: #eca9ad}
.boxset .procedure .Box3{background-color: #e68c92}
.boxset .procedure .first li,.boxset .procedure .third li{padding-top: 1.5em;}
.boxset .procedure li:after,.boxset .procedure .third li:after{content: "▼";color: var(--color-buttom_red);position: absolute; padding-top:1.5em;left: calc(23% + 2em) }
.boxset .procedure ol.first,.boxset .procedure ol.second,.boxset .procedure ol.third{flex: 1;padding-left: 2em}
.boxset .procedure ol.first,.boxset .procedure ol.second{border-bottom: 1px dashed var(--color-gray_border);}
.boxset .procedure ol.second,.boxset .procedure ol.third{padding-top:10px;}
.boxset .procedure li:first-child{padding-top:3px}
.boxset .procedure ol.second li{padding-bottom: 15px}
.boxset .procedure ol.second li p{padding-top:10px }
.boxset .procedure li:last-child:after{display:none}
/*三角*/
.boxset .procedure .Box2:before{content:"";width:100% ; height:20px;left:0px;
position:absolute;background:linear-gradient(to top right, transparent 50%,#f3c6c9 50%, #f3c6c9) top left/ 50.03% 100% no-repeat, linear-gradient(to top left, transparent 50%,#f3c6c9 50%, #f3c6c9) top right / 50.03% 100% no-repeat;}
.boxset .procedure .Box3:before{content:"";width:100% ; height:20px;left:0px;
position:absolute;background:linear-gradient(to top right, transparent 50%,#eca9ad 50%, #eca9ad) top left/ 50.03% 100% no-repeat, linear-gradient(to top left, transparent 50%,#eca9ad 50%, #eca9ad) top right / 50.03% 100% no-repeat;}
/*スライド---ここから*/
.slide button{position: absolute; left: 75%;top:40%;}
.slide button:after{box-shadow: 1px 1px 2px rgb(102,102,102,0.4);border-radius: 50%;}
.slide li{display: inline-block;}
.slide li a{background: var(--color-gray_bg);margin: 40px 10px 0 10px; width: 8px;height: 8px;border-radius: 50%;display: inline-block;}
.slide li.active a{background: var(--color-gray_base);}
.slidesp{height: auto;width: 650px;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.slidesp img{width:40%;float: left;}
.slidesp img:first-of-type{padding: 0 0 0 5% }
img.w80{width: 80%;}

/*ここまで*/
.center.blur:before{content:"";position:absolute;width:100%;height:10%;bottom:0;left: 0;background: linear-gradient( rgba(255,255,255,0), rgba(255,255,255,1) 70%);z-index: 0;}
.center.blur img{width: 80%;margin: 0 auto 20px;}
/*-----Voice・お客さまの声-----*/
/*お客さまの画像とコメント*/
.voicecontents{display: flex;}
.csimg{width: 68px;}
.csimg img{border-radius: 50%;}
.comment{flex: 1;}
.comment .come,.comment .come_br{margin-left: 20px;min-height: 68px;}
.comment .come{padding-bottom: 5em;}
.comment .come_br{padding-bottom: 3em;}
div.container .w100 img{width:inherit;max-width: 100%;}
div.container div.boxset div.right div.w50 img{display: inline-block;width: 50%;}
.button-more{width: 20em;}
.button-more.case-more{padding-right: 1em;}
.button-more.case-more.icon-angle-right:after{top:50%;}
/*-----Voice・お客さまの声ここまで-----*/
/*-----イマドキ家さがし動画埋め込み-----*/
.video{position:relative;width:100%; padding-top:56.25%;}
.video iframe{position:absolute;width:100%;
  height:100%;border: 0;top:0;right:0;}
/*動画の右テキスト*/
.mv .date{padding: 20px 0}
.mvtitle{padding-top:0;}
.mvlist li{padding-bottom: 0.833em; padding-left:2em;}
/*liのピクト用*/
.mvlist li:before{position: absolute;left:2px; font-family: 'icon' !important;}
/*住所*/.mvlist li.address:before{content:"\e91f"}
/*築年*/.mvlist li.built:before{content:"\f0e0"}
/*面積*/.mvlist li.area:before{content:"\f06e"}
/*価格*/.mvlist li.price:before{content:"\f087"}
/*catv事例集へのリンク*/
.shadow_top .examplelink,.shadow .examplelink {position: absolute;font-size: 3.75vw;bottom: 0}
.shadow_top .examplelink a:hover,.shadow .examplelink a:hover{text-decoration: underline;}
/*梅淳のコメント*/
.umecome{background-color: rgb(240, 242, 245);}
.LNTexts/*ボルドなし*/{font-size:5.625vw;line-height: initial;}
.u3emd3em{padding-top: 3em;padding-bottom: 3em}
.umejun{position: absolute;right:0; margin: 0 0 0 2em;width:30%;bottom:0;}
.umecome [class^=umetext] p{margin: 0 10px;padding-bottom: 1.8em}
.umecome .umejun img{width:75%;padding-left: 25%; display: block}
.umecome .umetext4,.umecome .umetext5{width:75%}
.boxset .center .sign img{width:20%; float:right;padding: 0 35% 3% 0;}
/*600以下の場合--梅淳のコメントのみ*/
@media screen and (max-width: 600px){
    /*梅淳のコメント*/
.umecome .umetext4,.umecome .umetext5 {width:65%}
.umecome .umejun img{width:90%;padding-left: 10%;}
.boxset .center .sign img{width:25%; float:right;padding: 0 35% 3% 0;}
}
/*505以下の場合--梅淳のコメントのみ*/
@media screen and (max-width: 505px){
    /*梅淳のコメント*/
.umecome .umetext4{width:100%}
.umecome .umetext5{width:65%}
.umecome .umejun img{width:85%;padding-left:15%;}
.boxset .center .sign img{width:30%; float:right;padding: 0 35% 3% 0;}
}

/*loan-page*/
ul.loanber li{float:left;line-height:40px;}
ul.loanber li.BG_SuG{line-height:20px;}
ul.loanber li:first-child{width: 62%;}
ul.loanber li:last-child{width: 38%;}
ul.loanber,ul.loanber_will{text-align:center;}
ul.loanber_will li{float: left;width: 100%;}
ul.loanber_will li:nth-child(1),ul.loanber_will li:nth-child(4){text-align: right;margin: 10px 0 0 0;}
ul.loanber_will li:nth-child(2){ position: relative; height: 70px; line-height: 70px;margin: 15px 0;}
ul.loanber_will li:nth-child(2):before{width: 100%;position: absolute;top: -5px;left: 0; margin: 0 auto;}
ul.loanber_will li:nth-child(2):after{width: 100%; position: absolute;top: 55px; left: 0; margin: 0 auto;}
ul.loanber_will li:nth-child(3){height: 40px;line-height: 40px;}

table{width:100%;display:inline-table;margin-top:30px;}
table tr{border-bottom: 1px dotted #b5b5b6;}
table tr:first-child{border-bottom: none;}
table tr th:first-child,table tr td:first-child{text-align:left;}
table tr td:first-child{float: left;padding-left: 22px;text-indent: -20px;}
table tr td:first-child:before{padding-right: 10px;}
table tr:nth-child(2) td:first-child:before{color: var(--color-buttom_red);}
table tr:nth-child(3) td:first-child:before{color: var(--color-pict_pink);}
table tr:nth-child(4) td:first-child:before{color: var(--color-gray_text);}

@media screen and (min-width: 500px){
/*loan-page*/
ul.loanber li.BG_SuG{line-height:40px;}
ul.loanber li.BG_SuG br{display:none;}
}

/*system-page*/
h3.TMWill[class*="icon-"]{line-height:9.2vw;padding-left: 0;text-align: left; margin-left: 0;}
h3.TMWill[class*="icon-"]:before{font-size: 9.2vw;padding-right: 5px;vertical-align: sub;}
.staff a{display: block;}

.w300{width:300px;display: block;margin: 0 auto;}


/*onestop-page*/
div.onestop_f{height:480px;background-image: url(/img/reform/onestop_service_900.jpg);background-size: cover;background-position: center;}
div.onestop_f:before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);}
ul.onestop_flow{width: 100%;display: flex;}
ul.onestop_flow li{position: relative;width: 10%;height: 235px;text-align: center;}
ul.onestop_flow li:nth-child(even){margin: 13px 0 0 0;width: 10%;text-align: center;}
ul.onestop_flow li:first-child{margin-left: 5%;}
ul.onestop_flow li i:before{font-size: 9.5vw;position: absolute;top: 0;left: 0;color: var(--color-white);}
ul.onestop_flow li div{margin-top: 11.5vw;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;line-height: 9.5vw;text-align:left;}
@media screen and (max-width: 768px){div.left.order2{order:2;}}

	/*タイムラインのリフォームのみ*/
.plus_txt{float: right;padding:10px 10px 10px 10px;width: 75%;border: 1px dotted var(--color-gray_border);overflow: visible;}
.plus_txt:before,.plus_txt:after{position: absolute;content: '';border-top: 30px solid transparent;border-bottom: 30px solid transparent;top: 50%;transform: translateY(-50%);}
.plus_txt:before{left: -16px;border-right: 15px solid var(--color-gray_border);}
.plus_txt:after{left: -15px;border-right: 15px solid var(--color-WTgray_bg);;}
.timeline .icon-user-o{line-height: 1em;float:left;padding: 5px 5px 0 0;}
.timeline .doubleM .icon-user-o:first-child{padding-right:0px}
.timeline .icon-user-o:before{font-size: 7.5vw;}
.timeline .doubleM > div{float: left; margin: 10px auto;}
.timeline .doubleM:before,.timeline .doubleM:after{border-top: 38px solid transparent;border-bottom: 38px solid transparent;}
.timeline .doubleM p{float:right;width:75%;}


/*中古✕リフォームとは*/
.merit_title .LTexts{display: inline;}
.merit_title h3{ display: inline;}
.graph_new{line-height: 40px;}
.graph_old{line-height: 40px;float: left;width: 100%;}
.graph_old li{float: left;line-height: 40px;height:40px;}
.graph_old li:nth-of-type(1){width: 55%;}
.graph_old li:nth-of-type(2){width: 24%;line-height: 16px;padding: 5px 0;height: 30px;}
.graph_old li:nth-of-type(3){width: 21%;border: var(--color-gray_border) 1px dotted;box-sizing: border-box;}
.merit_box p.icon-caret{position: relative;text-align: center;height: 90px;line-height: 100px;}
.merit_box p.icon-caret::before{position: absolute;top: 10px;left: 0;width: 100%;}
.merit_box p.icon-caret::after{position: absolute;bottom: 10px;left: 0;width: 100%;}
.graph_old + p{display: inline-block;}

/* リフォーム事例top */
.up-day {
	position: absolute;
    right: 0;
    bottom: 90px;
}
.top-c {
	position: absolute;
	bottom: 65px;
	font-size: 3.125vw;
	line-height: initial;
	margin-right: 10px;
}

/*reloat*/
th.minset{min-width: 70px;}

/* リフォーム事例詳細 */
#PAGE div.TOP_AREA._RP::before {background:linear-gradient(to bottom, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0) 75% ,rgba(0,0,0,0.3) 100%);}
div.TOP_AREA._RP {
	overflow: visible;
	background: none;
}
.img_after.produce {float: none;margin: auto;}
div.TOP_AREA .topimage{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}

div.TOP_AREA .topimage img{
	position: absolute;
    transform: translateX(-50%);
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
}
.ex-title {
	margin: 5px 5px 0 0;
}
.c-profile {
	position: absolute;
	left: 10px;
	bottom: -20px;
	width: calc(100% - 20px);
    overflow: visible;
}

.c-profile-1 {
	position: absolute;
	bottom: 35px;
	left: 95px;
	overflow: visible;
}
.c-profile .icon-img {
	width: 80px;
    height: 80px;
    border-radius: 50%;
}
.c-profile .icon-img img {
	height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.container-c {
	display: grid;
	grid-auto-rows: minmax(100px, auto);
	width: calc(100% - 20px);
	margin: 0 auto;
}
.c-profile label {
	position: relative;
}
.c-profile label:hover {
	cursor: pointer;
}
.popup-content {
	display: none;
	background-color: var(--color-white);
	bottom: 0;
	box-shadow: 0 0 4px rgb(0, 0, 0, 0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left: -80px;
	padding: 5px 20px 20px;
	position: absolute;
	width: 90vw;
	z-index: 102;
}
.popup-content dl dt {
	width: 35%;
}
.popup-content dl dd {
	width: 65%;
}
.popup-content .icon-times:before {
	float: right;
	right: 0;
	top: 11px;
	position: relative;
}
.c-profile input:checked ~ .popup-content {
	display: block;
}
.BP0 {
	margin: 60px 0 50px;
	width: 100%;
	position: relative;
	overflow: visible;
}

.BP1.BKN{
	border-top: 1px dashed var(--color-gray_border);
	padding-top: 50px;
}
.P_Ex1 {
	padding-top: 50px;
}
.P_Ex1:first-of-type {
	order: 0;
	border-top: 1px dashed var(--color-gray_border);
}
.P_Ex1:nth-of-type(2) {
	order: 2;
	border-top: 1px dashed var(--color-gray_border);
}
.Madorizu {
	order: 1;
	padding-bottom: 30px;
}
.P_Ex2 {
	order: 4;
}
.pc-BB_sp-h2T{
	font-size: 5.625vw; line-height: initial;
}
.BP2.BKN,
.BP2.RFM {
	border-bottom: 1px dashed var(--color-gray_border);
	padding-bottom: 50px;
}
.BP1.RFM,
.BP1.AREA{
	margin-top: 50px;
}
.P_Ex1.AREA {
	padding-bottom: 15px;
}
.BP0 i{
	font-size: 30px;
	position: absolute;
	right: 40px;
	top: -45px;
}

.BP0 .hozon {
	position: absolute;
	right: 0;
	bottom: 5px;
}

.BP1,
.BP2{
	width: 100%;
}
.BP2:before,
.P_Ex1.Madorizu::before,
.P_Ex2.AREA::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.BP2.AREA-p {
	border-bottom: 1px dashed var(--color-gray_border);
}
.BP3 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.BP3 i ,.P_Ex1 i{
	display: none;
}
.BP3 i:hover, .P_Ex1 i:hover{
	cursor: pointer;
}
.BP3 picture {
    padding-right: 0;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
}
.Madorizu .BP3 picture {
	width: calc(100% - 15px);
}
.AREA-p .BP3 picture {
	width: 100%;
}
.BP4 {
	position: absolute;
	bottom: 0;
}
.BP1 dl, .P_Ex1 dl {
	padding-top: 15px;
}
.BP1 .tag ul, .P_Ex1 .tag ul {
	display: block;
}

.BP1 dd,.BP1 dt, .P_Ex1 dd,.P_Ex1 dt {
	padding-bottom: 15px;
}

.BP3 {
	padding: 15px 0 30px;
}

.BP3 picture img {
	width: 100%;
}
.R_P_0 {
	margin-top: 75px;
}
.R_M_0 {
	margin-top: 120px;
}
.R_M_1 {
	margin-bottom: 75px;
}
.p-history-date {
	font-size: 3.125vw;
	line-height: 1.4em;
    top: .4em;
	width: 7em;
	height: 1.4em;
}
.p-history li .his-content {
	padding-top: 0;
	padding-bottom: 80px;
}
.p-history li .his-content.last {
	padding-bottom: 0;
}
.his-content {
	padding-left: 30px;
	width: calc(100% - 7em + 10px);
}
.his-content:after {
	top: 3px;
}
li.live {
	position: relative;
}
.p-history li.move .his-content:before {
	border-left: 1px dashed var(--color-gray_border);
}

.R_H_0 {
	padding-left: 0;
}
div.container .R_H_0 picture,
div.container .R_A_7 picture{
	width: 68px;
    height: 68px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
div.container .R_H_0 picture img,
div.container .R_A_7 picture img {
	height: 100%;
    width: auto;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}
div.container .R_H_0.right picture {
	float: right;
}
div.boxset .R_H_0 .baloon_left p,
div.boxset .R_A_7 .baloon_left p{
	margin-top: 25px;
}
div.boxset .R_H_0 .baloon_right {
	position: relative;
}
div.boxset .R_H_0 .baloon_right p {
	padding: 20px;
}
div.boxset .R_H_0 .baloon_right p:after,
div.boxset .R_H_0 .baloon_right p:before {
	right: 16px;
}
div.boxset .baloon_left p:after,
div.boxset .baloon_left p:before {
	left: 33px;
}
.his-content .R_H_1 {
	margin: 100px 0 0 0;
	position: relative;
    height: 68px;
}
.his-content .R_H_1.u-picture {
	margin: 32px 0 0 0;
}

.his-content .right .R_H_1 {
	margin: 100px 0 0 0;
}
.his-content .right .R_H_1.u-picture {
	margin: 32px 0 0 0;
}
.his-content [class*="icon-"]:before,
.R_A_7 [class*="icon-"]:before{
	font-size: 67px;
	position: absolute;
	color: var(--color-gray_text);
}
.his-content .right [class*="icon-"]:before {
	right: 0;
}
.R_H_2 {
	left: 88px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.R_H_2_2 {
	color: var(--color-gray_text);
	display: block;
}
.comment-type,
.comment-type.right {
	position: absolute;
	top: -30px;
	left: 0;
}

.right .R_H_2{
	left: auto;
	right: 88px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.R_H_3 {
	padding: 80px 0 30px 0;
}
.R_H_ienakalog {
	padding: 80px 0 0 0;
	margin: auto 0;
}
.R_H_I .picture {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 33.33%;
	padding: 20px 1px 20px 0;
}
.R_H_logo picture {
	width: 55px;
	float: left;
	padding-right: 20px;
}
.R_H_I_1 {
	float: left;
	width: calc(100% - 75px);
	z-index: 1;
}
.R_A_1 {
	padding-top: 75px;
	overflow: visible;
}
.R_A_1 picture.R_A_1_1:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 75px;
    left: 0;
    background: linear-gradient( rgba(0,0,0,.4), rgba(0,0,0,0) 15%);
}
.R_A_2 {
	position: absolute;
	top: 95px;
	left: 0;
	padding: 0 20px;
}
.R_A_3 {
	position: absolute;
	bottom: -30px;
	left: 20px;
	width: 145px;
}
.R_A_3 img{
	border-width:1px ;
	box-sizing: border-box;
}
.R_A_4 {
	padding: 60px 0;
}
.R_A_5 .button-more{
	margin: 0 0 1px 0;
}
h3.R_A_6 {
	margin: 120px 0 60px;
}
.R_A_7 .R_H_1 {
	margin: 32px 0 0 0;
	height: 68px;
	position: relative;
}
.R_A_7 .R_H_2 {
	left: 88px;
}
.R_D_1 {
	color: var(--color-gray_base);
}
.R_D_1 .time {
	line-height: 20px;
	padding-left: 35px;
}
.R_D_1 .icon-clock-regular:before {
	font-size: 20px;
	color: var(--color-gray_text);
	position: absolute;
	left: 0;
	top: 15px;
}
.R_D_1 {
	border-bottom: 1px dashed var(--color-gray_border);
}
.R_D_1 dt,
.R_D_1 dd {
	padding: 15px 0;
	border-top: 1px dashed var(--color-gray_border);
	position: relative;
}
.R_D_1 dt {
	width: calc(25% + 8.3px) ;
}
.R_D_1 dd {
	width: calc(75% - 8.3px);
}

.R_D_2 {
	position: relative;
	padding-top: 10px;
}
.R_D_2 picture:before {
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 0;
    background: linear-gradient( rgba(0,0,0,.4), rgba(0,0,0,0) 15%);
}
.R_D_3 {
	position: absolute;
	top: 15px;
	left: 8px;
}
.R_S_1 {
	padding-bottom: 20px;
}
.R_S_2 {
	margin-top: 60px;
}
.R_F_1 {
	margin: 0;
}
.R_F_1 p {
	text-indent: -2em;
    margin-left: 2em;
}
div.container.ONECLM_TOPIC[class*="section"].example-p {
	margin-bottom: 0;
}
.ONECLM_TOPIC.reasons_bk{
	background-image: url(/img/reform/reasons_900.jpg);
}
.R_F_0 {
	margin: 50px 10px;
}
.Inquiry .option .icon-down-arrow-af:after {
	z-index: 0;
	pointer-events: none;
}
.expand .DRAWIMG {
	padding: 45px 0;
}
/* book */
.bookimg{overflow: visible; position: absolute; bottom: 65px; right: 5%;}
.booktitle{position: absolute; left: -70vw; bottom: 0;}
.bookimg img{width:25vw;}
.book_images picture{float: left; width: 33.333%;}
.book_images picture img{width:100%;}
.last_chap:before{display:none;}
.p-history.ref_book .his-content{width: calc(100% - 9.5em);}
.book_link{border:var(--color-gray_border_set); padding:30px;}
@media screen and (max-width: 768px){div.container .book_link img{width:170px; display: block; margin:0 auto 30px;}}
.book_link .book_am a.button-more{width:19em;}

/* trouble */
.anchor{display: block; padding-top: 80px; margin-top: -80px;}

/*Large-card*/
.Large-card .Reform-card .some{width:90%;}

.height-auto {height: auto;}

.Rvideo{margin-top:30px; padding: 177.78% 0 0 0; position: relative;}
.Rvideo iframe{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*event */
.reform_event {width: 100%;	text-align: center;	border-collapse: collapse;	border-spacing: 0;  }
.reform_event th {padding: 10px;	border-bottom: solid 1px #666666;	color: #666666; }
.reform_event td {	padding: 10px;	border-bottom: solid 1px #666666; }
.reform_event tr.reform_event_week { background-color: #e6e6e7; }
table.reform_event tr td:first-child {float: none; text-align: center;}
table.reform_event tr th:first-child, table tr td:first-child  {float: none; text-align: center;}
.reform_event td.saturday { color: #60aff6;}
.reform_event td.sunday { color: #e68c92;}

/*210902スタッフ紹介用追加*/
.Inquiry .option .staffCome dl,.Inquiry .option .visit dl{padding-bottom: 15px;}
.Inquiry .option .staffCome dl.third{padding-bottom: 10px;}
.Inquiry .option .staffCome dl dt,.Inquiry .option .visit dl dt{width:10em;}
.Inquiry .option .staffCome dl dt,.Inquiry .option .staffCome dl dd,.Inquiry .option .visit dl dt,.Inquiry .option .visit dl dd{display: inline-block; box-sizing: border-box; line-height: 38px}
.Inquiry .option .staffCome dl dd,.Inquiry .option .visit dl dd{height: 40px;width: calc(100% - 10em); border: var(--color-block_border_set);background: var(--color-white)}
.Inquiry .option dd {position: relative;}
.BUTTON.LTexts_nm.ct {padding: 12px 0;}
.Inquiry .option.mailmaga {padding-top: 30px; margin: 50px 0 60px;border-top: dashed 1px var(--color-gray_border);}
.Inquiry div.icon-down-arrow {box-shadow: 0 1px 3px 0 rgba(88, 88, 88, 0.3);}
/*210902スタッフ紹介用追加*/
.Inquiry .staffOpen{width: 100%;box-sizing: border-box;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;transition: all 0s;background: transparent;margin: 0;}
.Inquiry .staffCometext{height: 195px;opacity:1;padding: 0;border: var(--color-block_border_set);margin: 30px 0 0 0;background: var(--color-white)}

.Inquiry .eventOffice{display: none;}
.Inquiry .eventOffice.active{display: block;}

/*問い合わせフォーム*/
.width-reform {
	width: 14em;
    clear: both;
    float: left;
    display: block;
    margin: 0px;
    padding: 6px 0;
    color: var(--color-gray_text);
}
.width-reform2 {
	width: 16em;
    clear: both;
    float: left;
    display: block;
    margin: 0px;
    padding: 6px 0;
    color: var(--color-gray_text);
}
.width-reform3 {
	width: 11em;
    clear: both;
    float: left;
    display: block;
    margin: 0px;
    padding: 6px 0;
    color: var(--color-gray_text);
}
.Inquiry .reform-req em {
	margin: 3px 10px 0px 5px;	
}
.Inquiry .option [class*="in-"][class*="pict-"].margin-reform {
	margin: 3px 10px 0 5px;
}
label.form_input.kiboubi input {
	width: 65%;
	margin-left: 5px;
}
.Inquiry .reform-req2 em {
	margin: 10px 20px 5px;
}
.Inquiry .option .reform-margin dl dt {
    width: 6em;
}
.noOption {
	visibility: hidden;
}