@charset "UTF-8";

.pc_con {display: block!important;}
.sp_con {display: none!important;}

body {
    font-family: Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
    font-weight: 400;
    color: #333;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	letter-spacing:.05em;
}

.bg0 { background:#fff;}
.bg1 { background:#f4f4f3;}
.bg2 { background: #e2f2fd;}

h2.headline {
    margin: 0 0 32px;
    padding: 0 0 18px 0;
    color: #004d94;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    position: relative;
}
@media screen and (min-width: 769px){
h2.headline {
    margin-bottom: 40px;
    font-size: 36px;
}
}

h2.headline::after {
    content: "";
    width: 62px;
    height: 4px;
    margin: auto;
    background-color: #004d94;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
@media screen and (min-width: 769px){
h2.headline::after {
    width: 80px;
}	
}



section { background:#fff;}
.introduction {
    padding: 56px 16px;
    
}
.inner__box {
    max-width: 1024px;
    margin: 0 auto 32px;
    padding: 40px 16px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.inner__box2 {
    max-width: 1024px;
    margin: 0 auto 32px;
    padding: 0 16px 40px 16px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.inner {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.inner2 {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w1200 {
    width: 1200px !important;
}
.box {padding: 40px 25px;}




/*
 フッター
---------------------------------------------------------------------- */
ul,li {
	list-style-type: none; margin:0; padding:0;
}


/*
 申し込み方法
---------------------------------------------------------------------- */

ul.box3 {}
ul.box3 li { float:left; border-radius: 8px; background:#fff; padding:48px 16px 0px 16px; width:22.75%; margin:auto 0 auto 3%; position:relative; height:530px;}

ul.box3 li:first-child { margin-left:0;}

ul.box4 {}
ul.box4 li { float:left; border-radius: 8px; background:#fff; padding:48px 16px; width:22.75%; margin:auto 0 auto 3%; position:relative;}

ul.box4 li:first-child { margin-left:0;}



.numbering {
    width: 56px;
    height: 56px;
    margin: auto;
    background-color: #0984e3;
    border-radius: 100%;
    color: #fff;
    font-size: 26.25px;
    font-weight: 700;
    font-family: "Roboto";
    display: block;
    text-align: center;
    line-height: 56px;
    position: absolute;
    top: -28px;
    right: 0;
    left: 0;
}
.nw-headline-md {
    margin: 0 auto 16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
	height:auto;
}
ul.box3 li h3.nw-headline-md {

	height:70px;
}
ul.box4 li h3.nw-headline-md {

	height:70px;
}
.nw-lead {
    /*margin-bottom: 32px;*/
    font-size: 16px;
    line-height: 1.6;
    white-space: normal;
	text-align:left;
	font-family: "Noto Sans JP",sans-serif !important;
}
.nw-lead span {
    color: #004d94;
	font-size:130%;
	font-weight:bold;
    background: linear-gradient(transparent 65%, #ff0 0%);
}

ul.box3 div { width:80%; margin:0 10%;}
ul.box3 div img { width:100%;}
ul.box4 div { width:80%; margin:0 10%;}
ul.box4 div img { width:100%;}


ul.liston li{
    position: relative;
    padding-left: 20px;
	margin-bottom:10px;

  }
 
ul.liston li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
width: 10px;
    height: 17px;
    border-right: 4px solid #c76060;
    border-bottom: 4px solid #c76060;
  }
  
  
ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
  border-top:1px solid #eee;
}
li.num {
  font-size: 13px;
  line-height: 1.7;
  position: relative;
  float:none !important;
  padding:0 0 0 25px !important;
  margin:0 !important;
  width:100%!important;
  text-align:left;
  height:auto !important;
  }
li.num:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #0984e3;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  color: #ffffff;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}
  
  
  
  
@media screen and (min-width: 769px) {  
ul.liston { width:74%; margin:auto 13%;}
ul.liston li{


  }
}

@media screen and (max-width: 768px) {
ul.box3 li { float:none; border-radius: 8px; background:#fff; padding:48px 16px; width:100%; margin:0 0 50px 0; position:relative; height:auto !important;}	
ul.box3 li h3.nw-headline-md {

	height:auto;
}
ul.box4 li { float:none; border-radius: 8px; background:#fff; padding:48px 16px; width:100%; margin:0 0 50px 0; position:relative;}	
ul.box4 li h3.nw-headline-md {

	height:auto;
}
.nw-headline-md {

    font-size: 22px;

}

	
}


/*
 控除
---------------------------------------------------------------------- */
.boxline { margin:25px auto;}
.left,.right { width:48%; margin:0 1%; border:7px solid #f5f5f5; padding:15px; font-size:90%; height:140px;}
.box4 { width:90%; margin:0 5%; border:7px solid #f5f5f5; padding:15px; font-size:90%;}
.left { float:left;}
.right { float:right;}
p a { color:#0984e3;}


@media screen and (max-width: 768px) {
.left,.right { width:100%; margin:0 0; padding:10px; font-size:90%; height:auto;}
.left { float:none; margin-bottom:20px;}
.right { float:none; margin-bottom:10px;}	
.sptal { text-align:left !important;}
.box4 { width:100%; margin:0 0%; border:7px solid #f5f5f5; padding:10px; font-size:90%;}
	
}


/*
 下層
---------------------------------------------------------------------- */
body.pages #container

 {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0 0 50px 0;
    text-align: center;
}
body.pages .introduction {
    padding: 0px 16px 20px 16px;
}
.page-head { max-width:500px; width:60%; margin:50px auto 0 auto;}
.page-head img { width:100%;}



/*
 採用情報
---------------------------------------------------------------------- */
table.tbl_recruit { width:100%; margin:0 0 50px 0;}
table.tbl_recruit tr {
    display: block;
    width: 100%;
    padding: 40px 60px;
    border-top: 1px solid #dcdcdc;
}
table.tbl_recruit tr:nth-of-type(odd) {
    background-color: #f5f5f5;
}
table.tbl_recruit tr:last-of-type {
    border-bottom: 1px solid #dcdcdc;
}
table.tbl_recruit tr th {
    width: 250px;
    font-size: 2rem;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
	line-height:1.5;
}
table.tbl_recruit tr td {
    font-size: 1.7rem;
    text-align: left;
    vertical-align: top;
	line-height:1.5;
}
table.tbl_recruit tr td span.comment {
    display: block;
    margin-top: 10px;
    font-size: 1.4rem;
}
.btn_recruit { text-align:center; margin:0 0 200px 0;}

img.rab10 {border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}


.detail_h__lead_nomal {
    position: relative;
    max-width: 900px;
    margin: -80px auto 0;
    padding: 30px 50px;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 30%);
    box-shadow: 0 0 2px rgb(0 0 0 / 30%);
    z-index: 2;
}
.detail_h__lead_nomal p { font-size:16px; line-height:1.8; font-weight: normal;}




/*
 お問合せ
---------------------------------------------------------------------- */
ul.form-list {margin:0; padding:0;}
ul.form-list li { float: left; margin:0; width:50%;}

.mw_wp_form_confirm .hidden {
    display: none !important;
}


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}





table.tbl_contact { width:100%; margin:0 0 50px 0;}
table.tbl_contact tr {
    display: block;
    width: 100%;
    padding: 40px 60px;
    border-top: 1px solid #dcdcdc;
}

table.tbl_contact tr:last-of-type {
    border-bottom: 1px solid #dcdcdc;
}
table.tbl_contact th {
    width: 250px;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
	line-height:1.5;
}
table.tbl_contact th span {
	background:#e04643;
	font-size:8px;
	color:#fff;
	padding:3px 10px;
	border-radius: 10px;
	line-height:0px;
	vertical-align: middle;
	}
table.tbl_contact td {
    font-size: 1rem;
    text-align: left;
    vertical-align: top;
	line-height:1.5;
	background:#ccc;
	width:750px;
}
table.tbl_contact td span.comment {
    display: block;
    margin-top: 10px;
    font-size: 1.4rem;
}
.btn_contact { text-align:center; margin:0 0 50px 0;}

.m-form-text {
    height: 3em;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.m-form-text50 {
    height: 3em;
    width: 94%;
	margin-right:6%;
    padding: 0 16px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.s-form-text {
    height: 3em;
    width: 47%;
	margin-right:3%;
    padding: 0 16px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
input.w1 { max-width: 80px; width: 30%;}
input.w2 { max-width: 200px; width: 30%;}
input.w3 { max-width: 200px; width: 30%;}
span.block { display: block !important; font-weight: bold; margin-bottom: 3px;
    margin-top: 15px;
}
label.block { display: block; margin-bottom: 15px;}
.postal-search {
    width: 100px;
    background: #004d94;
    color: #fff;
    padding: 10px 5px;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    font-size: 80%;
    
}

.m-form-text:focus,.m-form-text50:focus,.s-form-text:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}

.m-form-item-textarea textarea {
    height: 300px;
}

.m-form-textarea {
    display: block;
	height: 200px;
    width: 100%;
    padding: 4px 16px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    resize: vertical;
}

.m-form-textarea:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}

.el_btn {
  font-size:110%;
  letter-spacing:2px;
}
input::placeholder,
textarea::placeholder {
  color: #d5d5d5;
}


table.tbl_contact tr td {
	background:none !important;
	}







@media screen and (max-width: 768px) {
.s-form-text {
    width: 100%;
	margin-right:0%;

}
.postal-search {
    width: 70px;
    background: #004d94;
    color: #fff;
    padding: 12px 5px;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    font-size: 80%;
    
}

}

/*reCAPTCHAのロゴを非表示*/
.grecaptcha-badge { visibility: hidden; }

/*
 テーブル
---------------------------------------------------------------------- */
table.tbl1 { width:100%;}
table.tbl1 th,table.tbl1 td { border:1px solid #fff; padding:10px;  box-sizing: border-box;}
table.tbl1 th { background:#eee; width:10%; text-align:center;}
table.tbl1 td img { }


/*コンテンツアニメーション*/

/* アニメーション前 */
.u-fade-type-up{
    transform: translateY(50px);
    opacity: 0;
}

/* トリガー発火でis-activeを付与 */
.u-fade-type-up.is-active{
    transition: .6s;
    transform: translateY(0);
    opacity: 1;
}
/* アニメーション前 */
.u-fade-type-up{
    transform: translateY(50px);
    opacity: 0;
}

/* トリガー発火でis-activeを付与 */
.is-active .u-fade-type-up{
    transition: .6s;
    transform: translateY(0);
    opacity: 1;
}

.is-active .u-fade-type-up:nth-child(2){transition-delay: .4s;}
.is-active .u-fade-type-up:nth-child(3){transition-delay: .8s;}
.is-active .u-fade-type-up:nth-child(4){transition-delay: 1.2s;}
.is-active .u-fade-type-up:nth-child(5){transition-delay: 1.6s;}
.is-active .u-fade-type-up:nth-child(6){transition-delay: 2s;}
.is-active .u-fade-type-up:nth-child(7){transition-delay: 2.4s;}
.is-active .u-fade-type-up:nth-child(8){transition-delay: 2.8s;}
.is-active .u-fade-type-up:nth-child(9){transition-delay: 3.2s;}
.is-active .u-fade-type-up:nth-child(10){transition-delay: 3.6s;}
.is-active .u-fade-type-up:nth-child(11){transition-delay: 4s;}
.is-active .u-fade-type-up:nth-child(12){transition-delay: 4.4s;}
.is-active .u-fade-type-up:nth-child(13){transition-delay: 4.8s;}
.is-active .u-fade-type-up:nth-child(14){transition-delay: 5.2s;}
.is-active .u-fade-type-up:nth-child(15){transition-delay: 5.6s;}


/*
 shoplist
---------------------------------------------------------------------- */
.shoplist {
	margin-top:80px;
    display: flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;
	
align-content: flex-start;    /*上（左）揃え*/
    align-content: flex-end;      /*下（右）揃え*/
    align-content: center;        /*中央揃え*/
    align-content: space-between; /*均等に間隔をあける*/
    align-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/	
	}

.shoplist div.tempo { width:30.3333333333333333333333333333%; margin:0 1.5% 3% 1.5%}
.shoplist div.tempo img { width:100%;}

h3.h3title2 {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.5;
}
.txt2 {
    line-height: 2;
    font-size: 14px;
}
.btn a {
    position: relative;
    display: block;
    width: 300px;
    padding: 17px 5px;
    margin: auto auto auto 0;
    text-align: center;
    color: #fff;
    position: relative;
    text-decoration: none;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    background: #0058ab;
    /* background-image: linear-gradient( 
120deg ,#2e9189,#15b2a5 30%); */
}

.shop-cat { position:relative;}
.shop-name { 
position:absolute;
right:0; top:10px;
background: rgb(0,164,150);
    font-size: 10px;
    color: #fff;
	text-align:center;
	width:65px;
    padding: 3px 5px;
    border-radius: 10px;
    vertical-align: middle;
}
.shop-name2 { 
position:absolute;
right:0; top:10px;
background: #0086cf;
    font-size: 10px;
    color: #fff;
	text-align:center;
	width:65px;
    padding: 3px 5px;
    border-radius: 10px;
    vertical-align: middle;
}


/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
 /* width: calc(100%/4);*/
  /*width: calc((100% / 4) - 20px);*/
  width:21%;
  float:left;
  margin:0 2% 0 2%;
  box-sizing:border-box;
  background-color: #fff;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #333;
  display: block;
  text-align: center;
  border-radius:999px;
  transition: all 0.2s ease;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#kinki:checked ~ #kinki_content,
#tyuugoku:checked ~ #tyuugoku_content,
#tyuubu:checked ~ #tyuubu_content 

{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #00a496;
  color: #fff;
}



.el_btn {
    font-size: 120%;
    letter-spacing: 1px;
}
.el_btn {
    display: inline-block;
    width: 250px;
    max-width: 100%;
    padding: 16px 5px;
    background-color: #fff;
    border: 2px solid transparent;
    /*box-shadow: 0 3px 6px rgb(0 0 0 / 16%);*/
    color: #004d94;
	font-weight:bold;
    text-align: center;
    text-decoration: none;
    transition: 0.25s;
    border-radius: 100px;
}

.el_btn2 {
    font-size: 120%;
    letter-spacing: 1px;
}
.el_btn2 {
    display: inline-block;
    width: 500px;
    max-width: 100%;
    padding: 20px 5px;
    background-color: #E86B26;
    border: 2px solid transparent;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    color: #fff;
	font-weight:bold;
    text-align: center;
    text-decoration: none;
    transition: 0.25s;
    border-radius: 100px;
}
.el_btn2.el_btn__arrowRight {
    position: relative;
    padding-right: 2em;
    padding-left: 1.38em;
}
.el_btn2.el_btn__arrowRight::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.83em;
    font-family: FontAwesome;
    font-weight: 900;
    transform: translateY(-50%);
}



@media screen and (max-width: 768px) {
.el_btn2 {
    display: inline-block;
    width: 250px;
    max-width: 300px;
    padding: 20px 5px;
    background-color: #E86B26;
    border: 2px solid transparent;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    color: #fff;
	font-weight:bold;
    text-align: center;
    text-decoration: none;
    transition: 0.25s;
    border-radius: 100px;
}
}












/*
 個人情報
---------------------------------------------------------------------- */
.privacy { line-height: 2;}
.privacy dt {
    font-weight: bold;
    font-size: 20px;
    margin-top: 1em;
}

.privacy ul { margin-left: 1em;}
.privacy ol { margin-left: 2em;}
.privacy li {padding-left:1em; text-indent:-1em;}





@media screen and (max-width: 768px) {
.pc_con {display: none!important;}
.sp_con {display: block!important;}

.inner,.inner2 {width: 90%; max-width: 90%; margin: 0 5%;}

.page .detail_h { height:280px; margin-bottom:200px; margin-top:-20px;}
.detail_h.shop_list { background:url(../img/bg_detail.jpg) center top no-repeat; }
.shoplist div.tempo { width:90%; margin:0 5% 25px 5%}
.page .detail_h .inner h2 {
	position:absolute; left:15px; top:50%; color:#fff; font-size:32px; font-weight:500; line-height:100%; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%);

}


.shoplist { margin-top:20px;}
.tab_item {
 /* width: calc(100%/4);*/
  /*width: calc((100% / 4) - 20px);*/
  width:40%;
  float:left;
  margin:0 5% 5% 5%;
  box-sizing:border-box;
  background-color: #fff;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #333;
  display: block;
  text-align: center;
  border-radius:999px;
  transition: all 0.2s ease;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.page h3.h3title2 { font-size:24px !important;}



.page h3 span { color:#666; padding-left:0; font-size:50%; font-weight:500; display:block;}


.page h3 {
    color: rgb(0,164,150);
    font-weight: 700;
    font-size: 26px;
	line-height: 1.5;
}

.page h3.h3title {
    text-align: center;
    line-height: 1.5;
    font-size: 22px;
    margin: auto;
    width: 100%;
}



.detail_h__lead {
	width:80%;
    position: relative;
    margin: -40px auto 0;
    padding: 30px;
    font-size: calc(32 / 750 * 100vw);
}
.detail_h__lead p { font-size:14px;}


.detail_h__lead_nomal {
	width:80%;
    position: relative;
    margin: -80px auto 0;
    padding: 20px;
    font-size: calc(32 / 750 * 100vw);
}
.detail_h__lead_nomal p { font-size:12px; line-height:2; font-weight: normal;}


.detail_h.recruit { background:url(../img/bg_recruit_sp.jpg); background-size:cover;}
table.tbl_recruit { width:100%; margin:0 0 50px 0;}
table.tbl_recruit tr {
    display: block;
    width: 100%;
    padding: 0;
    border-top:none;
}



table.tbl_recruit tr:nth-of-type(odd) {
    background-color: #fff;
}
table.tbl_recruit tr:last-of-type {
    border-bottom: 1px solid #dcdcdc;
}
table.tbl_recruit tr th {
    background:#f5f5f5; width:100%;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
table.tbl_recruit tr td {
    text-align: left;
    vertical-align: top;
	line-height:1.5;
}


table.tbl_recruit tr th,table.tbl_recruit tr td { width:100%; display:block; padding:15px 10px; font-size:14px;}
table.tbl_recruit tr th { background:#f5f5f5; width:100%; font-size:16px;}

table.tbl_recruit tr td span.comment {
    display: block;
    margin-top: 10px;
    font-size: 1.4rem;
}

.btn_recruit { text-align:center; margin:0 0 200px 0;}



table.tbl_contact { width:100%; margin:0 0 50px 0;}
table.tbl_contact tr {
    display: block;
    width: 100%;
    padding: 0;
    border-top: 1px solid #dcdcdc;
}

table.tbl_contact tr:last-of-type {
    border-bottom: 1px solid #dcdcdc;
}
table.tbl_contact tr th,table.tbl_contact tr td {
	width:100%; display:block; background:none !important;
	}

table.tbl_contact th {
padding:20px 5px 0 5px; font-size:18px;
}
table.tbl_contact th span {
	font-size:8px;
	color:#fff;
	padding:5px 8px;
	border-radius: 3px;
	line-height:0px;
	vertical-align: middle;
	}
table.tbl_contact td {
padding:5px 5px 20px 5px;
}
table.tbl_contact td span.comment {
    display: block;
    margin-top: 10px;
    font-size: 1.4rem;
}
.btn_contact { text-align:center; margin:0 0 40px 0;}




/*
 個人情報
---------------------------------------------------------------------- */
.privacy { line-height: 2; font-size:90%;}
.privacy dt {
    font-weight: bold;
	font-size:120%;
    margin-top: 1em;
}

.privacy ul { margin-left: 1em;}
.privacy ol { margin-left: 2em;}
.privacy li {padding-left:1em; text-indent:-1em;}




/*
 テーブル
---------------------------------------------------------------------- */
table.tbl1 { width:100%;}
table.tbl1 th,table.tbl1 td { border:1px solid #fff; padding:8px;  box-sizing: border-box;}
table.tbl1 th { background:#eee; width:10%; text-align:center;}
table.tbl1 td img { }








	
}


footer { background:#fff; font-size:80%; text-align:center; padding-bottom:15px;}
.domain::before { content:'@'}

/* =====================================
 汎用プロパティ
===================================== */


/* テキストカラー */
.bk {color:#333!important;}
.green {color:#006633!important;}
.blue {color:#000099!important;}
.red { color:#CC0000!important;}
.redb { color:#CC0000!important; font-weight:500;}
.red2 { color:#ff0000!important;}

/* テキストサイズ */
.t50 { font-size:50%!important;}
.t60 { font-size:60%!important;}
.t70 { font-size:70%!important;}
.t80 { font-size:80%!important;}
.t90 { font-size:90%!important;}
.t120 { font-size:120%!important;}
.t130 { font-size:130%!important;}
.t140 { font-size:140%!important;}
.t150 { font-size:150%!important;}
.t160 { font-size:160%!important;}

/* bold */
.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}


/* ライン */
.tline { border-top:1px #ccc solid; padding-top:10px;}
.tline_d { border-top:1px #ccc dotted; padding-top:10px;}
.bline { border-bottom:1px #ccc solid; padding-bottom:10px;}
.bline_d { border-bottom:1px #ccc dotted; padding-bottom:10px;}
.line_t{text-decoration: line-through;}

.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}

.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

.pt-100 { padding-top: -170px !important;}

.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}
.pt80 { padding-top: 80px !important;}
.pt100 { padding-top: 100px !important;}

.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb100 { padding-bottom: 100px !important;}

.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

.tal { text-align:left;}
.tac { text-align:center;}
.tar { text-align:right;}


.img_c { width:100%; margin:0 auto;}
.img_c759 { width:100%; max-width:759px; margin:0 auto;}
.img_c770 { width:100%; max-width:770px; margin:0 auto;}
.img_c781 { width:100%; max-width:781px; margin:0 auto;}
.img_c778 { width:100%; max-width:778px; margin:0 auto;}
.img_c850 { width:100%; max-width:850px; margin:0 auto;}
.img_c960 { width:100%; max-width:960px; margin:0 auto;}
.img_c648 { width:100%; max-width:648px; margin:0 auto;}
.img_c520 { width:100%; max-width:520px; margin:0 auto;}
.img_c100 { width:100%; max-width:100px; margin:0 auto;}
.img_saru { width:100%; max-width:200px; margin:0 auto;}
.img_c80 { width:100%; max-width:80px; margin:0 auto;}

.img_c img,
.img_c781 img,
.img_c778 img,
.img_c300 img,
.img_saru img,
.img_c759 img,
.img_c960 img,
.img_c80 img,
.img_c100 img,
.img_c520 img,
.img_c648 img,
.img_c850 img,
.img_c770 img
 { width:100%;}


@media screen and (max-width: 768px) {
.img_saru { width:100%; max-width:150px; margin:0 auto;}

}

a:hover img {
		filter: alpha(opacity=70);
	    /* Safari Opera */
	    opacity:0.70;
	    /* Firefox Netscape */
	    -moz-opacity:0.70;
	}

a:hover img {
 *zoom: 1;
	cursor:pointer;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
	}


/*
 フロート要素の適正な解除（Clearfix）
---------------------------------------------------------------------- */
.clearfixadd:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.clearfixadd{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfixadd{height:1%;}
.clearfixadd{display:block;}
/* End hide from IE-mac */


.element {
  /* 最初は非表示 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s;
}
/* フェードイン時に入るクラス */
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}