@charset "utf-8";
/* CSS Document */



main.thanks{
	width: 100%;
	margin: 0 auto;
}

main.thanks .mv{
	width: 100%;
    margin: 0 auto;
    display: block;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 30px;
    height: 325px;
    background-image: url(../pc_titlebar.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

main.thanks h2{
    font-size: 40px;
	font-size:clamp(2.188rem, 1.993rem + 0.41vw, 2.5rem);/*values(min:35px,max40px)viewport(min768px,max2000px)*/
    letter-spacing: 3px;
    font-weight: bold;
    /* font-family: 'Hind', sans-serif; */
    color: #fff;
    margin: 0 auto;
	padding-top: 148px;
	padding-top: 162px;
	margin-left: 7%;
}
  

#main_content{
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 96px;
}

.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){
	display: none;
}
.contact_wrapper h2{
	text-align: center;
	margin-top: 30px;
	font-size: 35px;
}


/*色ベタボックス*/
.contact_wrapper .irobox{
/*background-color: #01a43942;*/
border-radius: 8px;/*角丸*/
width:500px;/*800pxで中央に*/
padding-top:42px;
padding-bottom: 42px;
margin:0 auto;
position: relative;
	    /*margin-top: 94px;
	margin-bottom: 45px;*/
}

.contact_wrapper section{
text-align: center;
}

.contact_wrapper .thanks-illust{
	    margin-bottom: -20px;
}

.contact_wrapper .h2{
display: none;
}

.contact_wrapper .irobox .block{
display: block;/*改行*/
}

.contact_wrapper .contact-read{
margin:0 auto;
text-align:center;
letter-spacing:2px;
color:#2a2a2a;
font-weight: bold;
}
.contact_wrapper .contact-read_2{
padding-top: 4%;
}

/*吹き出し作成：三角*/
.contact_wrapper .irobox .triangle{
display: none;
/*三角の描写( 16pxの幅の下向きの三角 )*/
border-top: 16px solid #01a43942;/*色*/
border-right: 16px solid transparent;
border-left: 16px solid transparent;
/*三角の位置*/
position: absolute;
/*一番下から三角の高さ16px分下に*/
bottom:-16px;
/*absoluteで左右中央配置する*/
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}


/*点線*/
.contact_wrapper .irobox .dash{
    display: block;
    width: 400px;
    margin: 0 auto;
    margin-top: 24px;
    margin-bottom: 7px;
    background-image: linear-gradient(to right, #2a2a2a, #2a2a2a 3px, transparent 2px, transparent 8px);
    background-size: 8px 2.5px;
    background-position: left bottom;
    background-repeat: repeat-x;
    padding-bottom: 4px;
}

/*イラスト*/
.contact_wrapper .thanks-illust img{
display: block;
    width: 80%;
    max-width: 261px;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 4%;
}

.thanks-sp{
display: none;
}
.contact_wrapper h2 {
    text-align: center;
    margin-top: 65px;
    font-size: 35px;
    margin-bottom: -73px;
}

/*[type=submit].back{
	    width: 80%;
    color: #2a2a2a;
    height: 55px;
    display: block;
    background: #F5C701;
    border: none;
    border-radius: 9px;
    font-size: 15px;
    letter-spacing: 2px;
    margin: 0 auto;

}
*/

#privacypolicy p.annotation{
	margin: 0 auto;
    text-align: left;
    width: 80%;
    max-width: 500px;
	font-size: 15px;
	letter-spacing: 1.5px;
    line-height: 1.4;
    font-weight: bold;
    border: 2px dashed #9C8754;
    padding: 20px;
	margin-bottom: 112px !important;
}



p.annotation span.strong{
    color: #9C8754;
}


/* //全体ここまで */
/* =================================================================================

スマホ(768px以上からPCコーディング)
961 

==================================================================================== */
@media only screen and (max-width: 767px){	
	
/* =============================================================================
   タイトルバー(固定ページのh2はページタイトルに使用)
   ========================================================================== */
main.thanks{
	width: 100%;
	margin: 0 auto;
	font-size: 13px;
    text-align: justify;
	margin-top: 32px;
}
	
/*タイトルバー背景画像　SP用*/
main.thanks .mv{
    height: 100px;
    background-image: url(../sp_titlebar.webp);
}	
	
main.thanks h2 {
    letter-spacing: 2px;
    padding: 30px 0;
    text-align: left;
    padding-top: 37px;
	font-size:clamp(1.125rem, 1.036rem + 0.45vw, 1.25rem);/*values(min:18px,max20px)viewport(min320px,max767px)*/
}	
	
	
	
	
	
	
	
	
	
/*プロフィールを内包するdivの幅をで全体に共通指定している90%内に納める*/
.contact_wrapper{
width: 100%;
}
.contact_wrapper .irobox {

}

.contact_wrapper h2 {
    text-align: center;
    margin-top: 126px;
    font-size: 25px;
    letter-spacing: 2px;
    margin-bottom: -120px;
}
	
.contact_wrapper .thanks-illust {
    margin-bottom: -10px;
}

	
.post_content{
		 margin-top: -58px;
	}
   
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*ラッパーの位置を下げる*/
.contact_wrapper{
        margin-top: 0%;
}
/*イラスト*/
.contact_wrapper .thanks-illust img{
margin-bottom: 20%;/*イラスト下の余白を調節*/
}

/*色ベタボックス*/
.contact_wrapper .irobox{
           width: 95%;;/*800pxで中央に*/
/*margin-bottom: 12%;色ベタとイラストの間の余白を調節*/
}


/*色ベタの中のテキストの幅*/
.contact_wrapper .contact-read{
width: 80%;
}

/*スマホは改行なしに*/
.contact_wrapper .irobox .block{
display:inline;
}

/*点線*/
.contact_wrapper .irobox .dash{
    width: 70%;
}

.thanks-sp{
display: block;
}
.thanks-pc{
display: none;
}
	
	
p.annotation {
	 width: 100%;
}	
	
.contact_wrapper .thanks-illust img {
         margin-bottom: 12%;
        margin-top: 15%;
}	
	


}/* //スマホコーディング(ここまで) */
/* =================================================================================

スマホだけ

==================================================================================== */
@media screen and (min-width:320px)and (max-width:767px){
	

}
/* =================================================================================

PCコーディングだけ/768px以上～
     
==================================================================================== */
@media screen and (min-width:768px){
	
	
}
/* =================================================================================

タブレット以上/モニター(普通)以下

==================================================================================== */
@media screen and (min-width:600px)and (max-width:1200px){

/*------------------
  pcコーディングでコンテンツエリア(1200px※コンテンツエリアのpx値)以下の幅のとき

※1200px以上の絶対値指定したものは1200px以下の数値か%の数値へ変更
※横並びでspace-betweenにしているものはこの区間では両端に寄るので、1200px以下～スマホまでの領域はcenterにした上でcolumugapで余白つけとくこと
 ------------------*/	





/*イラスト*/
.contact_wrapper .thanks-illust img{
    width: 77px;/*ipad pro意外のタブレットのイラストサイズ調整*/
}


/*main.thanks{
        margin-top: 53px;
}
*/


}
/* =================================================================================

モニター(wide)だけ

==================================================================================== */
@media screen and (min-width:1500px){


	
}