@charset "UTF-8";
/***********************************************
TGC CSS information
File Name : base.css
Last modified : :2021
***********************************************/



@media print, screen and (min-width: 1000px){
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }



body {
	margin:0;
	padding:0;
	width:100%; 
	text-align:center;
	float:left;

background: #9fca65 url('../images/image.png') no-repeat center right fixed; 
background-size: 700px;
position: relative; 
height: auto !important; height: 100%; min-height: 100%;
}




#index_set1 {
                                top: 160px;
                                right: 0;
                                left: 0;
                                margin: auto;
                                width:95%;
                                position: absolute;
	}

#index_set1 .sitehead {
	margin:0 0 0 0;
	padding:0;
	text-align:left;
	width:100%;
}

#index_set1 .sitehead img {
	margin:20px  0;
	width:50%;
}

#index_set1 .linkhead {
	margin:10px 0;
	padding:0;
	width:100%;
	text-align:left;
    white-space: nowrap;
    overflow: auto;
}



#index_set1 .linkset {
	margin:0 0 0 0;
	padding:0;
	width:100%;
	text-align:left;
                                  margin-left: 50x;
                                  margin-right: auto;
                                font-size:16pt;
}


.linkbutton a {
                                background: #ffffff;
                                position: relative;
                                display: flex;
                                align-items: center;
                                margin: 10px 20px 0 0;
                                width: 300px;
                                padding: 10px 25px;
                                color: #313131;
                                transition: 0.3s ease-in-out;
                                z-index:0;
                                border-left: solid 5px #ff8a00;
                                border-radius:0 6px 6px 0;
                                font-size:12pt;
	float:left;
}

.linkbutton a:before {
                                content: "";
                                position: absolute;
                                top: 0;
                                bottom: 0;
                                width: 0;
                                display: block;
                                background: #ff8a00;
                                transition: .3s;
                                left:0;
                                border-radius:0 6px 6px 0;
}

.linkbutton2 a {
                                background: #ffffff;
                                position: relative;
                                display: flex;
                                align-items: center;
                                margin: 10px 20px 0 0;
                                width: 200px;
                                padding: 10px 25px;
                                color: #313131;
                                transition: 0.3s ease-in-out;
                                z-index:0;
                                border-left: solid 5px #6bb6ff;
                                border-radius:0 6px 6px 0;
                                font-size:12pt;
	float:left;
}

.linkbutton2 a:before {
                                content: "";
                                position: absolute;
                                top: 0;
                                bottom: 0;
                                width: 0;
                                display: block;
                                background: #6bb6ff;
                                transition: .3s;
                                left:0;
                                border-radius:0 6px 6px 0;
}


.linkbutton a:hover, 
.linkbutton2 a:hover {
                                color: #ffffff;
}
.linkbutton a:hover:before,
.linkbutton2 a:hover:before {
                                width: 100%;
                                z-index: -1;
}



hr.style1 {
                                margin:10px 0 10px 0;
                                width: 50%;
                                border-top: 1px solid #ffffff;
                                border-bottom: none;
}

hr.style2 {
                                margin:10px 0 10px 0;
                                border-top: 1px dashed #8c8b8b;
                                border-bottom: none;
}








}


@media only screen and (max-width: 1000px) {

/* スマホで見たときは"sp"のclassがついた画像が表示される */

.sp { display: block !important; }
.pc { display: none !important; }

img {
  max-width: 100%;
  height: atuo;
}

body {
background: #9fca65;
background: #9fca65 url('../images/image-sp.png') no-repeat right bottom fixed; 
background-size: 70%;
position: relative; 
height: auto !important; height: 100%; min-height: 100%;
}



#index_set1{
	margin:70px 0 0 0;
	padding:0 0 50px 0;
	width:100%;
}

#index_set1 .sitehead {
	margin:0 0 0 0;
	padding:0;
	text-align:center;
	width:100%;
}

#index_set1 .sitehead img {
	margin:0 0 20px  0;
	width:95%;
}



#index_set1 .linkhead {
	width:100%;
}


#index_set1 .linkset {
	margin:0 0 0 5%;
	padding:0;
	width:90%;
	text-align:left;
                                font-size:1.1em
}


.linkbutton a {
                                background: #ffffff;
                                position: relative;
                                display: flex;
                                align-items: center;
                                margin: 10px 20px 0 0;
                                width: 85%;
                                padding: 10px 15px;
                                color: #313131;
                                transition: 0.3s ease-in-out;
                                z-index:0;
                                border-left: solid 5px #ff8a00;
                                border-radius:0 6px 6px 0;
                                font-size:1em;
}

.linkbutton a:before {
                                content: "";
                                position: absolute;
                                top: 0;
                                bottom: 0;
                                width: 0;
                                display: block;
                                background: #ff8a00;
                                transition: .3s;
                                left:0;
                                border-radius:0 6px 6px 0;
}

.linkbutton2 a {
                                background: #ffffff;
                                position: relative;
                                display: flex;
                                align-items: center;
                                margin: 10px 20px 0 0;
                                width: 85%;
                                padding: 10px 15px;
                                color: #313131;
                                transition: 0.3s ease-in-out;
                                z-index:0;
                                border-left: solid 5px #6bb6ff;
                                border-radius:0 6px 6px 0;
                                font-size:1em;
}

.linkbutton2 a:before {
                                content: "";
                                position: absolute;
                                top: 0;
                                bottom: 0;
                                width: 0;
                                display: block;
                                background: #6bb6ff;
                                transition: .3s;
                                left:0;
                                border-radius:0 6px 6px 0;
}


.linkbutton a:hover, 
.linkbutton2 a:hover {
                                color: #ffffff;
}
.linkbutton a:hover:before,
.linkbutton2 a:hover:before {
                                width: 100%;
                                z-index: -1;
}


hr.style1 {
                                margin:10px 0 10px 0;
                                width: 100%;
                                border-top: 1px solid #ffffff;
                                border-bottom: none;
}

hr.style2 {
                                margin:10px 0 10px 0;
                                border-top: 1px dashed #8c8b8b;
                                border-bottom: none;
}






}