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

*{box-sizing:border-box;}
html{font-size:16px;color:#000;font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
body{margin:0;padding:0;}
ul,li{margin:0;padding:0;list-style:none}
a{text-decoration:none;color:#c24dae}
a:hover{text-decoration:none;color:#c68eff}
a:hover img{opacity:.7}
h1,h2{margin:0;padding:0;}
img{vertical-align: middle;}
figure,figcaption{margin:0;padding:0;}

.yellow{color:#ffd700;}
.red{color:#b01c62;}
.big{font-size: 1.4em;}
.small{font-size: 0.8em;}
.pc{display: block;}
.sp{display: none;}
.imp{font-size: 1.4em;color: #ff0000;border-bottom: 5px dotted;width:100%;max-width: 580px;margin: 0 auto;padding: 0 0 0.5em;font-weight: bold;}
.big1{font-size: 1em;padding: 0.8em !important;}
.purple{color:#c24dae;}

@media screen and (max-width: 999px) {
.pc{display: none;}
.sp{display: block;}
.imp{font-size: 1.2em;line-height: 1.4em;}
	
}

/*外枠
-------------------*/
#container{margin:0 auto;padding:0;text-align:center;width:100%;background: url("img/top_bg.jpg") bottom center no-repeat;}
#stage{margin:0 auto;padding:0;text-align:center;}

/*header
-------------------*/
header{margin: 0 auto;padding: 1em 0;display: flex;justify-content: space-between;align-items: center;background: #fff;width:100%;max-width:1000px;}
#header{margin: 0;padding: 0;background: #fff;width:100%;position: fixed;}
header h1{text-align: left;}
header h1 img{max-width:233px;}
header p{margin: 0;padding: 0;}
header p img{width:100%;max-width:264px;}
header p.header_bn img{max-width:233px !important;}

@media screen and (max-width: 999px) {
header{padding: 0.5em;}
header h1 img{width:100%;max-width:466px;}
header h1{width:49%;}
header p{width:45%;}
}

/*スライダー
-------------------*/
.bx-wrapper {background-color: transparent !important;margin: 0px auto !important;border: none !important;box-shadow: none !important;z-index: -1}
.bx-wrapper img {display: block !important;margin: 0px auto !important;}
.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager {bottom: 10px !important;}

/*ボタン
-------------------*/
.nav_btn{margin: 2em 0;padding: 0;display: flex;justify-content: center;align-items: center;width:100%;}
.nav_btn li{margin: 0 0.5em;width:300px;}
.nav_btn li img{width:100%;}
.nav_btn li:last-child{display: none;}

@media screen and (max-width: 999px) {
.nav_btn{margin: 1em;justify-content:space-around;flex-wrap: wrap;width: auto;}
.nav_btn li{margin: 0 0 1em;width:46%;}
.nav_btn li:last-child{display: block;}
}

/*トップのテキスト
-------------------*/
#top_box{margin: 5em auto 2em;padding: 0;display: flex;justify-content: space-between;width:100%;max-width: 1000px;}
#top_box img{width:100%;}
#top_box section p{text-align: left;margin: 2em 0 2em 6em;line-height: 1.8em;}


@media screen and (max-width: 999px) {
#top_box{margin: 2em 1em 0;}
#top_box section p{text-align: center;margin: 2em 0;line-height: 1.6em;}
}

/*トップのテキスト改
-------------------*/
article#small{margin:0 auto;width:100%;max-width: 1000px;}
#top_box01{margin: 5em 0 2em;padding: 0;}
#top_01 p{text-align: left;margin: 2em 0 2em 6em;line-height: 2.2em;}
#top_01{margin: 0;padding: 0;display: flex;justify-content: space-between;}

#top_box02{margin: 2em 1em 0;}
#top_box02 ul{margin: 0;padding: 0;display: flex;justify-content: space-between;width:100%;max-width: 1000px}
#top_box02 ul li.img{margin: 0;padding: 0;width:331px;}
#top_box02 ul li.text{margin: 0;padding: 0;width:580px;text-align: left;display: flex;flex-wrap: wrap;align-items: center;}

article#top_bg01{margin:0 auto;width:100%;background: url("img/top_bg01.jpg");}
#top_box03{margin: 2em auto 0;padding:1em 0 2em;text-align: left;width:100%;max-width: 1000px}
#top_box03 p.text01{width:90%;max-width: 870px;margin: 0 auto;line-height: 1.8em;}
#top_box03 h4{margin: 2em auto 1em;padding: 0;width:100%;max-width: 900px}
#top_box03 ul{margin: 0 auto;padding: 0;display: flex;justify-content: space-between;width:100%;max-width: 900px}
#top_box03 ul li{margin: 0;padding: 0;width:420px;}
#top_box03 ul li figcaption{margin-top:0.5em;}

#top_box04{margin: 2em 1em 4em;}
#top_box04 ul{margin: 0 auto;padding: 0;display: flex;justify-content: space-between;width:100%;max-width: 930px}
#top_box04 ul li{margin: 0;padding: 2em;width:450px;background: #f5ebd8;text-align: left;position: relative;z-index: -1}
#top_box04 ul li figcaption{margin-top:1em;}
#top_box04 ul li:first-child::before{position: absolute;content: url("img/topimg_15-1.png");top: -10px;left: -10px;}
#top_box04 ul li:first-child::after{position: absolute;content: url("img/topimg_15-2.png");top: -10px;right: -10px;}
#top_box04 ul li:last-child::before{position: absolute;content: url("img/topimg_15-3.png");top: -10px;left: -10px;}
#top_box04 ul li:last-child::after{position: absolute;content: url("img/topimg_15-4.png");top: -10px;right: -10px;}	

article#top_bg02{margin:0 auto;width:100%;background: url("img/top_bg02.jpg");}
#top_box05{margin: 2em auto 0;padding:1em 0 4em;text-align: left;width:100%;max-width: 1000px}
#top_box05 ul{margin: 0 auto;padding: 0;display: flex;justify-content: space-between;width:100%;max-width: 900px;flex-flow: row wrap;font-size: 0.8em;}
#top_box05 ul li{margin: 0 0 1em;padding: 0;width:420px;}
#top_box05 ul li figcaption{margin-top:0.5em;}
#top_box05 p.text01{width:100%;max-width: 870px;margin: 0 auto;line-height: 1.8em;}

#top_box06{margin: 2em auto 0;padding:1em 0 4em;text-align: center;width:100%;max-width: 1000px}
#top_box06 p.text01{width:90%;max-width: 870px;margin: 0 auto;line-height: 1.8em;text-align: left;}


@media screen and (max-width: 999px) {
#top_box01{margin: 2em 1em 0;}
#top_box01 img,#top_box02 img,#top_box03 img,#top_box04 img,#top_box05 img,#top_box06 img{width:100%;}
#top_box01 h3,#top_box02 h3,#top_box03 h3,#top_box04 h3,#top_box05 h3,#top_box06 h3{margin: 0 0 1em;padding: 0;}
#top_01 p{text-align: center;margin: 2em 0;line-height: 1.8em;}
#top_01{display: block;}

#top_box02{margin: 2em 2em 0;}
#top_box02 ul li.img{width:30%;display: flex;align-items: center;}
#top_box02 ul li.img img{width:100%;}
#top_box02 ul li.text{width:68%;line-height: 1.8em;}
	
#top_box03{margin: 0 2em;padding:0.1em 0 2em;width: auto;}
#top_box03 ul{flex-wrap: wrap;}
#top_box03 ul li{margin: 0 0 1em;padding: 0;width:100%;}
#top_box03 ul li img{width:100%;max-width:420px;}
#top_box03 ul li figure{text-align: center;}
#top_box03 ul li figcaption{text-align: left;}
#top_box03 h4 img{width:70%;max-width: 366px}
	
#top_box04{margin: 0 2em;padding:1em 0 2em;width: auto;}
#top_box04 ul{flex-wrap: wrap;}
#top_box04 ul li{margin: 0 0 1em;padding: 2em;width:100%;line-height: 1.8em;}
	
#top_box05{margin: 0 2em;padding:1em 0 2em;width: auto;}
#top_box05 ul{flex-wrap: wrap;}
#top_box05 ul li{margin: 0 0 1em;padding: 0;width:100%;}
#top_box05 ul li img{width:100%;max-width:420px;}
#top_box05 ul li figure{text-align: center;}
#top_box05 ul li figcaption{text-align: left;}
	
#top_box06{margin: 0 2em;padding:1em 0 2em;width: auto;}
	
}


/*footer
-------------------*/
footer{text-align: center;position:fixed;bottom:0;width:100%;}
footer ul{margin:0;padding:1em 0;display: flex;justify-content: center;background: #c24dae;}
footer ul li{margin:0;padding:0;width:33%;max-width: 330px}
footer ul li a{color:#fff;display: block;border: 2px solid #fff;background: #c68eff;border-radius: 0.5em;padding: 0.3em 1em;font-size: 1.4em;margin: 0 1em;}
footer ul li a:hover{color:#fff;}
footer ul li a i{font-size: 1.8em;}
div#copy{background: #000;color:#fff;padding: 0.5em;font-size: 0.8em;margin:1em 0 0;}

@media screen and (max-width: 999px) {
footer ul{margin:0;padding:0;justify-content:space-between;background: #c68eff;}
footer ul li{margin:0;padding:0;width:33%;}
footer ul li a{font-size: 1em;margin: auto;padding: 1em 0;border: none;border-radius: 0;}
footer ul li:first-child a{border-right: 2px solid #fff;}
footer ul li:last-child a{border-left: 2px solid #fff;}
}




/*form
-------------------*/
#caution{margin:0;padding:0.5em 5em 2em;text-align: center;background: #c68eff;}
#caution p{margin: 1em 0 0.2em;}
#confirm{margin:0;padding:1em;text-align: center;background: #c68eff;color:#fff;font-size: 1.4em;}
#personal_info{background: #efefef;width: 90%;max-width: 600px;margin: 2em auto 1em;padding: 2em;text-align: left;font-size: 0.9em;}

#form{margin: 4em auto 0;padding:0 0 2em;text-align: center;}
#form ul{margin:0 auto;padding:0;display: flex;flex-flow: row wrap;justify-content: center;max-width:600px;width:90%}
#form ul li{margin:0 0 1em;padding:0.2em 0.5em;text-align: left;width:50%;display: flex;align-items: center;flex-flow: row wrap;}
#form ul li:nth-child(odd){text-align: left;border-left:5px solid #c24dae;}
#form ul li:nth-child(even){text-align: left;}
#form ul li input{padding: 1em;border:1px solid #ccc;width:100%;}
#form ul li input[type="radio"]{padding: 0.5em;border:none;width:auto;}
#form input[type="submit"]{border: none;border-style:none;background: #c24dae;color: #fff;padding: 0.5em 2em;border-radius: 10px;font-size: 1.4em;outline: none}
#form input[type="submit"]:hover{border:none;background: #c68eff}
#form button[type="button"]{border: none;border-style:none;background: #c24dae;color: #fff;padding: 0.5em 2em;border-radius: 10px;font-size: 1.4em;outline: none}
#form button[type="button"]:hover{border:none;background: #c68eff}
#form ul li select{padding: 0.2em;font-size: 1em;}

#form ul li .ml1{margin-left: 1em;}
#form ul li .mb05{margin-bottom: 0.5em;}

#form ul li dl{margin:0;padding:0;display: flex;align-items: center;width:100%;}
#form ul li ul li dt{margin:0;padding:0;width:25%;}
#form dd{margin:0;padding:0;width:75%;}

#complete{margin:0 auto;padding:2em 0;width:100%;line-height: 2em;max-width: 1000px;}
#complete ul{margin:0 0 2em;padding:0;display: flex;align-items: center;justify-content: space-between;}
#complete ul li{margin:0;padding:0;width:48%;}
#complete ul li a{margin:0;padding:0.5em;width:100%;background: #c24dae;color: #fff;display: block;border-radius: 10px;font-size: 1.4em;font-weight: bold;}
#complete ul li a:hover{background: #c68eff}
#complete img{margin:0;padding:0;width:100%;}
#complete div{margin-top:3em;}

@media screen and (max-width: 999px) {
#caution{padding:0.1em 1em 1em;text-align: left;font-size: 0.8em}
#caution p{text-align: center;}
#confirm{font-size: 1em;}
	
#form{margin: 2em auto 0;}
#form ul li{width:100%;}
	
#form ul li dt{margin:0;padding:0;width:20%;}
#form ul li dd{margin:0;padding:0;width:80%;}
	
#complete{margin:0 auto;padding:0;width:90%;}
#complete ul li{width:100%;margin:1em 0 0;text-align: center;}
#complete ul{flex-flow: row wrap;}
}


/*会社概要・プライバシーポリシー
-------------------*/
#company h2,#company h3{font-size: 20px;border-bottom: 3px solid #c24dae;text-align: left;margin: 1em auto;}

#company{margin:0 auto;max-width:600px;width:90%;}
#company ul.table{margin:0 auto 2em;padding:0;display: flex;flex-flow: row wrap;justify-content: center;border-right:1px solid #c24dae;border-top:1px solid #c24dae;border-left:1px solid #c24dae;font-size: 0.8em;}
#company ul.table li{margin:0;padding:0.5em;}
#company ul.table li:nth-child(odd){border-right:1px solid #c24dae;border-bottom:1px solid #c24dae;background: #fccff4;width:40%}
#company ul.table li:nth-child(even){border-bottom:1px solid #c24dae;width:60%}

#company ul.privacy{margin:0 auto;padding:0;font-size: 0.9em;text-align: left;}