@charset "utf-8";

/* Reset =====================================================================*/
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,select,textarea,
h1,h2,h3,h4,h5,h6,
pre,code,p,blockquote,hr,
th,td{
 margin:0;
 padding:0;
}

/* HTML5 */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
 display:block;
 margin:0;
 padding:0;
}

html {
 height: 100%;
 overflow: hidden;
}
body {
 position: absolute;  /* またはfixed */
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 overflow: auto;
 font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}

h1,h2,h3,h4,h5,h6,small{
 font-weight:normal;
 font-size:100%;
}

table{
 border-collapse:collapse;
 border-spacing:0;
}

th,td{
 font-weight:normal;
 vertical-align:top;
}

fieldset,img{
 border:none;
}

img{
 vertical-align:middle;
}

ul{
 list-style:none;
}

caption,th{
 text-align:left;
}

q:before,q:after{
 content:"";
}

a{
 text-decoration:underline;
}

address{
 font-style:normal;
}

em{
 font-style:normal;
 font-weight:bold;
}

sup,sub{
 position:relative;
 font-size:10px;
 line-height:0;
 vertical-align:baseline;
}

sup{
 top:-1.0em;
}

sub{
 bottom:-0.25em;
}

hr{
 display:none;
}

.clearfix{zoom:1;}
.clearfix:after{
 content:"";
 clear:both;
 display:block;
}

img {
 width: 100%;
}

.bold {
 font-weight: bold;
}

.note {
 color: #dd3b3b;
}

/* Main =====================================================================*/

.content {
 max-width: 1024px;
 margin: 0 auto;
}

.content .logo {
 width: 410px;
 max-width: 100%;
 height: auto;
 margin: 0 auto;
 padding: 150px 0;
}

.content h1 {
 font-size: 2rem;
 text-align: center;
 font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho;
 letter-spacing: 5px;
}

.content .txt_area {
 margin: 50px auto;
}

.content p {
 font-size: 1rem;
 text-align: center;
 font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho;
 line-height: 300%;
 letter-spacing: 2px;
}

.content .willd_img {
 max-width: 100%;
 height: auto;
 margin: 0 auto;

}

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

.content .company_outline{
 background: #f0efed;
 padding: 80px 0;
 margin: 80px auto;;
 display: flex;
}

.content .company_outline .logo2 {
 width: 154px;
 max-width: 100%;
 height: auto;
 margin: 0 auto;
}

.content .company_outline .detail {
 width: 65%;
}

.content .company_outline .detail h2 {
 font-size: 1.2rem;
 font-weight: bold;
 border-bottom: solid 1px #f0efed;
 position: relative;
}

.content .company_outline .detail h2:after {
 position: absolute;
 content: " ";
 display: block;
 border-bottom: solid 1px #000;
 bottom: -10px;
 width: 7%;
}

.content .company_outline .detail dl {
 display:flex;
 flex-wrap: wrap;
 margin-top: 50px;
}

.content .company_outline .detail dt {
 width: 25%;
 margin-bottom: 10px;
 font-weight: bold;
}

.content .company_outline .detail dd {
 width: 75%;
 margin-bottom: 10px;
}

.foot {
 font-size: 0.8rem;
 text-align: center;
 margin: 10px auto;
}

.mt50 {
 margin-top: 50px;
}

@media screen and (max-width: 767px){

.content .logo {
 width: 60%;
}

.content h1 {
 margin: 0 20px;
}


.content p {
 line-height: 200%;
 margin-left: 20px;
 margin-right: 20px;
}

.content .company_outline{
 display: block;
}

.content .company_outline .detail {
 width: 100%;
}

.content .company_outline .detail h2 {
 margin-top: 20px;
 margin-left: 20px;
}

.content .company_outline .detail dl {
 margin-left: 20px;
 margin-right: 20px;
}

.content .company_outline .detail dt {
 width: 35%;
}

.content .company_outline .detail dd {
 width: 65%;
}
}