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


@media screen and (min-width:630px){

#main {
	height:100vh;
	width:auto;
	background-size:cover;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url("../img/index/main_pc.png");
	}
#hdr {
    width:1000px;
    height:0px;
    margin:0 auto;
    padding:35px 0 100px;
	font-family:'Noto Serif JP',serif;
    }
#hdr .l {
    width:30%;
    float:left;
    transition:0.5s;
    }
#hdr .r {
    width:60%;
    float:right;
    text-align:right;
    transition:0.5s;
    }
#omoi {
    width:100%;
    margin:0 auto;
    transition:1s;
    }
#omoi .l {
    width:30%;
    margin:0 5% 0 0;
    float:left;
    }
#omoi .l .mds {
    width:100%;
    height:100px;
    font-size:26px;
    text-align:center;
    line-height:160%;
    }
#omoi .l .mds rt {
    font-size:8px;
    }
#omoi .c {
    width:30%;
    margin:0;
    float:left;
    }
#omoi .c .mds {
    width:100%;
    height:75px;
    padding:25px 0 0;
    font-size:26px;
    text-align:center;
    line-height:160%;
    }
#omoi .c .mds rt {
    font-size:8px;
    }
#omoi .r {
    width:30%;
    margin:0;
    float:right;
    }
#omoi .r .mds {
    width:100%;
    height:100px;
    font-size:26px;
    text-align:center;
    line-height:160%;
    }
#omoi .r .mds rt {
    font-size:8px;
    }
#hoyu {
    margin:0 auto 100px;
    padding:0 0 10px;
    overflow-x:auto;
    }
#hoyu table {
    width:100%;
    border-collapse:collapse;
    }
#hoyu th {
    padding:0.8em 2em 0.8em 1em;
    white-space:nowrap;
    }
#hoyu td {
    padding:0.8em 2em 0.8em 1em;
    white-space:nowrap;
    }
#kenkiimg {
    width:100%;
    margin:0 auto 150px;
    }
#kenkiimg .wrap {
    width:100%;
    margin:0 0 20px;
    text-align:center;
    }
#kenkiimg .wrap .l {
    margin:0 20px 0 0;
    float:left;
    }
#kenkiimg .wrap.r {
    float:right;
    margin:0;
    }
#ict {
    width:100%;
    margin:0 auto;
    }
#ict .donyu {
    width:100%;
    margin:0 0 80px;
    text-align:center;
    }
#ict .donyu .mds {
    margin:0 0 20px;
    font-size:50px;
    }
#ict .mokuteki {
    width:100%;
    margin:0 0 80px;
    text-align:center;
    }
#ict .mokuteki .mds {
    width:100%;
    margin:0 0 50px;
    font-size:40px;
    }
#ict .mokuteki .wrap {
    width:100%;
    }
#ict .mokuteki .wrap .l {
    width:30%;
    margin:0 5% 0 0;
    text-align:left;
    float:left;
    }
#ict .mokuteki .wrap .l .mds {
    margin:0 0 15px;
    font-size:30px;
    text-align:center;
    }
#ict .mokuteki .wrap .r {
    width:30%;
    margin:0;
    text-align:left;
    float:right;
    }
#ict .mokuteki .wrap .r .mds {
    margin:0 0 15px;
    font-size:30px;
    text-align:center;
    }
#ict .kishu {
    width:100%;
    text-align:center;
    }
#ict .kishu .mds {
    width:100%;
    margin:0 0 50px;
    padding:1px 0;
    font-size:40px;
    }
#ict .kishu .bnr {
    width:100%;
    text-align:center;
    }
#ict .kishu .bnr img {
    width:480px;
    margin:0 5px;
    }
#aboutus_01 {
    width:80%;
    margin:0;
    padding:0 10% 50px;
    border-bottom:solid 1px #1eb9ee;
    }
#aboutus_01 .wrap {
    width:100%;
    margin:0;
    }
#aboutus_01 .wrap .l {
    width:20%;
    margin:0;
    float:left;
    }
#aboutus_01 .wrap .r {
    width:80%;
    margin:0;
    float:left;
    }
#aboutus_02 {
    width:80%;
    margin:0;
    padding:50px 10% 20px;
    border-bottom:solid 1px #1eb9ee;
    }
#aboutus_02 .wrap {
    width:100%;
    margin:0;
    }
#aboutus_02 .wrap .l {
    width:20%;
    margin:0;
    float:left;
    }
#aboutus_02 .wrap .c {
    width:40%;
    margin:0;
    float:left;
    }
#aboutus_02 .wrap .r {
    width:40%;
    margin:0;
    float:left;
    }
#aboutus_02 p {
    margin:0 0 30px;
    }
#aboutus_03 {
    width:80%;
    margin:0;
    padding:50px 10% 20px;
    border-bottom:solid 1px #1eb9ee;
    }
#aboutus_03 .wrap {
    width:100%;
    margin:0;
    }
#aboutus_03 .wrap .l {
    width:20%;
    margin:0;
    float:left;
    }
#aboutus_03 .wrap .c {
    width:40%;
    margin:0;
    float:left;
    }
#aboutus_03 .wrap .r {
    width:40%;
    margin:0;
    float:left;
    }
#aboutus_03 p {
    margin:0 0 30px;
    }
#aboutus_04 {
    width:80%;
    margin:0;
    padding:40px 10% 40px;
    border-bottom:solid 1px #1eb9ee;
    }
#aboutus_04 .wrap {
    width:100%;
    margin:0;
    }
#aboutus_04 .wrap .l {
    width:20%;
    margin:0;
    padding:18px 0 0;
    float:left;
    }
#aboutus_04 .wrap .c {
    width:40%;
    margin:0;
    padding:18px 0 0;
    float:left;
    }
#aboutus_04 .wrap .r {
    width:40%;
    margin:0;
    float:left;
    }
#aboutus_04 img {
    }
.info {
    width:1000px;
    margin:80px auto 100px;
    padding:80px 0 0;
    text-align:center;
    }
.info img {
    width:500px;
    }

.fixbg {
    min-height:300px;
    padding:150px 0;
    background-attachment:fixed;
    background-size:cover;
    background-position:center;
    }
.bgimg_01 {
    background-image:url("../img/index/back_01.png");
    }
.bgimg_02 {
    background-image:url("../img/index/back_02.png");
    }
.bgimg_03 {
    background-image:url("../img/index/back_03.png");
    }

 	}


/*--sp--*/
@media screen and (max-width:630px){


#main {
	height:100vh;
	width:auto;
	background-size:cover;
	background-position:right bottom;
	background-repeat:no-repeat;
	background-image:url("../img/index/main_sp.png");
	}
#hdr {
    width:100%;
    margin:0 auto;
    padding:50px 0 220px;
    overflow: hidden;
    position: relative;
    zoom:1;
    }
#hdr .l {
    width:60%;
    margin:0 auto;
    text-align:center;
    transition:0.5s;
    }
#hdr .r {
    display:none;
    transition:0.5s;
    }
#omoi {
    width:100%;
    margin:0 auto;
    transition:1s;
    }
#omoi .l {
    width:100%;
    margin:0 0 40px;
    }
#omoi .l .mds {
    width:100%;
    margin:0 0 20px;
    font-size:26px;
    text-align:center;
    line-height:160%;
    }
#omoi .l .mds rt {
    font-size:8px;
    }
#omoi .c {
    width:100%;
    margin:0 0 40px;
    }
#omoi .c .mds {
    width:100%;
    margin:0 0 20px;
    font-size:26px;
    text-align:center;
    line-height:160%;
    }
#omoi .c .mds rt {
    font-size:8px;
    }
#omoi .r {
    width:100%;
    margin:0;
    }
#omoi .r .mds {
    width:100%;
    margin:0 0 20px;
    font-size:26px;
    text-align:center;
    line-height:160%;
    }
#omoi .r .mds rt {
    font-size:8px;
    }
#hoyu {
    margin:0 auto 80px;
    padding:0 0 10px;
    overflow-x: auto;
    }
#hoyu table {
    border-collapse:collapse;
    margin:0;
    max-width:100%;
    }
#hoyu th {
    padding:0.5em 3em 0.5em 1em;
    white-space:nowrap;
    }
#hoyu td {
    padding:0.5em 3em 0.5em 1em;
    white-space:nowrap;
    }
#kenkiimg {
    margin:0 auto 60px;
    }
#kenkiimg .wrap {
    margin:0 0 10px;
    text-align:center;
    }
#kenkiimg .wrap .l {
    margin:0 0 20px;
    }
#kenkiimg .wrap .r {
    margin:0 0 20px;
    }
#kenkiimg .wrap img {
    width:100%;
    }
#ict {
    width:100%;
    margin:0 auto;
    }
#ict .donyu {
    width:100%;
    margin:0 0 80px;
    }
#ict .donyu .mds {
    margin:0 0 15px;
    font-size:40px;
    text-align:center;
    }
#ict .mokuteki {
    width:100%;
    margin:0 0 50px;
    text-align:center;
    }
#ict .mokuteki .mds {
    width:100%;
    margin:0 0 15px;
    font-size:40px;
    }
#ict .mokuteki .wrap {
    width:100%;
    }
#ict .mokuteki .wrap .l {
    width:100%;
    margin:0 0 20px;
    text-align:left;
	text-align:justify;
    }
#ict .mokuteki .wrap .l .mds {
    margin:0 0 10px;
    font-size:30px;
    text-align:center;
    }
#ict .mokuteki .wrap .r {
    width:100%;
    margin:0 0 30px;
    text-align:left;
	text-align:justify;
    }
#ict .mokuteki .wrap .r .mds {
    margin:0 0 10px;
    font-size:30px;
    text-align:center;
    }
#ict .kishu {
    width:100%;
    text-align:center;
    }
#ict .kishu .mds {
    width:100%;
    margin:0 0 15px;
    padding:1px 0;
    font-size:40px;
    }
#ict .kishu .bnr {
    width:100%;
    text-align:center;
    }
#ict .kishu .bnr img {
    width:100%;
    margin:0 0 10px;
    }
#aboutus_01 {
    width:100%;
    margin:0 auto 5px;
    padding:0;
    }
#aboutus_01 .wrap {
    width:100%;
    margin:0;
    }
#aboutus_01 .wrap .l {
    width:96%;
    margin:0;
    padding:0.3em 2%;
    background-color:#bababa;
    }
#aboutus_01 .wrap .r {
    width:96%;
    margin:0 0 5px;
    padding:0.3em 2%;
    }
#aboutus_02 {
    width:100%;
    margin:0 auto 10px;
    padding:0;
    }
#aboutus_02 .wrap {
    width:100%;
    margin:0;
    }
#aboutus_02 .wrap .l {
    width:96%;
    margin:0;
    padding:0.3em 2%;
    background-color:#bababa;
    }
#aboutus_02 .wrap .c {
    width:96%;
    margin:0;
    padding:0.3em 2%;
    }
#aboutus_02 .wrap .c p {
    margin:0 0 20px;
    
    }
#aboutus_02 .wrap .r {
    width:96%;
    margin:0;
    padding:0.3em 2%;
    }
#aboutus_03 {
    width:100%;
    margin:0 auto 10px;
    padding:0 0 20px;
    }
#aboutus_03 .wrap {
    width:100%;
    margin:0;
    }
#aboutus_03 .wrap .l {
    width:96%;
    margin:0 0 5px;
    padding:0.3em 2%;
    background-color:#bababa;
    }
#aboutus_03 .wrap .c {
    width:96%;
    margin:0;
    padding:0 2%;
    }
#aboutus_03 .wrap .r {
    width:96%;
    margin:0 0 10px;
    padding:0 2%;
    }
#aboutus_04 {
    width:100%;
    margin:0 auto 50px;
    padding:0 0 20px;
    border-bottom:solid 1px #1eb9ee;
    text-align:center;
    }
#aboutus_04 .wrap {
    width:100%;
    margin:0;
    }
#aboutus_04 .wrap .l {
    width:96%;
    margin:0 0 15px;
    padding:0.3em 2%;
    color:#ffffff;
    background-color:#4e62a9;
    }
#aboutus_04 .wrap .c {
    width:96%;
    margin:0;
    padding:0 2%;
    }
#aboutus_04 .wrap .r {
    width:96%;
    margin:0 0 10px;
    padding:0 2%;
    }

.info {
    width:100%;
    margin:50px auto;
    font-size:12px;
    text-align:center;
    }
.info img {
    width:100%;
    margin:0;
    }

.fixbg {
	height:220px;
    }
.bgimg_01 {
    background-image:url("../img/index/back_01.png");
    background-size:cover;
    }
.bgimg_02 {
    background-image:url("../img/index/back_02.png");
    background-size:cover;
    }
.bgimg_03 {
    background-image:url("../img/index/back_03.png");
    background-size:cover;
    }

	}