@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500&family=Noto+Sans+JP:wght@500;900&display=swap');

body{font-family: 'M PLUS Rounded 1c', sans-serif;}


/* スタイルの上書き */
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 720px;
  }
}


div.container{padding: 0;}

@media (min-width: 768px) {
div.container-fluid {
   background-image: url("../img/bg-all.png");
    background-repeat: repeat;
    background-position: center;
	}}

div.orangegra{
	background-image: url("../img/apply/bg.png");
	background-repeat: no-repeat;
    background-position: top;
	
}

div.ora-col{
	background-color: #feeeea;
}
div.pink-col2{
	background-color: #F8E3EA;
}

div.faq-col{
	background-color: #FAEEF1;}



div.yellow-line{
	background-image: url("../img/bg-yline.png");
	
}


.entry-preinput{
	margin: 0 auto;
	width: 100%;
	background-color: #ed7b32;
	padding: 10px 0;
	}



/*--------------------------------
登録フォーム
---------------------------------*/

input, textarea {
	margin-top: 10px;
	font-size:20px;
	border:1px solid #999999;
	padding:5px 10px;
	border-radius:5px;
}
input, text {
	width: 90%;}

input {
	width:100%;
} 

p.mail-caution{
	width: 80%;
	margin: 0 auto;
	font-size: 12px;
}




/*--------------------------------
動くボタン
---------------------------------*/
.ugo{
/*アニメーション*/
animation: animScale 2s infinite ease-out;
transform-origin: 50% 50%;
animation-play-state:running;

}
@keyframes animScale {
0% { transform: scale(0.8, 0.8); }
5% { transform: scale(1.2, 1.2); }
10% { transform: scale(1, 1); }
15% { transform: scale(1.1, 1.1); }
20% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
} 

/* フッター */
footer{
}

div.copy{
	background-color:#393939;
    font-size: 12px;
	padding: 10px 0;
	text-align: center;
	color: #fff;
}

div.copy a{
	color: #F77450;
}



/*--------------------------------
アニメーション
---------------------------------*/
.yureru-j {
    animation: yureru-j 2s infinite;
}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}

/*--------------------------------
上にもどるボタン
---------------------------------*/
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 1;
  z-index: 99;
}
#page-top a {
  background: #555555;
  text-decoration: none;
  color: #fff;
  width: 60px;
  padding: 23px 5px;
  text-align: center;
  display: block;
  border-radius: 90px;
  opacity: 0.9;
  transition: all .3s ease;
}
#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}


/*--------------------------------
テキスト系
---------------------------------*/

p.coach-text{
	padding: 30px;
	font-size: 25px;
	line-height: 1.4em;
	text-align: justify;
}


p.nomal-text{
	padding: 30px;
	font-size: 22px;
	line-height: 1.4em;
	text-align: justify;
}


p.last-text{
	padding: 30px;
	font-size: 22px;
	line-height: 1.4em;
	text-align: center;
}

p.chigai-text{
	padding: 30px 30px 10px 50px;
	font-size: 22px;
	line-height: 1.4em;
	text-align: justify;
}

p.pink-caution{
	padding: 30px;
	font-size: 30px;
	line-height: 1.4em;
	text-align: justify;
	color: #E66B77;}

.red{
	color: #F77450;
}

.blue{
	color:#2D95D1;}

.text_under {
background:linear-gradient(transparent 80%, #fcdcd4 80%);
}

.text_underpink2 {
background:linear-gradient(transparent 0%, #F9EDEF 0%);
}


.suisen-in{
	margin: 10px;
	background-color: #f9f1de;
}



/***************************************
nonstress-ボタン下注意文
***************************************/

.btn-caution{
    width: 80%;
    border: 1px solid #ed7b32;
    border-radius: 10px;
    margin: 0 auto;
    padding: 10px;
    font-size: 12px;
    background-color: #FFFFFF;
}





@media screen and (max-width:720px) {
p.coach-text{
	padding: 20px;
	font-size: 16px;}	
p.nomal-text{
	padding: 20px;
	font-size: 16px;}
		
}





/*--------------------------------
ご相談の流れ
---------------------------------*/

.nagare{
	border-radius: 10px;
	background-color: #FFFFFF;
	padding: 10px 0px;
	margin: 30px 0px;
}



/*--------------------------------
よくある質問
---------------------------------*/

.q{
	font-weight: 700;
	color: #ff9900;
}

.qtext{
	font-weight: 700;
}

div.ans{
	background-color: #fff;
	color: #000;
	padding: 20px 20px;
	margin-top: -20px;
	font-size: 16px;
	line-height: 1.4em;
	text-align: justify;
	border: 3px solid #ff9900;
	border-radius: 10px;
}


/*--------------------------------
LINEボタン部分
---------------------------------*/
.line-btn {
    position: relative;
}

.fv-linebtn01 {
    position: absolute;
    right: 0px;
    top: 48%;
}

.fv-linebtn02 {
    position: absolute;
    right: 0px;
    top: 28%;
}

/*アニメーション2*/
.ugo2 {
    animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
    0% {
        transform: translate(2px, 0px);
    }
    5% {
        transform: translate(-2px, 0px);
    }
    10% {
        transform: translate(2px, 0px);
    }
    15% {
        transform: translate(-2px, 0px);
    }
    20% {
        transform: translate(2px, 0px);
    }
    25% {
        transform: translate(-2px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}

/* 特定商・ポリシー */

.th{
    line-height:1.6;
    margin:0 0 5px 0;
    padding:10px; 
	background: #2D95D1;
    color: #FFF;
}

.td{
    line-height:1.6;
    margin:0 0px 5px 0;
	padding:10px 0px;
}

.td p{margin: 0 20px;
font-size: 12pt;}

/* 共通ライン */
hr.clear{
    border:0;
    border-bottom:1px dashed #999;
    clear:both;/* floatを使用しているので、ここでクリアする */
}