@charset "utf-8";

#about_fun_key{
	display: table;
	width: 100%;
	background: #FCD9D3;
}

#about_fun_key p,
#about_fun_key h2{
	display: table-cell;
}
#about_fun_key p{
	width: 36.3%;
	vertical-align: bottom;	
}
#about_fun_key p img{vertical-align: bottom;}
#about_fun_key h2{
	vertical-align: middle;
	font-size: 1.6em;
	font-weight: 300;
	color: #666;
}

.concept-box{
	padding: 0em 0;
	margin: 0 0 2em;
	/*background:#F7F7F7;*/
}
.concept-box h2>strong{
	background:#F7F7F7;
}

.concept-box h3{
	text-align: center;
	font-size: 1.8em;
	margin: 0 0 0.3em;
}
.concept-box .box{
	padding: 0 15px;
	font-size: 1.3em;
	margin: 0 0 1em;
}
.concept-box .img1,
.concept-box .img2{
	text-align: center;
}
.concept-box .img1{
	margin: 0 0 1em;
}
.concept-box .img1 img{
	width: 44%;
}
.concept-box .img2 img{
	width: 33%;
}
.about_fun_nvi{
	padding: 1em 0;
}
.about_fun_nvi li{
	margin-top: 5px;
}
.about_fun_nvi li.cnt1,.beginner_key{background: #F8F8F8 !important;}.beginner_key{padding-left: 0.5em; margin-bottom:5px;}
.about_fun_nvi li.cnt2,.strong_key  {background: #FDE5E1 !important;}
.about_fun_nvi li.cnt3,.reson_key   {background: #EFF3F6 !important;}
.about_fun_nvi li.cnt4,.voice_key   {background: #EFE5E3 !important;}
.about_fun_nvi li.cnt5,.media_key   {background: #F0E7E2 !important;}

.about_fun_nvi li a{
	display: table;
	width: 100%;
	text-decoration: none;
	color: #888;
	background: transparent url(../img/arw_right_w.png) 98% 50% no-repeat;
	background-size: 1em;	
}
.about_fun_nvi li .img,
.about_fun_nvi li .txt{
	display: table-cell;
}
.about_fun_nvi li .img{
	width: 36.3%;
	vertical-align: middle;	
}
.about_fun_nvi li a .txt{
	vertical-align: middle;
	padding: 0 2em 0 0.5em;
}
.about_fun_nvi li a .txt h2{
	color: #666;
	font-weight: 300;
	font-size: 1.6em;
	margin: 0 0 0.5em;
}
.about_fun_nvi li a .txt p{
	font-size: 1.2em;
}
/*----------------------------------------------------
初めての方へ
-----------------------------------------------------*/

.beginner-box{
	padding: 1em 10px;
	background: #F7F7F7;
}
.beginner-box .head{display: table; margin: 0 0 0.3em;}
.beginner-box .head h2,
.beginner-box .head p{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.beginner-box .head h2{
	font-size: 1.4em;
	font-weight: 300;
	color: #666;
}
.beginner-box p{
	font-size: 1.1em;
}
.beginner-what-box{
	padding: 1.5em 10px 0.5em;
}
.beginner-what-box h2{
	text-align: center;
	font-size: 1.8em;
	margin: 0 0 0.7em;
	color:#06489B;
}
.beginner-what-box .ques,
.beginner-what-box .ansr .box{
	display: table;
	width: 100%;
}
.beginner-what-box .ques{
	background: #E7F4FA;
	border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    margin: 0 0 1.5em;
    position: relative;
}
.beginner-what-box .ques:before{
    content: '';
    position: absolute;
    border-left: 22px solid transparent;
    border-top: 22px solid #E7F4FA;
    border-right: 22px solid  transparent;
    bottom: -16px;
    left: 50px;
}
.beginner-what-box .ansr{
	background: #FFECEC;
	border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    margin: 0 0 1em;
}

.beginner-what-box .ques .img,
.beginner-what-box .ansr .box .img{
	display: table-cell;
	vertical-align: middle;
	padding: 0.8em 0.7em;
}
.beginner-what-box .ques .img{
	width: 26%;
}
.beginner-what-box .ansr .box .img{
	width: 32%;
}
.beginner-what-box .ques h3,
.beginner-what-box .ansr .box h3{
	display: table-cell;
	width: 74%;
	vertical-align: middle;	
	padding: 0.8em 0.7em 0.8em 0;
	font-size: 1.4em;
}

.beginner-what-box .ansr .box h3{
	width: 68%;
	padding: 0.8em 0em 0.8em 0.7em;	
}
.beginner-what-box .ques h3{
	font-weight: 300;
	color: #666;
}
.beginner-what-box .ansr .msg{
	padding: 0 1em 1em;
	font-size: 1.1em;
}

/*-----------------------------------------------------------
 当社の強み
------------------------------------------------------------*/

.strong-box{
	padding: 1.5em 10px 1em;
}

.strong-box h2{
	font-size: 1.9em;
	text-align: center;
	margin: 0 0 0.5em;
}
.strong-box h2 span{
	color:#FF9F44;
}
.strong-box h3{
	font-size: 1.5em;
	font-weight: 300;
	margin: 0 0 0.5em;
}
.strong-box h4{
	font-size: 1.2em;
}
.strong-box p{
	font-size: 1.2em;
}
.strong-box p .img{
	float: left;
	margin: 0 0.7em 0.5em 0;
	width: 30%;
}
.strong-box p.free{
	text-align: center;
}

.strong-box p.free img {
    width: 33%;
}

.sobaTbl{
	width: 100%;
	table-layout: fixed;
	font-weight: 700;
	margin: 0 0 0.5em;
}
.sobaTbl th,
.sobaTbl td{
	padding: 0.7em 1.5em;
	font-size: 1.1em;
}

.sobaTbl th{
	background: #BBBBBB;
	color: #FFF;
}
.sobaTbl td.tdL{text-align: left;}
.sobaTbl td.tdR{text-align: right;}
.sobaTbl tr:nth-child(even){
	background: #EEEEEE;
}
.sobaTbl tr.rd{
	color: #FF2626;
}
/*-----------------------------------------------------------
”ƒŽæ”äŠr
------------------------------------------------------------*/

.kaitoriHikakuBox {
	padding: 1em 10px 1em;
}
.kaitoriHikakuBox h2.ttl{
	text-align: center;
	font-size: 1.8em;
	margin:  0 0 0.5em;
}
.kaitoriHikakuBox h3{
	font-size: 1.5em;
	text-align: center;
	margin:  0 0 0.5em;	
}
.kaitoriHikakuBox p.msg{
	font-size: 1.2em;
	margin: 0 0 0.5em;
}
.kaitoriHikakuBox h2 span{
	color: #FF9F44;
}
.kaitoriHikakuBox table{
	border: 2px solid #888;
	border-right: none;
	bodder-bottom: none;
	color: #888;
	table-layout: fixed;
}
.kaitoriHikakuBox table thead.scrollHead, .kaitoriHikakuBox table tbody.scrollBody{
  display:block;
}
.kaitoriHikakuBox table tbody.scrollBody{
  overflow-y:scroll;
  height:300px;
}
.kaitoriHikakuBox table th{
	background: #fff;

}
.kaitoriHikakuBox table th h2{
	font-size: 1.4em;
	margin: 0 0 0.3em;
}
.kaitoriHikakuBox table th h4{
	padding:2em 1em;
}
.kaitoriHikakuBox table th,
.kaitoriHikakuBox table td{
	padding: 10px 1%;
	width: 33.3%;
	text-align: center;
	vertical-align: middle;	
	border-right: 2px solid #888;
}



.kaitoriHikakuBox table td{
	border-bottom: 1px solid #888;
	vertical-align: top;
}
.kaitoriHikakuBox table td h3{
	font-size: 1.2em;
}

.kaitoriHikakuBox table td div{
	font-size: 75%;
	text-align: left;
	padding: 0.7em;
}
.kaitoriHikakuBox table td ul li{
	font-size: 1em;
	font-weight: bold;
}
.kaitoriHikakuBox table td p img{
	height: 30px;
	width: auto;
}
.kaitoriHikakuBox table td.ttl{
	background: #BBBBBB;
	color: #FFF;
}

.kaitoriHikakuBox table td a{
	display: block;
	width: 76%;
	margin: 0 auto;
	text-decoration: none;
	color: #888;
	font-weight: 700;
	border: 1px solid #888;
	-moz-border-radius: 2.4em;
	-webkit-border-radius: 2.4em;
	border-radius: 2.4em;
	padding: 0.7em;
}

/*-----------------------------------------------------------
 選ばれる理由
------------------------------------------------------------*/
.service-box{
	padding: 1em 0;
}

.service-box h2.ttl{
	font-size: 1.9em;
	text-align: center;
	margin: 0 0 0.5em;
}
.service-box h2.ttl span{
	color:#FF9F44;
}
.service-box p.msg{
	padding: 0 1em;
	margin: 0 0 1em;
}
.service-box li{
	margin-top: 5px;
	background: #F7F7F7;
}
.service-box li a{
	display: table;
	width: 100%;
	text-decoration: none;
	color: #888;
}
.service-box li .img,
.service-box li .txt{
	display: table-cell;
}
.service-box li .img{
	width: 36.3%;
	vertical-align: middle;	
}
.service-box li a .txt{
	vertical-align: middle;
	padding: 0 0.3em 0 1em;
}
.service-box li a .txt h2{
	color: #666;
	font-weight: 300;
	font-size: 1.5em;
	margin: 0 0 0.1em;
}
.service-box li a .txt p{
	font-size: 1em;
}
/*-----------------------------------------------------------
 お客様の声
------------------------------------------------------------*/
.voice-box{
	padding: 1em 0 0;
}

.voice-box h2.ttl{
	font-size: 1.9em;
	text-align: center;
	margin: 0 0 0.5em;
}
.voice-box p.msg{
	padding: 0 1em;
	margin: 0 0 1em;
}
.voice-box .voice .box{
	margin: 0 0 2em;
}
.voice-box .voice .box:nth-last-child(1){
	margin: 0;
}
/*-----------------------------------------------------------
 メディア掲載
------------------------------------------------------------*/
.media-info-box{
	padding: 1em 0 0;
}
.media-info-box h2.ttl{
	font-size: 1.7em;
	text-align: center;
	margin: 0 0 0.8em;
}
.media-info-box .box{
	padding: 0 10px;
	margin: 0 0 2em;
	border-bottom: 1px solid #ccc;
}
.media-info-box .box .img{
	margin: 0 0 0.5em;
}
.media-info-box .box .date{
	font-weight: 700;
}

.media-info-box .box h3{
	font-size: 1.2em;
	margin: 0 0 0.5em;
}
.media-info-box .box .txt{
	font-size: 1.4rem;
	margin-bottom: 1em;
}

.media-info-box .box .comment{
	padding: 1em 0;
}
.media-info-box .box .comment .name{
	font-size: 1.6rem;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc;
}
.media-info-box .box .comment .row{
	overflow: hidden;
}
	.media-info-box .box .comment img{
		float: left;
		width: 30%;
		margin: 0 10px 10px 0;
	}
	.media-info-box .box .comment p{
		font-size: 1.3rem;
		line-height: 1.6em;
	}

/*-----------------------------------------------------------
 769px以上 PCの場合のみ
------------------------------------------------------------*/
@media screen and (min-width: 769px){


	.kaitori-box h2 {
	    font-size: 3rem;
	    margin-bottom: 5px;
	}
	.beginner-what-box h2 {
		font-size: 3.2rem;
		margin: 1em 0;
	}

	.enFnt{
    	font-size: 3rem;
	    margin: 0 auto 30px;
	}
	.reson-box>h3 {
	    font-size: 4rem;
	    line-height: 1.1em;
	    margin: 40px 0 !important;
	}

	.reson-box .percent {
	    font-size: 7rem;
	    line-height: 1.1em;
	}

	.reson-box ul.box {
		margin-bottom: 10px;
	}

	.reson-box li .txt {
		font-weight: bold;
		width: 72%;
	    padding: 0.3em 0 0.3em 1.5em;
	}

	.about_fun_nvi li a .txt {
	    padding: 0 2em 0 1.5em;
	}

	.about_fun_nvi li a .txt h2 {
	    font-weight: bold;
	    font-size: 2.6rem;
	}

	.reson-box li .txt h3 {
	    font-weight: 600;
	    font-size: 2.4rem;
	}
	.reson-box .group1{
		margin-bottom: 60px;
	}

	.strong-box h2 {
	    font-size: 3rem;
	    margin: 0 0 1em;
	}
	.strong-box h3 {
	    font-size: 2rem;
	    margin: 0 0 1em;
	    font-weight: bold;
	}

	.strong-box p {
	    font-size: 1.6rem;
	    line-height: 1.6em;
	    padding-top: 0;
	}

	.strong-box p.mg-b20 {
	    margin-bottom: 40px !important;
	}



	.beginner-box {
	    padding: 1em 2em 2em;
	}

	.beginner-what-box .ansr .msg {
	    padding: 0 1em 1.5em;
	    line-height: 1.6em;
	}

	.beginner-box .head h2 {
	    font-weight: bold;
	}

	.beginner-what-box .ansr .box h3 {
	    width: 68%;
	    padding: 1.5em;
	    line-height: 1.5em;
   		font-size: 2.6rem;
	}
	.beginner-box .head {
	    margin: 0 0 1em;
	}
	.beginner-box .head h2{
		font-size: 2.6rem;
		width: 65%;
		line-height: 1.5em;
	}

	.beginner-box .head p.img{
	    width: 35%;
	}
	.beginner-box>p{
		line-height: 1.6em;
	}

	.sobaTblWrap{
		padding-top: 30px;
	}



	.about_fun_nvi li a .txt p {
	    font-size: 1.8rem;
	}

	.about_fun_nvi li .img {
	    width: 20%;
	    vertical-align: middle;
	}
	#container .about_fun_nvi li .img img{
		max-width: 160px;
	}

	.beginner-what-box .ques .img,
	.beginner-what-box .ansr .box .img {
	    padding: 2em 2em;
	}

	.kaitori-nvi ul li:nth-child(1) a{background: #FF9801 url(../img/arw_right_w.png) 94% 50% no-repeat;background-size: 3.5%;}
	.kaitori-nvi ul li:nth-child(2) a{background: #05A4DA url(../img/arw_right_w.png) 94% 50% no-repeat;background-size: 3.5%;}
	.satei-box h2 {
	    font-size: 3.1rem;
	    margin-bottom: 0.2em;
	}
	.trip-area .msg p {
	    line-height: 1.6em;
	}

	.trip-area p.txt {
	    margin: 0 0 1.5em;
	}

	.satei-box p {
	    margin: 0 0 1em;
	}

	.trip-area .pass h3 {
	    font-size: 2.2rem;
	    margin: 0 0 0.6em;
	}

	.trip-area .pass h4 {
	    font-size: 1.6rem;
	}

	.trip-area .pass ul li {
	    font-size: 1.4rem;
	}

	/**/
	.sobaTbl th,
	.sobaTbl td{
		padding: 0.7em 1.5em;
		font-size: 1.6rem;
	}

	.kaitoriHikakuBox h2.ttl {
	    font-size: 3rem;
	    margin: 0 0 1em;
	}
	.kaitoriHikakuBox>h3 {
	    font-size: 2.4rem;
	    margin: 0 0 1em;
	}
	.kaitoriHikakuBox table h3 {
	    font-size: 1.5em;
	    text-align: center;
	    margin: 0em;
	}

	.kaitoriHikakuBox table{
		border-right:none;
	}


.kaitoriHikakuBox table thead.scrollHead{
	width: 100%;
    display: block;
}
/*.kaitoriHikakuBox table td:last-child,
.kaitoriHikakuBox table th:last-child {
    border-right: none;
}
*/
/*
.tbl-wrap{
	position: relative;
	padding-right: 2px;
}

.tbl-wrap::after{
	content:"";
	position: absolute;
	display: block;
	width: 2px;
	height: 100%;
	top:0px;
	right:0;
	background: #888;
}
.tbl-wrap img{
	width: 100%;
}
*/


/*.scrollBody::-webkit-scrollbar { width: 0px; background: none;}
.scrollBody::-webkit-scrollbar-track { -webkit-border-radius: 10px; border-radius: 10px;}
.scrollBody::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px;  background: rgba(0,0,0,0.2);}
.scrollBody::-webkit-scrollbar:hover{ opacity: 0.1;}
*/
/*選ばれる理由*/

.service-pr .msg {
    padding: 0 1em;
    margin: 0 0 1em;
}

.service-pr .min {
    margin: 15px 0 30px;
}

.service-pr h3 .en {
    font-size: 7.8rem;
    line-height: 0.8;
    padding: 0 0.16em 0 0.1em;
}

.service-pr h4 {
    font-size: 2.1rem;
    font-weight: 300;
    margin: 0 0 0.7em;
}

.service-pr .msg img{
   max-width: 80%;
   display: block;
   margin: 0 auto;
}

.service-pr .come {
    padding: 0 1em;
    font-size: 1.6rem;
    padding-left: 36px;
    margin-bottom: 25px;
}

.service-box li a .txt {
    padding: 0 0.3em 0 1.5em;
}

.service-box h2.ttl{
	font-size: 3rem;
	margin: 0 0 1em;
}

.service-box .group1{
	margin-bottom: 50px;
}
.service-box .group2{
	margin-bottom: 30px;
}

.service-box li .img {
    width: 20%;
}
#container .service-box li .img img{
    max-width: 160px;
}
.service-box li .txt {
    width: 80%;
}

.service-box li a .txt h2 {
    font-size: 2.6rem;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.service-box li a .txt p {
    font-size: 1.6rem;
}

.voice-box .voice .box:nth-last-child(1) {
    margin-bottom: 20px;
}

/*voice*/
	.voice h4 {
	    font-size: 3rem;
	    text-align: center;
	    margin: 0 0 1em;
	}
	.voice>.box{
		margin-bottom: 40px;
	}

	.voice .box .qbox h3 {
	    font-size: 2.2rem;
	    margin: 0 0 0.5em;
	}

	.voice .box .qbox img {
	    margin: 0 1.5em 0.5em 0;
	}

	.voice h5 {
	    font-size: 2rem;
	    margin: 0 0 0.5em;
	    padding-top: 20px;
	}


	.voice table {
	    margin: 0 0 1.5em;
	}
	.voice table th, 
	.voice table td {
	    font-size: 1.6rem;
	}

	.voice .box .qbox .inr {
	    margin-bottom: 20px;
	    min-height: 130px;
	}

	.voice .box .qbox img {
	    width: 130px;
	}

	.voice .box .qbox p {
	    font-size: 1.6rem;
	    line-height: 1.6em;
	}

	.voice .box .qbox {
	    padding: 2em;
	}
	.voice .box .abox {
    	padding: 2em;
    }

    .voice .box .abox p {
	    font-size: 1.6rem;
	    line-height: 1.6;
	}
	.voice .box .abox img {
	    width: 21%;
	    margin: 0 1.5em 0.5em 0;
	}

	/*media*/
	.media-info-box h2.ttl {
	    font-size: 3rem;
	    margin-bottom: 1em;
	}
	.media-info-box{
	    padding: 1em 0 0;
	    max-width: 710px;
	    margin: 0 auto 50px;
	}
	.media-info-box img{
		width: 100%;
	}
	.media-info-box .box h3 {
	    font-size: 2rem;
	    margin: 0 0 0.5em;
	}
	.media-info-box .box .date {
	    font-size: 1.5rem;
	    margin-bottom: 0.2em;
	}
	.media-info-box .box {
	    padding: 0;
	    margin: 0 0 3em;
	}
	.media-info-box .box .txt {
    	font-size: 1.6rem;
    	line-height: 1.6em;
		margin-bottom: 1.5em;
	}

	.media-info-box .box .comment .row{
		overflow: hidden;
	}
		.media-info-box .box .comment img{
			width: 180px;
			margin: 0 20px 20px 0;
		}
		.media-info-box .box .comment .row p{
			float: left;
			width: calc(100% - 200px);
			font-size: 1.4rem;
			line-height: 1.6em;
		}

	.kaitoriHikakuBox .tbl-wrap{
		max-width: 800px;
		border-right: 2px solid #888;
	}

	.kaitoriHikakuBox table {
	    width: 100%;
	}


	.kaitoriHikakuBox table{
		/*border-right: 2px solid #888;*/
	}
		.kaitoriHikakuBox table p{
			width: 100%;
			display: block;
		}

	#container .kaitoriHikakuBox table th img{
		max-width: 233px;
		width: 100%;
		display: block;
	}
	.kaitoriHikakuBox table thead.scrollHead th{
		padding: 10px;
	}

	.kaitoriHikakuBox table thead.scrollHead {
		-webkit-width: calc(100% - 15px);
		width: calc(100% - 15px);
	}

	.kaitoriHikakuBox table td div {
    font-size: 1.4rem;
    text-align: left;
    padding: 0.7em;
}


	.kaitoriHikakuBox table th,
	.kaitoriHikakuBox table td{
		border-right: none;
	}

	.kaitoriHikakuBox table td{
		border-right: 2px solid #888;
	}

		.kaitoriHikakuBox table td:last-child{
			border-right: none;
		}

/*769px以上*/
}


@media screen and (min-width: 1000px){
	.enFnt{
    	font-size: 3.9rem;
	}

}