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


body {
	margin: 0;
	padding: 0;
	font-family: a-otf-futo-go-b101-pr6n,"游ゴシック体","Yu Gothic Medium","Yu Gothic","Meiryo","Hiragino Kaku Gothic Pro",sans-serif;
	font-weight: 400;
	font-style: normal;
	box-sizing: border-box;
    color: #eb6100;
}


body a {
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	
}

body a:hover {
	opacity: 0.3;
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
}

*:focus {
outline: none;
}
.phone-ver {
	display: none;
}


@media (max-width:767px) {
    
    body::before {
        background: linear-gradient(234deg, #eba03f, #d2d2d2);
        background-size: 400% 400%;

        -webkit-animation: corporationBg 30s ease infinite;
        -moz-animation: corporationBg 30s ease infinite;
        animation: corporationBg 30s ease infinite;
        
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 150%;
        padding-bottom: 108px;
	    padding-top: 308px;
        content: "";
        z-index: -1;
    }
    
    /*-- header ここから --*/
    header {
        width: 100%;
        box-sizing: border-box;
        padding: 5% 0 3% 0;
        border-bottom: 1px solid white;
        text-align: center;
    }
    
    h1 {
        font-weight: 400;
        font-size: 20px;
        color: white;
    }
    
    .page_title {
        font-size: 14px;
        color: white;
    }
    /*-- header ここまで --*/

    /*-- Div main  ここから--*/
    .main {
        width: 100%;
        box-sizing: border-box;
        padding: 5% 0 0 0;
        display: inline-block;
        text-align: center;
    }
    
    .main_box {
        width: 90%;
        display: inline-block;
        text-align: center;
        background-color: white;
        border-radius: 10px;
        box-sizing: border-box;
        padding: 2%;
        margin: 5% 0 5% 0;
    }
    
    h2 {
        font-weight: 400;
        color: black;
        font-size: 23px;
        width: 100%;
        display: inline-block;
    }
    
    .gaiyo_box_headline {
        width: 30%;
        display: inline-block;
        box-sizing: border-box;
        padding: 0 0 1% 0;
        vertical-align: top;
    }
    
    .gaiyo_box {
        width: 65%;
        display: inline-block;
        box-sizing: border-box;
        padding:0;
        vertical-align: top;
    }
    
    .gaiyo_text {
        width: 70%;
        font-size: 16px;
        color: black;
        font-weight: 400;
        text-align: left;
        display: inline-block;
    }
    
    .gaiyo_text a {
        color: black;
    }
    
    hr {
        border:0.5px solid #a9a9a9;
    }
    
    .info_box {
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
        padding: 0 0 1% 0;
        margin: 5% 0 5% 0;
        vertical-align: top;
        text-align: center;
    }
    
    .pdf_icon_img {
        width: 16%;
        box-sizing: border-box;
        margin: 5% 0 0 0;
        display: inline-block;
        vertical-align: top;
    }
    .goodgav {
        position: relative;
    }
    .houzin-img {
        display: inline-block;
        height: 40%;
        z-index: 300;
        position:absolute;
            right: 88%;
            top:50%;

    }

    /*-- Div main  ここまで--*/
    
    
    /*-- footer  ここから--*/
    footer {
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
        padding: 7% 0 10% 0;
    }
    
    .footer_text {
        text-align: center;
        font-size: 17px;
        color: white;
    }
    
    .footer_text a {
        text-decoration: none;
        color:white;
    }
    
    #copyright {
        font-size: 15px;
        color: white;
        font-weight: 400;
    }
    
    /*-- footer  ここまで--*/
    
    
}



@media (min-width:768px) and (max-width:1020px) {
    
    body::before {
        background: linear-gradient(234deg, #eba03f, #d2d2d2);
        background-size: 400% 400%;

        -webkit-animation: corporationBg 30s ease infinite;
        -moz-animation: corporationBg 30s ease infinite;
        animation: corporationBg 30s ease infinite;
        
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 150%;
        padding-bottom: 108px;
	    padding-top: 308px;
        content: "";
        z-index: -1;
    }
    
    /*-- header ここから --*/
    header {
        width: 100%;
        box-sizing: border-box;
        padding: 5% 0 3% 0;
        border-bottom: 1px solid white;
        text-align: center;
    }
    
    h1 {
        font-weight: 400;
        font-size: 20px;
        color: white;
    }
    
    .page_title {
        font-size: 14px;
        color: white;
    }
    /*-- header ここまで --*/

    /*-- Div main  ここから--*/
    .main {
        width: 100%;
        box-sizing: border-box;
        padding: 5% 0 0 0;
        display: inline-block;
        text-align: center;
    }
    
    .main_box {
        width: 90%;
        display: inline-block;
        text-align: center;
        background-color: white;
        border-radius: 10px;
        box-sizing: border-box;
        padding: 2%;
        margin: 5% 0 5% 0;
    }
    
    h2 {
        font-weight: 400;
        color: black;
        font-size: 23px;
        width: 100%;
        display: inline-block;
    }
    
    .gaiyo_box_headline {
        width: 20%;
        display: inline-block;
        box-sizing: border-box;
        padding: 0 0 1% 0;
        vertical-align: top;
    }
    
    .gaiyo_box {
        width: 78%;
        display: inline-block;
        box-sizing: border-box;
        padding:0;
        vertical-align: top;
    }
    
    .gaiyo_text {
        width: 70%;
        font-size: 16px;
        color: black;
        font-weight: 400;
        text-align: left;
        display: inline-block;
    }
    
    .gaiyo_text a {
        color: black;
    }
    
    hr {
        border:0.5px solid #a9a9a9;
    }
    
    .info_box {
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
        padding: 0 0 1% 0;
        margin: 5% 0 5% 0;
        vertical-align: top;
        text-align: center;
    }
    
    .pdf_icon_img {
        width: 12%;
        box-sizing: border-box;
        margin: 3% 0 0 0;
        display: inline-block;
        vertical-align: top;
    }
    .goodgav {
        position: relative;
    }
    .houzin-img {
        display: inline-block;
        height: 55%;
        z-index: 300;
        position:absolute;
            right: 3%;
            top:30%;

    }

    /*-- Div main  ここまで--*/
    
    
    /*-- footer  ここから--*/
    footer {
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
        padding: 7% 0 10% 0;
    }
    
    .footer_text {
        text-align: center;
        font-size: 17px;
        color: white;
    }
    
    .footer_text a {
        text-decoration: none;
        color:white;
    }
    
    #copyright {
        font-size: 15px;
        color: white;
        font-weight: 400;
    }
    
    /*-- footer  ここまで--*/
    
}


@media (min-width:1021px) and (max-width:1039px) {
    
    body::before {
        background: linear-gradient(234deg, #eba03f, #d2d2d2);
        background-size: 400% 400%;

        -webkit-animation: corporationBg 30s ease infinite;
        -moz-animation: corporationBg 30s ease infinite;
        animation: corporationBg 30s ease infinite;
        
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 150%;
        padding-bottom: 108px;
	    padding-top: 308px;
        content: "";
        z-index: -1;
    }
    
    /*-- header ここから --*/
    header {
        width: 100%;
        box-sizing: border-box;
        padding: 5% 0 3% 0;
        border-bottom: 1px solid white;
        text-align: center;
    }
    
    h1 {
        font-weight: 400;
        font-size: 20px;
        color: white;
    }
    
    .page_title {
        font-size: 14px;
        color: white;
    }
    /*-- header ここまで --*/

    /*-- Div main  ここから--*/
    .main {
        width: 100%;
        box-sizing: border-box;
        padding: 5% 0 0 0;
        display: inline-block;
        text-align: center;
    }
    
    .main_box {
        width: 90%;
        display: inline-block;
        text-align: center;
        background-color: white;
        border-radius: 10px;
        box-sizing: border-box;
        padding: 2%;
        margin: 5% 0 5% 0;
    }
    
    h2 {
        font-weight: 400;
        color: black;
        font-size: 25px;
        width: 100%;
        display: inline-block;
    }
    
    .gaiyo_box_headline {
        width: 20%;
        display: inline-block;
        box-sizing: border-box;
        padding: 0 0 1% 0;
        vertical-align: top;
    }
    
    .gaiyo_box {
        width: 78%;
        display: inline-block;
        box-sizing: border-box;
        padding:0;
        vertical-align: top;
    }
    
    .gaiyo_text {
        width: 70%;
        font-size: 17px;
        color: black;
        font-weight: 400;
        text-align: left;
        display: inline-block;
    }
    
    .gaiyo_text a {
        color: black;
    }
    
    hr {
        border:0.5px solid #a9a9a9;
    }
    
    .info_box {
        width: 48%;
        display: inline-block;
        box-sizing: border-box;
        padding: 0 0 1% 0;
        margin: 5% 0 5% 0;
        vertical-align: top;
        text-align: center;
    }
    
    .pdf_icon_img {
        width: 14%;
        box-sizing: border-box;
        margin: 3% 0 0 0;
        display: inline-block;
        vertical-align: top;
    }
    .goodgav {
        position: relative;
    }
    .goodgav {
        position: relative;
    }
    .houzin-img {
        display: inline-block;
        height: 55%;
        z-index: 300;
        position:absolute;
            right: 3%;
            top:30%;

    }


    /*-- Div main  ここまで--*/
    
    
    /*-- footer  ここから--*/
    footer {
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
        padding: 7% 0 10% 0;
    }
    
    .footer_text {
        text-align: center;
        font-size: 17px;
        color: white;
    }
    
    .footer_text a {
        text-decoration: none;
        color:white;
    }
    
    #copyright {
        font-size: 15px;
        color: white;
        font-weight: 400;
    }
    
    /*-- footer  ここまで--*/
    
}


@media (min-width:1040px) {
    
    body::before {
        background: linear-gradient(234deg, #eba03f, #d2d2d2);
        background-size: 400% 400%;

        -webkit-animation: corporationBg 30s ease infinite;
        -moz-animation: corporationBg 30s ease infinite;
        animation: corporationBg 30s ease infinite;
        
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 150%;
        padding-bottom: 108px;
	    padding-top: 308px;
        content: "";
        z-index: -1;
    }
    
    /*-- header ここから --*/
    header {
        width: 100%;
        box-sizing: border-box;
        padding: 5% 0 3% 0;
        border-bottom: 1px solid white;
        text-align: center;
    }
    
    h1 {
        font-weight: 400;
        font-size: 25px;
        color: white;
    }
    
    .page_title {
        font-size: 16px;
        color: white;
    }
    /*-- header ここまで --*/

    /*-- Div main  ここから--*/
    .main {
        width: 100%;
        box-sizing: border-box;
        padding: 5% 0 0 0;
        display: inline-block;
        text-align: center;
    }
    
    .main_box {
        display: inline-block;
        text-align: center;
        background-color: white;
        border-radius: 10px;
        box-sizing: border-box;
        padding: 2%;
        margin: 5% 0 5% 0;
    }
    
    h2 {
        font-weight: 400;
        color: black;
        font-size: 25px;
        width: 100%;
        display: inline-block;
    }
    
    .gaiyo_box_headline {
        width: 20%;
        display: inline-block;
        box-sizing: border-box;
        vertical-align: top;
    }
    
    .gaiyo_box {
        width: 78%;
        display: inline-block;
        box-sizing: border-box;
        padding:0;
        vertical-align: top;
    }
    
    .gaiyo_text {
        width: 70%;
        color: black;
        font-weight: 400;
        text-align: left;
        display: inline-block;
        padding-left: 50px;
    }
    
    .gaiyo_text a {
        color: black;
    }
    
    hr {
        border:0.5px solid #a9a9a9;
    }
    
    .info_box {
        width: 48%;
        display: inline-block;
        box-sizing: border-box;
        padding: 0 0 1% 0;
        margin: 5% 0 5% 0;
        vertical-align: top;
        text-align: center;
    }
    
    .pdf_icon_img {
        width: 13%;
        box-sizing: border-box;
        margin: 5% 0 0 0;
        display: inline-block;
        vertical-align: top;
    }
    .goodgav {
        position: relative;
    }
    .houzin-img {
        display: inline-block;
        height: 55%;
        z-index: 300;
        position:absolute;
            right: 3%;
            top:30%;

    }
    /*-- Div main  ここまで--*/
    
    
    /*-- footer  ここから--*/
    footer {
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
        padding: 2% 0 7% 0;
    }
    
    .footer_text {
        text-align: center;
        font-size: 17px;
        color: white;
    }
    
    .footer_text a {
        text-decoration: none;
        color:white;
    }
    
    #copyright {
        font-size: 16px;
        color: white;
        font-weight: 400;
    }
    
    /*-- footer  ここまで--*/
    
}