@charset "UTF-8";
/* CSS Document */

/*------------------------------ Common elements ------------------------------*/

body {
background:#ffffff;
color:#444444;
font-family:sans-serif;
margin:0;
padding:0;
}

a {outline:none;}

img {
border:0;
vertical-align:bottom;
}

.info {
border:1px #ccc solid;
margin:0 0 1em;
padding: 1em;
}

.info h3 {
margin:0.8em 0 0.2em;
}

.info h3:first-child {
margin:0 0 0.2em;
}

.info p{
margin:0;
}


/*============================================================
  for Smartphone
============================================================*/

@media (max-width: 640px) {

.br_pc {
display:none;
}

/*------------------------------ Common elements ------------------------------*/
#footer {
width:100%;
margin:0 auto;
position:relative;
}

#footer_jumptop {
position:fixed;
bottom:50px;
right:20px;
height:50px;
width:50px;
}

#footer_jumptop img {width:50px;}

#copyright {text-align:center;}

/*------------------------------ Home ------------------------------*/

.cancel {
border:1px #ccc solid;
margin:2em auto 0;
padding:1em;
width:90%;
box-sizing: border-box;
}

.cancel h2 {
border-bottom:1px #ccc solid;
color:#f00;
font-size:1em;
margin:0;
padding:0 0 0.5em;
text-align:center;
}

.cancel p {
margin:0.5em 0 0;
}

/*---------- Navigation ----------*/
#navi {
margin:3em auto 0;
width:90%;
}

#navi ul {
margin:0 0 30px;
padding:0;
}

#navi li {
list-style:none;
margin:0 0 5px;
padding:0;
}

#navi li:last-child {margin:0;}

#navi li a {
display:block;
width:100%;
text-decoration:none;
color:#000;
text-align:center;
padding:1em 0;
}

.shortcut_content {
display:block;
padding:0;
}
.shortcut1 {
background:#dcf4ec;
width:100%;
}

.shortcut2 {
background:#e9eed9;
width:100%;
}

.shortcut3 {
background:#efead4;
width:100%;
}

.shortcut3 .subtitle {
color:#000;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
}
.maintitle1 {
font-family:"Shin Go ExLight";
font-size:24px;
line-height:30px;
letter-spacing:0.1em;
display:block;
padding:0;
}

.maintitle2 {
font-family:"Shin Go ExLight";
font-size:33px;
line-height:39px;
letter-spacing:0.1em;
display:block;
padding:0.2em 0;
}

.subtitle {
display:inline-block;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
font-family:"Shin Go Regular";
letter-spacing:0.1em;
font-size:18px;
padding:0.4em 1em 0.2em;
}
.subtitle2 {
font-family:"Shin Go Medium";
font-size:15px;
line-height:30px;
}

h1 {
margin:0 0 5px;
padding:0;
}

h1 img{width:960px;}

.section h2 {
font-family: 'Kosugi', sans-serif;
font-size:30px;
font-weight:normal;
line-height:39px;
padding:0;
margin:0 0 20px;
}

/*---------- Information ----------*/
#info {
border:1px #ccc solid;
margin:3em auto 0;
padding:1em 0;
width:90%;
}

#info h2 {
font-size:1em;
border-bottom:2px #888 solid;
margin:0 1em;
padding:0 0 0.5em;
}

#info_content {margin:0 1em;}

#info .item {
margin:1em 0 0;
padding:0;
}

#info_content .item h3 {
font-size:1em;
font-family: 'Kosugi', sans-serif;
margin:0;
padding:0;
}

#info .item p {
font-size:1em;
margin:1em 0 0;
padding:0;
}

#info .item p:first-child {margin:0;}

#intro {
font-family: 'Kosugi', sans-serif;
font-size:20px;
}

table {
border-collapse:collapse;
border-top:1px #cccccc solid;
width:100%;
}

th,td {
border-bottom:1px #cccccc solid;
padding:5px;
}

th {
text-align:left;
vertical-align:top;
width:100px;
}

#main {
width:100%;
margin:0;
padding:0;
}

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

#header h1 img {width:100%;}

.section {
margin:0 auto 5em;
width:90%;
}

.oubosaki {
border:2px #cccccc solid;
margin:20px 0 0;
padding:20px;
}

.oubosaki h3 {
margin:0;
padding:0;
}

.oubosaki p {
margin:0;
padding:0;
}

#section3 .notice {
font-size:18px;
line-height:24px;
}

}

/*============================================================
  for PC
============================================================*/

@media (min-width: 641px) {

.br_sp {
display:none;
}

#header {
margin:0 0 100px;
}

/*------------------------------ Common elements ------------------------------*/
#footer {
width:960px;
margin:0 auto;
position:relative;
}

#footer_jumptop {
position:fixed;
bottom:50px;
right:20px;
height:50px;
width:50px;
}

#footer_jumptop img {width:50px;}

#copyright {text-align:center;}

/*------------------------------ Home ------------------------------*/

.cancel {
border:1px #ccc solid;
margin:2em 0 0;
padding:1em;
}

.cancel h2 {
border-bottom:1px #ccc solid;
color:#f00;
font-size:1em;
margin:0;
padding:0 0 0.5em;
text-align:center;
}

.cancel p {
margin:0.5em 0 0;
}

/*---------- Navigation ----------*/
#navi {margin:3em 0 0;}

#navi ul {
margin:0 0 50px;
padding:0;
display:flex;
justify-content:center;
}

#navi li {
list-style:none;
margin:0 5px 0 0;
padding:0;
}

#navi li:last-child {margin:0;}

#navi li a {
display:table-cell;
height:190px;
width:320px;
text-decoration:none;
color:#000;
text-align:center;
vertical-align:middle;
}

.shortcut_content {
display:block;
padding:20px;
}
.shortcut1 {
background:#dcf4ec;
height:190px;
width:315px;
}

.shortcut2 {
background:#e9eed9;
height:190px;
width:315px;
}

.shortcut3 {
background:#efead4;
height:190px;
width:320px;
}

.shortcut3 .subtitle {
color:#000;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
}
.maintitle1 {
font-family:"Shin Go ExLight";
font-size:24px;
line-height:30px;
letter-spacing:0.1em;
display:block;
padding:0;
}

.maintitle2 {
font-family:"Shin Go ExLight";
font-size:33px;
line-height:39px;
letter-spacing:0.1em;
display:block;
padding:0.2em 0;
}

.subtitle {
display:inline-block;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
font-family:"Shin Go Regular";
letter-spacing:0.1em;
font-size:18px;
padding:0.4em 1em 0.2em;
}
.subtitle2 {
font-family:"Shin Go Medium";
font-size:15px;
line-height:30px;
}

h1 {
margin:0 0 5px;
padding:0;
}

h1 img{width:960px;}

.section h2 {
font-family: 'Kosugi', sans-serif;
font-size:30px;
font-weight:normal;
line-height:54px;
padding:0;
margin:0 0 20px;
}

/*---------- Information ----------*/
#info {
border:1px #ccc solid;
margin:3em 0 0;
padding:1em;
}

#info h2 {
font-size:1em;
border-bottom:2px #888 solid;
margin:0;
padding:0 0 0.5em;
}

#info .item {
margin:1em 0 0;
padding:0;
}

#info_content .item h3 {
font-size:1em;
font-family: 'Kosugi', sans-serif;
margin:0;
padding:0;
}

#info .item p {
margin:1em 0 0;
padding:0;
}

#info .item p:first-child {margin:0;}

#intro {
font-family: 'Kosugi', sans-serif;
font-size:20px;
}

table {
border-collapse:collapse;
border-top:1px #cccccc solid;
width:960px;
}

th,td {
border-bottom:1px #cccccc solid;
padding:5px;
}

th {
text-align:left;
vertical-align:top;
width:100px;
}

#main {
width:960px;
margin:0 auto;
}

.section {margin:0 0 100px;}

.oubosaki {
border:2px #cccccc solid;
margin:20px 0 0;
padding:20px;
}

.oubosaki h3 {
margin:0;
padding:0;
}

.oubosaki p {
margin:0;
padding:0;
}

#section3 .notice {
font-size:1em;
line-height:1em;
}

}