@charset "utf-8";

html {
	color:#000;
	background:#FFF;
	overflow-y: scroll;
}

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	word-wrap:break-word;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,
q:before,q:after {
	content: '';
	content: none;
}

input,textarea {
	margin: 0;
	padding: 0;
}

ol,ul{
	list-style:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	*font-size:100%;
}

legend {
	color:#000;
}

a {
    color: #000;
    text-decoration: none;
    transition: .4s
}

a:focus {
	outline:none;
}
a:hover {
	opacity:0.7;
}
.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}
/**
 *
 * 
 *
 */
 
 
body{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
	overflow: hidden;
}



img{
	width: 100%;
	vertical-align: middle;
}

button, select, input, input[type=submit] {
    -webkit-appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

@media screen and (max-width: 599px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

.content{
	max-width: 900px;
	margin: auto;
}

/* main */
.gradation_t{
	background-image: linear-gradient(180deg, #fce7da, #ffffff);
}
.top_ttl{
	margin: 0 30px;
    padding: 20px;
}
.top_imgarea{
	display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: -5px;
    margin-bottom: 20px;
}
.top_img{
	width: 50%;
}
.note_txt{
	text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    letter-spacing: -1px;
}
.note_txt::before {
	content: "■";
	color: #ff756b;
	padding-right: 30px;
}
.note_txt::after {
	content: "■";
	color: #ff756b;
	padding-left: 30px;
}
.note_area{
	display: flex;
    justify-content: center;
    align-items: center;
}
.medicine{
	width: 20%;
    margin-right: 20px;
}
.note_txtb{
	text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    letter-spacing: -1px;
}
.gradation_cp{
	background-image: linear-gradient(#ffffff, #fce7da);
}
.cp_overview{
    margin: 15px 30px 0;
    padding: 0 30px;
}
.gradation{
	background-image: linear-gradient(180deg, #fce7da, #ffffff 65% 90%, #fce7da);
    margin: -2px 0 0;
    padding: 0 30px;
}
.cp_days,.cp_prize{
	padding-top: 35px;
}
.cp_ttl{
	background: #ff756b;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    padding: 0 25px;
    font-family:"メイリオ", "Meiryo",sans-serif;;
	letter-spacing: 3px;
}
.cp_period{
	margin: 35px auto;
}
.cp_txt{
	font-size: 1.4em;
    font-weight: bold;
    letter-spacing: 1px;
}
.asterisk{
	padding-left: 1em;
	text-indent: -1em;
}
.course_area{
	display: flex;
    align-items: center;
}
.course_a{
	padding-top: 40px;
}
.course_numbaer{
	width: 20%;
    margin-right: 30px;
}
.course_txt{
	font-size: 1.4em;
    font-weight: bold;
    line-height: 1.6;
}
.cp_winners{
	width: 30%;
    margin-left: auto;
    padding-top: 5px;
}
.cp_prize_list{
	padding: 35px 0 10px;
}
.plist_b{
	width: 75%;
    margin: auto;
    padding: 0 0 10px;
}
.btn_link_area{
	width: 70%;
    margin: 30px auto;
}
.winc{
	margin-top: -30px;
}
.plist_c{
	width: 45%;
    margin: -75px auto 0;
    padding-left: 100px;
}
.prize_c{
	padding-bottom: 30px;
}
.medicineb {
    width: 26%;
    margin-right: 20px;
}
.apply_ttl{
	background: #00b900;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    padding: 15px;
    font-family:"メイリオ", "Meiryo",sans-serif;
    letter-spacing: 6px;
    text-align: center;
    margin: 30px auto;
	line-height: 1.6;
}
.step_area{
	padding: 30px 0;
}
.step_no{
	width: 20%;
    margin: auto;
    padding-bottom: 30px;
}
.sp_txt,.inquiry_txt{
	font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 1px;
}
.st01{
	padding-bottom: 25px;
}
.st01b{
	text-align: center;
    letter-spacing: 0;
    line-height: 1.4;
    padding-top: 25px;
}
.line_qr{
	width: 45%;
    margin: 20px auto;
}
.grd02{
    background-image: linear-gradient(180deg, #fce7da, #ffffff 40% 65%, #fce7da);
}

.line_menu_img{
	width: 95%;
    margin: 0 auto 35px;
}
.st02{
	padding-bottom: 40px;
}
.line_form_img{
	width: 64%;
    margin-left: auto;
    padding-right: 10px;
    margin-top: 30px;
}
.precautions{
	font-size: 1.4em;
    font-weight: bold;
    letter-spacing: 0.5px;
    border: solid;
    padding: 20px;
    line-height: 1.6;
    margin-top: -30px;
}
.terms_area{
    padding: 2.5em;
	box-shadow: inset 1px 1px 15px 0px rgba(159, 160, 160, 0.4);
    background: #fff;
    margin: 35px auto;
}
.terms_txt_area{
	height: 25em;
    overflow-y: scroll;
    overflow-x: hidden;
}
.terms_ttl{
	text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 20px;
}
.terms_midasi{
	font-weight: bold;
	border-bottom: solid 0.5px #333;
}
.terms_t01{
	font-weight: bold;
	padding-top: 5px;
	font-size: .9em;
}
.terms_txt{
	font-size: .8em;
	padding-top: 5px;
}
.terms_txtarea{
	padding-bottom: 20px;
}
.terms_list01{
	padding-top: 5px;
}
.terms_list01 li{
	font-size: .8em;
	padding-top: 5px;
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
.terms_list02{
	font-size: .8em;
    padding-left: 1em;
    padding-top: 5px;
}
.list_span{
	padding-left: 10px;
}
.privacy_link,.mail_link{
	text-decoration: underline;
    color: #0000ff;
}
.toiawase_area{
	font-size: .8em;
    padding: 10px 15px;
    border: solid 0.5px #333;
    margin: 10px;
}
.inquiry_ttl{
	font-weight: bold;
    font-size: 2em;
    font-family:"メイリオ", "Meiryo",sans-serif;
    letter-spacing: 3px;
    text-align: center;
    padding: 30px 0 15px;
    line-height: 1.6;
}
.inquiry_mail{
	display: flex;
    justify-content: center;
    align-items: center;
}
.mail_icon{
	width: 7%;
    margin-right: 20px;
}
.mail_add a{
	font-weight: bold;
    font-size: 2.2em;
}
.inquiry_txt{
	padding: 10px 0;
}
.inqt02{
    font-size: 1.4em;
    line-height: 1.4;
    padding: 0;
}
.inqt02 span{
    font-size: .8em;
    font-weight: bold;
}
.inqt03{
    font-size: 1em;
    padding: 0;
}
.f_logo{
	width: 75%;
    margin: 30px auto;
}
.copy{
	font-weight: bold;
    text-align: right;
    font-size: 1.4em;
}
@media screen and (max-width: 800px) {
.cp_period {
    margin: 30px auto;
}
.cp_txt{
	line-height: 1.6;
	font-size: 1.3em;
}
.course_txt,.sp_txt, .inquiry_txt,.precautions,.copy{
	font-size: 1.3em;
}
.cp_winners {
	padding-top: 16px;
}
.btn_link_area {
    width: 80%;
    margin: 30px auto;
}
.apply_ttl{
	font-size: 1.8em;
}
.inquiry_ttl{
	font-size: 1.8em;
	line-height: 1.4;
}
.f_logo {
    width: 80%;
    margin: 20px auto;
}
}
@media screen and (max-width: 599px) {
.top_ttl{
	margin: 0 15px;
    padding: 10px;
}
.note_txt,.note_txtb{
	font-size: .9em;
}
.note_txt::before{
	padding-right: 20px;
}
.note_txt::after{
	padding-left: 20px;
}
.cp_overview {
	margin: 15px 15px 0;
    padding: 0 15px;
}
.gradation{
	margin: -2px 0 0;
    padding: 0 15px;
}
.cp_days, .cp_prize {
    padding-top: 30px;
}
.cp_ttl{
	font-size: 1.4em;
}
.cp_period {
	margin: 20px auto;
}
.cp_txt{
	font-size: 1em;
}
.course_txt, .sp_txt, .inquiry_txt, .precautions {
	font-size: 1em;
}
.course_a,.course_b,.course_c {
    padding-top: 25px;
}
.course_area {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.course_numbaer{
	width: 25%;
	margin: 0 auto 10px;
}
.cp_winners{
	width: 45%;
}
.cp_prize_list {
    padding: 20px 0 10px;
}
.plist_b{
	width: 85%;
}
.btn_link_area {
	width: 95%;
	margin: 20px auto;
}
.winc {
    margin-top: 0;
}
.plist_c{
	width: 50%;
	margin-left: auto;
	margin-top:-25px;
	padding: 20px 0 10px 60px;
}
.medicineb ,.medicineb {
	margin-right: 10px;
}
.apply_ttl {
	font-size: 1.2em;
	letter-spacing: 1px;
	padding: 15px 10px;
}
.st01 {
    padding-bottom: 10px;
}
.st01b{
	padding-top: 15px;
}
.step_area {
    padding: 45px 0 10px;
}
.step_no {
    width: 30%;
    padding-bottom: 20px;
}
.st02 {
    padding-bottom: 20px;
}
.line_menu_img{
	margin: 0 auto 10px;
}
.line_form_img{
	width: 65%;
    padding-right: 0;
}
.precautions {
	padding: 15px;
	margin-top: -15px;
}
.terms{
	padding-top: 25px;
}
.terms_area {
	padding: 2em;
	margin: 30px auto;
}
.terms_ttl{
	font-size: 1em;
}
.terms_midasi {
	font-size: .9em;
}
.terms_txt,.terms_list02 {
    font-size: .7em;
    padding-top: 10px;
}
.terms_t01 {
	padding-top: 10px;
    font-size: .8em;
}
.terms_list01 li,.toiawase_area{
	font-size: .7em;
}
.inquiry_ttl{
	font-size: 1.4em;
}
.mail_icon {
    width: 8%;
    margin-right: 15px;
}
.mail_add a{
	font-size: 1.5em;
}
.inqt01,.inqt02{
	font-size: .9em;
}
.inqt03{
	font-size: .9em;
    line-height: 1.4;
    padding-top: 5px;
}
.f_logo {
	width: 90%;
}
.copy{
	font-size: .7em;
}
}
@media screen and (max-width: 400px) {
	.cp_ttl {
        font-size: 1.2em;
        padding: 0 20px;
    }
    .note_txt, .note_txtb {
        font-size: .8em;
    }
    .medicine,.medicineb{
    	margin-right: 10px;
    }
    .apply_ttl {
        font-size: 1.1em;
    }
    .line_qr {
    	width: 55%;
    }
    .terms_area {
        padding: 1.6em;
    }
    .terms_ttl {
        font-size: .9em;
    }
    .terms_midasi{
        font-size: .8em;
    }
    .toiawase_area {
    	margin: 5px;
    }	
    .inquiry_ttl {
        font-size: 1.2em;
    }
    .inqt01, .inqt02 {
        font-size: .7em;
    }
    .inqt03{
    	font-size: .8em;
    }
    .inqt02 span｛
		letter-spacing: -0.1px;
    }
    }
@media screen and (max-width: 360px) {
    .note_txt, .note_txtb {
        font-size: .75em;
    }
    .cp_txt,.course_txt, .sp_txt, .inquiry_txt, .precautions {
        font-size: .9em;
    }
    }