@charset "UTF-8";


/* _____________________________________________________________________ margin/padding系 */

.mb0{margin-bottom:0 !important;}
.mb0_02{margin-bottom:0 !important;line-height:0em;font-size:1px;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}

.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}

.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}

.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}

.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}

/* _____________________________________________________________________ 共通 */

body{
	margin:0;
	padding:0;
	text-align:center;
}
.for_sp{
	display:none;
}

/* _____________________________________________________________________________________________________________________________ copy */

*{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,Osaka,'メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/* _____________________________________________________________________ font */

.m{
	margin-bottom: 1em;
	font-size:100%;
	line-height:1.8em;
}
.s{
	margin-bottom: 1em;
	font-size:81.3%;
	line-height:1.8em;
}
.s_mb0{
	font-size:81.3%;
	line-height:1.8em;
}

.text_red{
  color:#ff0000;
}

/* _____________________________________________________________________ h */

h1{
	margin:0;
	padding:0;
}
h2{
	margin:0;
	padding:0;
}
h3{
	margin:0 0 20px;
	padding:0 0 8px;
  font-size: 100%;
  line-height: 1.2em;
  background:url(../img/h3_underline.png) no-repeat left bottom;
}
.h4_icon{
  margin:0 0 20px;
  padding:0 0 0 8px;
  border-left: 3px solid #333;
  font-size: 100%;
  line-height: 1.2em;
}


/* _____________________________________________________________________ link */

a:link{
  color:#000;
  outline: none;
  text-decoration:none;
}
a:visited{
  color:#000;
  outline: none;
  text-decoration:none;
}
a:hover{
  color:#ff5c52;
  outline: none;
  text-decoration:underline;
}
a:active{
  color:#ff5c52;
  outline: none;
  text-decoration:none;
}

a.link_blue:link{
  color:#085cb0;
  outline: none;
  text-decoration:none;
}
a.link_blue:visited{
  color:#085cb0;
  outline: none;
  text-decoration:none;
}
a.link_blue:hover{
  color:#085cb0;
  outline: none;
  text-decoration:underline;
}
a.link_blue:active{
  color:#085cb0;
  outline: none;
  text-decoration:none;
}


a:hover img.opacity{
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}


/* _____________________________________________________________________ gnav */

#btn_menu_sp{
  display:none;
}
.btn_menu_open{
  display:none;
}
.btn_menu_close{
  display:none;
}
#gnav{
  margin:0;
  padding:0;
  line-height:18px;
  font-size:14px;
  font-weight: bold;
  position:absolute;
  right:0;
  bottom:12px;
}
#gnav_list{
  margin:0;
  padding:0;
  list-style:none;
}
#gnav_list li{
  height:18px;
  margin:0 0 0 32px;
  padding:5px 0;
  float:left;
}
#gnav_list li:first-child{
  height:18px;
  margin:0;
  padding:5px 0 6px;
  float:left;
}

#gnav_list li a:hover{
  height:18px;
  margin:0;
  padding:5px 0 4px;
  text-decoration:none;
  color:#ff5c52;
  border-bottom: 2px solid #ff5c52;
}


/* _____________________________________________________________________________________________________________________________ ここまでコピー不可 */



/* _____________________________________________________________________ 共通 */

header{
  width:980px;
  height:105px;
  margin:0 auto;
  padding:0 50px;
  position:relative;
}
#logo{
  width:190px;
  margin-bottom: 3px;
  padding-top: 18px;
  display: block;
}
#logo img{
  width:100%;
}
h1{
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  letter-spacing: -0.05em;
}
#logo_youtube{
  width:60px;
  position:absolute;
  right:0;
  top:20px;
  display: block;
}
#logo_youtube img{
  width:100%;
}

#btn_menu_sp{
  display: none;
}

#main{
  width:100%;
  margin:0 auto;
  text-align: left;
}

.layout{
  width:980px;
  margin:0 auto;
  padding:0 50px;
  position: relative;
}

#block_contact_area{
  width:100%;
  margin:0 0 50px;
  padding:45px 0;
  background-color: #EEF2F5;
  text-align: center;
}

.contact_btn{
  margin:0;
}
.btn {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding:15px 0;
  width: 400px;
  margin: 0 auto 20px;
  text-transform: uppercase;
  border: 2px solid #ff7b6d;
  background: #ff7b6d;
  color: #fff;
  font-size: 14px;
  line-height: 1em;
  font-weight: bold;
}
.btn span{
  margin-left: 5px;
  font-size: 20px;
}
.btn.style1 {
  position: relative;
  z-index: 1;
}
.btn.style1:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  height: 0;
  width: 0;
  border-radius: 50%;
  background: #EEF2F5;
  z-index: -1;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
  -o-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
  -webkit-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear;
  -webkit-transition-delay: 0s, 0s, 0.05s;
  transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
}
.btn.style1:hover:before {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.btn:hover, .btn:active {
  color: #ff7b6d;
  cursor: pointer;
}
#block_contact_area p{
  font-size: 81.3%;
  line-height: 1em;
}

#block_contact_area #partner{
  width:560px;
  margin:0 auto;
  text-align: left;
}
#block_contact_area #partner p.annotation{
  margin:0 0 3px 1.2em;
  font-size: 81.3%;
  line-height: 1.6em;
  text-indent: -1.2em;
}
#block_contact_area #partner p.annotation span{
  margin-right: 3px;
}

footer{
  width: 1080px;
  margin:0 auto 45px;
  padding:0 0 50px;
}
#footer_detail{
  width:400px;
  margin:0;
  float:left;
}
#footer_detail p#company{
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1em;
  font-weight: bold;
}
#footer_detail p#copy{
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1em;
}
#footer_detail p{
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.6em;
}
#footer_detail p span.map{
  margin-left:10px;
}
#footer_detail p span.map span{
  margin-left:5px;
}

#footer_sitemap{
  position:absolute;
  right:0;
  top:0;
}
#footer_sitemap ul{
  margin:0;
  padding:0;
  list-style:none;
  font-size:12px;
  line-height:1.2em;
}
#footer_sitemap ul li{
  margin:0 0 0 30px;
  padding:0;
  float:left;
}
#footer_sitemap ul li a:hover {
  text-decoration: none;
}
#footer_sitemap ul li span{
  margin-right:5px;
}

#footer_sitemap ul li ul{
  margin:0 0 20px;
  padding:0;
  list-style:none;
}
#footer_sitemap ul li ul li{
  margin:0;
  padding:0 0 10px 0;
  float:none;
}
#footer_sitemap ul li ul li.privacy{
  letter-spacing: -0.05em;
}

#footer_sitemap ul li ul li ul{
  margin:0;
  padding:10px 0 0;
  list-style:none;
}
#footer_sitemap ul li ul li ul li{
  margin:0 0 0 20px;
  padding:0 0 10px 0;
}
#footer_sitemap ul li ul li ul li.bottom{
  margin:0 0 0 11px;
  padding:0;
}
#footer_sitemap ul li ul li ul li.arrow{
  margin:0 0 0 11px;
  padding:0 0 10px 0;
}
#footer_sitemap ul li ul li ul li.arrow_bottom{
  margin:0 0 0 11px;
  padding:0;
}

#btn_pagetop{
  width:50px;
  position:fixed;
  bottom:0;
  right:0;
  z-index:10;
}
#btn_pagetop img{
  width:100%;
}

/* _____________________________________________________________________ 下層共通 */

#h2_area{
  width:100%;
  margin:0 0 10px;
  padding:20px 0;
  background-color: #eef2f5;
}
#h2_area h2{
  font-size: 125%;
  line-height: 1.2em;
  letter-spacing: 0.05em;
}

#block_topic_path{
  width:100%;
  margin:0 0 50px;
}
#topic_path{
  margin:0;
  padding:0;
  list-style:none;
  font-size:75%;
  line-height:1.4em;
}
#topic_path li{
  margin:0;
  padding:0 10px 0 0;
  float:left;
}
#topic_path li a{
  color:#085cb0;
}

#sub_nav{
  position:absolute;
  right:0;
  top:7px;
}

#sub_nav ul{
  margin:0;
  padding:0;
  list-style:none;
  font-size:13px;
  line-height:1em;
  font-weight: bold;
}
#sub_nav ul li{
  margin:0;
  padding:0 0 0 30px;
  float:left;
}
#sub_nav ul li a{
  color:#777;
}
#sub_nav ul li a:hover{
  color:#000;
  text-decoration: none;
}

#sub_nav ul li.current a{
  color:#000;
}
#sub_nav ul li.current a:hover{
  color:#000;
}


/* _____________________________________________________________________ table */


.table_01{
  width:100%;
  margin:0;
  padding:0;
  border-collapse: collapse;
  font-size:81.3%;
  line-height:1.6em;
}
.table_01 th{
  width:130px;
  margin:0;
  padding:8px 10px;
  border-bottom: 1px solid #d7d7d7;
  text-align:left;
  vertical-align:middle;
}
.table_01 td{
  margin:0;
  padding:8px 10px;
  border-bottom: 1px solid #d7d7d7;
}