@charset "utf-8";
/* CSS Document */
.container01{ max-width:1200px; margin:auto; margin-bottom:20px;}
.passport_top{ background:url(../images/other/passport_top.jpg) no-repeat center; height:270px; position:relative;}
.passport_top .top_text{ position: absolute;left: 5%;top: 30%;font-size: 38px;color: #fff; font-weight: bold;line-height: 54px;letter-spacing: 0.1em;text-shadow: 0px 0px 30px #000;}
.passport_top .top_text h5{ font-size: 50px;font-weight: bold;}
.passport_top .top_text small{ font-size:24px; font-weight:normal;color:#fafb84; letter-spacing: 0.1em; line-height: 32px;}

.p_bg01{ background:url(../images/other/article_bg01.jpg) repeat;}
.p_bg02{ background:url(../images/other/article_bg02.jpg) repeat;}
.p_bg03{ background:url(../images/other/article_bg03.jpg) repeat;}
.passport_article{ padding:60px; box-sizing:border-box;}
.passport_article .title01{ font-size:34px; color:#fff; font-weight:bold; letter-spacing:0.05em; background:#e3642c; padding:6px 15px; position:relative;width: 330px; text-align:center; box-sizing:border-box;}
.passport_article .title01:before{ content:'VISA FREE'; position:absolute; color:#e3642c; font-size:25px; font-style:italic; top:-34px; left:0;}
.inner_text{ color:#3d3d3d; font-size:18px; letter-spacing:0.05em; padding:15px 0;}
.inner_text01{color:#fff; font-size:18px; letter-spacing:0.05em; display:block; margin-bottom: 5px;}
.inner_text02{ border:1px #fff solid; padding:20px; border-radius:10px; margin-top:15px; margin-left: 2em; color:#fff;width: 70%;    box-sizing: border-box;}
.inner_text03{ font-size:16px;color:#fff;letter-spacing:0.05em;}
.passport_article .title03{ background:#5fb8c0; padding:6px 15px;font-size:26px; color:#fff; font-weight:bold; letter-spacing:0.05em; width:624px; text-align:center; box-sizing:border-box;}

.article01 dt{ color:#df4f10; font-size:26px; font-weight:bold; letter-spacing:0.05em; margin-bottom:15px;}
.article01 dd{ margin-bottom:15px;padding-left: 2em; color: #3d3d3d; font-size: 18px;}
.article01 span.text_orange{ color:#ec840a; font-weight:bold;}
.article01 span.number{ border-radius: 99em;background: #fb9132;width: 26px;height: 26px;color: #fff;font-size: 18px; display: inline-block; text-align: center;font-style: italic; margin-right:5px;margin-left: -2em;}
.inner_text a{color:#3d3d3d;}
.inner_text02 a{ color:#fff;}

.passport_article .title02{ font-size:34px; font-weight:bold; letter-spacing:0.05em; color:#f9ec91; margin-bottom:10px;}
.text_yellow{ color:#ffe775; }
.article02{ color:#fff;padding: 10px 0;padding-left:2em; display:block; font-size:18px; line-height:30px;}
.article02 p{font-size:18px; font-weight:bold;margin-bottom:5px; display:inline;}
.article02 dt, .article02 .article_title{ font-size:24px; font-weight:bold;margin-bottom:5px;}
.article02 dd{ margin-bottom:10px;padding-left: 2em; line-height:32px;}
.article02 span.text_yellow{margin-left: -2em; margin-right: 5px;}
.article02 span.number{border-radius: 99em;background: #bce2ff;width: 26px;height: 26px;color: #4390cb;font-size: 18px; display: inline-block; text-align: center;font-style: italic; margin-right:15px;margin-left: -2em;font-weight: normal;}

.article03{ color:#3d3d3d; padding-left:2em;display: block;margin-bottom: 10px; margin-top:20px;font-size: 18px; line-height:30px;}
.article03 dt{ color:#4d9ba2; font-size:22px; font-weight:bold;}
.article03 p{ margin-bottom:5px; display:inline;}
.article03 dd{ padding-left: 1em; line-height:36px;}
.article03 dd span{ color:#5fb8c0; margin-left:-2em; margin-right:5px;}
.article03 span.number{border-radius: 99em;background: #70d3dc;width: 26px;height: 26px;color: #fff;font-size: 18px; display: inline-block; text-align: center;font-style: italic; margin-right:5px;margin-left: -2em;}
.article03 p.text_blue{ color:#3dacb6; font-size:22px; font-weight:bold;}
.article03 p.text_green{ color:#25b9a2;font-weight:bold;}
.article04{ margin-top:30px;line-height:30px;}
.article04 dt{ color:#fff; font-weight:bold; background:#5f84c0; padding:5px 10px; border-radius:5px; font-size:18px; width:200px; text-align:center; margin-bottom:10px;}
.article04 dd{ padding:5px 0;padding-left: 1em; color:#3d3d3d; line-height:32px;}
.article04 dd a, .article03 a{ color:#3d3d3d;}
.article04 dd:before{ content:'●'; font-size:15px; color:#5f84c0; margin-right:5px;margin-left: -1em;}
.article04 dd span.text_purple{ color:#5f84c0; font-weight:bold;}
.text_bold{ font-weight:bold;}
.text_italic{font-style:italic;}

/*hover*/
@media only screen and (min-width:980px)
{
.inner_text a:hover{ color:#ec840a;}
.inner_text02 a:hover{color:#EDE73C;}
.article04 dd a:hover{ color:#5f84c0;}
.article03 a:hover{ color:#25b9a2;}
}

@media only screen and (max-width:980px)
{
.inner_text02{width: 85%;}
}
@media only screen and (max-width:768px)
{
.passport_article{ padding:40px;}
.p_bg01{ padding:60px 40px;}
.passport_article .title03{width:100%; font-size:24px;}
}
@media only screen and (max-width:768px)
{
.passport_article .title01{ padding: 5px 10px;font-size: 30px;}
.passport_article{ padding:30px;}
.p_bg01{ padding-top:60px;}
}
@media only screen and (max-width:640px)
{
.inner_text, .article02, .article01 dd, .article03, .article04{ font-size:16px;}
.inner_text02{margin-left: 0; width:100%;}
.article01 dt{ font-size: 24px;margin-bottom: 10px;}
.article02 dt, .article02 .article_title{ font-size:22px;}
}
@media only screen and (max-width:480px)
{
.article02 span.text_yellow{ margin-left: 0;}
.article02 dd, .article03 dd{ padding-left:0;}
.passport_top .top_text{ font-size:34px;}
.passport_top .top_text h5{ font-size:45px;}
.passport_article .title02{ font-size:26px;}
.article03 p.text_blue{ font-size:20px;}
}

@media only screen and (max-width:360px)
{
.passport_top .top_text{ top:20%;font-size:32px;}
.passport_top .top_text h5{ font-size:38px;}
.passport_article{ padding:20px;}
.p_bg01{ padding-top:60px;}
.passport_article .title01{ width:100%; padding: 5px;font-size: 26px;}
.passport_article .title03{ font-size:22px;}
}