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

.container{ margin-top:10px; }

div.lr20{ margin-left: 2rem; margin-right: 2rem;}
div.lr10{ margin-left: 1rem; margin-right: 1rem; max-width:767px; }
div.lr5{ margin-left: 0.5rem; margin-right: 0.5rem; }
div.lr75{ margin-left: 0.75rem; margin-right: 0.75rem; }
#wrap { width:100%; overflow:hidden; }

div.lr715{ width:715px; margin: 0 auto; }
div.lr720{ width:720px; margin: 0 auto; }
div.lr580{ width:580px; margin: 0 auto 30px; }
div.lr1000{ width:1000px; margin: 0 auto; background-image:url(../begginer/image/begginer_image_BaseBack.png); padding-bottom:50px;}

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

h1.h1_title0{
	font-size: 1.6rem;
	font-weight: 800;
	padding: 0.3rem;
	border-left: 0.5rem solid #03B42D;
	padding-left: 0.8rem;
	margin-bottom: 1rem;

}

h1.title_closing-day {
	font-size: 1.3rem;
	font-weight: bold;
	margin: 20px 0px;
	padding: 10px 10px 5px 40px;
	border-bottom : 3px dotted #03B42D;
}
h1.title_closing-day:before {
  font-family: "Font Awesome 5 Free";
  content: "\f274";
  font-weight: 900;
  position: absolute;
  margin-left: -1.2em;
  color: #03B42D;
}
h1.on-title1 {
    font-size: 1.3rem;
    font-weight: bold;
    color: #333333;
    border-left-width: 7px;
    border-left-style: solid;
    border-left-color: #00A832;
    clear: left;
    padding-left: 15px;
    margin-bottom: 20px;
    padding-bottom: 0.3em;
    padding-top: 0.3em;
}
@media screen and (max-width: 768px) {
	.container{ margin-top:0; }
	h1.title_closing-day { /*width: 90%;*/ margin: 0 auto 20px auto; padding: 10px 10px 5px 30px; font-size: 1rem; line-height:1.2;}
	h1.on-title1 { /*width: 90%; margin: 0 auto 20px auto;*/ font-size: 1.15rem; }
}


h2.h2_title1{
	position: relative;
	color: #333333;
	font-size: 1.3rem;
	font-weight: bold;
	margin: 20px 0px;
	padding: 10px 0px 5px 15px;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #03B42D;
}
@media screen and (max-width: 768px) {
	h2.h2_title1{ font-size: 1.05rem; padding: 10px 0px 5px 5px; }
}

h2.shimekiri_title2{
	font-size: 1.125rem;/*18px*/
	font-weight: bold;
	color: #333;
	border: 2px solid #146806;
	padding: 6px 15px 5px;
	background-color: #E4FFCC;
	margin: 0px auto 10px;
}
h2.important_notes-title {
	font-size: 1.5rem;
	font-weight: bold;
}
h2.sponsorship_day-title {
	font-size: 1.2rem;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	h2.sponsorship_day-title { font-size: 1rem; }
}

h3.important_notes{
	font-size: 1.125rem;/*18px*/
	font-weight: bold;
	color: #333;
	border: 2px solid #146806;
	padding: 6px 15px 5px;
	background-color: #FFEDAE;
	margin: 0px auto 10px;
}

.title4 {
    position: relative;
    color: #333333;
    font-size: 1.3rem;
    font-weight: bold;
    margin: 20px 0px 20px;
    padding: 10px 0px 5px 15px;
    border-bottom-width: 3px;
    border-bottom-style: dotted;
    border-bottom-color: #03B42D;
}
@media screen and (max-width:768px){/*520pxから変更*/
.title4 { font-size: 1.25em !important;}
}

.title5_line {
    position: relative;
    color: #333333;
    font-size: 1.3rem;
    font-weight: bold;
    margin: 20px 0px 20px;
    padding: 8px 0px 3px 10px;
	border-left: 6px solid #03B42D;
}
@media screen and (max-width:768px){/*520pxから変更*/
.title5_line { font-size: 1.25em !important;}
}

h2.ontitle1 {
    font-size: 1rem;
    font-weight: bold;
    color: #333333;
    border-left: 3px solid #03B42D;
    clear: left;
    padding-left: 7px;
    margin-bottom: 4px;
    padding-bottom: 0.05em;
    padding-top: 0.05em;
}

h3.h3_title11{
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

h3.sub1{
	padding: 0.5em 0.5em 0.5em 1em;/*文字まわり（上下左右）の余白*/
	font-size: 1.125rem;/* 20190325変更18px */
	margin-top: 18px;
    margin-left: 10px;
    margin-bottom: 16px;
}

p.t1{
	font-size:1rem;
	line-height: 1.6rem;
}
p.t1-2{
	font-size:1.2rem;
	line-height: 1.6rem;
}

p.t2{
	font-size:0.8125rem;
	line-height: 1rem;
}
p.f1-2_1{
	font-size:1.2rem;
	line-height: 1.7rem;
}
@media screen and (max-width:768px){/*520pxから変更*/
	h3.h3_title11{font-size: 1rem;}
	h3.sub1{ margin-right: auto; margin-left: auto; min-width: auto !important; }
	p.t1{ font-size:0.875rem; line-height: 1.4rem;}
	p.t2{ font-size:0.75rem; line-height: 1rem;}
	p.f1-2_1{ font-size:1rem; line-height:1.5rem; }
}

ul.list1 li{
	font-size:1rem;
	line-height: 1.7rem;
	margin-left: 2rem;
	margin-bottom: 0.5rem;
}

ul.list1 li:before{
  font-family: FontAwesome;
  content: "\f0a9";
  font-size: 1.2em;
  font-weight: normal;
  color: #03B42D;
  margin-right: 0.4rem;
  position: relative;
  top: 0.07rem;
}
@media screen and (max-width: 768px) {
	ul.list1 li{ margin-left: 1rem;}
}
	
.ond_img1{
	margin-bottom: 0.1rem;
	
}

.green_ond1{
	color: #03B42D;
}
.blue_ond1{
	color: #032db4;
}
.orange_ond1{
	color: #E06404;
}

.margin_right5{
	margin-right:0.5rem;
}


/*追加CSS　201126　ここから*/


/*
*, *:before, *:after { box-sizing: border-box; }
*/

ul.bxslider01 li {
	display:block;
	width:100%;/*メインスライダーの横幅*/
	height:auto;/*メインスライダーの縦幅*/
}

ul.bxslider01 li img{
	display:block;
	width:100%;
	height:auto;
}


.bgcolor_choco { background: #7C292B; }

.bgcolor_darkslategray { background: #2f4f4f; }

.bgcolor_yellow2 { background: #F7E64C; }

.sub2 {
    padding: 0.5em 0.8em;
    margin-bottom: 1.0em;
    margin-top: 1.0em;
    font-size: 1rem;
}

.papersample_table {
    font-size: 0.875rem;
    line-height: 1rem;
}
.paper_font1 {
    margin: 0px;
    padding: 0px;
}

/*#section2*/ .note_box_02 {
    margin: 20px;
	border: dotted #999999 ;
    overflow: hidden;
}
/*#section2*/ .note_box_02 .wrap {
    margin: 10px 15px 10px 20px;
    background: #ffffff;
    overflow: hidden;
}
/*#section2*/ .note_box_02 .wrap p {
    margin-left: 15px;
    margin-right: 15px;
    line-height: 1rem;
    font-size: 1rem;
    color: #cc0000;
	margin-bottom: 5px;
}
/*#section2*/ .note_box_02 .wrap ul {
    margin-left: 15px;
    margin-right: 15px;
    line-height: 120%;
    font-size: 0.75rem;
}
/*#section2*/ .mb15 {
    margin-bottom: 15px;
}
/*#section2*/ .note_box_02 .wrap ul li {
    margin-bottom: 4px;
	/*list-style-type: disc;*/
    line-height: 1.1rem;
	position: relative;
}
.note_box_02 .wrap ul li:before{
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: -6px;
    top: calc(0.75rem - 5px);
}


/*#section2*/ .nouki {
    font-size: 1.5rem;
    font-weight: bold;
    color: #C00;
    margin-top: 30px;
    line-height: 1.2em;
    margin-left: 25px;
}

.cap3 {
	margin-top: 0px;
	margin-bottom: 35px;
	margin-left: 25px;
}

.top0px { margin-top: 0px;}
.top2px { margin-top: 2px;}
.top5px { margin-top: 5px;}
.top10px { margin-top: 10px;}
.top15px { margin-top: 15px;}
.top20px { margin-top: 20px;}
.top30px { margin-top: 30px;}
.top40px { margin-top: 40px;}

.bottom0px { margin-bottom: 0px;}
.bottom2px { margin-bottom: 2px;}
.bottom5px { margin-bottom: 5px;}
.bottom10px { margin-bottom: 10px;}
.bottom15px { margin-bottom: 15px;}
.bottom20px { margin-bottom: 20px;}
.bottom30px { margin-bottom: 30px;}
.bottom40px { margin-bottom: 40px;}

.mr3px { margin-right:3px; }
.mr5px { margin-right:5px; }
.mr10px { margin-right:10px; }

.ml3px { margin-left:3px }
.ml5px { margin-left:5px }
.ml10px { margin-left:10px }

.left50-0 { margin-left:50px; }
@media screen and (max-width:768px){
	.left50-0 { margin-left:0px; }
}

.dot01 {
  margin        : 10px auto;                 /* サンプル用 中央寄せ  */
  box-sizing    : border-box;           /* 罫線も含む長さ       */
  width         : 100%;                 /* BOXの幅              */
  max-width     : 579px;                /* BOXの最大幅          */
  border-top    : 4px dotted #999999;   /* 枠線の指定（上）     */
  border-radius : 1px;                  /* 角丸の指定           */
}

.dot02 {
  margin        : 10px auto;                 /* サンプル用 中央寄せ  */
  box-sizing    : border-box;           /* 罫線も含む長さ       */
  width         : 100%;                 /* BOXの幅              */
  /*max-width     : 579px;*/                /* BOXの最大幅          */
  border-top    : 4px dotted #999999;   /* 枠線の指定（上）     */
  border-radius : 1px;                  /* 角丸の指定           */
}

div.clear_both { clear: both; }

/* マーカー線・赤 */
.marker_red{
	background:linear-gradient(transparent 70%, #ff9393 70%);
	font-weight:bold;
	border-radius: 2px;
}
/* マーカー線・青 */
.marker_blue {
	background: linear-gradient(transparent 70%, #9eceff 70%);
	font-weight: bold;
	border-radius: 2px;
}
/* マーカー線・黄 */
.marker_yellow {
	background: linear-gradient(transparent 70%, #ffdc00 70%);
	font-weight: bold;
	border-radius: 2px;
}
/* マーカー線・緑 */
.marker_green {
	background: linear-gradient(transparent 70%, #b2ffb2 70%);
	font-weight: bold;
	border-radius: 2px;
}


h2.top-title1 {
    font-size: 1rem;
    font-weight: bold;
    color: #333333;
    border-left: 3px solid #03B42D;
    clear: left;
    padding-left: 7px;
    margin-bottom: 8px;
    padding-bottom: 0.05em;
    padding-top: 0.05em;
}

.on-top_text {
    font-size: 0.85rem;
    line-height: 1.6;
    color: #3C3C3C;
    padding: 0 10px;
    float: none;
    clear: none;
}

div.box_8px_line {
    width: calc(100% - 28px);
	border: 8px solid #E7E7E7;
	padding: 6px;
	margin: 10px 0 25px;
}

.nap_table {
	width: 100%;
	font-size: 0.8rem;
	text-align: left;
	margin: 10px auto 40px;
	border-collapse: collapse;
}
.nap_table th {
	width: 25%;
	font-weight: 500;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
	background: #f5f5f5;
	border: 1px solid #ccc;
}
.nap_table td {
	vertical-align: middle;
	padding: 10px;
	border: 1px solid #ccc;
}

div.info1{
	padding: 15px 15px 12px;
	font-size: 0.8125rem;
	border: 1px dotted #C00;
	margin: 10px 15px 30px;
	line-height: 1.4em;
}
div.info1 p{
	padding-bottom: 5px;
	margin:0;
}


/*　文字前にアイコン（■レ点マーク）　*/
.info1-ul { position: relative;}
.info1-ul li { padding: 0 0.8em 0.5em 1.3em; margin:5px 0px 0px; }
.info1-ul li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f14a"; /*アイコン種類*/
  position: absolute;
  left : 0em; /*左端からのアイコンまで*/
  /*margin-top: -0.1em;*/
  color: #C00; /*アイコン色*/
}

/*　文字前にアイコン（●！マーク）　*/
.infocircle-ul { position: relative;}
.infocircle-ul li { padding: 0 0.8em 0.5em 1.3em; margin:5px 0px 0px; }
.infocircle-ul li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f05a"; /*アイコン種類*/
  position: absolute;
  left : 0em; /*左端からのアイコンまで*/
  /*margin-top: -0.05em;*/
  color: #C00; /*アイコン色*/
}

/*　文字前にアイコン（※マーク）　*/
.asterisk-ul { position: relative; }
.asterisk-ul li { /*padding: 0 0 0 0.7em;*/ /*margin:10px 5px 5px;*/ padding: 0 0.8em 0.5em 1.2em; margin:5px 0px 0px;}
.asterisk-ul li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "※"; /*アイコン種類*/
  position: absolute;
  left : 0.25em; /*左端からのアイコンまで*/
  color: #C00; /*アイコン色*/
}


.event_box_01 {
    margin: 0 auto 30px auto;
    padding: 15px 0 0 0;
    width: 690px;
    border: 1px solid #cccccc;
    overflow: hidden;
}
h4.midashi_ansolo {
    font-size: 1.125rem;
    font-weight: bold;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #00A832;
    padding-left: 8px;
    margin: 10px 30px 10px;
    color: #005279;
}
@media screen and (max-width:768px){
	.event_box_01 { width: 95% !important; margin: 20px auto !important; }
	h4.midashi_ansolo { margin: 10px 0 20px 15px; }
}


.asterisk-back::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: " ※";
    color: #C00;
}
.asterisk-front::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "※";
    color: #C00;
}