@charset "utf-8";

/* ****************************************************
Title: index.css
---------------------------------------------------------------------------- */
/* =============================
 .va
==============================*/
#main_nav {
display:table;
table-layout: fixed;
width:100%;
}
#main_nav li{
display:table-cell;
}

#main_nav li img {
	width: 100%;
}

#main_nav li img:hover {
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
opacity: 0.7;
}

/* =============================
 .section1
==============================*/

.sec01 {margin-top: 45px;margin-bottom: 50px;}
.sec01 div {padding:  0 35px;}
.sec01 .txt_logo {margin-top: 1em;}

/* =============================
 .section2
==============================*/
.sec02 {margin-bottom:  50px;}
.sec02 .blog {width:  480px;}
.sec02 .blog div h2 {margin-bottom: 10px;padding-left: 0.8em;}
.sec02 .blog .link_wrap {background: #F3F3F3;padding: 20px;margin-bottom: 5px;}
.sec02 .blog dl {background: url(../images/blog_arrow.png) no-repeat right center;}
.sec02 .blog dl dt {font-weight: bold;margin-bottom: 5px;}
.sec02 .blog dl dd {padding-right: 40px;}

/* =============================
 .sectio3
==============================*/

.sec03 {background:  #EDEDED;padding: 40px 0;margin-bottom:  50px;}
.sec03 h2 {text-align: center;}
.sec03 .service_wrap {display: table;table-layout: fixed;padding-left: 35px}
.sec03 dl {padding-top: 150px;width: 300px;display: table-cell;}
.sec03 .service01 {background: url(../images/service01_pc.png) no-repeat top left;}
.sec03 .service02 {background: url(../images/service02_pc.png) no-repeat top left;}
.sec03 .service03 {background: url(../images/service03_pc.png) no-repeat top left;}
.sec03 dl dt {font-size: 125%;font-weight: bold;margin-bottom: 10px;}
.sec03 dl dt span {color:#F7303F;font-size: 120%}
.sec03 dl dd {width: 300px;}

/* =============================
 .sectio4
==============================*/
.sec04 {margin-bottom: 50px;}
.sec04 h2 {text-align: center;}



@media screen and (max-width: 740px) {
    
  #main_nav {
display:display;
table-layout: inherit;
width:100%;
}
#main_nav li{
display:inherit;
    float: left;
    width: 50%;
}

#main_nav li img {
	width: 100%;
}

/* =============================
 .section1
==============================*/
.sec01 {margin-top: 3em;margin-bottom: 3em;}
.sec01 div {padding:  0 35px;}
.sec01 .com_txt img {width: 100%;}


/* =============================
 .section2
==============================*/
.sec02 {margin-bottom:  3em;}
.sec02 .blog {width: 100%}
.sec02 .blog div h2 {margin-bottom: 0; padding-left: 0.8em;}
.sec02 .blog div h2 img {width: 70%;}
.sec02 .blog .link_wrap {background: #F3F3F3;padding: 1.5em;margin-top: 0.6em;margin-bottom: 0;}
.sec02 .blog dl {background: url(../images/blog_arrow.png) no-repeat right center;}
.sec02 .blog dl dt {font-weight: bold;margin-bottom: 5px;}
.sec02 .blog dl dd {padding-right: 40px;}
.sec02 .news_wrap {margin-bottom: 3em;}
.sec02 .list_btn img {width:100%;margin-top: 0.6em;}
 
/* =============================
 .sectio3
==============================*/

.sec03 {background:  #EDEDED;padding: 2em 0;margin-bottom:  3em;}
.sec03 h2 {text-align: center;}
.sec03 h2 img {width: 80%;}
.sec03 .service_wrap {display: inherit;table-layout: inherit;padding-left: 0;}
.sec03 dl {padding-top: 18em;width: 100%;display: block;margin-bottom: 2em}
.sec03 .service01 {background: url(../images/service01_sp.png) no-repeat top left 100%;}
.sec03 .service02 {background: url(../images/service02_sp.png) no-repeat top left 100%;}
.sec03 .service03 {background: url(../images/service03_sp.png) no-repeat top left 100%;}
.sec03 dl dt {font-size: 125%;font-weight: bold;margin-bottom: 0.3em;padding: 0 1em;}
.sec03 dl dt span {color:#F7303F;font-size: 120%}
.sec03 dl dd {width: 100%;}
.sec03 dl dd span {padding: 0 1em;display: block;}

/* =============================
 .sectio4
==============================*/
.sec04 {margin-bottom: 3em;}
.sec04 .interview_wrap p img {width:100%;}

}