@import 'reset.css';
/*========================================================
                    Main layout styles
=========================================================*/
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}
body{
	background:url(../img/bg.png) repeat top center;
	color:#434343;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","sans-serif";
}
p, li, td, th, dt, dd {
	font-size:1.2em;
	line-height: 1.4;
}
@media (min-width: 768px) {
  p, li, td, th, dt, dd {
	font-size:1.4em;
	line-height: 1.8;
  }
}
@media (min-width: 992px) {
  p, li, td, th, dt, dd {
	font-size:1.4em;
	line-height: 1.8;
  }
}
img{
	max-width:100%;
}
a img{
  transition: all 0.5s ease 0s;
}
a:hover img{
  opacity: 0.7;
}
.wrap{
	width:100%;
	max-width:1086px;
	clear:both;
	margin:0 auto;
}
.wrap:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.underline{
	text-decoration:underline;
}
.red{
	color:#e60012;
}
.yellow_line{
	background:#fff100;
}
.fcenter{
	text-align:center;
}
.br_sp{
	display:none;
}
.br_pc{
	display:block;
}
.pagetop {
    bottom: 15px;
    position: fixed;
    right: 15px;
    z-index: 9999;
}
.pagetop a {
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 24px;
    opacity: 1;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    opacity: 0.3;
    transition: all 0.5s ease 0s;
}
.pagetop a:hover {
    background-color: #000;
    opacity: 0.5;
}

/*共通*/
#header{
  background: url(../img/head_bg.png) repeat-x top center;
  padding: 14px 0 16px;
}
#logo{
  float:left;
  padding-left: 1.4%;
  padding-top: 3px;
}
.head_nav{
  float: right;
  width:64%;
}

.gNav{
  width:72%;
  float: left;
}
.gNav li{
  display: inline;
  font-size: 13px;
}
.gNav li a{
  float:right;
  display: inline-block;
  color: #585858;
  padding: 14px 0 14px 10px;
}
.gNav li a:hover{
  text-decoration: underline;
}
.gNav li a i{
  color: #dddddd
}
.head_btn{
  float:right;
  padding-right: 8px;
  padding-top: 3px;
  width: 23%;
}
#footer{
  text-align: center;
  margin: 0 auto;
  padding: 10px 0 24px;
  background: #fff;
}
.flogo{
  width: 176px;
  margin: 0 auto 12px;
}
.copyright{
  color: #727272;
}

/*top*/
.mainBox{
  background: url(../img/main_bg.png) no-repeat top center #fff;
  background-size: cover;
  padding: 48px 0;
}
.mainBox_txt{
  max-width: 702px;
  font-size: 16px;
  padding-top:20px;
  padding-left:20px;
}
.mainBox_img{
  margin: 10px;
}
.topContents{
  background: #fff;
}
.topTit{
  text-align: center;
  background: url(../img/tit_bg.png) repeat-x top center;
  background-size: contain;
  padding: 1% 4%;
  margin: 0 0 60px;
}
.topBtn{
  text-align: center;
  width:90%;
  padding: 44px 0 40px;
  margin: 0 auto;
  max-width: 841px;
}
.taikenBox_box{
  width:90%;
  margin:0 auto 26px;
  border: 3px solid #fff4c3;
  background: #fffbea;
  border-radius: 2px;
  padding: 38px 38px 20px;
  max-width: 900px;
}
.taikenBox_box:last-child{
  margin:0 auto;
}
.taikenBox_tit{
  font-size:26px;
  color:#2e4ca0;
  border-bottom: 2px solid #2e4ca0;
  padding-bottom: 14px;
  margin: 0 0 14px;
  font-weight: bold;
}
.taikenBox_more,
.taikenBox_more_sp,
.taikenBox_close{
  text-align: right;
}
.taikenBox_txt01{
  padding-left: 84px;
  background: url(../img/man_icon01.png) no-repeat left top;
  margin: 22px 0 0;
}
.taikenBox_txt01 p{
  font-weight: bold;
  font-size: 17px;
  line-height: 1.6;
}
.taikenBox_txt02{
  padding-left: 84px;
  background: url(../img/women_icon.png) no-repeat left top;
  margin: 22px 0 0;
}
.taikenBox_txt02 p{
  font-weight: bold;
  font-size: 17px;
  line-height: 1.6;
}
.taikenBox_txt03{
  padding-left: 84px;
  background: url(../img/man_icon02.png) no-repeat left top;
  margin: 22px 0 0;
}
.taikenBox_txt03 p{
  font-weight: bold;
  font-size: 17px;
  line-height: 1.6;
}
.taikenBox_more span,
.taikenBox_more_sp a,
.taikenBox_close span{
  color:#5a5957;
  text-decoration: underline;
  font-size:18px;
  cursor: pointer;
}
.taikenBox_more span i,
.taikenBox_more_sp a i,
.taikenBox_close span i{
  color:#f4b81d;
}
.taikenBox_more_box{
  display: none;
}
.reasonBox_min{
  width: 90%;
  max-width: 1000px;
  clear: both;
  margin: 0 auto 60px;
}
.reasonBox_box{
  width: 32%;
  float: left;
}
.reasonBox_box:nth-child(2){
  margin: 0 2%;
}
.reasonBox_tit{
  margin: 0 0 12px;
}
.supportBox_box{
  background: url(../img/support_bg.png) no-repeat top center;
  text-align: center;
  padding: 56px 0 0;
}
.supportBox .topTit{
  margin: 0;
}
.supportBox_txt{
  margin: 18px 0 6px;
}
.exampleBox_min{
  width: 90%;
  margin: 0 auto;
  max-width: 952px;
  clear: both;
}
.exampleBox_box{
  width: 50%;
  float: left;
}
.exampleBox_tit{
  background: url(../img/example_titbg.png) no-repeat top left;
  color: #fff;
  text-align: center;
  width:217px;
  font-size: 18px;
  line-height: 33px;
  font-weight: bold;
}
.exampleBox_boxm{
  border: 4px solid #4461b1;
  padding: 0 16px 20px;
  box-shadow: 4px 4px 1px rgba(204,204,204,1);
  margin: 0 26px 30px 0;
}
.exampleBox_boxm p{
  line-height: 1.6;
}
.exampleBox_tits{
  background: #f0f0f0;
  padding: 12px 18px;
  font-size: 18px;
  color: #434343;
  margin: 20px 0 18px;
  font-weight: bold;
}
.exampleBox_boxs_box{
  width:48%;
  float: left;
}
.exampleBox_boxs_box:last-child{
  float: right;
}
.exampleBox_list li{
  padding-left: 1em;
  text-indent: -1em;
  margin: 0 0.4em;
  line-height: 1.6;
}
.exampleBox_list li::before{
  content: "●";
  color: #2e4ca0;
}
.processBox_min{
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
  clear: both;
}
.processBox_box{
  width: 18%;
  float: left;
  margin: 0 1%;
}
.processBox_box p{
  padding: 20px 2% 0;
  font-size: 13px;
  line-height: 1.6;
}
.companyBox{
  width: 100%;
  background: url(../img/slidebg01.png) no-repeat top center;
  background-size: cover;
  padding: 2% 0 4%;
  position: relative;
}
.companyBox_box{
  width:93%;
  background: url(../img/slidebg.png) no-repeat top center;
  background-size: contain;
  margin: 0 auto;
  padding: 2% 0;
}
.companyBox_box ul{
  width:82.3%;
  margin:0 auto;
}
.companyBox_icon{
  position: absolute;
  top: -16%;
  left:1%;
  width:11.33%;
}

/*続きを読む*/
.more_button{
  text-align: right;
}

.more_button,
.more_button a,
.more_button span{
  color:#5a5957;
  text-decoration: underline;
  font-size:18px;
  cursor: pointer;
}

.more_button span i,
.more_button a i{
  color:#f4b81d;
}