@charset "UTF-8";

section.course{width:100%;}

/*===コース枠===*/
div.course_unit{width:100%;border: 1px solid rgba(255,255,255,1.0);background:rgba(250,255,255,0.6);padding:15px 0px;margin-top:25px;}
div.course_unit_in{width:calc(100% - 30px);}
div.course_unit_box{width:100%;margin-bottom:15px;}

/*===コース部分===*/
p.topattention{}
h3.cat_title{width:100%;padding-bottom:8px;}
h3.cat_title span{display: inline-block;width: auto;height: auto;margin: 0px auto;padding: 7px 40px 5px 40px;
    clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);background: #03333e;color: #ffffff;line-height: 1;}
dl.course_box{width:100%;
	display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}
dl.course_box div{width:100%;min-width:0;border-bottom:1px solid #ddd7d7;
	display:grid;grid-template-columns:repeat(2,1fr);gap:0px;}
dl.course_box dt{width:100%;min-width:0;}
dl.course_box dt h3 , 
dl.course_box dt h4
	{width:calc(100% - 20px);height:auto;text-align:left;line-height:1.6;position:relative;padding-left:15px;font-size:14px;font-weight:bold;}
dl.course_box div dt h3::before , 
dl.course_box div dt h4::before
	{content:'';width:9px;height:9px;display:inline-block;
	background: url("/img/common/li.png") no-repeat;background-size:9px 9px;background-position:0px 0px;position:absolute;top:5px;left:0px;}
dl.course_box dd {width:100%;min-width:0;}
dl.course_box dd p{width:calc(100% - 20px);height:auto;text-align:right;line-height:1.6;font-size:14px;font-weight:bold;}

/*===各々注意事項===*/
p.attention{width:100%;padding:6px 0px;border: 1px solid rgba(255,255,255,1.0);background:rgba(250,255,255,0.6);margin-top:15px;}
p.attention p span{width:calc(100% - 20px);height:auto;}

/*===各々===*/
.detail.etc , 
.detail.cancel , 
.detail.option , 
.detail.transportation , 
.detail.payment , 
.detail.using_guide
	{width:100%;padding-top:25px;}