@charset "UTF-8";
/* Setting

/*clearfix*/

.cf:before,.cf:after {content:"";display:block;overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

****************************************************************************/
/* Common
****************************************************************************/
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:700");
@font-face {
    font-family: Noto Sans JP;
    src: local(Noto Sans JP);
}

body {
    min-width: 1000px;
    margin:0;
	padding:0;
}
@media only screen and (max-width: 640px) {
    body {
        min-width: 0;
    }
}

.container7 a {text-decoration:none;color:#7167cf;}
.container7 a:hover {color:#f69f2e;}

/* containers
****************************************************************************/
.container7 {
    font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#333;background:#fff;width:100%;margin:0px auto;text-align:left;word-break: normal;
}

@media only screen and (max-width: 640px) {
    .container7 {
        min-width:100%;margin:0;padding:0;
    }
}
.container7 img {
    max-width: 100%;
	border:none;
	margin:0;
	height:auto;
}
.container7 a {
    transition-duration: 0.2s;
}
@media print, only screen and (min-width: 641px) {
    .container7 a:hover {
        opacity: 0.9;
    }
}

@media only screen and (max-width: 640px) {
    .container7 section {
        width: 100%;
    }
}

.container7 small {
    font-size: 85%;
}

img {border:none;max-width:100%;height:auto;margin:0;}

.container7 a {text-decoration:none;}
.container7 a:hover img{opacity:0.9;}

.container7 p{margin:0 0 8px;}
.container7 ul{padding:0;margin:0 0 10px 20px;}
.container7 ol{padding:0;margin:0 0 10px 20px;}
.container7 li{padding:0;margin:0 0 10px 0;}

.screen-reader-text{display:none;}
.clear{clear:both;}
.clear hr{display:none;}
hr{background-color:#3a3ace;border:0;height:2px;clear:both;margin:20px auto;}
blockquote{margin:10px 0px 20px;padding:10px 15px;background-color:#eaf3e2;border:1px solid #b1d8b1;border-radius:5px;-moz-border-radius:5px;}
blockquote blockquote{margin:20px 0;background-color:#fff;}
blockquote blockquote blockquote{margin:20px 0;background-color:#f4f4f4;}
blockquote p{padding:0px;margin:0px 0px 0px 0px}
object,embed{width:100%;display:block;margin:auto;}

.terms_kajo {padding-left:1em;text-indent:-1em;margin-bottom:6px;}
.terms_kajo2 {padding-left:1.8em;text-indent:-1.6em;margin-bottom:6px;}
.terms_kajo3 {padding-left:2em;text-indent:-1em;margin-bottom:6px;}
.terms_kajo4 {padding-left:1em;text-indent:-1em;margin-bottom:10px;}
.terms_kajo5 {padding-left:1em;text-indent:-1em;margin:0;}

.dotted {border-bottom:5px dotted #4c8040;width:100%;margin:30px 0 40px;}
@media screen and (max-width:640px) {.dotted{border-bottom:4px dotted #4c8040;margin:30px 0 30px;}}
	
.pc_only {display:block;}
@media screen and (max-width:640px) {.pc_only {display:none;}}
	
.sp_only {display:none;}
@media screen and (max-width:640px) {.sp_only {display:block;}}

.pc_only2 {display:block;}
@media screen and (max-width:1100px) {.pc_only2 {display:none;}}
	
.tb_only {display:none;}
@media screen and (max-width:1100px) {.tb_only {display:block;}}
@media screen and (max-width:640px) {.tb_only {display:none;}}

/*top-image ///////////////////////////////////////////////////////*/

#top-image {width:100%;padding:0;margin:0 auto;background:#001a55;overflow: hidden; background-size: contain;}
@media screen and (max-width: 640px) {#top-image{background:none;}}

.top-image_wrap {display:block;max-width:1100px;min-width:900px;height:auto;padding:0;margin:0 auto -5px;}
@media screen and (max-width: 640px) {.top-image_wrap{display:none;}}

.top-image_wrap2{display:none;width:100%;padding:0;margin:0;}
@media screen and (max-width: 640px) {.top-image_wrap2{display:block;}}

/*top-ttl ///////////////////////////////////////////////////////*/

.top_ttl {display:block;width:90%;margin:10px auto 20px;}
@media screen and (max-width: 640px) {.top_ttl{display:none;}}

.top_ttl2 {display:none;width:100%;margin:1vw auto 3vw;}
@media screen and (max-width: 640px) {.top_ttl2{display:block;}}

/*prd_im ///////////////////////////////////////////////////////*/

.prd_im {width:85%;margin:50px auto 20px;}
@media screen and (max-width: 640px) {.prd_im{width:100%;margin:5vw auto 2vw;}}

.prd_imph {display:inline-block;width:75%;margin:0 10px 0 0;}
@media screen and (max-width: 640px) {.prd_imph {display:block;width:100%;margin:0 auto;}}

.prd_btn {display:inline-block;width:15%;margin:0 0 30px;}
@media screen and (max-width: 640px) {.prd_btn {display:block;width:35%;margin:4vw auto 0;}}

	
/*clmn-box ///////////////////////////////////////////////////////*/	

.clmn_box {display:flex;flex-wrap:wrap;justify-content:space-between;width:90%;margin:20px auto 0; align-items: center; color: white;}
@media screen and (max-width: 640px) {.clmn_box {width:90%;margin:1vw auto 0;}}

.clmn_case {width:25%;padding:20px 30px;margin:20px 0 30px;background:#fff;border-radius:10px;border:2px solid #caa846;}
@media screen and (max-width: 640px) {.clmn_case {width:100%;padding:4vw 6vw 3vw;margin:0 auto 30px;}}

.clmn_case img {width:100%;margin:10px 0;}
@media screen and (max-width: 640px) {.clmn_case img {margin:2vw 0;}}

.clmn_case2 {width:78%;padding:30px 60px 25px;margin:20px auto 60px;background:#fff;border-radius:10px;border:2px solid #caa846;}
@media screen and (max-width: 640px) {.clmn_case2 {width:75%;padding:5vw 6vw 3vw;margin:0 auto 40px;}}

.clmn_title {font-size:30px;line-height:32px;font-weight:600;color:#caa846;text-align:center;}
@media screen and (max-width: 640px) {.clmn_title {font-size:24px;line-height:24px;margin-top:1vw;}}

.clmn_Number {font-size:20px;line-height:20px;font-weight:800;color:#283291;text-align:center;}
@media screen and (max-width: 640px) {.clmn_Number {font-size:18px;line-height:18px;margin-top:0vw;}}

.clmn_cap {font-size:18px;line-height:27px;color:#333;text-align:left;margin-top:0px;}
@media screen and (max-width: 640px) {.clmn_cap {font-size:16px;line-height:24px;color:#333;margin-top:1vw;}}

.clmn_cap2 {font-size:20px;line-height:30px;color:#caa846;text-align:left;}
@media screen and (max-width: 640px) {.clmn_cap2 {font-size:18px;line-height:24px;color:#caa846;}}

.clmn_cap3 {font-size:28px;line-height:40px;color:#333;text-align:center;margin-bottom:20px;}
@media screen and (max-width: 640px) {.clmn_cap3 {font-size:24px;line-height:36px;color:#333;margin-bottom:3vw;}}

.clmn_cap3b {font-size:28px;line-height:40px;color:#333;text-align:center;margin-bottom:40px;}
@media screen and (max-width: 640px) {.clmn_cap3b {font-size:24px;line-height:36px;color:#333;margin-bottom:4vw;}}

.clmn_cap4 {font-size:24px;line-height:40px;color:#333;text-align:left;margin-bottom:10px;}
@media screen and (max-width: 640px) {.clmn_cap4 {font-size:22px;line-height:36px;color:#333;margin-bottom:2vw;}}

/*clm-ttl ///////////////////////////////////////////////////////*/

.clm_ttl_box {width:auto;text-align:center;margin:10px auto 5px; display: table;}
@media screen and (max-width: 640px) {.clm_ttl_box {width:80%;margin:4vw auto 0vw;}}

.clm_ttl01 {font-size:32px;line-height:58px;font-weight:600;color:#dc4655;}
@media screen and (max-width: 640px) {.clm_ttl01 {font-size:20px;line-height:30px;}}

.clm_ttl_prize {display:inline-block;width:90px;margin:5px 10px 0 0; display: table-cell;}
@media screen and (max-width: 640px) {.clm_ttl_prize {display:block;width:30%;margin:0.5vw auto 0;}}

.clm_ttl_prize2 {display:block;width:90px;margin:0 auto;}
@media screen and (max-width: 640px) {.clm_ttl_prize2 {display:block;width:30%;margin:0 auto;}}

/*clm_read ///////////////////////////////////////////////////////*/

#clm_read {height:auto;width:100%;padding:0;background-color:#fff;overflow:hidden;}
@media screen and (max-width: 640px) {#clm_read {padding: 0;}}

.clm_read-wrap{
font-size:22px;
line-height:36px;
color:#333333;
text-align:left;
padding:40px 0 45px;
max-width:1000px;
height:auto;
margin:auto;
font-weight:bold;
position: relative;
transform: translateY(60px);
opacity: 0;
-webkit-transition: all 0.8s ease-out 0.2s;
-o-transition: all 0.8s ease-out 0.2s;
transition: all 0.8s ease-out 0.2s;}

.clm_read-wrap.ani {
transform: translateY(0);
        opacity: 1;
}

@media screen and (max-width: 1100px) {
.clm_read-wrap{
font-size:17px;
line-height:26px;
width:84%;
padding:6vw 0 6vw;
position: relative;
transform: translateY(5%);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0.2s;
        -o-transition: all 0.8s ease-out 0.2s;
        transition: all 0.8s ease-out 0.2s;
	}
}

.top-rd {width:100%;font-size:27px;line-height:150%;font-weight:400;margin:0 auto 20px;}
@media screen and (max-width: 1100px) {.top-rd {font-size:24px;line-height:150%;}}
@media screen and (max-width: 640px) {.top-rd {font-size:18px;line-height:150%;font-weight:normal;margin-bottom:3vw;}}


/*clm_art ///////////////////////////////////////////////////////*/

#clm_art {height:330px;width:100%;padding:0;background:#001a55 url(../img/spurs_stand_im.png) top center no-repeat;overflow:hidden;}
@media screen and (max-width: 640px) {#clm_art {height:150px;background:#001a55 url(../img/spurs_stand_imsp.png) top center no-repeat;}}

.clm_art-wrap{
font-size:22px;
line-height:33px;
color:#d5798b;
text-align:left;
padding:40px 0;
max-width:1000px;
height:auto;
margin:auto;
font-weight:bold;
position: relative;
transform: translateY(60px);
opacity: 0;
-webkit-transition: all 0.8s ease-out 0.2s;
-o-transition: all 0.8s ease-out 0.2s;
transition: all 0.8s ease-out 0.2s;}

.clm_art-wrap.ani {
transform: translateY(0);
        opacity: 1;
}

@media screen and (max-width: 640px) {
.clm_art-wrap{
font-size:17px;
line-height:26px;
width:90%;
padding:4.5vw 0.5vw 5.5vw;
position: relative;
transform: translateY(5%);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0.2s;
        -o-transition: all 0.8s ease-out 0.2s;
        transition: all 0.8s ease-out 0.2s;
	}
}


/*award_title ///////////////////////////////////////////////////////*/

.award_ttl {display:table-cell;font-size:42px;line-height:0px;font-weight:800;color:#caa846; vertical-align: middle;}
@media screen and (max-width: 640px) {.award_ttl {display:table-cell;font-size:32px;line-height:32px;}}

	
/*clm_award ///////////////////////////////////////////////////////*/
	
#clm_award {height:auto;width:100%;padding:0;background-color:#001a55;border-top:none;overflow:hidden;}
@media screen and (max-width: 640px) {#clm_award {padding:0;}}

.clm_award-wrap{
font-size:20px;
line-height:32px;
color:#22447E;
text-align:left;
padding:50px 0 50px;
max-width:1440px;
height:auto;
margin:0 auto 60px;
background-color:#001a55;
font-weight:500;
position: relative;
transform: translateY(45px);
opacity: 0;
-webkit-transition: all 0.8s ease-out 0.2s;
-o-transition: all 0.8s ease-out 0.2s;
transition: all 0.8s ease-out 0.2s;}

.clm_award-wrap.ani {
transform: translateY(0);
        opacity: 1;
}

@media screen and (max-width: 640px) {
.clm_award-wrap{
font-size:18px;
line-height:27px;
width:92%;
padding:7vw 0 6vw;
margin:0 auto 6vw;
position: relative;
transform: translateY(40px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0.2s;
        -o-transition: all 0.8s ease-out 0.2s;
        transition: all 0.8s ease-out 0.2s;
	}
}

/*clm_foot ///////////////////////////////////////////////////////*/

#clm_foot {height:auto;width:100%;padding:0;background-color:#fff;overflow:hidden;}
@media screen and (max-width: 640px) {#clm_foot {padding: 0;}}

.clm_foot-wrap{
font-size:22px;
line-height:36px;
color:#333333;
text-align:center;
padding:60px 0 65px;
margin:0 auto 5px;
max-width:1000px;
height:auto;
margin:auto;
font-weight:bold;
}

@media screen and (max-width: 640px) {
.clm_foot-wrap{
font-size:17px;
line-height:26px;
width:92%;
padding:7vw 0 6vw;
margin:0 auto 6vw;}
}

.foot_logo {width:40%;margin:0 auto;padding:0;}
@media screen and (max-width: 640px) {.foot_logo {width:60%;}}

/* txt-class ///////////////////////////////////////////////////////*/

.cls_cap {
font-size: 16px;
line-height: 24px;
font-weight:normal;
color:#646464;
margin:6px 0 0 0;
text-decoration: none;
}
@media screen and (max-width: 640px) {.cls_cap{font-size:13px;line-height:5vw;margin:1vw 0 0 0;}}

.cls1 {
font-size: 11px;
line-height: 16px;
font-family: Osaka, MSゴシック;
color:#4d4d4d;
text-decoration: none;
}

.cls1 a:link {
color: #4d4d4d;
text-decoration: none;
}

.cls1 a:visited {
color: #4d4d4d0;
text-decoration: none;
}

.cls1 a:hover {
color: #ff6600;
text-decoration: none;
}

	
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: -50px;
  background: #3a3ace;
  opacity: 0.6;
  border-radius: 50%;
  z-index:9999;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0d8';
  font-size: 35px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 30px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.is-inactive {opacity:0.6;}
.is-active {opacity:1.0;}


/* table_design 
****************************************************************************/

.tf1 {width:90%;font-size:20px;line-height:32px;color:#333;margin:0 auto 40px;}
.tf1 th, .tf1 td {padding:10px 10px 10px 0;}
.tf1 th {text-align:left;color:#dc4655;width:28%;}
.tf1 .requied {font-size:12px;line-height:18px;color:#333;font-weight:normal;}
.tf1 .requied2 {font-size:14px;color:red;font-weight:normal;padding-left:1em;}
/*奇数行だけ背景色つける*/
.tf10 tr:nth-child(2n+1) {background:#e1e1e1;}

@media only screen and (max-width: 640px) {
.tf1 {width:90%;font-size:17px;line-height:26px;margin:0 auto 5vw;}
.tf1 th, .tf1 td {width:98%;display:block;} 
.tf1 th {padding:10px 10px 0 10px;color:#dc4655;}
.tf1 td {padding:5px 10px 15px 10px;}
.tf10 tr:nth-child(3) td {padding:0 10px 0 10px;}
.tf1 .requied {font-size:12px;color:#333;font-weight:normal;}
.tf1 .requied2 {font-size:13px;color:red;font-weight:normal;}
.tf1 empty {display:none;}
}

.tf2 {width:100%;font-size:20px;line-height:32px;color:#22447e;margin:0 auto 10px;}
.tf2 td {padding:15px 10px 10px 0;color:#333;}
.tf2 th {font-size:24px;font-weight:600;text-align:left;color:#c5b358;width:35%;padding:15px 10px 10px 0;}
.tf2 .requied {font-size:12px;line-height:18px;color:#333;font-weight:normal;}
.tf2 .requied2 {font-size:14px;color:red;font-weight:normal;padding-left:1em;}
/*奇数行だけ背景色つける*/
.tf12 tr:nth-child(2n+1) {background:#e1e1e1;}

@media only screen and (max-width: 640px) {
.tf2 {width:100%;font-size:16px;line-height:26px;margin:0 auto 10px;}
.tf2 th, .tf2 td {width:100%;display:block;} 
.tf2 th {font-size:19px;font-weight:600;padding:10px 10px 2px 10px;color:#c5b358;}
.tf2 td {padding:10px 10px 10px 10px;font-weight:normal;color:#333;}
.tf12 tr:nth-child(3) td {padding:0 10px 0 10px;}
.tf2 .requied {font-size:12px;color:#333;font-weight:normal;}
.tf2 .requied2 {font-size:13px;color:red;font-weight:normal;}
.tf2 empty {display:none;}
}