@charset "UTF-8";

/*--------------------------------------
  リセット
--------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

/* テキストの自動拡大を無効化 */
body {
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	font-size:62.5%;
	font-family: 'Meiryo',"游ゴシック Medium","Yu Gothic Medium",YuGothic,"游ゴシック体",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	word-wrap: break-word;/*半角英数字の折り返し*/
	overflow-wrap: break-word;
	background:#fff;
}
/*font*/
.kozuka {
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
}

/*画像横並び*/
img {
	width: 100%;
	height: auto;
}
 
/*--------------------------------------
 ページ全体の設定 
 --------------------------------------*/
/*余白*/
.yohaku50 {
margin-bottom:50px;
}

.yoyaku_jouge{
padding:30px auto;
}

section {
	padding-top:60px;
}
/*--------------------------------------
  サイト幅
--------------------------------------*/
.max760{
	display:block;
	max-width:760px;
	margin:auto;
}

.max980{
	display:block;
	max-width:980px;
	margin:auto;
}

/*########768以上########*/
@media only screen and (min-width: 768px) {
.max980{
	display:block;
	max-width:980px;
	margin:20px;
}
}

/*########1240以上########*/
@media only screen and (min-width: 1240px) {
.contents{
max-width:1240px;
margin:auto;
}
.pc_sp_margin-left {
	margin-left: 120px;
}
.max980{
	display:block;
	max-width:980px;
	margin:auto;
}
.max1240{
	display:block;
	width:1240px;
	margin:auto;
}
}

/*--------------------------------------
 header
--------------------------------------*/
header img{
width:100%;
height: auto;
margin:0;
padding:0;
}
.topimage img {
  width: 100%;
}
/*--------------------------------------
  PCスマホ画像切り替え/
--------------------------------------*/
/*画像中央寄せ*/
img {
	display:block;
}
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
/* 上部余白の切り替え */
.pc_sp_margin-top {
	margin-top: 10px;
}
.pc_sp_margin-left {
	margin-left: auto;
}
/* 画像中央寄せ切り替え */
.responsive {
	width:95%;
	display: block;
	margin: 5px auto 25px;
	}
/* 連番の大きさ */
.number {
	width:13%;
}

.top_logo {
	width:150px;
	height:auto;
	padding:10px;
}
}

/*########768以上########*/
@media only screen and (min-width: 769px) {
.pc { display: block !important; }
.sp { display: none !important; }
.pc_sp_margin-top {
	margin-top: 200px;
}
.pc_sp_margin-left {
	margin-left: 60px;
}
.responsive {
	width:90%;
	margin:10px
	display: block;
	margin:  5px auto 25px;
}
.number {
	width:auto;
}
}
/*#######ここまで######*/

/*--------------------------------------
  クラス定義
--------------------------------------*/
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.s{
	font-size: 90%;
}
.ss {
	font-size: 50%;
}
.m {
	font-size: 130%;
}

.l {
	font-size: 150%;
	line-height: 130%;
}
.ll {
	font-size: 200%;
	line-height: 120%;
}

.xl {
	font-size: 260%;
	line-height: 120%;
}
.b {
	font-weight: bold;
}


.alignright {
	float: right;
	margin: 24px;
}
.alignleft {
	float: left;
	margin: 24px;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.bold {
	font-weight: bold;
}

.text-narrow {
    transform: scale(0.8, 1);
}

/* リンク */
a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
}

/*  クリアフィックス */
.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
}


/*色*/
.black
{
color:#000 !important;
}
.red{
color:#ff0000 !important;
}
.blue{
color:#0000ff !important;
}
.white {
color:#fff !important;
}
.pink {
color:#ff3366;
}
.yellow{
color:#ffff00;
}
.orange {
color:#ffa500;
}
.text_pink {	
	display:inline;
	font-weight:900 !important;
	color: #71a19e;
	font-size:1.1em;
}
/*background-丸*/
.maru_bg {
background-color:#ffa500;
color:#fff;
font-weight:bold;
border-radius:50%;
padding:0 5px;
margin-right: 6px;
}

/*background*/

.bg_grey{
	background-color:#f5f5f5;
}

.bg_kon {
    height: auto;/*要素の高さに自動調整*/
    width:100%;
    display: block;
    background-image: url(images/bg_800.jpg);
    z-index: -2;
    background-size: cover; /*contain*/
    background-position: center;
    position: relative;
}

.bg_kon::before {
  /* contentプロパティは必須 */
  content: "";
  /* divを起点に位置を調整する */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* オーバーレイを作成 */
  background: linear-gradient(rgba(34,68,118, .9),  rgba(0, 0, 0, .7));
  z-index: -1;
}
/*--------------------------------------
  見出し・文字
---------------------------------------*/
.fw900 {
font-weight:900;
}

.br::before {
	content: "\A" ;
	white-space: pre ;
	color:white;
}

p {
	padding:0.5em;
	font-size: 2.3em;
}

h1 {
	font-size: 5em;
	font-weight: bold;
	color: black;
    margin-top: 30px;
    margin-bottom: 30px;
}

.midashi h1 {
	font-size: 5em;
	font-weight: bold;
	color: black;
	/*margin-top: 80px;*/
	position: relative;
}
.midashi h1:before {
    position: absolute;
    bottom: -20px;
    left: calc(50% - 80px);
    width: 160px;
    height: 8px;
    content: '';
    border-radius: 3px;
    background: #fde428;
}

h2 {
  position: relative;
  display: inline-block;
        color:#000;
/*	text-shadow:2px 2px 2px #fcc3c3;*/
	font-size:2em;
/*	font-style :italic;*/
	padding:2px 50px 2px 20px;
	font-weight:900 !important;
	line-height:2;
	letter-spacing:0.1rem;
	z-index:999;
	margin:50px 0 20px;
}

h3 {
	font-size:2em;
	padding:20px 10px 20px;
	font-weight:900;
}

.pr_text0 {	
	font-size:1.6em;
	margin:10px;
	font-weight:900 !important;
	line-height:1.8;
	letter-spacing:0.2rem;
}
.pr_text1 {	
	font-size:2.2em;
	margin:20px 10px 0;
	font-weight:900 !important;
	line-height:1.8;
	letter-spacing:0.2rem;
}

.headline > h2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 20px;
  background-color: #fff500;
  border: none;
  border-right: solid 40px black;
  border-bottom: solid 10px black;
  border-top: solid 44px transparent;
  z-index: -2;
}
.headline_wh > h2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 20px;
  background-color: #fff500;
  border: none;
  border-right: solid 40px white;
  border-bottom: solid 10px white;
  border-top: solid 44px transparent;
  z-index: -2;
}

/*森林*/
.window img {
  width: 100%;
}
/*メッセージ*/
.messe{
  font-size:2em;
  font-weight:bold;
  padding:10px;
}
/*お客様の声*/	
.uservoice1{
       /*background:  url(images/sil1.png) left top no-repeat;*/
}
.uservoice2{
       /*background:  url(images/sil2.png) left top no-repeat;*/
       border-bottom: solid 3px #a7cdef;
}
.uservoice3{
       /*background:  url(images/sil3.png) left top no-repeat;*/
       border-bottom: solid 3px #a7cdef;
}

.uservoice1 img,
.uservoice3 img{
width:250px;
float:right;
margin:20px;
}

.uservoice2 img{
width:250px;
float:left;
}

@media(max-width:786px){
.uservoice1 img,
.uservoice2 img,
.uservoice3 img{
float:none;
width:200px;
margin:auto;
}
}

.tekichuu1{
	position: absolute;
	bottom:-50px;
        width: 45%;
	height:auto;
	right:20px;
}
img.arrow{
	width:40px;
	height:auto;
}
.decl_c1{/*文字と画像縦方向中央寄せ*/
    align-items: center;
    display: flex;
}
img.biorhythm1{
	width:70%;
	align-items: center;
        margin: auto;
}
.forest1{
        margin-left:calc(-50vw + 50%);
        width:100vw;
}
.highlight{
        font-size:1.5em;
        padding-top: 30px;
        padding-bottom: 30px;
}
.highlight0{
	font-weight:bold;
}
.highlight1{
	color:black; 
	background-color:#ffff00; 
	font-weight:bold;
	padding: 3px;
	display:inline;
}
.highlight1_wh{
	color:white; 
	background-color:#ffff00; 
	font-weight:bold;
}
.highlight2{
        font-size:1.2em;
        font-weight:bold;
}
.highlight3{
        font-size:1.1em;
        font-weight:bold;
	color:red;
}
.highlight4 {
    background: #ff0000;
    font-weight: bold;
    padding: 3px 10px;
    color: #fff!important;
}

.catchcopy{
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 30px;
}
.method1{
        font-size:1.3em;
        text-align: left;
	font-weight:bold;
	display:block;
	margin:0;   
	     
}
.method1 p{
        /*border: solid #ffff00 5px;*/
	vertical-align: middle;/*文字と画像を中央*/
}

.method1 span {
	font-size:100px;
	font-weight:bold;
	display: inline;
	padding-right:5px;
	vertical-align: middle;/*文字と画像を中央*/
	line-height: 1.2;
}
.method1 img {
	width: 60px;
	display: inline;
	padding:5px;
	vertical-align: middle;/*文字と画像を中央*/
}
img.profile_img{
    width: 90%;
    margin: auto;
}
.box1{
	position: relative;
}

.profile_1{
	position: absolute;
	top: 90%;
/*	left:15%;
	transform: translate(-25%,-50%);*/
	font-size:1.8em;
	/*margin:15px !important;*/
}

p.text_namae.profile_1 {
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 280px;
}

.profile_2{
	font-size:1.5em;
}
.profile_3{
	font-size:1.5em;
}
.profile_4{
	font-size:1.5em;
	margin-left: 4.5em;
	text-indent: -4.5em;
}
.profile_5{
	font-size:1.5em;
	margin-left: 4.5em;
	text-indent: -4.5em;
}
.profile_title{
	font-size:1.5em;
	color:#008080;
}
.profile_highlight{
	font-weight:bold;
}
/*下に線*/
.box_border_bottom{
	position:relative;
}
.box_border_bottom::before{
	content: '';
	width: 1000px;
	height: 1.5em;
	position: absolute;
	border-bottom: 5px solid #ffff33;
}
/*テーブル年表に利用*/

.profile_table th {
  font-weight: bold;
  width: 80px;
  text-align: left;
}
.profile_table td, .profile_table th {
  line-height: 1.5;
  padding: 7px;
}
.profile_table {
  font-size: 1.3em;
  margin-bottom: 50px;
}

.profile_table tr:nth-of-type(2n) td{
  background-color:#f5f5f5;
}

/*####768px以上#####*/
@media (min-width: 768px) {
.method1{
	margin:0 20%;  
}
.tekichuu1{
	bottom:-80px;
}
.profile_1{
	left:25%;  
}
.grid_book img{
	width:250px;
}
}
/*--------------------------------------
  グリッドレイアウト３
---------------------------------------*/
/*グリッド３ 書籍覧利用*/
.grid3_book {
  width:95%;
  display: grid;
  grid-gap :10px;
  gap: 10px;
  margin: 6px auto;
  grid-template-columns: 1fr 1fr 1fr;
}

img.zasshi{
  height: 100%;
  object-fit: cover;
}


/*グリッド3 prof*/
.grid3_prof{
  width:95%;
  display: grid;
  grid-gap :10px;
  gap: 10px;
  margin: 0 auto;
  grid-template-columns: 1fr 1fr 1fr;
}
.grid3_prof img{
  justify-items: center;
  align-items: center;
  width: 100%;
}

/*グリッド3_2*/
.grid3_2{
  width:95%;
  display: grid;
  grid-gap :10px;
  gap: 10px;
  margin: 0 auto;
  grid-template-columns: 1fr 1fr;
}



/*グリッド３ footer利用*/
.grid_3 {
  width:95%;
  display: grid;
  grid-gap :10px;
  gap: 10px;
  margin: 0 auto;
  grid-template-columns: 1fr;
}

.grid_item_footer p {
    font-size: 1.6em;
}

/*####768px以上#####*/
@media (min-width: 768px) {
.grid3_book {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid_3 {
  width:95%;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 0 auto;
}

/*グリッド3_2*/
.grid3_2{
  width:95%;
  display: grid;
  grid-gap :10px;
  gap: 10px;
  margin: 0 auto;
  grid-template-columns: 1fr 1fr 1fr;
}
.grid_item_footer{
	margin:0 50px;
}
}

/*####1024px以上#####*/
@media (min-width: 1024px) {
.grid_3 {
  width:95%;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 0 auto;
}
}

/*--------------------------------------
  グリッドレイアウト
---------------------------------------*/
.grid_2_plof {
  width:100%;
  display: grid;
  grid-gap :10px;
  gap: 10px;
  margin: 0 auto;
  grid-template-columns: 1fr;
}
.grid_2_plof img {
width:100%;
padding:0;
}

.grid_2 { 
  width:100%;
  display: grid;
  grid-gap :10px;
  gap: 10px;
  margin: 0 auto;
  grid-template-columns: 1fr;
}
.grid_2_item img {
width:100%;
padding:0;
}

/*####768px以上#####*/
@media (min-width: 768px) {
.grid_2 {
  width:100%;
  grid-template-columns: 3fr 2fr;
  margin: 0 auto;
  align-items: center; /*end;*/
}
.grid_2_item img {
width:100%;
padding:20px 50px;
}
}

/*--------------------------------------
  グリッドレイアウト2
---------------------------------------*/
.grid_2_profile { 
  width:100%;
  display: grid;
  grid-gap :10px;
  gap: 10px;
  margin: 0 auto;
  grid-template-columns: 1fr;
}
.grid_2_plofile_item img {
width:100%;
padding:0;
}

/*####768px以上#####*/
@media (min-width: 768px) {
.grid_2_profile {
  width:100%;
  grid-template-columns: 2fr 1fr;
  margin: 0 auto;
  align-items: center; /*end;*/
}
.grid_2_item img {
width:100%;
padding:20px 50px;
}
}

/*--------------------------------------
  グリッドレイアウト６
---------------------------------------*/
/*グリッド６ 書籍覧利用*/
.grid6_3 {
  width:95%;
  display: grid;
  grid-gap :10px;
  gap: 10px;
  margin: 0 auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.book_img {
  width: 100%;
}
/*####768px以上#####*/
@media (min-width: 768px) {
.grid6_3 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid_3 {
  width:95%;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 0 auto;
}
}
/*--------------------------------------
  グリッドレイアウト２　ボタンwrap
---------------------------------------*/
.grid_2_bt { 
  width:100%;
  display: grid;
  grid-gap :10px;
  gap: 10px;
  margin: 0 auto;
  grid-template-columns: 1fr;
}

/*####768px以上#####*/
@media (min-width: 1240px) {
.grid_2_bt {
  width:100%;
  grid-template-columns: 1fr 1fr;
  margin: 0 auto;
  align-items: center; /*end;*/
  max-width: 940px;
}
}
/*ここまで*/
/*--------------------------------------
flexbox
--------------------------------------*/
/*こんな情報が手に入る*/
p.flexwrap {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}


span.tatechuuou {
    font-size: 21px;
}

p.flexwrap2 {
    display: flex;
    align-items: center;
    justify-content: center;/*横方向*/
    margin: 0;
    padding: 0;
}

/*--------------------------------------
ボタン
--------------------------------------*/
.button_wapper {
    display: flex;
    justify-content: center;
    padding:30px;

}

/*Sボタン*/
.s_button {
  display: inline-flex;
  align-items: center;
  padding: 13px 20px;
  border-radius: 4px;
  background-color:#98fb98;
  box-shadow:0px -8px 8px -3px #c70067 inset;
  color: #fff;
  border-bottom: 5px solid #ccc100;
  text-decoration: none;
  text-align: center;
 }
/*Lボタン*/
.l_button {
  display: inline-flex;
  align-items: center;
  font-size:32px;
  padding: 13px 20px;
  border-radius: 30px;
  background-color: #008000;
  box-shadow:0px -8px 8px -3px #99cc33 inset;
  color: #fff;
  /*border-bottom: 5px solid #dcdcdc;*/
  text-decoration: none;
  text-align: center;
 }

.l_button_contact {
  display: inline-flex;
  align-items: center;
  font-size:30px;
  font-weight: bold;
  padding: 20px 40px;
  border-radius: 5px;
  background-color: #339900;
  box-shadow:0px -8px 8px -3px #66cc66 inset;
  color: #fff;
  /*border-bottom: 5px solid #dcdcdc;*/
  text-decoration: none;
 }
 /*変形*/
.anime_transform{
  border-radius: 5px;
  animation: anime_transform_90 0.5s ease 0s infinite alternate;
  transform-origin:center;
}
 /*拡大縮小*/
 @keyframes anime_transform_90 {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}
/*輝き*/
.shine{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.shine:before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;    
    height: 100%;
    top: 0;
    left: -100%;
    /*border-radius: 30px;*/
    background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);
    animation: shine 1.5s infinite; 
}

@keyframes shine {
    100% {
      left: 100%; 
    } 
 }
    
/*####768px以上#####*/
@media (min-width: 768px) {
.l_button_contact{
  font-size:50px;
  font-weight: bold;
  padding: 20px 100px;
}
}
/*ボタンここまで*/


.pr_text0yellow {	
	font-size:2.4em;
	margin:8px 10px;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px rgba(255,255,0,1), 0px 0px 20px rgba(255,255,0,1), 0px 0px 30px rgba(255,255,0,1), 0px 0px 40px rgba(255,255,0,1);
}

/*####768px以上#####*/
@media (min-width: 768px) {
h2 {
	font-size:3em;
	margin:80px 0 30px;
}
.headline > h2::before {
  bottom: 0;
  left: -150px;
  top: 0;
  right: -60px;
  border-right: solid 40px black;
  border-bottom: solid 10px black;
  border-top: solid 64px transparent;
}
.headline_wh > h2::before {
  bottom: 0;
  left: -150px;
  top: 0;
  right: -60px;
  border-right: solid 40px white;
  border-bottom: solid 10px white;
  border-top: solid 64px transparent;
}
h3 {
	font-size:2.8em;
	padding:20px 10px 20px;
}
.pr_text0 {	
	font-size:3.4em;
	margin:8px 10px;
}

.pr_text0yellow {	
	font-size:3.4em;
	margin:8px 10px;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px rgba(255,255,0,1), 0px 0px 20px rgba(255,255,0,1), 0px 0px 30px rgba(255,255,0,1), 0px 0px 40px rgba(255,255,0,1);
}
.pr_text1 {	
	font-size:3.2em;
	margin:28px 10px 0;
        margin:30px 0;
}
.bt_oubo{
	width:480px;
	margin: 1em auto;
}
.fix_bt_oubo{
	display:block;
	margin: 0.5em auto;
}

.table{
      background-color: #fffafa;
      /*border: solid 1px;*/
      text-align: center;
      font-size: 1.8em;
      margin: auto;
}
.th,td{
      padding: 10px;
}
}

/*####END#####*/

/*--------------------------------------
  ブロック
---------------------------------------*/

/* ブロック */
.contents {
	width:100%;
	/*background-color: #fff;*/
	padding: 0 0 40px;
	color:#003366;
	background:#fff;
}
/*メインブロック*/
.main {
	width:95%;
	margin:20px auto;
	}

footer {
	/*margin:40px auto;*/
	background-color:#000;
	color:#fff;
	font-size:1em;
}

.footer_inner{/*フッター*/
	position:relative;
	display:block;
	max-width:1240px;
	margin:auto;
	padding:10px;
}
.footer_logo {
	display:block;
	width:100%;
}
footer_logo img {
	width:300px;
}
/*.footer_logo img {
	width:300px;
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -150px;*/
}
.horizontal-list{
	width:100%;
	/*margin: 50px auto; */
	/*text-align: center;*/
}

ul.horizontal-list {
    padding: 5px 30px;
}

.horizontal-item {
	display: block;
	padding: 0 3px;
	padding: 3px;
	font-size: 1.2em;
}
/*.horizontal-item + .horizontal-item {
	border-left: 1px solid #bbb;
}*/
.horizontal-item a:hover {
	color: #ddd;
}

.copyright {
	margin-top:30px;
	text-align:center;
	font-size: 1.1em;
	margin-bottom: 50px;
}

/*####768px以上#####*/
@media (min-width: 768px) {
.footer_logo_pc img {
	position:absolute;
	width:300px;
	left: 30px !important;
	bottom: 10px !important;
}
}
/*####END#####*/

/*--------------------------------------
各セクション
---------------------------------------*/
/*特徴*/
.tokuchou > h3{
	font-size:2em;
	margin:40px 8px 0;
}
.tokuchou {
	position:relative;
	border:solid 2px #009933;
	border-radius:10px;
	margin:50px 10px;
}

.tokuchou >.no_green {
	position:absolute;
	display:block;
	width:80px;
	top:-40px;
	left:10px;
	z-index:3;
}

.tokuchou img {
	width:50%;
	display: block;
	margin: 0 auto;
}

.text_white{
   color:#fff !important;
}
.text_namae{
   color:777 !important;
}
.text_black{
   color:#000 !important;
}

/*代表あいさつ*/
.bg_bk{
	background-color:#000;
}
.bg_wh{
        background-color:#fff;
}
.daihyou_img{
width:120px;
}

.midashi_geinou {
	padding:50px 10px 30px;
	font-weight:400;
}

.aisatsu {
	padding:0 10px 30px;
	font-size:0.8em;
}
.aisatsu p{
	color:#333;
	line-height:1.8;
}

/*下線*/
.underyellow {
	padding: 0 2px;
	background: linear-gradient(transparent 50%, #ffff7d 50%);
}

/*仕組み*/
.shikumi_text{
	display: inline;
	font-size:1.5em;
	padding:0;
	vertical-align:middle;
}

.shikumi_text::after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
}

.no_orange_text{
	float:left;
	display:block;
	font-size:24px;
	color:white;
	font-weight:900;
	margin:0 15px 15px;
	padding:5px 8px;
	background-color:#ff6600;
	border-radius:50%;
/*	height:50px;*/
}

/*手順*/
.tejun {
	margin:60px 10px;
}

.tejun_text{
	display: inline;
	font-size:1.8em;
	padding:0;
	vertical-align:middle;
	color:#000;
	line-height:1.5;
}

.tejun_text::after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
}

.tejun_step_img{
background-color:#ccffcc;
margin-top:30px;
margin-bottom:30px;
}
/*報酬率*/
p.pr_text2{
	font-size:1.6em;
	padding:10px 30px;
}

/*####768px以上#####*/
@media (min-width: 768px) {
/*特徴*/
.tokuchou > h3{
	font-size:2.5em;
	margin:0 10px 5px 90px;
}
.tokuchou img {
	width:80%;
}
.tokuchou1_pc{
margin-top:20px;
}
/*挨拶*/
.daihyou_img{
width:200px;
}
.aisatsu {
	font-size:0.9em;
}

/*仕組み*/
.shikumi_text{
	font-size:2em;
}
.no_orange_text{
	font-size:32px;
}
/*報酬携帯*/
p.pr_text2{
	font-size:2.2em;
	padding:10px 100px;
}
/*手順*/
.tejun_text{
	font-size:3em;
	line-height:2;
}
}
/*####END#####*/


/*======================
テーブル
========================*/

#block4{
	padding:30px 10px 30px;*/
	background: #fff;/
}
#block4 table{
	border-collapse:collapse;
	width:100%;
	margin:auto;
}

#block4 table th{
/*	width:25%;*/
	text-align: center;
	vertical-align: middle;
	border: 3px solid #fff;
}

#block4 table td{
	border: 3px solid #fff;
	vertical-align: middle;

}

#block4 table .td1{
	background: #000;
	color:#fff;
	text-align: center;
}
#block4 table .tasya{
	background: #E3E3E3;
}
#block4 table .td5{
	background: #99cc33;
	color: #FFF;
	border-right:solid 3px #fff;/*2列目太枠*/
	border-left:solid 3px #fff;/*2列目太枠*/
}
#block4 table .td3{
	background:#eaeae8;
	text-align:center;
}
#block4 table .td4{
	background:#eaeae8;
	border-right:solid 3px #fff;/*2列目太枠*/
	border-left:solid 3px #fff;/*2列目太枠*/
}
#block4 table td.futowaku_top{
	border-top:solid 3px #fff !important;
}
#block4 table td.futowaku_bottom{
	border-bottom:solid 3px #fff !important;
}
.titleimg4{
	width:254px;
	margin:0 auto 45px;
}

.table_text0{
	font-size:1em;
	/*font-weight:400;*/
	line-height:1.2;
}
.table_text1{
	font-size:0.9em;
	font-weight:600;
	color:red;
	line-height:1.5;
}
.hosoku_text {
	font-size:70%;
}

/*=================
テーブル設定 .deft1
===================*/
table.deft1{
	empty-cells:show;
	width:100%;
	font-size:16px;
}
table.deft1 th{
	padding:17px 29px !important;
	background-color:#dbffa6;
	font-size:20px;
	font-weight:bold;

}
table.deft1 td{
	padding:17px 5px !important;
	vertical-align:top;
}

/*=================
テーブル設定 .deft2 4列の表
===================*/
table.deft2{
	empty-cells:show;
	width:100%;
	font-size:13px;
}
table.deft2 th{
	width:25%;
	padding:17px 29px !important;
	font-weight:600;
}
table.deft2 td{
	padding:17px 5px !important;
	vertical-align:top;
	font-weight:600;
}
table.deft2 .td1{
font-size:0.7em;
}
.td4.jisyared{
	color:#ff0000;
}
.pointer{
	cursor:pointer;	
	
}
.hyourogo {
    width: 70px;
}
/*####768px以上#####*/
@media (min-width: 768px) {
#block4{
	padding:0
	background: #fff;
}
#block4 table{
/*	width:80%;*/
	margin:auto;
}
.table_text0{
	font-size:1.2em;
	line-height:1;
}
.table_text1{
	font-size:1.6em;
}
.hosoku_text {
	font-size:100%;
}

table img {
	dispaly:block;
	margin:auto;
}

/*deft2の表*/
table.deft2{
	font-size:16px;
}

table.deft2 .td1{/*黒帯左列*/
font-size:1em
}
.hyourogo {
	width: auto;
}
table.deft2 td{
	font-size:1.2em;
}
.td4.jisyared{
	color:#ff0000;
	font-size:1.3em;
}
}
/*####END#####*/
@media (min-width: 1024px) {
	#block4 table{
	width:80%;
	margin:auto;
}
.hyourogo{
width:180px;
}
}
/*####END#####*/
/*--------------------------------------
  固定ページよくある質問
--------------------------------------*/
/*質問ナビ*/
ul.faq {
display:grid;
gap: 3px;
grid-template-columns: repeat(7, 1fr);
list-style:none;
}

.faq li {
background:#00cc99;
margin:3px;
border-radius:5px;
text-align:center;
}

.faq li span {
display:block;
color:#fff;
padding:5px 2px;
font-weight:bold;
font-size:12px;
}

.faq li img {
height:30px;
width:auto;
padding-bottom: 10px;/*追加*/
}
.faq li:visited {
	background:#0099cc;
}

.faq li:hover {
	background:#0099cc;
}

.faq li:active {
	background:#0099cc;
}
/*=====768以上======*/
@media (min-width: 768px) {
.faq li span {
font-size:14px;
}
}
/*=====768以上ここまで======*/

/*質問大見出し*/
ul.shitumon2 {
    font-size: 18px;
    color:#333;
    margin: 10px auto ;
    padding-top:50px;
    max-width: 1024px;

}
ul.shitumon2 li {
    position:relative;
    padding: 10px 20px;
    border: solid 1px #0099cc;
    background:#def8f9;
    font-weight:bold;
    letter-spacing:1.5;
    color:#444;
}

/*期間限定*/
img.limited {
  max-width: 420px;
  margin: auto;
}
img.capter {
  max-width: 220px;
  margin-bottom:20px;
}
/*====================================================================
.s_02 .accordion_one（よくある質問） 一つ残して閉じるタイプ
====================================================================*/
.section2 {
    margin: 0 0 60px 0;
}
.section.s_02 {
    padding: 10px;
}
.s_02 .accordion_one {
    max-width: 1024px;
    margin: 0 auto;
}
.s_02 .accordion_one .accordion_header {
    border: solid 1px #009933;
    margin: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 15px;
    /*text-align: center;*/
    position: relative;
    z-index: +1;
    cursor: pointer;
    transition-duration: 0.2s;
}
.s_02 .accordion_one .accordion_header p {
margin-bottom:0 !important;
}

.s_02 .accordion_one .accordion_header:first-letter{
	color: #ff3366;
	font-size: 1.8em;
	font-weight: bold;
	margin-right:10px;
}

.s_02 .accordion_one .accordion_header:hover {
    opacity: .8;
}
.s_02 .accordion_one .accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 5%;
    width: 25px;
    height: 25px;
    margin-top: -12px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    background:#000;
    border-radius:50%;
}
.s_02 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}
.s_02 .accordion_one .accordion_header.open .i_box {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before, .s_02 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #ff3366;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:before {
    content: none;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.s_02 .accordion_one .accordion_inner {
    display: none;
    padding: 0 20px;
}

.s_02 .accordion_one .accordion_inner p.txt_a_ac {
    margin: 0;
}

.txt_a_ac:first-letter{
	color: #3cb371;
	font-size: 1.4em;
	font-weight: bold;
	margin-right:10px;
	}
	
@media screen and (max-width: 1024px) {
    .s_02 .accordion_one .accordion_header {
        font-size: 16px;
    }
    .s_02 .accordion_one .accordion_header .i_box {
        width: 30px;
        height: 30px;
    }
}
@media screen and (max-width: 767px) {
    .s_02 .accordion_one .accordion_header {
        font-size: 14px;
        text-align: left;
        padding: 5px 60px 5px 15px;
    }
    
    .txt_a_ac {
    font-size:14px;
    }
}
/*####768px以上#####*/
@media (min-width: 768px) {
.s_02 .accordion_one .accordion_header {
    font-size: 16px;
    padding: 5px 50px;
}
.s_02 .accordion_one .accordion_inner {
    display: none;
    padding: 0 30px 0 50px;
}
}
/*####END#####*/

/*--------------------------------------
  TOPへ戻る PC・タブレット追尾型
--------------------------------------*/
#page-top {
	display:none;
}

@media (min-width: 768px){
#page-top {
	display:block;
	position: fixed;
	bottom: 40px;
	right: 20px;
	text-align: center;
	z-index:99;
}

#page-top i {
	margin: 0;
}
#page-top a {
	text-decoration: none;
	color: #fe9a2e;
	font-size: 150%;
}
#page-top a:hover {
	text-decoration: none;
	color: #888;
}
}


/*--------------------------------------
  TOPへ戻る スマホ固定型
--------------------------------------*/
.sp_pagetop {
	display: block;
/*	float:right;*/
}

.sp_pagetop a {
	color: #fe9a2e;
	font-size: 150%;
}
.sp_pagetop a:hover {
	text-decoration: none;
	color: #888;
}

.sp_pagetop {
    position: absolute;
    right: 20px;
    bottom: 70px;
}

@media (min-width: 768px){
.sp_pagetop {
	display:none;
}
}

/*--------------------------------------
  応募するボタン固定型（PC）
--------------------------------------*/
.fix_bt_oubo {
	position:fixed;
	top:300px;
	right:-2em;
	color:#fff;
	font-weight:bold;
	padding:1em 3em 1em 1em;
	border-radius:10px;
	background-color:#ff6600;
	box-shadow: -2px 2px #fff;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	z-index:999;
}
/*--------------------------------------
  応募するボタン固定型（SP）
--------------------------------------*/
.fixed-btn__area{
  display: block;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  /*background-color: #fff;*/
  border-top: 1px solid #eee;
  border-bottom:solid 1px #99cc33;
}
.fixed-btn__link{
  display: block;
  padding: 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #009933;
}

.fixed-btn__area img {
width:160px;
margin:auto;
}