@charset "utf-8";
/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通とスマートフォン向け
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
*{
    margin:0;
    padding:0;
}
body{
    zoom:1;
    font-family: Calibri;
}

div#container {
    width:100%;
}
header{
    width:100%;
    height:50px;
    background-color: orange;
}
header div.head{
    width:40%;
    float:left;
}
header div.head h2{
  font-size:1.2em;  
    padding-top:3%;
    padding-left:5%;
}
header div.head p{
    font-size:0.6em;
}
header p.headside{
    width:14%;
    float:right;
    padding-top:2%;
}
header p.headside a{
    font-size:0.6em;
}

div#contents{
    width:100%;
}
/*****section1****************************/
div#contents section#sec1{
    width:100%;
    margin:0 auto;
    padding-bottom:2%;
    position:relative;
}
div#contents section#sec1 div{
    width:90%;
    text-align:center;
    margin:0 auto;
}
div#contents section#sec1 div img{
    width:100%;
}
/*****slick用ボタン********/
.wrap{
  background-color: #ffffff;
  padding: 50px 0;
}
.slider{
  width: 300px;
  margin: 0 auto;
}
img{
    width: 100%;
  }
button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.prev-arrow{
  left: -4px;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 15px solid #113463;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.next-arrow{
  right: -4px;
  width: 0;
  height: 0;
  border-right: 0 solid transparent;
  border-left: 15px solid #113463;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
/**********:end************/
/*****************end*********************/
/******section2**************************/
div#contents section#sec2{
    width:80%;
    margin:0 auto;
    padding-bottom:5%;
}
div#contents section#sec2 h1{
    font-size:1.3em;
    line-height:1.2em;
    padding-top:3%;
}
div#contents section#sec2 p{
    line-height: 1.3em;
}
div#contents section#sec2 div.iframewrap{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
div#contents section#sec2 div.iframewrap iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/****************end********************/
/***section3***************************/
div#contents section#sec3{
    width:80%;
    margin:0 auto;
    padding-bottom:5%;
}
div#contents section#sec3 h1{
    font-size:1.3em;
    line-height:1.2em;
    padding-top:3%;
}
div#contents section#sec3 p{
    line-height: 1.3em;
}

/*********:end**************************/
/********section4***********************/
div#contents section#sec4{
    width:80%;
    margin:0 auto;
    padding-bottom:5%;
    height:200px;
}
div#contents section#sec4 h1{
    font-size:1.3em;
    line-height:1.2em;
    padding-top:3%;
}
div#contents section#sec4 p{
    width:20%;
    float:left;
    margin-right: 2%;
}
div#contents section#sec4 img{
    width: 100%;
    height:100px;
}
footer{
    width:100%;
    height:50px;
    background-color: black;
    color:white;
    font-size:0.7em;
    text-align: center;
}
/***************************************/
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 タブレット向け
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 769px) {
    

}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 PC向け
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 961px) {
div#contents section#sec1 div img{
    width:80%;
    height:300px;
    margin: 0 auto;
}

    div#contents section#sec2 div.iframewrap{
    position:relative;
    width:62%;
    height:0;
    padding-top:30%;
}
}


/***********************************************/