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


/*pc*/

@media print, screen and (min-width: 769px){
    
    #footer{
        margin: 0 auto;
        text-align: center;
        font-size: 0.8em;
        background: #033A8D;
        min-width: 1200px;
    }
    
    .copyright{
        padding: 40px 0;
        color: #fff;
        text-shadow: 3px  3px 2px #033a8d,
    -3px  3px 2px #033a8d,
     3px -3px 2px #033a8d,
    -3px -3px 2px #033a8d,
     3px  0px 2px #033a8d,
     0px  3px 2px #033a8d,
    -3px  0px 2px #033a8d,
     0px -3px 2px #033a8d;
    }
    
    .foot_modori {
        position: relative;
    }
    
    .foot_modori p{
        position: absolute;
        top: 15px;
        right: 10px;
    }
    
    .foot_modori a {
        background: #fff;
        border-radius: 50%;
        color: #033A8D;
        font-size: 0.8em;
        display: inline-block;
        text-decoration: none;
        text-align: center;
        padding: 25px 10px 15px;
        position: relative;
    }
    
    .foot_modori a:before {
        content: '';
        position: absolute;
        top: 15px;
        left: 44%;
        width: 6px;
        height: 6px;
        border-left: 2px solid #333;
        border-top: 2px solid #333;
        transform: rotate(45deg);
        transition: .4s;
    }
    
    .foot_modori a span {
        display: block;
    }
    
    .blockRow {
        padding-top: 20px;
        display: flex;
        justify-content: space-around;
        width: 80%;
        margin: 0 auto;
        text-shadow: 3px  3px 2px #033a8d,
    -3px  3px 2px #033a8d,
     3px -3px 2px #033a8d,
    -3px -3px 2px #033a8d,
     3px  0px 2px #033a8d,
     0px  3px 2px #033a8d,
    -3px  0px 2px #033a8d,
     0px -3px 2px #033a8d;
    }
    
    .blockRow p {
        padding-top: 40px;
        color: #fff;
        text-align: left;
        font-size: 1.3em;
    }
    
    .blockRow .colLeft .ttContact{
        padding-top: 0;
    }
    
    .blockRow .colLeft .txt{
        padding-top: 12px;
    }
    
    .sp{
        display: none;
    }

}

/*sp*/

@media only screen and (max-width: 768px){
    
    #footer{
        margin: 0 auto;
        font-size: 0.6em;
        background: #033A8D;
    }
    
    .copyright{
        padding: 40px 10px;
        color: #fff;
        width: 70%;
    }
    
    .foot_modori {
        position: relative;
    }
    
    .foot_modori p{
        position: absolute;
        top: 15px;
        right: 10px;
    }
    
    .foot_modori a {
        background: #fff;
        border-radius: 50%;
        color: #033A8D;
        font-size: 0.8em;
        display: inline-block;
        text-decoration: none;
        text-align: center;
        padding: 25px 10px 15px;
        position: relative;
    }
    
    .foot_modori a:before {
        content: '';
        position: absolute;
        top: 15px;
        left: 44%;
        width: 6px;
        height: 6px;
        border-left: 2px solid #333;
        border-top: 2px solid #333;
        transform: rotate(45deg);
        transition: .4s;
    }
    
    .foot_modori a span {
        display: block;
    }
    
    .blockRow {
        padding: 20px 10px 0;
        width: 70%;
    }
    
    .blockRow p {
        padding-top: 20px;
        color: #fff;
    }
    
    .blockRow .colLeft .ttContact{
        padding-top: 0;
        font-size: 1.4em;
    }
    
    .blockRow .colLeft .txt{
        padding-top: 12px;
    }

}