@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

#ori-sp-wrapper a:hover{
filter:alpha(opacity=90);
-moz-opacity: .9;
opacity: .9;
}
.ori-sp-container{
width:100%;
margin-bottom:150px;
margin-left:auto;
margin-right:auto;
text-align:center;
/*overflow:hidden;*/
zoom:1;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
/*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;*/
color:#333;
}
.f-min{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight:500;
}
.ori-sp-container br.brake{
display:block;
}
.ori-sp-container br.sp-brake{
display:none;
}
.ori-sp-container .flex{
display: -webkit-flex;
display: flex;
justify-content: space-between;
clear:both;
}
.ori-sp-container .key-color-ptn1{
color:#d21d5c;
}
.ori-sp-container .key-color-ptn2{
color:#2a3e61;
}
.ori-sp-container .key-color-ptn3{
color:#ff5400;
}
.ori-sp-container .key-color-ptn4{
color:#fff;
}
.ori-sp-container .container-1010{
width:1010px;
margin:0 auto;
text-align:center;
}
.ori-sp-container .al-center{
width:100%;
margin:0 auto;
text-align:center;
}
.ori-sp-container .al-left{
text-align:left;
}
.ori-sp-container .al-right{
text-align:right;
}
.ori-sp-container .disp-pc{
display:block;
}
.ori-sp-container .disp-sp{
display:none;
}
.ori-sp-container .float-left-ptn1{
width:50%;
float:left;
}
.ori-sp-container .float-right-ptn1{
width:50%;
float:right;
text-align:right;
}
.ori-sp-container .color-white{
color:white;
}
.ori-sp-container .color-green{
color:#458565;
}
.ori-sp-container .color-red{
color:#b60014;
}
.ori-sp-container .color-pink{
color:#e02c2e;
}
.ori-sp-container .color-red2{
color:#fd0505;
}
.ori-sp-container .font-12{
font-size:12px;
}
.ori-sp-container .font-14{
font-size:14px;
}
.ori-sp-container .font-15{
font-size:15px;
}
.ori-sp-container .font-16{
font-size:16px;
}
.ori-sp-container .font-18{
font-size:18px;
}
.ori-sp-container .font-20{
font-size:20px;
}
.ori-sp-container .font-22{
font-size:22px;
}
.ori-sp-container .font-24{
font-size:24px;
}
.ori-sp-container .font-26{
font-size:26px;
}
.ori-sp-container .font-28{
font-size:28px;
}
.ori-sp-container .font-36{
font-size:36px;
}
.ori-sp-container .font-bold{
font-weight:bold;
}
.ori-sp-container .t-indent{
padding-left:1em;
text-indent:-1em;
}
.clear-area{
clear:both;
}
a.link{
	color:#610f17;
	text-decoration:underline;
}


.main-wrap{
width:100%;
margin:0 auto;
text-align:center;
padding-top:1.4%;
padding-left:1.4%;
padding-right:1.4%;
}
.main-wrap img{
max-width:100%;
height:auto;
}
.main-container{
height:790px;
width:100%;
background-repeat:no-repeat;
background-position:center top;
/*background-image:url(/special/travel/cp_mashikocc_2025/images/main_img_1.jpg);
background-size:cover;*/
}
.main-title{
height:790px;
width:100%;
position:relative;
}
.main-title>h2{
position:absolute;
right:7.3%;
bottom:10%;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.main-wrap{
padding-top:0;
padding-left:0;
padding-right:0;
}
.main-container{
height:70vh;
}
.main-title{
width:94%;
height:70vh;
display: flex;
justify-content: center;
align-items: center;
margin:0 auto;
text-align:center;
}
.main-title>h2{
position:static;
right:0;
bottom:0;
width:94%;
margin:0 auto;
text-align:center;
}
}


.nv-wrap{
width:600px;
margin:0 auto;
text-align:center;
padding-top:150px;
padding-bottom:150px;
}
.nv-title{
width:100%;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.nv-title>h3{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
}
.nv-title>h3::before,
.nv-title>h3::after{
content: "";
width: 64px;
height: 1px;
display: block;
position: absolute;
top: 45%;
background-color: #3f946f;
}
.nv-title>h3::before{
left: 25%;
}
.nv-title>h3::after{
right: 25%;
}
.nv-row>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.nv-row>ul li{
width:300px;
border-right:1px solid #333;
box-sizing:border-box;
}
.nv-row>ul li:last-child{
border-right:none;
}
.nv-col a{
display:block;
text-decoration:none;
width:100%;
margin:0 auto;
text-align:center;
}
.nv-col a>p{
font-size:14px;
color:#333;
font-weight:bold;
line-height:100%;
padding:5px 0;
}

@media screen and (min-width: 248px) and (max-width: 768px){
.nv-wrap{
width:94%;
padding-top:60px;
padding-bottom:60px;
}
.nv-title{
margin-bottom:15px;
}
.nv-title>h3::before,
.nv-title>h3::after{
width: 85px;
}
.nv-title>h3::before{
left: 0%;
}
.nv-title>h3::after{
right: 0%;
}
.nv-row>ul{
display:block;
}
.nv-row>ul li{
width:100%;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #ddd;
border-right:none;
}
.nv-col a>p{
font-size:14px;
line-height:130%;
padding:0 0;
}
}


.about-wrap{
width:100%;
margin:0 auto;
text-align:center;
padding-bottom:200px;
}
.about-wrap img{
max-width:100%;
height:auto;
}
.about-container{
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-bottom:180px;
width:1010px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.about-main-img{
width:520px;
}
.about-text{
width:420px;
}
.about-text-inner{
height:520px;
vertical-align:middle;
display:table-cell;
text-align:left;
}
.about-text-inner>h3{
margin-bottom:40px;
color:#13955d;
}
.about-text-inner>h3 span:nth-child(1){
font-size:16px;
display:block;
margin-bottom:10px;
line-height:100%;
}
.about-text-inner>h3 span:nth-child(2){
display:block;
font-size:24px;
}
.about-text-inner>p{
font-size:15px;
line-height:200%;
letter-spacing: .15rem;
/*word-break: break-all;*/
text-align: justify;
text-justify: inter-ideograph;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.about-wrap{
padding-bottom:100px;
}
.about-container{
display:block;
width:94%;
margin-bottom:60px;
}
.about-main-img{
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:20px;
}
.about-text{
width:100%;
}
.about-text-inner{
height:auto;
display:block;
}
.about-text-inner>h3{
margin-bottom:25px;
}
.about-text-inner>h3 span:nth-child(1){
font-size:14px;
margin-bottom:5px;
}
.about-text-inner>h3 span:nth-child(2){
font-size:22px;
}
.about-text-inner>p{
font-size:14px;
line-height:170%;
}
}





.info-cantainer{
width:1010px;
margin:0 auto;
text-align:center;
position:relative;
clear:both;
}
.info-img{
position:absolute;
right:30px;
top:-115px;
z-index:10;
}
.info-title h4{
text-align:left;
font-size:18px;
letter-spacing: .15rem;
position:relative;
line-height:100%;
}
.info-title h4::before{
content: "";
width: 83%;
height: 1px;
display: block;
position: absolute;
top: 45%;
right:0px;
background-color: #ddd;
}
.info-col{
border-bottom:1px solid #ddd;
}
.info-col>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top:-10px;
}
.info-col>ul li{
border-right:1px solid #ddd;
width:505px;
box-sizing:border-box;
padding-top:50px;
padding-bottom:40px;
}
.info-col>ul li:last-child{
border-right:none;
padding-left:33px;
}
.info-text{
text-align:left;
}
.info-text>h5{
width:183px;
margin-bottom:30px;
}
.info-text>h5 p{
background-color:#13955d;
width:100%;
margin:0 auto;
text-align:center;
}
.info-text>h5 p span{
display:block;
line-height:100%;
color:#fff;
text-align:center;
font-size:16px;
font-weight:normal;
padding:15px 10px;
}
.basic-info>dl,
.add-info>dl{
padding-bottom:13px;
margin-bottom:13px;
overflow:hidden;
zoom:1;
clear:both;
border-bottom:1px solid #eee;
margin-right:15px;
}
.basic-info>dl:last-child,
.add-info>dl:last-child{
margin-bottom:0px;
padding-bottom:0px;
border-bottom:none;
}
.basic-info>dl dt,
.add-info>dl dt{
float:left;
}
.basic-info>dl dt{
width:18%;
}
.add-info>dl dt{
width:13%;
}
.basic-info>dl dt p,
.add-info>dl dt p{
text-align:left;
font-weight:bold;
font-size:14px;
}
.basic-info>dl dd,
.add-info>dl dd{
float:right;
text-align:left;
}
.basic-info>dl dd{
width:72%;
}
.add-info>dl dd{
width:87%;
}
.basic-info>dl dd p,
.add-info>dl dd p{
font-size:14px;
}
.basic-info>dl dd p span,
.add-info>dl dd p span{
font-weight:bold;
}
.map-buttun{
/*width:120px;
margin-top:40px;*/
width:150px;
margin-top:20px;
text-align:left;
clear:both;
}
.map-buttun>a{
display:block;
text-decoration:none;
background-color:#0a7545;
border-radius:100px;
transition: 0.5s ease;
}
.map-buttun>a p{
width:100%;
margin:0 auto;
text-align:center;
line-height:100%;
color:#fff;
font-size:13px;
padding:10px 5px;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.info-cantainer{
width:94%;
}
.info-img{
display:none;
}
.info-title h4{
font-size:16px;
}
.info-title h4::before{
width: 55%;
}
.info-col>ul{
display:block;
margin-top:0px;
}
.info-col>ul li{
border-right:none;
width:100%;
padding-top:20px;
padding-bottom:20px;
}
.info-col>ul li:last-child{
padding-left:0px;
}
.info-text{
text-align:left;
}
.info-text>h5{
width:100%;
margin-bottom:15px;
}
.info-text>h5 p span{
font-size:14px;
padding:12px 10px;
}
.basic-info>dl,
.add-info>dl{
padding-bottom:10px;
margin-bottom:10px;
margin-right:0px;
}

.basic-info>dl dt,
.add-info>dl dt{
float:left;
}
.basic-info>dl dt{
width:25%;
}
.add-info>dl dt{
width:25%;
}
.basic-info>dl dt p,
.add-info>dl dt p{
font-size:13px;
}
.basic-info>dl dd{
width:75%;
}
.add-info>dl dd{
width:75%;
}
.basic-info>dl dd p,
.add-info>dl dd p{
font-size:13px;
}
.map-buttun{
width:100%;
margin-top:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.map-buttun>a p{
font-size:12px;
padding:12px 5px;
}
}


.plan-warp{
width:100%;
margin:0 auto;
text-align:center;
background-color:#f8f8f8;
padding-top:150px;
padding-bottom:150px;
position:relative;
}
.plan-wrap img{
max-width:100%;
height:auto;
}
.plan-head{
position:absolute;
top:-140px;
left:0;
width:175px;
height:570px;
z-index:5;
}
.bg-plan-head{
background-repeat:no-repeat;
background-position:top left;
background-image:url(/special/travel/cp_mashikocc_2025/images/bg_plan_head.png);
background-size:cover;
height:570px;
}
.plan-summary-container{
width:1010px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-bottom:120px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.plan-summary-main-img-sp{
display:none;
}
.plan-summary-main-img{
width:520px;
}
.plan-summary-text{
width:400px;
}
.plan-summary-text-inner{
height:520px;
vertical-align:middle;
display:table-cell;
text-align:left;
}
.plan-summary-text-inner>h2{
margin-bottom:40px;
color:#13955d;
}
.plan-summary-text-inner>h2 p{
font-size:24px;
line-height:170%;
}
.plan-summary-text-inner>h2 p span{
font-size:18px;
line-height:150%;
}
.plan-summary-text-inner>p{
font-size:16px;
line-height:200%;
letter-spacing: .1rem;
word-break: break-all;
text-align: justify;
text-justify: inter-ideograph;
margin-bottom:40px;
}
.plan-buttun{
width:206px;
margin:0 auto;
text-align:center;
}
.plan-buttun>a{
display:block;
text-decoration:none;
background-color:#0a7545;
border-radius:100px;
transition: 0.5s ease;
}
.plan-buttun>a p{
width:100%;
margin:0 auto;
text-align:center;
line-height:100%;
color:#fff;
font-size:16px;
padding:22px 10px;
}
.plan-container{
width:1010px;
margin:0 auto;
text-align:center;
clear:both;
}
.plan-container>h3{
margin-bottom:50px;
}
.plan-container>h3 span{
display:block;
margin-bottom:10px;
}
.plan-container>h3 p{
font-size:24px;
	line-height:100%;
	letter-spacing: .15rem;
}
.plan-container>h3 p strong{
color:#489e79;
}
.plan-row{
position:relative;
height:410px;
}
.plan-row:nth-of-type(5){
/*margin-bottom:120px;*/
height:550px;
}
.plan-img-left,
.plan-img-right{
position:absolute;
top:0;
width:480px;
margin:0 auto;
text-align:center;
}
.plan-img-left{
left:0;
}
.plan-img-right{
right:0;
}
.plan-img-slide{
width:100%;
margin:0 auto;
text-align:center;
}
.plan-img-slide p{
margin-top:10px;
font-size:14px;
font-weight:bold;
line-height:100%;
text-align:center;
}
.plan-col-left,
.plan-col-right{
position:absolute;
top:0;
width:460px;
margin:0 auto;
text-align:center;
}
.plan-col-left{
left:0;
}
.plan-col-right{
right:0;
}
.plan-text{
text-align:left;
height:380px;
vertical-align:middle;
display:table-cell;
}
.plan-point-title{
margin-bottom:30px;
}
.plan-point-title>dl{
width:100%;
overflow:hidden;
zoom:1;
clear:both;
}
.plan-point-title>dl dt{
width:17%;
float:left;
}
.plan-point-title>dl dt p{
width:100%;
margin:0 auto;
text-align:center;
}
.plan-point-title>dl dd{
padding-left:1%;
width:82%;
float:right;
text-align:left;
}
.plan-point-title>dl dd p{
height:81px;
vertical-align:middle;
display:table-cell;
color:#3f946f;
font-weight:bold;
font-size:25px;
}
.plan-point-title>dl dd p span{
font-size:22px;
}
.plan-point-text>p{
clear:both;
font-size:18px;
	line-height:170%;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break: break-all;
}
.plan-point-info{
margin-top:20px;
}
.plan-point-info-box{
background-color:#fff;
padding-top:15px;
padding-bottom:10px;
padding-left:15px;
padding-right:15px;
}
.plan-point-info-box>p{
line-height:100%;
font-weight:bold;
color:#3f946f;
margin-bottom:10px;
font-size:14px;
}
.plan-point-info-box>span{
line-height:140%;
display:block;
	font-size:12px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break: break-all;
}
.plan-arrow{
width:100%;
margin:0 auto;
text-align:center;
padding-top:0px;
padding-bottom:150px;
background-repeat:no-repeat;
background-position:center center;
background-image:url(/special/travel/cp_mashikocc_2025/images/plan_arrow.png);
}

.buttun{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
}
.buttun .balloon{
position:absolute;
top:-70px;
left:auto;
width:100%;
margin:0 auto;
text-align:center;
z-index:5;
}
.buttun .balloon>p{
width:240px;
margin:0 auto;
text-align:center;
}
.buttun>a{
width:466px;
height:125px;
margin:0 auto;
text-align:center;
display:block;
text-decoration:none;
background-color:#0a7545;
border-radius:100px;
transition: 0.5s ease;
display: flex;
justify-content: center;
align-items: center;
}
.buttun>a:hover{
background-color:#489e79;
transition: 0.5s ease;
}
.buttun>a p{
width:100%;
text-align:center;
font-size:24px;
padding-left:10px;
padding-right:10px;
color:#fff;
font-weight:bold;
line-height:140%;
}
.buttun>a p span:nth-child(1){
font-size:16px;
}
.buttun>a p span:nth-child(2){
font-size:18px;
}

.plan-bottom{
position:relative;
width:100%;
margin:0 auto;
text-align:center;
}
.plan-bottom-img{
position:absolute;
top:-240px;
right:0;
width:175px;
height:415px;
z-index:5;
}
.bg-bottom-head{
background-repeat:no-repeat;
background-position:top left;
background-image:url(/special/travel/cp_mashikocc_2025/images/bg_plan_foota.png);
background-size:cover;
height:415px;
}




@media screen and (min-width: 248px) and (max-width: 768px){
.plan-warp{
padding-top:70px;
padding-bottom:70px;
}
.plan-head{
position:absolute;
top:-80px;
left:-100px;
	}
	
.plan-summary-container{
display:block;
width:94%;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:40px;
}
.plan-summary-main-img-sp{
display:block;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:20px;
}
.plan-summary-main-img{
display:none;
}
.plan-summary-text{
width:100%;
}
.plan-summary-text-inner{
height:auto;
display:block;
}
.plan-summary-text-inner>h2{
margin-bottom:25px;
}
.plan-summary-text-inner>h2 p{
font-size:20px;
line-height:140%;
}
.plan-summary-text-inner>h2 p span{
font-size:14px;
line-height:100%;
display:block;
}
.plan-summary-text-inner>p{
font-size:14px;
line-height:140%;
margin-bottom:25px;
}
.plan-buttun{
width:100%;
}
.plan-buttun>a p{
font-size:14px;
padding:15px 10px;
}
.plan-container{
width:94%;
}
.plan-container>h3{
margin-bottom:30px;
}
.plan-container>h3 p{
font-size:20px;
}
.plan-row{
height:auto;
}
.plan-row:nth-of-type(5){
margin-bottom:110px;
height:auto;
}
.plan-img-left,
.plan-img-right{
position:static;
width:100%;
margin-bottom:10px;
margin-left:auto;
		margin-right:auto;
		text-align:center;
}
.plan-img-slide p{
margin-top:5px;
font-size:12px;
		line-height:130%;
		height:3em;
}
.plan-col-left,
.plan-col-right{
position:static;
width:100%;
}
.plan-text{
height:auto;
display:block;
}
.plan-point-title{
margin-bottom:20px;
}
.plan-point-title>dl dd p{
font-size:20px;
}
.plan-point-title>dl dd p span{
font-size:16px;
}
.plan-point-text>p{
font-size:15px;
line-height:140%;
}
.plan-point-info{
margin-top:15px;
}
.plan-arrow{
padding-top:50px;
padding-bottom:50px;
}
.buttun>a{
width:100%;
height:125px;
}
.buttun>a p{
font-size:18px;
}
.buttun>a p span:nth-child(1){
font-size:14px;
}
.buttun>a p span:nth-child(2){
font-size:16px;
}
.plan-bottom-img{
top:-300px;
right:-80px;
z-index:0;
}
}



@media screen and (min-width: 248px) and (max-width: 768px){
.ori-sp-container{
padding-top:0px;
}
.ori-sp-container br.brake{
display:none;
}
.ori-sp-container br.sp-brake{
display:block;
}
.ori-sp-container .font-12{
font-size:10px;
}
.ori-sp-container .font-14{
font-size:12px;
}
.ori-sp-container .font-15{
font-size:13px;
}
.ori-sp-container .font-16{
font-size:14px;
}
.ori-sp-container .font-18{
font-size:16px;
}
.ori-sp-container .font-20{
font-size:18px;
}
.ori-sp-container .font-22{
font-size:20px;
}
.ori-sp-container .font-24{
font-size:22px;
}
.ori-sp-container .font-26{
font-size:24px;
}
.ori-sp-container .font-28{
font-size:26px;
}
.ori-sp-container .font-36{
font-size:30px;
}

.ori-sp-container .container-1010{
width:94%;
}

}