@charset "UTF-8";

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {  margin:0; padding:0;  border:0;  outline:0;  background:transparent;}
ol, ul {list-style: none;}


body, html {text-align: center; font-family: 'meiryo', 'Hiragino Kaku Gothic ProN', YuGothic, 'Yu Gothic Medium', Meiryo, sans-serif;font-size: 62.5%;padding: 0;margin: 0;width:100%;}
body{font-size:1.6rem;line-height:1.6em;z-index: -1; color: #ffffff;}
body { position: relative;animation: fadeIn 1s ease-in 0s 1 normal; -webkit-animation: fadeIn 1s ease-in 0s 1 normal;}
body{background-color: #ffffff;}
header{width: 100%; margin: 0 auto; overflow: visible;}
img{width:100%; margin: 0 auto;vertical-align: bottom;}

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

@media only screen and (max-width : 767px){
	.pc { display:none; }
	.sp { display:block; }
}

a,
a:hover{text-decoration:none;}
a{color:#555;width: 100%;height:100%;}

@media (min-width: 768px) {
	.top{width: 100%; margin: 0 auto; overflow: visible; position: relative;}
	.top img{width:100%; margin: 0 auto;vertical-align: bottom;}
	.top .top_wrap{
		min-width: 50%;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
		padding: 40px;
		margin: 0;
		margin-right: -50%;
		background: rgba(0, 0, 0, 0.5);
		font-size:4.2rem;
		line-height:120%;
		font-weight: bolder;
		color:#ffffff;
	}
	.top .top_wrap .ambassador_wrap{
		text-align: center;
	}
	.top .top_wrap .ambassador_wrap .ambassador_thumb{
		width: 120px;
		height: 120px;
		padding-right: 20px;
		display: inline-block;
		vertical-align: middle;
	}
	.top .top_wrap .ambassador_thumb img{
		width: 100%;
		border-radius: 50%;
		object-fit: cover;
	}
	.top .top_wrap .ambassador_wrap .ambassador_name{
		display: inline-block;
		vertical-align: middle;
	}
	.top .top_wrap .ambassador_collabo{
		margin-top: -40px;
	}
}
@media only screen and (max-width : 767px){
	.top{width: 100%; margin: 0 auto; overflow: visible; position: relative;}
	.top img{width:100%; margin: 0 auto;vertical-align: bottom;}
	.top .top_wrap{
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
		padding: 10px;
		margin: 0;
		margin-right: -50%;
		background: rgba(0, 0, 0, 0.5);
		font-size:2rem;
		line-height:120%;
		font-weight: bolder;
		color:#ffffff;
	}
	.top .top_wrap .ambassador_wrap{
		text-align: center;
	}
	.top .top_wrap .ambassador_wrap .ambassador_thumb{
		width: 60px;
		height: 60px;
		padding-right: 10px;
		display: inline-block;
		vertical-align: middle;
	}
	.top .top_wrap .ambassador_thumb img{
		width: 100%;
		border-radius: 50%;
		object-fit: cover;
	}
	.top .top_wrap .ambassador_wrap .ambassador_name{
		width: calc(100% - 100px);
		display: inline-block;
		vertical-align: middle;
	}
	.top .top_wrap .ambassador_collabo{
		margin-top: -10px;
	}
}

/*メインタイトル*/
@media (min-width: 768px) {
	.title{background-color: #ffffff; padding: 40px; color: #000000;}
	.title .main_title{font-size: 4rem; font-weight: bold; line-height:7rem; padding-bottom: 20px; }
	.title .sub_title{font-size: 2.8rem; font-weight: bold; line-height:5rem; padding-bottom: 10px; }
	.title .btn {
		position:fixed;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 120px;
		background: rgba(255, 255, 255, 0.8);
		vertical-align: middle;
		margin: auto;
		display: table;
	}
	.title .btn .btn_japan,
	.title .btn .btn_abroad{
		display: table-cell;
		vertical-align: middle;
	}
	.title .btn a{
		text-align:center;
		align-content: center;
		color: #ffffff;
		font-weight: bold;
		border-radius: 20px;
		padding: 20px 60px;
	}
	.title .btn a:hover{
		opacity: 0.8;
	}
	.title .btn .btn_japan a{
		background: #00B258;
	}
	.title .btn .btn_abroad a{
		background: #ff9326;
	}
}
@media only screen and (max-width : 767px){
	.title{background-color: #ffffff; padding: 15px; color: #000000;}
	.title .main_title{font-size: 1.8rem; font-weight: bold; line-height:4rem;}
	.title .sub_title{font-size: 1.3rem; font-weight: bold; line-height:2.4rem; padding-bottom: 10px; }
	.title .btn {
		position:fixed;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100px;
		background: rgba(255, 255, 255, 0.8);
		vertical-align: middle;
		margin: auto;
		display: table;
	}
	.title .btn .btn_japan,
	.title .btn .btn_abroad{
		display: table-cell;
		vertical-align: middle;
	}
	.title .btn a{
		display:inline-grid;
		text-align:center;
		align-content: center;
		color: #ffffff;
		font-weight: bold;
	}
	.title .btn a:hover{
		opacity: 0.8;
	}
	.title .btn a span{
		display: block;
	}
	.title .btn .btn_japan a{
		background: #00B258;
	}
	.title .btn .btn_abroad a{
		background: #ff9326;
	}
}

/*こんなお悩みありませんか？*/

@media (min-width: 768px) {
	.travel_worries{background-color: #fffacd; color: #000000; }
	.travel_worries .worries{font-size: 3rem; line-height:4rem; padding-top: 30px; padding-bottom: 12px; }
	.travel_worries .worries_text{font-size: 3rem; line-height:4.5rem; padding-bottom: 40px; }
	.travel_worries .worries_pc{display: block;	margin:auto; width:95%;	max-width: 80%;	padding-bottom: 20px; }
	.travel_worries .worries_sp{display: none; }
}
@media only screen and (max-width : 767px){
	.travel_worries{background-color: #fffacd; color: #000000;}
	.travel_worries .worries{font-size: 1.6rem; line-height:4rem; padding-top: 20px; padding-bottom: 20px; }
	.travel_worries .worries_text{font-size: 1.6rem; line-height:2.4rem; font-weight: bold; padding-bottom: 40px; }
	.travel_worries .worries_sp{display: block; margin:auto; width:95%; max-width: 85%; padding-bottom: 20px; }
	.travel_worries .worries_pc{display: none;}
}

/*オーダーメイド旅行とは*/
@media (min-width: 768px) {
	.ordermade_travel{color: #000000}
	.ordermade_travel .ordermade_pc{display: block; margin: auto; width:100%; padding-bottom: 20px;}
	.ordermade_travel .ordermade_sp{display: none; }
	.ordermade_travel .ordermade_service{font-size: 1.8rem; line-height:3rem; padding: 10px;}
	.ordermade_travel .ordermade_question_pc{display:block; margin: auto; width:80%; max-width: 650px; padding: 10px; }
	.ordermade_travel .ordermade_question_sp{display: none; }
}
@media only screen and (max-width : 767px){
	.ordermade_travel{color: #000000}
	.ordermade_travel .ordermade_pc{display: none; }
	.ordermade_travel .ordermade_sp{display: block; margin: auto; width:100%; padding-bottom: 20px;}
	.ordermade_travel .ordermade_service{font-size: 1.2rem; line-height:2rem; padding: 10px; }
	.ordermade_travel .ordermade_question_pc{display: none; }
	.ordermade_travel .ordermade_question_sp{display: block; margin: auto; width:80%; max-width: 800px; padding: 10px;}
}

/*ウェブトラベルって？*/
@media (min-width: 768px) {
	.about_webtravel{background-color: #ffffff; max-width: 994px; width: 95%; border:3px #82003d solid; margin: 20px auto; padding-bottom: 20px;}
	.about_webtravel .about_title{font-size: 2.8rem; font-weight: bold; line-height:4rem; max-width: 350px; text-align: center; background: #82003d; color: #ffffff; margin:0 auto 30px; }
	.about_webtravel .about_content{display:flex; justify-content: space-between; margin: auto;}
	.about_webtravel .about_pic{width: 35%; padding: 40px;}
	.about_webtravel .about_text{width: 60%; font-size: 1.6rem; color: #000000; font-weight: bold; line-height:2.8rem; padding-top: 40px; padding-bottom: 30px;}
	.about_webtravel .about_figure{width: 35%; padding: 40px; }
}
@media only screen and (max-width : 767px){
	.about_webtravel{background-color: #ffffff; max-width: 994px; width: 95%; border:3px #82003d solid; margin: 10px auto; padding-bottom: 20px;}
	.about_webtravel .about_title{font-size: 2.4rem; font-weight: bold; line-height:4rem; max-width: 300px; text-align: center; background: #82003d; color: #ffffff; margin:0 auto 30px; }
	.about_webtravel .about_pic{max-width: 80%; margin: auto;}
	.about_webtravel .about_text{max-width: 95%; font-size: 1.2rem; color: #000000; line-height:2.4rem; margin: 0 auto; padding-top: 20px; padding-bottom: 20px;}
	.about_webtravel .about_figure{max-width: 80%; padding-top: 10px; margin: auto;}
}

/*キャンペーンコード*/
@media (min-width: 768px) {
	.campaign {background-color: #fff0f0; padding: 40px; color: #000000;}
	.campaign .campaign_wrap {max-width: 994px; width: 95%; margin: 40px auto; }
	.campaign .campaign_wrap .campaign_title {font-size: 4rem; font-weight: bold; line-height:7rem; padding-bottom: 20px; }
	.campaign .campaign_wrap .campaign_info {display: table; }
	.campaign .campaign_wrap .campaign_info .campaign_pic {width: 35%; padding: 40px; display: table-cell; vertical-align: top; }
	.campaign .campaign_wrap .campaign_info .campaign_text {width: 60%; padding-top: 40px; padding-bottom: 30px; display: table-cell; text-align: center; vertical-align: top; }
	.campaign .campaign_wrap .campaign_info .campaign_text .campaign_discount {font-size: 1.6rem; color: #000000; font-weight: bold; line-height:2.8rem; }
	.campaign .campaign_wrap .campaign_info .campaign_text .campaign_discount .case {font-size: 2.0rem; color: #000000; font-weight: bold; line-height:3.6rem; }
	.campaign .campaign_wrap .campaign_info .campaign_text .campaign_discount .fee {font-size: 2.4rem; color: #cc0000; font-weight: bold; line-height:4.2rem; padding-left: 1.0rem; }
	.campaign .campaign_wrap .campaign_info .campaign_text .campaign_code_wrap { padding-top: 1.0rem; }
	.campaign .campaign_wrap .campaign_info .campaign_text .campaign_code_wrap .campaign_code_title { text-align: left; }
	.campaign .campaign_wrap .campaign_info .campaign_text .campaign_code_wrap .campaign_code_display {font-size: 3.6rem; color: #000000; font-weight: bold; line-height:4.2rem; background: #ffffff; border: #666666 3px solid; padding: 2.0rem; text-align: center; user-select: all; }
	.campaign .campaign_comment {font-size: 1.6rem; color: #000000; line-height:2.8rem; padding-top: 40px; text-align: left; }
	.campaign .campaign_comment .caution {font-size: 1.2rem; color: #666666; line-height:1.8rem; margin-bottom: 20px; text-align: left; }
}
@media only screen and (max-width : 767px){
	.campaign {background-color: #fff0f0; padding: 20px; color: #000000;}
	.campaign .campaign_wrap {max-width: 994px; width: 95%; margin: 40px auto; }
	.campaign .campaign_wrap .campaign_title {font-size: 1.8rem; font-weight: bold; line-height:4rem; padding-bottom: 20px; }
	.campaign .campaign_wrap .campaign_info {display: block; }
	.campaign .campaign_wrap .campaign_info .campaign_pic {width: 100%; padding: 40px 0; display: block; vertical-align: top; }
	.campaign .campaign_wrap .campaign_info .campaign_text {width: 100%; padding-bottom: 30px; display: block; text-align: center; vertical-align: top; }
	.campaign .campaign_wrap .campaign_info .campaign_text .campaign_discount {font-size: 1.6rem; color: #000000; font-weight: bold; line-height:2.8rem; }
	.campaign .campaign_wrap .campaign_info .campaign_text .campaign_discount .case {font-size: 2.0rem; color: #000000; font-weight: bold; line-height:3.6rem; }
	.campaign .campaign_wrap .campaign_info .campaign_text .campaign_discount .fee {font-size: 2.4rem; color: #cc0000; font-weight: bold; line-height:4.2rem; padding-left: 1.0rem; }
	.campaign .campaign_wrap .campaign_info .campaign_text .campaign_code_wrap { padding-top: 1.0rem; }
	.campaign .campaign_wrap .campaign_info .campaign_text .campaign_code_wrap .campaign_code_title { text-align: left; }
	.campaign .campaign_wrap .campaign_info .campaign_text .campaign_code_wrap .campaign_code_display {font-size: 3.6rem; color: #000000; font-weight: bold; line-height:4.2rem; background: #ffffff; border: #666666 3px solid; padding: 2.0rem; text-align: center; user-select: all; }
	.campaign .campaign_comment {font-size: 1.6rem; color: #000000; line-height:2.8rem; padding-top: 40px; text-align: left; }
	.campaign .campaign_comment .caution {font-size: 1.2rem; color: #666666; line-height:1.8rem; margin-bottom: 20px; text-align: left; }
}


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@keyframes h_img {
	0% {
		opacity: 0;}

	30% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
}
@-webkit-keyframes h_img {
	0% {
		opacity: 0;}

	30% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
}

footer{width:100%; color: #ffffff;padding:30px 0 150px; text-align: center; background: #003C81; height:auto;}
footer a,
footer a:hover{color: #ffffff;}
footer img{max-width:300px}
footer div{font-size: 11px; max-width: 500px; margin: 0 auto; width: 80%;}
footer div p{text-align: center}
.company{display: flex; flex-wrap: wrap; width: 80%; max-width: 400px; margin: 0 auto;}
.company li{width: 200px; margin: auto;}