@charset "utf-8";
/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/


/* フッター上部の画像を画面幅いっぱいに */
.footer-after {
    width: 100%;
    margin-bottom: 10px;
}
 
.footer-after img {
    width: 100%;
}


/*チェックボックス*/
.check_box {
    margin: 8px 0 10px 0;
    padding: 10px 10px 10px 10px;
    /*line-height: 1.7;*/
    letter-spacing: 0.05em;
    border: solid 1px #A9BCF5;
    border-radius: 10px;
    background-color: ;
}




*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/*flexbox　4つ横並び*/
 .yokowrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.yokosec {
  width: 300px;
  margin: 0 10px;
  padding: 10px 20px 1px;
  background: #EEE;
  border-radius: 10px;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: flex;
}

/*.yokosec img {
	display: block;
	margin-bottom: 3rem;
	width: 100%;
	height: auto;
}*/


.yokobtn {
   margin-top: auto;
}
.yokobtn a {
  padding: 10px 0;
  display: block;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  background: #333;
  border-radius: 1em; 
}


@media screen and (max-width: 700px) {
  .yokowrap {
    flex-direction: column;
  }
}



/*4パターンやつ横画像説明*/
.contents-wrap {
	display: flex;
	justify-content: space-between;
        padding: 0px;
       /*margin-bottom: 1rem;*/
        border: 0px solid #aaa;
}

.contents-text {
	width: 60%; /*flex: 2;*/
        /*border: 1px dashed #ccc;*/
        padding: 20px 0 0 0;
        margin: 0 5px;
}

.contents-img {
	width: 35%; /*flex: 1;*/
        
}

.contents-text h2 {
	margin-bottom: 2rem;
	font-size: 2.2rem;
}

.contents-img img {
	display: block;
	width: 100%;
	height: auto;
        margin-bottom: 2rem;
        padding: 20px 0px 0px;
}

.detail {
  margin-top: auto;
  
}

.detail a {
 
padding: 10px 0;
  display: block;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  background: #8cae47;
  border-radius: 1em; 

}



@media screen and (max-width: 768px){
	.contents-wrap,
	.contents-wrap:nth-child(odd)  {
		flex-direction: column;
	}

         
	.contents-img {
		width: 100%; /*flex: 1;*/
                
	}

	.contents-text {
                width: 100%;
		padding: 0 0 0 0;
            
	}

	.contents-text h2 {
		text-align: center;
	}
}

/*トップファインファーム２画像*/

.iiwrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.iisec {
  width: 100%;
  margin: 0 5px;
  padding: 10px 20px 5px;
  background: #FFFFFF;
  border-radius: 10px;
  border: solid 2px #CECEF6;/*表全体を線で囲う*/
   -webkit-flex-direction: column;
  flex-direction: column;
  display: flex;
}
.iisec img {
  width: 400px; 
  margin: 0 0 10px;
  padding: 10px 0;
  text-align: center;
  background: #FFF;
  order: -1;  
}

 
@media screen and (max-width: 768px){
	.iiwrap {
         flex-direction: column;
	}

       .iisec {
          width: 100%;
          padding: 10px 20px 0px;
          margin: 0 0 10px;
        }

	.iisec img {
		width: 100%; /*flex: 1;*/
	}

	.iisec p { 
                padding: 2rem;
	}

}

/*2横並びボタン下*/
.wrapp {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  flex-wrap: nowrap;
}
.sec {
  width: 100%;
  margin: 0 10px;
  padding: 10px 20px 5px;
  /*background: #F2F2F2;*/
  border-radius: 10px;
  border: solid 2px #CECEF6;/*表全体を線で囲う*/
  /*-webkit-flex-direction: column;
  flex-direction: column;*/
  display: flex;
}
/*.img {
  width: 100%;
  margin: 0 0 10px;
  padding: 30px 0;
  text-align: center;
  background: #FFF;
  order: -1;  
}*/

.sec p {
   text-align: left;
}
 
.btn {
   margin-top: auto;
}
.btn a {
  padding: 10px 0;
  display: block;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  background: #333;
  border-radius: 1em; 
}


/*top3横並び画像*/
.tthwrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
 
}
.tthsec {
  width: 100%;
  margin: 0 5px 20px;
  padding: 10px 20px 5px;
  background: #FFF;
  border-radius: 10px;
  border: solid 2px #CECEF6;/*表全体を線で囲う*/
  -webkit-flex-direction: column;
  flex-direction: column;
  display: flex;
}

.tthsec img {
  width: 250px;
  height: ;
  margin: 0 0 0px;
  padding: 0 0px;
  text-align: center;
  background: #FFF;
  order: -1;  
}

.tthsec a {
  text-align: center;
  
}

@media screen and (max-width: 768px){
	.tthwrap {
         flex-direction: column;
	}

       .tthsec {
          width: 100%;
          padding: 10px 20px 20px;
          margin: 0 0 30px;
        }

	.tthsec img {
		width: 100%; /*flex: 1;*/
                order: -1;  
	}

}



/*3横並びボタン下*/
.thwrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
 
}
.thsec {
  width: 100%;
  margin: 0 5px 20px;
  padding: 10px 20px 5px;
  background: #F2F2F2;
  border-radius: 10px;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: flex;
}

.thsec h3 {
  text-align: center;
  order: -1;  
	}

.img {
  width: 100%;
  margin: 0 0 0px;
  padding: 0 0px;
  text-align: center;
  background: #FFF;
 
}

.thsec p {
   text-align: left;
}

@media screen and (max-width: 768px){
	.thwrap {
         flex-direction: column;
	}

       .thsec {
          width: 100%;
          padding: 10px 0 20px 0;
          margin: 0 0 20px;
        }

	.thsec img {
		width: 100%; /*flex: 1;*/
	}

	.thsec p { 
                padding: 2rem;
	}

}


/*4横並びボタン下*/
.hwrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.hsec {
  width: 100%;
  margin: 0 5px;
  padding: 10px 20px 1px;
  background: #F2F2F2;
  border-radius: 10px;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: flex;
}
.hsec img {
  width: 100%;
  margin: 0 0 10px;
  padding: 30px 0;
  text-align: center;
  background: #FFF;
  order: -1;  
}

.hsec p {
   text-align: left;
   font-size: 80%;
}
 
.hsec btn {
   margin-top: auto;
}
.hsec btn a {
  padding: 10px 0;
  display: block;
  font-weight: bold;
  text-align: center;
  text-decoration: none;　　
  color: white;
  background: #333;
  border-radius: 1em; 
}

@media screen and (max-width: 768px){
	.hwrap {
         flex-direction: column;
	}

       .hsec {
          width: 100%;
          padding: 10px 20px 0px;
          margin: 0 0 10px;
        }

	.hsec img {
		width: 100%; /*flex: 1;*/
	}

	.hsec p { 
                padding: 2rem;
	}

}


/*テンプレート例横並びイメージ画像*/

.iwrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.isec {
  width: 100%; 
  margin: 0 5px;
  padding: 10px 20px 5px;
  background: #F2F2F2;
  border-radius: 10px;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: flex;
}
.isec img {
  width: 400px;
  margin: 0 0 10px;
  padding: 30px 0;
  text-align: center;
  background: #FFF;
  order: -1;  
}

.isec p {
   text-align: left;
   font-size: 80%;
}
 
@media screen and (max-width: 768px){
	.iwrap {
         flex-direction: column;
	}

       .isec {
          width: 100%;
          padding: 10px 20px 0px;
          margin: 0 0 10px;
        }

	.isec img {
		width: 100%; /*flex: 1;*/
	}

	.isec p { 
                padding: 2rem;
	}

}


/*横画像説明*/

.contents-wrap {
	display: flex;
	justify-content: space-between;
	margin-bottom: 7rem;
}
.contents-wrap:nth-child(odd) {
	flex-direction: row-reverse;
}

.contents-text {
	width: 50%; /*flex: 2;*/
}
.contents-img {
	width: 45%; /*flex: 1;*/
}

.contents-text h2 {
	margin-bottom: 2rem;
	font-size: 2.2rem;
}

.contents-img img {
	display: block;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 768px){
	.contents-wrap,
	.contents-wrap:nth-child(odd)  {
		flex-direction: column;
	}

	.contents-text,
	.contents-img {
		width: 100%; /*flex: 1;*/
	}

	.contents-text {
		padding: 3rem;
	}

	.contents-text h2 {
		text-align: center;
	}
}






/*下線テキスト*/
.hoge4{overflow:hidden; _zoom:1;}
.hoge4 ul li{margin-bottom:-1px; border-bottom:1px solid #666; padding:5px;}

.hoge2{overflow:hidden; _zoom:1;}
.hoge2 ul li{margin-bottom:-1px; border-bottom:1px dotted #666; padding:5px;}



table.rtable {
          table-layout: auto;
          border-collapse: collapse;
          border: solid 2px #CECEF6;/*表全体を線で囲う*/

}

.h {
      background: #f0f8ff;
      text-align: center;
}

table th, table td {
  border: dashed 1px #CECEF6;/**/
  /*破線 1px オレンジ*/
}



/*---------- h2文字装飾 ----------*/
h2 {
  background: #ffffff;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: #4c1800;
}
/*---------- h2文字装飾スマホ ----------*/
@media screen and (max-width: 768px){

h2 {
    font-size: 16px; /*<h2></h2>で囲んでいる見出し2の文字サイズを20pxに指定する*/
    font-weight: bold;
    text-align: center;
}

}

/*---------- h2文字装飾 ----------*/
h3 {
  text-align: center;
  font-weight: bold;
  
}


/*チェクボックス内の文字装飾*/
span.b_bg {
  font-weight: bold;
  line-height: 1.7;
}


/* ページタイトルの背景色 */
.page-header {
    background-color: #2e8b57 !important;
}
 
/* ページタイトルのスタイル */
.page-header_pageTitle,
h1.page-header_pageTitle:first-child {
    color: #ffffff;
    margin: 20px 0 20px;
    font-size: 24px;
}