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

/*PC*/
@media print, screen and (min-width: 769px) {

/*achievements
------------------------------------------*/

#achievements {}
#achievements main {}
#achievements main .w1000 { padding: 150px 0 90px;}
#achievements main .msg { font-size: 15px; line-height: 35px; margin: auto auto 110px; text-align: center;}
#achievements main ul { margin: 0; padding: 0; list-style: none;}
#achievements main ul li { width: 302px; float: left; margin: 0 46px 46px 0;}
#achievements main ul li:nth-child(3n) { margin: 0 0 46px 0;}
#achievements main ul li a { display: block; position: relative;}
#achievements main ul li a figure { width: 302px; height: 208px; overflow: hidden;}
#achievements main ul li a figure img {}
#achievements main ul li a > img { position: absolute; bottom: 0; right: 0;}

#achievements main ul li a:hover figure img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

#achievements main .contact { text-align: center; margin: 80px auto auto;}
#achievements main .contact a { display: inline-block; width: 530px; height: 70px; background: #FFF; border: solid 1px #00437c; color: #00437c; text-align: center; line-height: 70px; font-size: 25px; font-family: 'Noto Serif JP', serif; text-decoration: none;}
#achievements main .contact a::before { font-family: FontAwesome; content: "\f003"; margin-right: 10px;}
#achievements main .contact a:hover { background: #00437c; color: #FFF;}


/*achievements_type
------------------------------------------*/

#achievements_type {}
#achievements_type main {}
#achievements_type main .w1000 { padding: 150px 0 90px;}
#achievements_type main .msg { font-size: 31px; line-height: 70px; margin: auto auto 110px; text-align: center; border: solid 1px #005bac; font-family: 'Noto Serif JP', serif; font-weight: normal; color: #005bac;}
#achievements_type main .listBox { margin: 0; padding: 0; list-style: none;}
#achievements_type main .listBox li { width: 302px; float: left; margin: 0 46px 46px 0; text-align: center;}
#achievements_type main .listBox li:nth-child(3n) { margin: 0 0 46px 0;}
#achievements_type main .listBox li a { display: block; text-decoration: none;}
#achievements_type main .listBox li figure { width: 302px; height: 208px; overflow: hidden; position: relative;}
#achievements_type main .listBox li p { color: #000; font-size: 16px; line-height: 21px;}

/*#achievements_type main ul li figure:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}*/

#achievements_type main .contact { text-align: center; margin: 80px auto auto;}
#achievements_type main .contact a { display: inline-block; width: 530px; height: 70px; background: #FFF; border: solid 1px #00437c; color: #00437c; text-align: center; line-height: 70px; font-size: 25px; font-family: 'Noto Serif JP', serif; text-decoration: none;}
#achievements_type main .contact a::before { font-family: FontAwesome; content: "\f003"; margin-right: 10px;}
#achievements_type main .contact a:hover { background: #00437c; color: #FFF;}



/*achievements_year
------------------------------------------*/

#achievements_year {}
#achievements_year main {}
#achievements_year main .w1000 { padding: 150px 0 90px;}
#achievements_year main .msg { font-size: 31px; line-height: 70px; margin: auto auto 110px; text-align: center; border: solid 1px #005bac; font-family: 'Noto Serif JP', serif; font-weight: normal; color: #005bac;}
#achievements_year main ul { margin: 0; padding: 0; list-style: none;}
#achievements_year main ul li { width: 302px; float: left; margin: 0 46px 46px 0; text-align: center;}
#achievements_year main ul li:nth-child(3n) { margin: 0 0 46px 0;}

#achievements_year main ul li figure { width: 302px; height: 208px; overflow: hidden; position: relative;}
#achievements_year main ul li figure img {}
#achievements_year main ul li p { color: #000; font-size: 16px; line-height: 21px;}

#achievements_year main ul li figure:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

#achievements_year main .contact { text-align: center; margin: 80px auto auto;}
#achievements_year main .contact a { display: inline-block; width: 530px; height: 70px; background: #FFF; border: solid 1px #00437c; color: #00437c; text-align: center; line-height: 70px; font-size: 25px; font-family: 'Noto Serif JP', serif; text-decoration: none;}
#achievements_year main .contact a::before { font-family: FontAwesome; content: "\f003"; margin-right: 10px;}
#achievements_year main .contact a:hover { background: #00437c; color: #FFF;}





/*achievements_p
------------------------------------------*/

#achievements_p {}
#achievements_p main {}
#achievements_p main .w1000 { padding: 150px 0 90px;}
#achievements_p main .msg { font-size: 31px; line-height: 70px; margin: auto auto 110px; text-align: center; border: solid 1px #005bac; font-family: 'Noto Serif JP', serif; font-weight: normal; color: #005bac;}
#achievements_p main ul { margin: 0; padding: 0; list-style: none;}
#achievements_p main ul li { width: 302px; float: left; margin: 0 46px 46px 0; text-align: center;}
#achievements_p main ul li:nth-child(3n) { margin: 0 0 46px 0;}

#achievements_p main ul li figure { width: 302px; height: 208px; overflow: hidden; position: relative;}
#achievements_p main ul li figure img {}
/*#achievements_p main ul li p { color: #000; font-size: 16px; line-height: 21px;}*/

#achievements_p main ul li figure:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

#achievements_p main .contact { text-align: center; margin: 80px auto auto;}
#achievements_p main .contact a { display: inline-block; width: 530px; height: 70px; background: #FFF; border: solid 1px #00437c; color: #00437c; text-align: center; line-height: 70px; font-size: 25px; font-family: 'Noto Serif JP', serif; text-decoration: none;}
#achievements_p main .contact a::before { font-family: FontAwesome; content: "\f003"; margin-right: 10px;}
#achievements_p main .contact a:hover { background: #00437c; color: #FFF;}



}



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


/*achievements
------------------------------------------*/

#achievements {}
#achievements main {}
#achievements main .w1000 { padding: 150px 0 90px;}
#achievements main .msg { font-size: 14px; line-height: 34px; margin: auto auto 50px; text-align: left;}
#achievements main ul { margin: 0; padding: 0; list-style: none;}
#achievements main ul li { width: 48%; float: left; margin: 0 2% 2% 0;}
#achievements main ul li:nth-child(2n) { margin: 0 0 2% 0;}
#achievements main ul li a { display: block; position: relative;}
#achievements main ul li a figure { width: 100%; height: auto; overflow: hidden;}
#achievements main ul li a figure img {}
#achievements main ul li a > img { position: absolute; bottom: 0; right: 0;}

#achievements main ul li a:hover figure img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

#achievements main .contact { text-align: center; margin: 30px auto auto;}
#achievements main .contact a { display: inline-block; width: 90%; height: 40px; background: #FFF; border: solid 1px #00437c; color: #00437c; text-align: center; line-height: 40px; font-size: 18px; font-family: 'Noto Serif JP', serif; text-decoration: none;}
#achievements main .contact a::before { font-family: FontAwesome; content: "\f003"; margin-right: 10px;}
#achievements main .contact a:hover { background: #00437c; color: #FFF;}


/*achievements_type
------------------------------------------*/

#achievements_type {}
#achievements_type main {}
#achievements_type main .w1000 { padding: 30px 0;}
#achievements_type main .msg { font-size: 22px; line-height: 40px; margin: auto auto 30px; text-align: center; border: solid 1px #005bac; font-family: 'Noto Serif JP', serif; font-weight: normal; color: #005bac;}
#achievements_type main .listBox { margin: 0; padding: 0; list-style: none;}
#achievements_type main .listBox li { width: 49%; float: left; margin: 0 2% 2% 0; text-align: center;}
#achievements_type main .listBox li:nth-child(2n) { margin: 0 0 2% 0;}
#achievements_type main .listBox li a { display: block; text-decoration: none;}
#achievements_type main .listBox li figure { width: 100%; height: auto; overflow: hidden; position: relative;}
#achievements_type main .listBox li p { color: #000; font-size: 12px; line-height: 20px;}

#achievements_type main .listBox li figure:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

#achievements_type main .contact { text-align: center; margin: 30px auto auto;}
#achievements_type main .contact a { display: inline-block; width: 90%; height: 40px; background: #FFF; border: solid 1px #00437c; color: #00437c; text-align: center; line-height: 40px; font-size: 18px; font-family: 'Noto Serif JP', serif; text-decoration: none;}
#achievements_type main .contact a::before { font-family: FontAwesome; content: "\f003"; margin-right: 10px;}
#achievements_type main .contact a:hover { background: #00437c; color: #FFF;}



/*achievements_year
------------------------------------------*/

#achievements_year {}
#achievements_year main {}
#achievements_year main .w1000 { padding: 30px 0;}
#achievements_year main .msg { font-size: 22px; line-height: 40px; margin: auto auto 30px; text-align: center; border: solid 1px #005bac; font-family: 'Noto Serif JP', serif; font-weight: normal; color: #005bac;}
#achievements_year main ul { margin: 0; padding: 0; list-style: none;}
#achievements_year main ul li {width: 49%; float: left; margin: 0 2% 2% 0; text-align: center;}
#achievements_year main ul li:nth-child(2n) { margin: 0 0 2% 0;}

#achievements_year main ul li figure { width: 100%; height: auto; overflow: hidden; position: relative;}
#achievements_year main ul li figure img {}
#achievements_year main ul li p { color: #000; font-size: 12px; line-height: 20px;}

#achievements_year main ul li figure:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

#achievements_year main .contact { text-align: center; margin: 80px auto auto;}
#achievements_year main .contact a { display: inline-block; width: 90%; height: 40px; background: #FFF; border: solid 1px #00437c; color: #00437c; text-align: center; line-height: 40px; font-size: 18px; font-family: 'Noto Serif JP', serif; text-decoration: none;}
#achievements_year main .contact a::before { font-family: FontAwesome; content: "\f003"; margin-right: 10px;}
#achievements_year main .contact a:hover { background: #00437c; color: #FFF;}





/*achievements_p
------------------------------------------*/

#achievements_p {}
#achievements_p main {}
#achievements_p main .w1000 { padding: 30px 0;}
#achievements_p main .msg { font-size: 22px; line-height: 40px; margin: auto auto 30px; text-align: center; border: solid 1px #005bac; font-family: 'Noto Serif JP', serif; font-weight: normal; color: #005bac;}
#achievements_p main ul { margin: 0; padding: 0; list-style: none;}
#achievements_p main ul li { width: 49%; float: left; margin: 0 2% 2% 0; text-align: center;}
#achievements_p main ul li:nth-child(2n) { margin: 0 0 2% 0;}

#achievements_p main ul li figure { width: 100%; height: auto; overflow: hidden; position: relative;}
#achievements_p main ul li figure img {}
/*#achievements_p main ul li p { color: #000; font-size: 16px; line-height: 21px;}*/

#achievements_p main ul li figure:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

#achievements_p main .contact { text-align: center; margin: 80px auto auto;}
#achievements_p main .contact a { display: inline-block; width: 90%; height: 40px; background: #FFF; border: solid 1px #00437c; color: #00437c; text-align: center; line-height: 40px; font-size: 18px; font-family: 'Noto Serif JP', serif; text-decoration: none;}
#achievements_p main .contact a::before { font-family: FontAwesome; content: "\f003"; margin-right: 10px;}
#achievements_p main .contact a:hover { background: #00437c; color: #FFF;}





}