@charset "utf-8";
/*
* ★★CSS for PC
* @date 202107
*/

/* ------------------------------------------

------------------------------------------ */
.sp{display: none;}
#widewrapper { width: 100%; min-width: 1200px; font-family: "Noto Sans CJK JP";}
#widewrapper a:hover{ opacity:0.85; text-decoration: none !important; }
#contents.column1{ width:100%; padding: 0; background:#fff; position: relative;}

#keyVisual{ width: 100%; height:400px; background: url(https://img.travel.rakuten.co.jp/corporation/202107/images/kv.jpg) no-repeat center center; margin: 0 auto; text-align: center; position: relative;}
#keyVisual .title { display: block; position: absolute; width: 768px; height: 268px; background: rgb(255, 255, 255, 0.8); top: 66px; left: 50%; margin-left: -384px;}
#keyVisual .title h1 { font-size: 42px; color: #00B900; text-indent: 0; margin-top: 56px;}
#keyVisual .title p  { font-size: 22px; color: #333; margin-top: 40px; padding: 0 80px; line-height: 170%; letter-spacing: 1px;} 

nav { width: 100%; background: #DBEEFB; overflow: hidden;}
nav ul { width: 1100px; margin: 20px auto; display: flex; justify-content: center; }
nav ul li {margin: 0 45px;}
nav ul li a { display: block; position: relative; background: url(https://img.travel.rakuten.co.jp/corporation/202107/images/arr.png) no-repeat 95% 50% #00B900; border-radius: 6px; font-size: 20px; text-align: center; color: #fff !important; padding: 20px 48px 20px 32px;}
nav ul li a:after { display: block; content: ""; position: absolute; top: 20px; right: 16px;}

h2 { font-size: 28px; text-align: center; position: relative; color: #333; margin: 80px auto 40px; padding-bottom: 20px;}
h2:after { display: block; content: ""; position: absolute; width: 160px; height: 4px; background: #333; bottom: 0; left: 50%; margin-left: -80px;}

ul.step    { width: 990px; margin: 0 auto; display: flex; justify-content: center;}
ul.step li { border: 1px solid #CED5DB; padding:16px 20px; margin: 0 20px; font-size: 14px; line-height: 24px; text-align: center;}
ul.step li span{ font-size: 13px; color: #666; display: block;}
ul.step li img { width: 100%; margin-bottom: 16px;}

.tip { width: 950px; font-size: 13px; line-height: 20px; color: #666; margin: 16px auto 0;}
.notice { width: 914px; font-size: 14px;line-height: 24px; margin: 64px auto; border: 1px solid #CED5DB; background: #f9f9f9; padding: 16px;}
.notice a {color:#1D54A7 !important;}
.notice a:hover{ text-decoration: underline !important; color: #bf0000;}
.pagetop { display: none;}