@charset "utf-8";
/* CSS Document */

/* コンテンツ全体設定 */
#cancel-contents{
	/* width: 950px; */
	/* height:auto; */
	/* display: inline-block; */
	font-size: .85rem;
	letter-spacing: .2em;
	line-height: 1.5;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif !important;
}

#cancel-contents h2{
	background: #999;
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 1.2rem;
}


.color-w{
	color:#FFF;
}

.mintyou{
	font-family: 'YuMincho',serif;
}

.font-b{
	font-weight: bold;
}

.text-center{
	text-align: center;
}

.c-box{
	margin: 10px;
	line-height: 1.5;
}

.red{
	color: #c9203f;
}


.blue{
	color:#334490;
	text-decoration:underline;
}

section[id]::before {
	content: "";
	display: block;
	height: 67px;
	margin-top: -67px;
	visibility: hidden,
}

/*リスト*/
.c-list{}

/*===============
menu
===============*/
#cancel-menu{
        width: 100%;
        margin: 0 auto;
}

.c-menu{
	width: calc(99%/2);
	display: inline-block;
	border-radius: 5px;
	background: #555;
	font-size: .85rem;
	vertical-align: top;
	margin-bottom: 5px;
}

.c-menu a {
	display: block;
	padding: 10px;
}

.c-menu p{
	width:auto;
	display:inline-block;
	vertical-align: middle;
	/* color: #555555; */
}
.c-menu:hover{
opacity: 0.6 ;
	transition: 0.3s;
}


#cancel-contents .line-gray{
	border-top: #999 solid 1px;
	margin: 20px 0;
}

#cancel-contents .line-gray2{
	margin:1.5% auto;
}


/*アイコン*/
.c-pic{
	width: 25px;
	margin-right: 10px;
}

.c-pic2{
	width: 25px;
}

.c-pic3{
	position:absolute;
	top:8%;
	right:0%;
	transform:translate(-50%,50%);
}


/*=================
説明
=================*/
.c-box2{
    margin: 10px;
}

/*見出し*/
.r-midasi{}

/*小見出し*/
.m-t{
	margin-top: 1%;
}


.sikaku:before{
	content:"■";
}



.tel{
	font-size:15.5px;
}

/*返金方法　入力内容*/
.mail-fax{
	padding-left: 4%;
}




/*========================
   ご負担頂く実費　表
========================*/
.hyou dt{
	font-size:2.9vw;
}

.hyou h3{
	border:#000 solid 1px;
	padding:1.7% 0; 
}

.midasi{
	width: 550px;
	background: #eeeeef;
	font-size: 1rem;
	padding: 10px;
	/* margin-top: 10px; */
}

.midasi-2{
	font-size: 1rem;
}

.dd-kome{
	border-bottom:#000 solid 1px;
}

.p-yohaku{
	padding:12.5% 0;
}

.p-yohaku2{
	padding:5% 0;
}

.p-yohaku3{
	padding:20% 0;
}

.i-line{
	display: inline-block;
}

.h3-b{
	/* border-top: #333 solid 1px; */
	/* border-right: #333 solid 1px; */
	/* border-left: #333 solid 1px; */
	/* padding: 5px 0; */
}

.tyumon-text{
	padding:1% 0;
}


/*表*/
.j-hutan{
	width: 550px;
	/* margin:auto; */
	text-align: justify;
}
.jipi{
	width:33.3%;
	height:auto;
	display:inline-block;
	vertical-align: top;
}

.jipi-hyou dt{
	border-bottom:#000 solid 1px;
}

.dt1{
	padding:1.5% 0 13% 0;
}

.jipi-hyou{
	height:100%;
	font-size:0;
	border:#000 solid 1px;
}

.jippi-kome{
	border-top:#000 solid 1px;
	padding:3.5% 0 0 0;
}

#tyumon-teigi table{
	margin: 10px 0;
}

#tyumon-teigi th,
#tyumon-teigi td{
	/* width:30%; */
	border: #555 solid 1px;
	padding: 10px;
}

#tyumon-teigi td{
	/* vertical-align:top; */
	/* font-size: .75rem; */
}


/*ご負担いただく実費*/
.hutan1{

background: #EEFFFF;
}

.hutan2{
	
background: #EEFFEE;
}


.hutan3{
	
background: #FFFFEE;
}


.hutan4{
	
}

.hutan5{
	
}



.henkin{
	border:#000 solid 1px;
}

.hyou-3 dl{
	height:100%;
}

.hyou-3 dd{
	min-height:29%;
}


.sankaku2:before{
	content:"▲ ";
	color:#334490;
}

.sankaku-r{
	width:0;
	height: 0;
	border:6px solid transparent;
	border-left:6px solid #000;
	margin:0 auto;
	display:inline-block;
}

.sankaku3{
	text-align:left;
}



.l-maru:before{
	content:"●";
	color:#C9203F;
}

.l-maru-b:before{
	content:"●";
}

/*TOPに戻る*/
.text-r{
	text-align:right;
	margin-top:3%;
}
