@charset "utf-8";
/* --------------------------------
ページ用css
-------------------------------- */
.com-pc-br,.com-pc-br2{
    display: none;
}
.c-room-wrap{
    background: #F0F4F6;
}
.c-room-img{
    display: block;
    width: 100%;
    height: auto;
}
.com-ifg{
    position: relative;
top:-4px;
left:-6px;
}
.crbox-2{
  padding-left:20px;
    padding-right: 20px;
}
.cr-ttl{
    display: block;
    padding-top:34px;
    line-height:1.1em;
}
.cr-detail{
    display: block;
    text-align: left;
    padding-top:30px;
}
.cr-explain{
    display: block;
    line-height: 2.1em;
    padding-top:20px;
    padding-bottom: 30px;
}
.com-apc-txt{
    line-height: 2.1em;
}
.com-pdf-btn{
  padding-top:30px;  
    margin:0 auto;
    max-width: 310px;
}
.com-txt-wrap{
    text-align: center;
}

.com-adrs{
    font-size: 14px;
    border-top:1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top:40px;
    margin-bottom:60px;
}
.com-adrs .com-a-box:nth-child(1),
.com-adrs .com-a-box:nth-child(2),
.com-adrs .com-a-box:nth-child(3){
    padding-bottom:20px;
}
.com-adrs .com-a-box:nth-child(2) span:nth-child(1){
    padding-right: 4px;
}
.com-adrs .com-a-box:nth-child(3) span:nth-child(1){
    padding-right: 14px;
}
a.com-adrs-mail{
    display: block;
    color: #505050;
    font-size: 15px;
}
a.com-adrs-phone{
    color: #000000;
    text-decoration: none;
    cursor:default;
}
@media (min-width: 400px) {

.com-adrs{
        font-size: 15px;
    }
}/*min-width: 400px*/

@media (min-width: 500px) {

.com-ifg{
    position: relative;
top:-4px;
left:-8px;
}
    }/*min-width: 500px*/
@media (min-width: 640px) {
/* sm */
.com-adrs{
    margin-top: 50px;
    margin-bottom:80px;
}
.com-pdf-btn {
    padding-top: 40px;
}
    .cr-ttl {
    padding-top: 50px;
}
    .cr-explain {
        padding-top: 30px;
    padding-bottom: 50px;
}
    .crbox-2 {
    padding-left: 50px;
    padding-right: 50px;
}
}/*end min-width: 640px*/

@media (min-width: 740px) {
.com-ifg{
    position: relative;
top:-4px;
left:-10px;
}
    .c-room-wrap{
        display: flex;
        flex-direction: row-reverse;
    }
    .c-room-box{
        width: 50%;
        /*position: relative;*/
    }
    .crb2-inbox{
      display: table-cell;
        height: 32vw;
        vertical-align: middle;
    }
    .crbox-2 {
    padding-left: 20px;
    padding-right: 20px;
}
    .capct-outer{
        text-align: center;
    }
    .com-apc-txt{
        display: inline-block;
        width: auto;
        text-align: left;
    }
.com-pc-br{
    display: inline;
}
.cr-explain {
    padding-top: 10px;
    padding-bottom: 0px;
    line-height: 1.7em;
}
  .cr-ttl {
    padding-top: 20px;
}
.cr-detail {
    padding-top: 14px;
}
.com-adrs .com-a-box:nth-child(3),
.com-adrs .com-a-box:nth-child(4){
   display: inline-block;
}
.com-adrs .com-a-box:nth-child(3){
   padding-bottom: 0px;
}
.com-adrs .com-a-box:nth-child(3) span:nth-child(1) {
    padding-right: 20px;
}
.com-adrs .com-a-box:nth-child(4){
   padding-left:20px;
}
}/*end min-width: 740px*/

@media (min-width: 890px) {

}/*end min-width: 890px*/
@media (min-width: 960px) {
/* md */
.crbox-2 {
    padding-left: 40px;
    padding-right: 40px;
}

.com-adrs {
    padding-top: 22px;
    padding-bottom: 22px;
}
.com-adrs .com-a-box:nth-child(2), .com-adrs .com-a-box:nth-child(2) {
    padding-bottom: 0px;
    display: inline-block;
}
.com-adrs .com-a-box:nth-child(2) {
    padding-right: 20px;
}
.com-adrs .com-a-box:nth-child(2) span:nth-child(1) {
    padding-right: 10px;
}
  .cr-ttl {
  padding-bottom:8px;
  padding-bottom:calc( 8vw - 72px );

} 
.cr-detail,
    .cr-explain {
    line-height:1.9em;
}

}/*end min-width: 960px*/
@media (min-width: 1010px) {
.com-pc-br2{
    display: inline;
}
}/*end min-width: 1010px*/
@media (min-width: 1280px) {
/* lg */

    .com-ifg{
    position: relative;
top:-4px;
left:-12px;
}
    .crbox-2 {
    padding-left: calc( 25% - 245px );
    padding-right: calc( 25% - 245px );
}

.cr-detail{

        padding:20px 10px 0px 10px;
}
    .cr-explain {
    padding:30px 0px 0px 10px;
}
.com-pdf-btn {
    padding-top: 60px;
}
    .com-adrs {
    margin-top: 70px;
}
}/*end min-width: 1280px*/

@media (min-width: 1474px) {
.crb2-inbox{
        height: 480px;
    }
    .crbox-2 {
    padding-left: 75px;
    padding-right: 75px;
}
    
}/*end min-width: 1474px*/

@media (min-width: 1600px) {
/* xl */
.cr-ttl {
    padding-bottom: 50px;
}
}/*end min-width: 1600px*/