@charset "UTF-8";
/*
Theme Name: Tutrial
Theme URI: http://walkal.com
Description: WP theme for Tutrial
Version: 1.0
Author: Walkal Inc.
Author URI: http://walkal.com/
*/

/*
	----------------------------
	RESET
	____________________________
*/
/* 簡便のために全要素のマージンとパディングを0に 
* {
  margin: 0;
  padding: 0;
}*/
h1,h2,h3,h4,h5,h6,form,table,td,fieldset { margin:0; padding:0; border:0; }
img {margin:0; padding:0; border:0;vertical-align:bottom;max-width:100%;height:auto;}
p { margin:10px 5px; }
a {color:#595757;}
a:visited {color:#595757;}
a:hover{text-decoration:none;}
dl{width:94%;margin:2%;}
dt {border-top:1px solid #AAAAAA;padding-top:10px;}

body, html {color:#595757;background:#FFF;font-size: 100%; padding: 0; margin: 0;}
header{width:1000px;margin:0 auto;padding:0;display:flex;}
header h1{width:45%;margin:0;padding:0;line-height:0;font-weight:normal;}
header h2{width:38.6%;margin:0;padding:0;line-height:0;font-weight:normal;}
header h3{width:16.4%;margin:0;padding:0;line-height:0;font-weight:normal;}
#container {width:1000px;margin:0 auto;padding:0;}
.pc{padding-bottom:30px;}
#content {margin:0; padding:10px 40px 40px 40px;}
#sidebar {width:200px;padding:0;margin:0;float:left;display:block;}
#main {width:100%;padding:0;margin:0;display:block;font-family:"Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.privacypolicy{width:96%;height:300px;display:block;overflow-y:scroll;border:1px solid #666666;padding:10px;margin:1% auto;}
footer {width:1000px;margin:0 auto;}
.contact,.contact-confirm{width:70%;max-width:700px;margin:0 auto;}
.contact-thanks{width:70%;max-width:700px;margin:50px auto;}
.contact h2,.contact-confirm h2{background:#efefef;text-align:center;margin:20px auto;}
.contact h3{background:#efefef;margin:20px auto;font-weight:normal;padding:5px 10px;}
.contact h4{font-size:110%;}
.contact h5{font-size:100%;}
.contact h6{font-size:100%;}
.form-width { max-width: 100%;}
h6.accept{font-size:100%;background:#efefef;text-align:center;}
.required {
font-size: 0.7em;
padding:1px 8px;
background: #e60012;
color: #ffffff;
border-radius: 7px;
margin-right: 10px;
margin-bottom: 2px;
margin-left:10px;
display: inline-block;
}

.clearfix{
  zoom:1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;/* 隙間対応 */
  font-size: 0.1em;/* 隙間対応 */
  line-height: 0;/* 隙間対応 */
}



.metaslider .flex-control-paging li a.flex-active {
    background: #DB5439;
    background: rgba(219,84,57,.9);
	cursor: default;}




/* 2020/04/07 */

.mobile {display:none;}


/* 一覧エリアの背景 */
.appositive-list {
	width:90%;
	padding:1% 5%;
	display:block;
  background-image:url(./images/back.png);
  background-size:cover;
}

/* クリアフィックス */
.appositive-list ul:after {
  content: "";
  clear: both;
  display: block;
}

/* 一覧のリストの設定 */
.appositive-list ul li {
  list-style-type: none;
  display: block;
  float: left;
  margin-bottom:0;
  height: 75px;/* 見た目の調整 */
  line-height: 75px;/* 見た目の調整 */
  text-align: center;/* 見た目の調整 */
}

/* 等分なし */
.appositive-list ul.al-1 li {
  width: 1000px;
}

/* 横並びに等分 */
.appositive-list ul.al-2 li {
  width: 48.56%;
  margin-right: 2.88%;
}
.appositive-list ul.al-2 li:nth-child(2n) {
  margin-right: 0;
}

/* 横並びに3等分 */
.appositive-list ul.al-3 li {
  width: 31.42%;
  height:auto;
  margin-right: 2.87%;
}
.appositive-list ul.al-3 li:nth-child(3n) {
  margin-right: 0;
}

/* 横並びに4等分 */
.appositive-list ul.al-4 li {
  width: 22.84%;
  margin-right: 2.88%;
}
.appositive-list ul.al-4 li:nth-child(4n) {
  margin-right: 0;
}

/* 横並びに5等分 */
.appositive-list ul.al-5 li {
  width: 17.68%;
  margin-right: 2.9%;
}
.appositive-list ul.al-5 li:nth-child(5n) {
  margin-right: 0;
}

/* 横並びに6等分 */
.appositive-list ul.al-6 li {
  width: 14.25%;
  margin-right: 2.9%;
}
.appositive-list ul.al-6 li:nth-child(6n) {
  margin-right: 0;
}

/* 横並びに7等分 */
.appositive-list ul.al-7 li {
  width: 11.8%;
  margin-right: 2.9%;
}
.appositive-list ul.al-7 li:nth-child(7n) {
  margin-right: 0;
}

/* 横並びに8等分 */
.appositive-list ul.al-8 li {
  width: 9.98%;
  margin-right: 2.88%;
}
.appositive-list ul.al-8 li:nth-child(8n) {
  margin-right: 0;
}

/* 横並びに9等分 */
.appositive-list ul.al-9 li {
  width: 8.56%;
  margin-right: 2.87%;
}
.appositive-list ul.al-9 li:nth-child(9n) {
  margin-right: 0;
}



.item{

  opacity: 0;    
}

.item:nth-child(1) {
  -webkit-animation: example 0.5s ease 0.5s 1 forwards;
  animation: example 0.5s ease 0.5s 1 forwards;
}
.item:nth-child(2) {
  -webkit-animation: example 0.5s ease 1s 1 forwards;
  animation: example 0.5s ease 1s 1 forwards;
}
.item:nth-child(3) {
  -webkit-animation: example 0.5s ease 1.5s 1 forwards;
  animation: example 0.5s ease 1.5s 1 forwards;
}
.item:nth-child(4) {
  -webkit-animation: example 0.5s ease 1.5s 1 forwards;
  animation: example 0.5s ease 2s 1 forwards;
}
.item:nth-child(5) {
  -webkit-animation: example 0.5s ease 1.5s 1 forwards;
  animation: example 0.5s ease 2.5s 1 forwards;
}
.item:nth-child(6) {
  -webkit-animation: example 0.5s ease 1.5s 1 forwards;
  animation: example 0.5s ease 3s 1 forwards;
}


@-webkit-keyframes example {
  100% {
    opacity: 1;
  }
}
@keyframes example {
  100% {
    opacity: 1;
  }
}

@media (max-width: 767px){
html,body{font-size:100%;}
	header,#container {width:100%;margin:0 auto;padding:0;}
	footer {width:100%;margin:0 auto;}
	#container img {width:100%; height:auto;}
	#content {margin:0; padding:0;}
	#sidebar {width:100%;padding:0;margin:0;display:block;}
	#main {width:100%;padding:0;margin:0;display:block;}
	.information{display:none;}
	.information_mob{width:100%; height:auto;display:block;margin:0 auto;padding:0;}
	.information_mob img{width:100%;height:auto;}
	.menu_pc{display:none;}
	.menu_mob{display:block;}
	.privacypolicy{width:94%;}
	.contact,.contact-confirm{width:98%;}
#footer {background:transparent; padding:5px; text-align:center;color:#777777;}	
	
	

.mobile {display:inline;padding-bottom:20px;}
.pc {display:none;}
	
}

/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge {
    bottom: 45px !important;
}

/* — コンタクトフォーム7　送信ボタンのカスタマイズ — */
input.wpcf7-submit {
padding:1em !important;/* ボタン内の余白 */
margin:1.5em 0em !important;/* ボタンの上下の余白 */
/*background-color: #1d2088 !important; 背景の色 */
border-radius: 5px !important;/* 角を丸く*/
/*color: #fff !important; 文字の色*/
font-size: 18px !important;/* 文字の大きさ */
font-weight: bold !important;/* 文字の太さ*/
width: 50%;/* ボタンの横幅*/
/*transition:0.5s; 背景色が変わるまでの時間*/
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.10);/* 薄っすらとボタンにドロップシャドウをかける*/
}

input.wpcf7-submit:hover {
/*background-color:#f2d500 !important; マウスを乗せたときの背景色 */
/*color: #fff !important; マウスを乗せたときの文字の色 */
}

.btn-submit {
    width: 100%;
    text-align: center;
}