@charset "utf-8";

html{
margin: 0px;
padding: 0px;
}

@media screen and ( max-width:479px ){
html{
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body{
background-image: url("../images/back02.jpg");
background-repeat: no-repeat;
background-size:cover;
margin:0px auto;
background-position:center;
padding:0px;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
min-width: 1000px;
}

@media screen and ( max-width:479px ){
body{
background-image: none;
margin:0px;
padding: 0px;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
overflow-x: hidden;
min-width: auto;
}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header{
width:100%;
height: auto;
margin: 0px auto;
padding: 0px;
}


@media screen and ( max-width:479px ){
#header{
width:100%;
height: auto;
margin: 0px auto;
padding: 0px;
}
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.back{
width: 100%;
height:auto;
background-image: url("../common/header.png");
background-repeat: no-repeat;
background-size:cover;
margin: 0px auto;
margin-top: -50px;
padding: 0px;
}

@media screen and ( max-width:479px ){
div.back{
display: none;
}
}

div.back img{
display: block;
width:1000px;
margin:0px auto;
padding-top: 0px;
}

@media screen and ( max-width:479px ) {
div.back img{
display: none;
}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.back2{
display: none;
}

@media screen and ( max-width:479px ){
div.back2{
display: block;
width: 100%;
height:auto;
background-image: url("../common/header_sp.png");
background-repeat: no-repeat;
background-size:cover;
margin: 0px auto;
padding: 0px;
}
}

div.back2 img{
display: none;
}

@media screen and ( max-width:479px ) {
div.back2 img{
display: block;
max-width:100%;
margin:0px auto;
padding-top: 0px;
}
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#container{
width:1000px;
margin:0px auto 0px auto;
padding:0px;
background-color: rgba(255,255,255,0.6);
box-sizing: border-box;
}

@media screen and ( max-width:479px ){
#container{
max-width:100%;
margin: 0px auto -10px auto;
padding:0px;
}
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#grandmenu_box{
margin:0px auto;
padding: 0px;
}


@media screen and ( max-width:479px ) {
#grandmenu_box{
max-width: 100%;
margin: 0px;
padding: 0px;
}
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#grandmenu_box ul.serch{
width:1000px;
margin:0px auto 0px auto;
padding: 10px;
box-sizing: border-box;
border-bottom:solid rgba(237,228,218,1.00) 1px;
font-size:0px;
text-align: right;
}


@media screen and ( max-width:479px ) {
#grandmenu_box ul.serch{
max-width:50%;
margin:10px auto 10px auto;
padding: 10px;
box-sizing: border-box;
background-color: #ffffff;
font-size:0px;
text-align: right;
}
}

#grandmenu_box ul.serch li{
display: inline-block;
width: auto;
font-size:13px;
margin:0px 20px 0px auto;
padding: 0px;
vertical-align: middle;
}

@media screen and ( max-width:479px ) {
#grandmenu_box ul.serch li{
display: inline-block;
width: auto;
font-size:13px;
margin:0px;
padding: 0px;
vertical-align: middle;
}
}

#grandmenu_box ul.serch li a:link{
color:#422401;
text-decoration:underline;
}

#grandmenu_box ul.serch li a:visited{
color:#422401;
text-decoration:underline;
}

#grandmenu_box ul.serch li a:hover{
color:#ff6600;
text-decoration:underline;
}

#grandmenu_box ul.serch li span{
display: inline-block;
padding:0px;
margin-right:20px;
}

#grandmenu_box ul.serch li span.span02{
display: inline-block;
padding:0px;
margin-right:-20px;
}


#grandmenu_box ul.serch li.ggsearch{
width:300px;
margin-right: 0px;
margin-left: 10px;
}

@media screen and ( max-width:479px ) {
#grandmenu_box ul.serch li.ggsearch{
display: none;
}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.navi_root{
display: flex;
width: 960px;
margin: 5px auto 20px auto;
flex-direction:row;
flex-wrap: nowrap;
justify-content:flex-start;
align-items:flex-start;
}


@media screen and ( max-width:479px ) {
div.navi_root{
display: flex;
max-width:100%;
margin: 5px auto 20px auto;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
}
}

div.navi_root span{
flex-basis: auto;
align-self: auto;
font-size:14px;
margin: 0px 10px 0px 10px;
}

div.navi_root span a:link{
color:#333333;
}

div.navi_root span a:visited{
color:#333333;
}

div.navi_root span a:hover{
font-weight:600;
color:#DB477E;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


div.wrap div.clear{
clear: both;
}

@media screen and ( max-width:479px ){
div.wrap div.clear{
clear: both;
}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap{
width:1000px;
margin: 0px auto;
padding: 0px;
padding-bottom: 100px;
box-sizing: border-box;
background-color: rgba(255,255,255,0.6);
}

@media screen and ( max-width:479px ){
div.wrap{
width:100%;
margin: 0px auto;
padding: 0px;
vertical-align: top;
}
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap ul.gloval_navi{
display: flex;
width:780px;
margin:60px auto 20px auto;
padding: 0px;
font-size:0px;
flex-direction: row;
justify-content: space-between;
flex-wrap: nowrap;
}


@media screen and ( max-width:479px ){
div.wrap ul.gloval_navi{
display: flex;
width:100%;
margin:0px;
padding: 0px;
flex-direction: row;
justify-content:center;
flex-wrap: wrap;
}
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap ul.gloval_navi li.box1{
flex-basis:100px;
height:100px;
list-style-type: none;
box-sizing: border-box;
background-color:rgba(12,52,146,1.00);
border:solid rgba(255,255,255,1.00) 2px;
padding: 0px;
border-radius: 50%;
color:rgba(255,255,255,1.00);
}

@media screen and ( max-width:479px ){
div.wrap ul.gloval_navi li.box1{
flex-basis:100px;
height:100px;
list-style-type: none;
box-sizing: border-box;
background-color:rgba(12,52,146,1.00);
border:solid rgba(255,255,255,1.00) 2px;
padding: 0px;
border-radius: 50%;
}
}


div.wrap ul.gloval_navi li.box1 span.type1{
display: block;
width: 100px;
height:100px;
text-align: center;
padding-top: 40%;
padding-bottom: 50%;
font-size:20px;
color:rgba(255,255,255,1.00);
}


div.wrap ul.gloval_navi li a{
text-decoration: none;
}

div.wrap ul.gloval_navi li.box1:hover{
background-color: rgba(255,255,255,1.00);
border:solid rgba(12,52,146,1.00) 2px;
}

div.wrap ul.gloval_navi li.box1 span.type1:hover{
color:rgba(12,52,146,1.00);
}

div.wrap ul.gloval_navi li.box1 span.type4{
display: block;
width: 100px;
height:100px;
text-align: center;
margin-top: 30%;
margin-bottom: 60%;
font-size:20px;
line-height: 15pt;
color:rgba(255,255,255,1.00);
}


div.wrap ul.gloval_navi li a{
text-decoration: none;
}

div.wrap ul.gloval_navi li.box1:hover{
background-color: rgba(255,255,255,1.00);
border:solid rgba(12,52,146,1.00) 2px;
}

div.wrap ul.gloval_navi li.box1 span.type4:hover{
color:rgba(12,52,146,1.00);
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap ul.gloval_navi li.box2{
flex-basis:100px;
height:100px;
list-style-type: none;
box-sizing: border-box;
background-color:rgba(255,255,255,1.00);
border:solid rgba(12,52,146,1.00) 2px;
padding: 0px;
border-radius: 50%;
}


div.wrap ul.gloval_navi li.box2 span.type2{
display: block;
width: 100px;
height:100px;
text-align: center;
margin-top: 40%;
margin-bottom: 50%;
font-size:20px;
color:rgba(12,52,146,1.00);
}


div.wrap ul.gloval_navi li.box2:hover{
background-color:rgba(12,52,146,0.5);
border:solid rgba(12,52,146,1.00) 2px;
}


div.wrap ul.gloval_navi li.box2 span.type2:hover{
color:rgba(255,255,255,1.00);
}

div.wrap ul.gloval_navi li.box2 span.type3{
display: block;
width: 100px;
height:100px;
text-align: center;
margin-top: 30%;
margin-bottom: 60%;
font-size:20px;
line-height: 15pt;
color:rgba(12,52,146,1.00);
}


div.wrap ul.gloval_navi li.box2 span.type3:hover{
color:rgba(255,255,255,1.00);
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap span.bold{
font-weight:bold;
}

div.wrap span.red_bold{
font-weight:bold;
color:rgba(212,23,26,1.00);
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


div.wrap a:link{
color:#1C70E1;
}

div.wrap a:visited{
color:#1C70E1;
}

div.wrap a:hover{
color:#DB477E;
}



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap div.section_name{
width:500px;
margin:90px auto 30px auto;
color:rgba(12,52,146,1.00);
border-bottom: solid rgba(118,116,87,1.0) 1px;
font-size:32px;
font-weight: 600;
text-align:center;
}


@media screen and ( max-width:479px ){
div.wrap div.section_name{
max-width:90%;
margin:50px auto 10px auto;
color:rgba(12,52,146,1.00);
font-size:26px;
font-weight: 600;
border-bottom: solid rgba(118,116,87,1.0) 1px;
}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap div.section_name2{
width:500px;
margin:90px auto 30px auto;
color:rgba(12,52,146,1.00);
border-bottom: solid rgba(118,116,87,1.0) 1px;
font-size:28px;
font-weight:600;
text-align:center;
}

@media screen and ( max-width:479px ){
div.wrap div.section_name2{
width:90%;
margin:30px auto 10px auto;
color:rgba(12,52,146,1.00);
border-bottom: solid rgba(118,116,87,1.0) 1px;
font-size:17px;
font-weight:600;
text-align:center;
}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap p.center{
width:800px;
margin:20px auto;
color:#555125;
font-size:19px;
font-weight:400;
text-align:center;
line-height:22pt;
}

@media screen and ( max-width:479px ){
div.wrap p.center{
max-width:96%;
padding: 0px;
margin:10px auto;
color:#555125;
font-size:17px;
font-weight:400;
text-align:center;
text-shadow:none;
}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap p.center2{
width:800px;
margin:20px auto;
color:#555125;
font-size:17px;
font-weight:400;
text-align:center;
line-height:22pt;
}

@media screen and ( max-width:479px ){
div.wrap p.center2{
max-width:96%;
padding: 0px;
margin:10px auto;
color:#555125;
font-size:16px;
font-weight:400;
text-align:center;
}
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap p.center3{
width:800px;
margin:20px auto;
color:rgba(237,70,106,1.00);
font-size:28px;
font-weight:600;
text-align:center;
line-height:22pt;
}

@media screen and ( max-width:479px ){
div.wrap p.center3{
max-width:96%;
padding: 0px;
margin:10px auto;
color:rgba(237,70,106,1.00);
font-size:17px;
font-weight:400;
text-align:center;
text-shadow:none;
}
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap table.hyou1{
width:880px;
margin: 0px auto;
padding: 0px;
border-collapse: collapse;
border-top: solid rgba(118,116,87,1.0) 1px;
border-left: solid rgba(118,116,87,1.0) 1px;
border-right: solid rgba(118,116,87,1.0) 1px;
box-sizing: border-box;
}

@media screen and ( max-width:479px ){
div.wrap table.hyou1{
width:100%;
margin: 0px auto;
padding: 0px;
border-collapse: collapse;
border-top: solid rgba(118,116,87,1.0) 1px;
border-left: solid rgba(118,116,87,1.0) 1px;
border-right: solid rgba(118,116,87,1.0) 1px;
box-sizing: border-box;
}
}

div.wrap table.hyou1 th.th1{
width:auto;
background-color:rgba(12,52,146,1.00);
border-bottom: solid rgba(255,255,255,1.0) 1px;
}


@media screen and ( max-width:479px ){
div.wrap table.hyou1 th.th1{
width:auto;
background-color:rgba(12,52,146,1.00);
border-bottom: solid rgba(255,255,255,1.0) 1px;
}
}

div.wrap table.hyou1 th.th2{
background-color:rgba(12,52,146,1.00);
border-left: solid rgba(255,255,255,1.0) 1px;
border-bottom: solid rgba(255,255,255,1.0) 1px;
color:rgba(255,255,255,1.00);
font-size:20px;
font-weight:bold;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
}

@media screen and ( max-width:479px ){
div.wrap table.hyou1 th.th2{
background-color:rgba(12,52,146,1.00);
border-left: solid rgba(255,255,255,1.0) 1px;
border-bottom: solid rgba(255,255,255,1.0) 1px;
color:rgba(255,255,255,1.00);
font-size:14px;
font-weight:bold;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
}
}

div.wrap table.hyou1 th.th3{
width:320px;
background-color:rgba(171,232,237,0.5);
border-bottom: solid rgba(118,116,87,1.0) 1px;
color:rgba(12,52,146,1.00);
font-size:18px;
font-weight:bold;
text-align: left;
padding-top:10px;
padding-bottom:10px;
padding-left:20px; 
}

@media screen and ( max-width:479px ){
div.wrap table.hyou1 th.th3{
width:20%;
background-color:rgba(171,232,237,0.5);
border-bottom: solid rgba(118,116,87,1.0) 1px;
color:rgba(12,52,146,1.00);
font-size:15px;
font-weight:bold;
text-align: left;
padding:5px;
}
}

div.wrap table.hyou1 td.td1{
width:150px;
border-bottom: solid rgba(118,116,87,1.0) 1px;
border-left: solid rgba(118,116,87,1.0) 1px;
font-size:20px;
color:#555125;
text-align: center;
}

@media screen and ( max-width:479px ){
div.wrap table.hyou1 td.td1{
width:20%;
border-bottom: solid rgba(118,116,87,1.0) 1px;
border-left: solid rgba(118,116,87,1.0) 1px;
font-size:15px;
color:#555125;
text-align: center;
}
}

div.wrap table.hyou1 td.td2{
border-bottom: solid rgba(118,116,87,1.0) 1px;
border-left: solid rgba(118,116,87,1.0) 1px;
font-size:18px;
color:#555125;
line-height: 18pt;
text-align: center;
}

@media screen and ( max-width:479px ){
div.wrap table.hyou1 td.td2{
width:20%;
border-bottom: solid rgba(118,116,87,1.0) 1px;
border-left: solid rgba(118,116,87,1.0) 1px;
font-size:15px;
color:#555125;
line-height:15pt;
text-align: center;
}
}


div.wrap table.hyou1 td span.pink_bold{
display: block;
font-size:15px;
font-weight:bold;
line-height: 14pt;
color:rgba(229,99,102,1.00);
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


div.wrap ul.fare{
width:830px;
margin: 5px auto;
padding: 0px;
}


@media screen and ( max-width:479px ){
div.wrap ul.fare{
width:98%;
margin: 5px auto;
padding: 0px;
}
}

div.wrap ul.fare li{
margin-bottom: 20px;
list-style-type: none;
text-align: left;
}

@media screen and ( max-width:479px ){
div.wrap ul.fare li{
margin-bottom: 10px;
list-style-type: none;
font-size: 16px;
text-align: left;
color:rgba(118,116,87,1.0);
}
}

div.wrap ul.fare li span.seisan1{
width:95px;
display: inline-block;
font-weight:bold;
font-size:22px;
color:rgba(237,70,106,1.00);
margin-right: 10px;
}

@media screen and ( max-width:479px ){
div.wrap ul.fare li span.seisan1{
width:95px;
display: inline-block;
font-weight:bold;
font-size:17px;
color:rgba(237,70,106,1.00);
margin-right: 10px;
}
}


div.wrap ul.fare li span.seisan2{
display: inline-block;
width: 720px;
font-weight:400;
font-size:18px;
color:#555125;
vertical-align: top;
}


@media screen and ( max-width:479px ){
div.wrap ul.fare li span.seisan2{
display: inline-block;
width:98%;
font-weight:400;
font-size:17px;
color:#555125;
vertical-align: top;
}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


div.wrap ul.download{
width:780px;
margin: 5px auto;
padding: 0px;
}


@media screen and ( max-width:479px ){
div.wrap ul.download{
max-width:94%;
margin: 5px auto;
padding: 0px;
}
}



div.wrap ul.download li{
margin-bottom: 10px;
list-style-type: none;
font-size: 18px;
text-align: left;
color:rgba(118,116,87,1.0);
}

@media screen and ( max-width:479px ){
div.wrap ul.download li{
margin-bottom: 10px;
list-style-type: none;
font-size: 16px;
text-align: left;
color:rgba(118,116,87,1.0);
}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap ol{
width:720px;
margin: 5px auto;
padding: 0px;
box-sizing: border-box;
}

@media screen and ( max-width:479px ){
div.wrap ol{
max-width:98%;
margin: 5px auto 5px 10px;
padding: 0px;
}
}

div.wrap ol li{
margin-bottom: 15px;
font-weight:400;
font-size: 18px;
text-align: left;
color:#555125;
}

@media screen and ( max-width:479px ){
div.wrap ol li{
margin-bottom: 10px;
font-weight:400;
font-size: 16px;
text-align: left;
color:rgba(118,116,87,1.0);
}
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap ul.kome{
width:780px;
margin:20px auto;
padding: 0px;
box-sizing: border-box;
}

@media screen and ( max-width:479px ){
div.wrap ul.kome{
max-width:98%;
margin:20px auto 5px 10px;
padding: 0px;
}
}

div.wrap ul.kome li{
margin-bottom: 10px;
list-style-type: none;
font-weight:400;
font-size: 17px;
text-align: left;
color:#555125;
}

@media screen and ( max-width:479px ){
div.wrap ul.kome li{
margin-bottom: 10px;
font-weight:400;
font-size: 16px;
text-align: left;
color:#555125;
}
}

div.wrap ul.kome li:before{
content: "※";
margin-right: 5px;
}

div.wrap ul.kome li span{
display: inline-block;
width:750px;
vertical-align: top;
}

@media screen and ( max-width:479px ){
div.wrap ul.kome li span{
display: inline-block;
width: 90%;
vertical-align: top;
}
}

div.wrap ul.kome li span.bold{
display: inline;
font-weight:bold;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap img.img_kanban{
display: block;
width:700px;
margin: 5px auto;
padding: 0px;
box-sizing: border-box;
}

@media screen and ( max-width:479px ){
div.wrap img.img_kanban{
display: block;
width:100%;
margin: 5px auto;
padding: 0px;
}
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap img.img_mimamori{
display: block;
width:800px;
margin:20px auto;
padding: 0px;
box-sizing: border-box;
}

@media screen and ( max-width:479px ){
div.wrap img.img_mimamori{
display: none;
}
}


div.wrap img.img_mimamori_sp{
display: none;
}

@media screen and ( max-width:479px ){
div.wrap img.img_mimamori_sp{
display: block;
max-width:100%;
margin: 5px auto;
padding: 0px;
}
}