@media (max-width: 375px) {
	* {
		line-height: 1.7;
	}
	html {
		font-size: 55.6%;
	}
	/*----------------------------------
  共通のスタイル
  ----------------------------------*/
	.point__ttl--main, .class--ttl, .qa--ttl, .guide--ttl {
		font-size: 2.444rem;
	}
	#point, #casual_class, #question, #master_consultant {
		margin: 8% auto;
	}
	/*----------------------------------
  ヘッダー
  ----------------------------------*/
	header {
		position: fixed;
	}
	.header__logo {
		width: 17.9%;
		min-width: 0;
		margin-left: 1.3%;
	}
	.header__menu {
		width: 75.5%;
		min-width: 0;
		height: 60px;
		margin-right: 1.3%;
		margin-left: 2.7%;
	}
	.header__menu-link {
		width: 81.6%;
	}
	.header__menu-link-list {
		width: 45.8%;
		margin: 0;
	}
	.header__menu-link-list:last-of-type {
		margin: 0 2.1% 0 4.2%;
	}
	.header__menu-link-list--btn {
		padding: 10.5px 0;
	}
	/*-------------------------------------
  ハンバーガーメニュー
  -------------------------------------*/
	#nav {
		right: -86.9%;
		width: 86.9%;
		padding: 0 5.3%;
	}
	.nav--margintop {
		padding: 7% 0;
	}
	.nav--ttl {
		margin-bottom: 7%;
	}
	.nav__pagelink:not(:last-of-type) {
		margin: 7% 0;
	}
	.nav__pagelink:last-of-type {
		margin-bottom: 14%;
	}
	.nav__pagelink::before {
		margin-right: 1rem;
	}
	/*--------------------------------
  ファーストビュー
  --------------------------------*/
	.firstview {
		padding-top: 60px;
	}
	.firstview__main-ttl {
		top: 5%;
		line-height: 1.5;
	}
	.firstview__main-ttl--line {
		margin-bottom: 3.2%;
	}
	.sp {
		display: block;
	}
	.firstview__text {
		width: 80%;
		text-align: left;
	}
	.pc {
		display: none;
	}
	/*--------------------------------
  クルーズ旅行の4つのポイント
    --------------------------------*/
	.point {
		padding-top: 60px;
	}
	#point {
		margin-top: -60px;
		padding-top: 60px;
	}
	.point__ttl--sub {
		font-size: 2rem;
	}
	.point__ttl--num {
		font-size: 3.555rem;
	}
	.point__objbox {
		width: 100%;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.point__objbox-obj {
		width: 80%;
		padding: 6.7%;
	}
	.point__objbox-obj:nth-of-type(1), .point__objbox-obj:nth-of-type(2), .point__objbox-obj:nth-of-type(3) {
		margin: 0 auto 8% auto;
	}
	.point__objbox-obj:nth-of-type(4) {
		margin: 0 auto 16% auto;
	}
	.point__objbox-obj--border {
		margin-bottom: 1.7%;
	}
	.point__objbox-obj-imgbox {
		margin-bottom: 0;
	}
	/*------------------------------------------
  ファミリー向けには「カジュアルクラス」がおすすめ
  ------------------------------------------*/
	.class {
		padding-top: 60px;
	}
	#casual_class {
		margin-top: -60px;
		padding-top: 60px;
	}
	.class--txt {
		width: 80%;
		margin-bottom: 10.7%;
	}
	.class__obj:nth-of-type(odd), .class__obj:nth-of-type(2) {
		display: block;
		width: 80%;
		margin: 0 auto;
	}
	.class__obj:nth-of-type(2) {
		margin-top: 10.7%;
		margin-bottom: 10.7%;
	}
	.class__obj:nth-of-type(3) {
		margin-bottom: 16%;
	}
	.class__obj-imgbox {
		width: 100%;
		margin-bottom: 3.3%;
	}
	.class__obj-imgbox--img:nth-of-type(odd) {
		display: block;
		margin-right: 0;
	}
	.class__obj-imgbox--img:nth-of-type(2) {
		display: block;
		margin-left: 0;
	}
	.class__obj-description {
		position: static;
		width: 100%;
	}
	.class__obj-description--namecruise_name {
		position: static;
		font-size: 2.222rem;
	}
	.class__obj-description--txt {
		position: static;
		padding-top: 1.7%;
	}
	/*------------------------------------------
  よくある質問
  ------------------------------------------*/
	.qa {
		padding-top: 60px;
	}
	#question {
		margin-top: -60px;
		padding-top: 60px;
	}
	.qa__obj {
		width: 80%;
		margin-bottom: 8%;
		padding: 6.7%;
	}
	.qa__obj:nth-of-type(3) {
		margin-bottom: 16%;
	}
	.qa__obj--answer {
		margin-top: 1.7%;
		padding-top: 1.7%;
	}
	/*------------------------------------------------
  JTBはクルーズマスター・クルーズコンサルタント数日本一
  ------------------------------------------------*/
	.guide {
		padding-top: 60px;
	}
	#master_consultant {
		margin-top: -60px;
		padding-top: 60px;
	}
	.guide__symbol {
		margin-bottom: 2.7%;
	}
	.guide__symbol-imgbox {
		width: 30%;
	}
	.guide__note {
		width: 80%;
		margin: 0 auto 8% auto;
	}
	.guide--txt {
		width: 80%;
		margin-bottom: 8%;
		padding: 6.7%;
	}
	/*------------------------------------------------
  フッター
  ------------------------------------------------*/
	footer {
		background-position: 8% 0, center center;
		background-size: 16% auto, cover;
	}
}
@media (-webkit-min-device-pixel-ratio: 2) {
	.point {
		background-image: url("../images/hi-res@x2/bg@2x.png");
	}
	.qa {
		background-image: url("../images/hi-res@x2/bg@2x.png");
	}
	footer {
		background-image: url("../images/hi-res@x2/bg_iruka@2x.png"), url("../images/hi-res@x2/bg_wave@2x.png");
	}
}
@media (-webkit-min-device-pixel-ratio: 3) {
	.point {
		background-image: url("../images/hi-res@x3/bg@3x.png");
	}
	.qa {
		background-image: url("../images/hi-res@x3/bg@3x.png");
	}
	footer {
		background-image: url("../images/hi-res@x3/bg_iruka@3x.png"), url("../images/hi-res@x3/bg_wave@3x.png");
	}
}
@media (orientation: landscape) and (max-width: 667px) {
	.header__menu {
		height: 60px;
	}
	.nav--margintop {
		padding: 2.2vw 0;
	}
	.nav--ttl {
		margin-bottom: 0;
	}
	.nav__pagelink:not(:last-of-type) {
		display: block;
		margin: 1.5vw 0;
	}
	.nav__pagelink:last-of-type {
		margin-bottom: 4.5vw;
	}
	.firstview {
		padding-top: 60px;
	}
}