/* 
テーマカラー①:#ff0000
テーマカラー②:#006837
補色:#fcee21
 */



@charset "utf-8";
/* CSS Document */

* {
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	color: #333333;/* 基本の文字色 */
	line-height: 1.6;
	overflow-x :hidden;
}

header,footer,nav,section,article,figure,aside {
  display:block;/* html5以降のタグをブロック要素に指定 */
}


img {
	width: 100%;
	max-width : 100%;
}

/* link style
---------------------------------------------------------*/
a {
	outline: none;/* リンクした要素をクリックした際の枠線を表示しない */
}

a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	color: #666;/* オレンジ　訪問済みリンク色 */
	text-decoration: none;
}
a:hover {
	color: #666;/* 赤　マウスオーバー時リンク色 */
	text-decoration: none;
}
a:active {
	color: #666;/* 赤　クリック時リンク色 */
	text-decoration: none;
}
a img {
	border-style: none;/* 画像にリンクを貼った際のボーダーの削除 */
}

a.overwhite{
    background-color:#ffffff;
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

/* clearfix
---------------------------------------------------------*/

.clearfix:after {
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.rs_img {/* 画像レスポンシブ対応*/
	max-width :100%;
	height :auto;
	vertical-align: middle;
}

.rs_img_50 {/* 画像レスポンシブ対応50%*/
	max-width :50%;
	height :auto;
}

.red {
  color:#CC0000;
}

.black {
  color: #333333;
}

.center {
  text-align: center;
}

.right {
	text-align :right;
}

.floatL {
	float :left;
}

.floatR {
	float :right;
}

.floatC {
	clear :both;
}

/* 水平線デザインここから ▽▽
---------------------------------------------- */

hr {
	margin :0.5em 0 0.5em 0;
}

.hr01 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

.hr02 {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

/* 水平線デザインここまで △△
---------------------------------------------- */

h1 {
    text-align: center;
    border-bottom: #666 2px solid;
    border-top: #666 2px solid;
    padding: 0.5em;
}

h2 {
    padding: 0 0.5em;
    border-bottom: #666 2px solid;
    border-left: #666 5px solid;
    margin-bottom: 1em;
}

.text-right {
    text-align: right;
}

.f-right {
    float: right;
    width: 36%;
    padding: 1em;
}

@media screen and (max-width: 600px){
	.f-right {
		float: none;
		width: 100%;
		padding: 0 0 1em 0;
	}
}

.wrap {
	background: url(../img/bg.jpg) center center no-repeat;
	background-size: cover;
}

header {
    padding: 1em;
    background: #fff;
    border-bottom: #47ade4 4px solid;
    margin-bottom: 4em;
}

.logo {
    max-width: 960px;
    margin: 0 auto;
}

.logo img {
    width: 100%;
    max-width: 322px;
}

main {
	position: relative;
    max-width: 960px;
    margin: 0 auto;
	padding: 3em 1em;
    background: rgba(255,255,255,0.8);
}

main:before {
    content: "";
    position: absolute;
    top: -4%;
    left: 50%;
    transform: translate(-50%, 0);
    background: url(../img/isen-icon.png) center center no-repeat;
    background-size: 100% auto;
    width: 7%;
    min-width: 50px;
    height: 7%;
}

article {
    margin: 1em;
    padding: 1em;
}

.text-wrap {
    margin-right: 40%;
}

@media screen and (max-width: 600px){
	.text-wrap {
		margin-right: 0;
	}
}


.text-foot {
    margin: 1em 1em 1em 3em;
}

.contact {
    max-width: 600px;
    margin: 1em auto;
    padding: 2em;
    background: #eee;
}

footer {
    background: #fff;
    margin-top: 50px;
}
.foot_link {
    display: flex;
    justify-content: space-between;
    list-style: outside none none;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    max-width: 1200px;
}

@media screen and (max-width: 600px){
	.foot_link {
	display: block;
	}
}

address {
    background: #47ade4;
    color: #fff;
    text-align: center;
    padding: 1em;
}