@charset "utf-8";
/*
 * CSS common.css
 */


/* cnt */
.cnt1000{
	width: 1000px;
	margin: 0 auto;
  position: relative;
}
.cnt1024{
  width: 1024px;
  margin: 0 auto;
  position: relative;
}

.section{
  padding: 0 0 50px;
}



#download_sec{ padding: 0 0 150px; }
#download_sec .form_area{
  background: #E4F1F9;
  padding: 25px 20px;
  width: 830px;
  border-radius: 5px;
}
#download_sec .download_cnt{ padding: 0 20px; }
#download_sec .table_style1{ margin-bottom: 30px; }
#download_sec .table_style1 .t_txt1{ font-size: .85em; }
#download_sec .table_style1 th{ width: 220px; }
#download_sec .d_txt1{ font-size: 1.15em; font-weight: bold; margin-bottom: 15px; }
#download_sec .d_txt1 .txt_in{ font-weight: bold;color: #F00011;font-size: 1.1em; }
#download_sec .d_txt1 .txt_in2{ font-weight: bold;font-size: .95em; margin-left: 1em;text-indent: -1em;display: inline-block;}
#download_sec .t_row{ margin-bottom: 15px; }
#download_sec .t_row .row_txt{ margin-bottom: 5px; }
#download_sec .check_list li{ float: left; font-size: 1.15em; margin-left: 35px; }
#download_sec .check_list li:first-child{ margin-left: 0; }
#download_sec button[type="button"]{
  color: #FFF;
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  width: 400px;
  height: 70px;
  background: #9B9A9A;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 60px;
}
#download_sec button[type="button"].agree{
  background: #006391;
}
#download_sec .t_row.privacy{ margin-bottom: 0; }
#download_sec .t_row.agree{ padding: 25px 20px 0; }
#agree_box{
  background: #FFF;
  border: 2px solid #000;
  border-radius: 10px;
  width: 800px;
  box-sizing: border-box;
  padding: 30px 40px;
  margin: 0 auto;
}
#agree_box .agree_tit{
  color: #006391;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 1px solid;
}
#agree_box .agree_txt1{
  margin-bottom: 1em;
}
#agree_box .ul_list li{
  text-indent: -1em;
  padding-left: 1em;
}
#agree_box .ul_list li:before{
  content: "●";
  color: #006391;
}
/* ---------------------------------------
#download_caution
--------------------------------------- */
#download_caution{
  width: 850px;
}
#download_caution .title{
}
#download_caution .title p{
  position: relative;
  background: #fce8e8;
  text-align: center;
  border-radius: 20px 20px 0 0;
  color: #ed2020;
  padding: 45px 48px 40px;
  font-weight: bold;
  font-size: 28px;
}
#download_caution .title p:before{
  content: '';
  display: inline-block;
  width: 27px;
  height: 29px;
  background: url(../img/common/ico_caution.png) no-repeat center;
  background-size: 100%;
  position: relative;
  top: 4px;
  margin-right: 20px;
}
#download_caution .detail{
  position: relative;
  background: #fff;
  padding: 20px 70px 20px;
  border-radius: 0 0 20px 20px;
}
#download_caution .detail .img1{
  text-align: center;
}
#download_caution .detail .img1 img{
  width: 100%;
  max-width: 546px;
  margin-left: 170px;
  display: inline-block;
}
#download_caution .detail .txt_box{
  position: absolute;
  top: 30px;
  width: 400px;
  line-height: 1.5;
}
#download_caution .detail .txt1{
  font-size: 22px;
  font-weight: bold;
}
#download_caution .detail .txt1 sup{
font-size: 10px;
position: relative;
vertical-align: baseline;
font-size: 60%;
line-height: 0;
top: -0.5em;
}
#download_caution .detail .txt1 span{
  color: #ed2020;
  font-weight: bold;
}
#download_caution .detail .txt2{
  font-size: 17px;
  font-weight: bold;
  margin-top: 10px;
}
#download_caution .detail .txt3{
  font-size: 16px;
  margin-top: 20px;
}
#download_caution .detail .txt4{
  font-size: 17px;
  font-weight: bold;
  margin-top: 25px;
}
#download_caution .detail .btn{
  margin-top: 20px;
  text-align: center;
}
#download_caution .detail .btn .download_agree_btn{
  display: inline-block;
  color: #FFF;
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  width: 400px;
  height: 70px;
  line-height: 70px;
  background: #006391;
  border-radius: 5px;
  cursor: pointer;
  transition: .4s;
}
#download_caution .detail .btn .download_agree_btn:hover{
  opacity: .7;
}


/* ---------------------------------------
privateCommonSetteing
--------------------------------------- */
.t_box{
  width: 100%;
  display: table;
}
.t_box dl,
.t_box .t_row{
  display: table-row;
}
.t_box dt,
.t_box dd,
.t_box .t_cell{
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .t_box,
  .t_box dl,
  .t_box dt,
  .t_box dd,
  .t_box .t_row,
  .t_box .t_cell{
    width: 100%;
    display: block;
  }
}


.sec_cnt{
  padding: 30px 20px 10px;
  background: #F2F2F2;
}
.sec_cnt .box{
  font-size: 1.2em;
  background: #FFF;
  border-left: 2px solid #B3B3B3;
  border-top: 2px solid #B3B3B3;
  border-right: 2px solid #B3B3B3;
  margin-bottom: 20px;
}
.sec_cnt .box dt,
.sec_cnt .box dd{
  padding: 15px 0;
  text-align: left;
  vertical-align: top;
  border-bottom: 2px solid #B3B3B3;
}
.sec_cnt .box dt{
  font-size: 1.15em;
  font-weight: bold;
  padding: 25px 20px;
  width: 160px;
  border-right: 2px solid #B3B3B3;
}
.sec_cnt .box dt a{
  font-weight: bold;
}
.sec_cnt .box dt a:hover{
  text-decoration: none;
}
.sec_cnt .box dd .btn_list{
}
.sec_cnt .btn_all,
.sec_cnt .box dd .btn_list li{
  float: left;
  width: 185px;
  margin: 5px;
}
.sec_cnt .box dd .btn_list.row2{
  margin-bottom: -20px;
}
.sec_cnt .box dd .btn_list.row2 li{
  margin-bottom: 20px;
}
.sec_cnt .box dd.dd2{
  width: 216px;
  padding-left: 15px;
}
.sec_cnt .box dd.dd3{
  padding-right: 20px;
}
.sec_cnt .box dd.dd4{
  padding-right: 20px;
  padding-left: 20px;
}

.sec_cnt .cap1{
  position: relative;
  top: -15px;
  padding-left: 5px;
}


.ico{
  color: #FFF;
  font-size: 12px;
  line-height: 1;
  min-width: 70px;
  padding: 6px 5px;
  text-align: center;
  display: inline-block;
  background: #4D4D4D;
  box-sizing: border-box;
}
.ico.app   { background: #FF7B35; }
.ico.mgt   { background: #0077A2; }
.ico.constr{ background: #D91934; }
.ico.cat   { background: #45B365; }

.ico_blank{
  background: url(../img/common/ico_blank.png) no-repeat right center;
  background-size: 13px 12px;
  padding-right: 18px;
}

a span.ico_1{
  background: url(../img/index/ico_4.png) no-repeat 10px center;
}
a span.ico_2{
  background: url(../img/index/ico_2.png) no-repeat 10px center;
}
a span.ico_3{
  background: url(../img/index/ico_3.png) no-repeat 10px center;
}
a span.ico_4{
  background: url(../img/index/ico_4.png) no-repeat 10px center;
}
a span.ico_5{
  background: url(../img/index/ico_5.png) no-repeat 10px center;
}
a span.ico_6{
  background: url(../img/index/ico_6.png) no-repeat 10px center;
}
a span.ico_7{
  background: url(../img/index/ico_7.png) no-repeat 10px center;
}
a span.ico_8{
  background: url(../img/index/ico_8.png) no-repeat 10px center;
}
a span.ico_9{
  background: url(../img/index/ico_9.png) no-repeat 10px center;
}
a span.ico_10{
  padding-left: 80px;
  background: url(../img/index/ico_10.png) no-repeat 10px center;
  background-size: 80px!important;
}
a:hover span.ico_1{
  background: url(../img/index/ico_4_h.png) no-repeat 10px center;
}
a:hover span.ico_2{
  background: url(../img/index/ico_2_h.png) no-repeat 10px center;
}
a:hover span.ico_3{
  background: url(../img/index/ico_3_h.png) no-repeat 10px center;
}
a:hover span.ico_4{
  background: url(../img/index/ico_4_h.png) no-repeat 10px center;
}
a:hover span.ico_5{
  background: url(../img/index/ico_5_h.png) no-repeat 10px center;
}
a:hover span.ico_6{
  background: url(../img/index/ico_6_h.png) no-repeat 10px center;
}
a:hover span.ico_7{
  background: url(../img/index/ico_7_h.png) no-repeat 10px center;
}
a:hover span.ico_8{
  background: url(../img/index/ico_8_h.png) no-repeat 10px center;
}
a:hover span.ico_9{
  background: url(../img/index/ico_9_h.png) no-repeat 10px center;
}
a:hover span.ico_10{
  padding-left: 80px;
  background: url(../img/index/ico_10_h.png) no-repeat 10px center;
  background-size: 80px!important;
}


.btn_style1{
  display: block;
  line-height: 1;
  text-decoration: none;
  padding: 14px 5px 12px;
  text-align: center;
  border-radius: 5px;
  border: 2px solid #006391;
  background: #FFF;
}
.btn_style1.row2{
  padding: 7px 5px 5px;
}
.btn_style1.is-active,
.btn_style1:hover{
  color: #FFF;
  background: #006391;
  -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s;
}
.btn_style1.red{
  color:#292929;
  border: 2px solid #FF2B45;
}
.btn_style1.red.is-active,
.btn_style1.red:hover{
  color: #FFF;
  background: #FF2B45;
}


.title_style1{
  font-size: 1.4em;
  line-height: 1;
  font-weight: bold;
  border-left: 4px solid #006391;
  padding: 6px 0 4px 15px;
  margin-bottom: 20px;
}
.title_style1 .txt{
  font-size: .65em;
  margin-left: 20px;
}


.txt_blue{
  color: #086B96;
  font-weight: inherit;
}
.txt_red{
  color: #F00011;
  font-weight: inherit;
}

.link_style1{
  color: #3E3534!important;
}


.table_style1{
  font-size: 1.15em;
  border-radius: 5px;
  border: 2px solid #B3B3B3;
}
.table_style1 th{
  font-weight: bold;
  vertical-align: top;
}
.table_style1 td{
}
.table_style1 th,
.table_style1 td{
  border: 2px solid #B3B3B3;
  padding: 10px 20px;
  box-sizing: border-box;
}



.checkbox_style{
  cursor: pointer;
  position: relative;
  margin-right: 20px;
}
.checkbox_style + span {
  content: "";
  display: block;
  background: url(../img/common/check.png) no-repeat bottom right;
  width: 26px; height: 26px;
  position: absolute;
  top: -2px; left: 0;
}
.checkbox_style:checked + span {
  background: url(../img/common/checked.png) no-repeat bottom right;
  top: -2px; left: 0;
}




/* ---------------------------------------
commonModule
--------------------------------------- */
/* clerfix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; font-size: 0.1em; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*\*//*/ eight: auto; overflow: hidden; /**/ }

/* section */
.section:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.section { min-height: 1px; }
.section p{ text-align: justify; text-justify: distribute; }
.section dd{ text-align: justify; text-justify: distribute; }
* html .section { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

/* incnt */
.incnt:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.incnt { min-height: 1px; margin: 0 auto; width: 1000px; position: relative; }

/* insec */
.insec:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.insec { min-height: 1px; margin: 0 auto; width: 1000px; position: relative; }

/* inbox */
.inbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.inbox { min-height: 1px; }

/* cnt floaf */
.cnt_left:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.cnt_left { min-height: 1px; float: left; }
.cnt_right:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.cnt_right { min-height: 1px; float: right; }

/* inlineBlock */
.inlineBlock { display: inline-block; *display: inline; *zoom: 1; }

/* boxSize */
.boxSize { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



/* ---------------------------------------
initSetteing
--------------------------------------- */
/* img */
img { max-width:100%; height: auto; font-size: 0; line-height: 0; }
.ie8 img { width:auto; }

/* table */
table { width:100%; }
table th, table td { text-align: left; vertical-align: middle; list-style: none; }

/* form */
form input[type="text"],form input[type="email"] {
  width: 480px; height: 38px; line-height: 1;
  padding: 4px 10px;
  border-radius: 5px;
  border: 2px solid #B3B3B3;
  font-size: 16px;
}
form textarea { width: 100%; height: 100px; }
form p.ermsg { color: #cb1c24; }
label{ cursor: pointer; position: relative; }
button{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  padding: 0;
}
::-webkit-input-placeholder {
  font-family: inherit;
  color: #999;
  font-size: 13px;
}
::-moz-placeholder {
  font-family: inherit;
  color: #999;
  font-size: 13px;
  opacity: 1;
}
:-ms-input-placeholder {
  font-family: inherit;
  color: #999;
  font-size: 13px;
}
#contact .myError{
  font-size: 0.8em;
  color: #ff4a4a;
}
#contact input.myError,
#contact textarea.myError{
  color: #333!important;
  background: #ffe3e3!important;
  border: 1px solid #ffa9a9!important;
  -moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inner 0 0 1px rgba(0, 0, 0, 0.1);
}

li, ol, ul, dl, dt, dd { list-style-type : none; padding: 0; margin: 0; list-style: none; }

a{
  word-wrap : break-word;
  overflow-wrap : break-word;
  word-break : break-all;
}

.wysiwyg strong{ font-weight: bold; }
.wysiwyg .alignright{ float: right; margin: 0 0 10px 10px;}
.wysiwyg .alignleft{ float: left; margin: 0 10px 10px 0;}
.wysiwyg .aligncenter{ display: block; margin: 10px auto;}
.wysiwyg .wp-caption-text{ font-size: 0.85em; }


/* ---------------------------------------
commonSetteing.display
--------------------------------------- */
/* display adjust */
.middlethide, .tablethide, .sphide, .landhide, .porthide { display: block; }
.tabletblock, .middleblock, .spblock, .landblock, .portblock { display: none; }
@media screen and (max-width: 959px) {
  .tabletblock { display: block; }
  .tablethide { display: none!important; }
}
@media screen and (max-width: 767px) {
  .middleblock { display: block; }
  .middlehide { display: none!important; }
}
@media screen and (max-width: 639px) {
  .landblock { display: block; }
  .landhide { display: none!important; }
}
@media screen and (max-width: 479px) {
  .spblock { display: block; }
  .sphide { display: none!important; }
}
@media screen and (max-width: 400px) {
  .portblock { display: block; }
  .porthide { display: none!important; }
}


/* ---------------------------------------
commonSetteing.css3
--------------------------------------- */
/* trandition モダンブラウザ+IE10〜 ※mozもなくていいかも */
.trd { -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s; }
.trd:hover { -webkit-transition: 0.4s; -moz-transition : 0.4s; transition : 0.4s; }
@media screen and (max-width: 640px) {
  .trd { -webkit-transition:none; -moz-transition :none; transition :none; }
  .trd:hover { -webkit-transition:none; -moz-transition :none; transition :none; }
}


._on { transition: 0.3s; }
._on:hover { opacity: 0.7; filter: alpha(opacity=70); }



/* ---------------------------------------
commonSetteing.margin-padding
--------------------------------------- */
.tl{text-align: left!important;}
.tr{text-align: right!important;}
.tc{text-align: center!important;}
.fw-b{ font-weight: bold!important; }
/* padding */
.pt0 { padding-top: 0px!important; }
.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!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; }
.pt90 { padding-top: 90px!important; }
.pt100 { padding-top: 100px!important; }
.pb0 { padding-bottom: 0px!important; }
.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!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; }
.pb90 { padding-bottom: 90px!important; }
.pb100 { padding-bottom: 100px!important; }
.pl0 { padding-left: 0px!important; }
.pl5 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl25 { padding-left: 25px!important; }
.pl30 { padding-left: 30px!important; }
.pl40 { padding-left: 40px!important; }
.pl50 { padding-left: 50px!important; }
.pr0 { padding-right: 0px!important; }
.pr5 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr25 { padding-right: 25px!important; }
.pr30 { padding-right: 30px!important; }
.pr40 { padding-right: 40px!important; }
.pr50 { padding-right: 50px!important; }
/* margin */
.mt0 { margin-top: 0px!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt50 { margin-top: 50px!important; }
.mt60 { margin-top: 60px!important; }
.mt70 { margin-top: 70px!important; }
.mt80 { margin-top: 80px!important; }
.mt90 { margin-top: 90px!important; }
.mt100 { margin-top: 100px!important; }
.mb0 { margin-bottom: 0px!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!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; }
.mb90 { margin-bottom: 90px!important; }
.mb100 { margin-bottom: 100px!important; }
.ml0 { margin-left: 0px!important; }
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml40 { margin-left: 40px!important; }
.ml50 { margin-left: 50px!important; }
.mr0 { margin-right: 0px!important; }
.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr40 { margin-right: 40px!important; }
.mr50 { margin-right: 50px!important; }