@charset "utf-8";

/*----------------------------------------------------
	リセット
----------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

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

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

caption, th {
	text-align: left;
}

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

object, embed {
	vertical-align: top;
}

hr, legend {
	display: none; 
}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
}

img, abbr, acronym, fieldset { 	
	border: 0;
	margin:0;
	padding:0;
}

li { 
	list-style-type: none; 
}

html, body, .container, .leftSideBar, .content, .rightSideBar {
	height: 100%;
}

img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/*
p {
	float:left;
}
*/

/*----------------------------------------------------
	基本設定
----------------------------------------------------*/

a:link{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

a:visited{
	text-decoration: none;
}

.ofi{
object-fit: cover;
font-family: 'object-fit: cover;'
}


/*++ FLEX ++*/
.row{
display: flex;
width: 100%;
}

.row-between{
justify-content: space-between;
}

.p-relative{
position: relative;
}

.box-sizing{
box-sizing: border-box;
}


.w100p{
display: inline-block;
	width:100%;
}

.w90p{
	width:90%;
	margin:0 5%;
}

.w95p{
	width:95%;
	margin:0 2.5%;
}

.w1000{
	width:1000px;
	margin:0 auto;
}


.border-box{
box-sizing: border-box;
}


/*---------------------------------
　コンテンツ
---------------------------------*/

/* formカスタム */
input[type="text"]:focus{
 outline:none;
}


.form {
    padding: 6px;
}
.form input[type=radio],
.form input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.form input[type=radio] + label,
.form input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 125%; 
    cursor: pointer;
}
 
@media (min-width: 1px) {
    .form input[type=radio],
    .form input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .form input[type=radio] + label,
    .form input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    .form input[type=radio] + label::before,
    .form input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
    }
    .form input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .form input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    .form input[type=radio]:checked + label::after,
    .form input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .form input[type=radio]:checked + label::after {
        left: 5px;
         
        width: 8px;
        height: 8px;
        margin-top: -4px;
         
        background: #0083d6;
        border-radius: 8px;
    }
    .form input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -8px;
        border-left: 3px solid #0083d6;
        border-bottom: 3px solid #0083d6;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.form-status-sp{
	float:left;
	width:100%;
	margin:10px 0 20px 0;
	text-align:center;
}

.form-status-tab{
	float:left;
	width:100%;
	margin:10px 0 25px 0;
	text-align:center;
}



.silent{
	speak:none;
}

.reader{
	position:absolute;
	top:-9999px;
	left:-9999px;
}

#blockskip {
	position:absolute;
	top:0;
	left:0;
	width: 100%; 
	z-index: 9999;
	margin: 0;
	padding: 0;
	overflow: visible;
	
}

#blockskip a { 
	display: block; 
	float: left;
	width: 100%;  
	margin: 0; 
	margin-top: -75px;
	height: 1px; 
	padding: 0;
	background: #387c01;
	text-align: center; 
	text-decoration: none 
	!important; font-size: 1px; 		
	color: #eee;
	z-index: 20000;	
}

#blockskip a:hover {
	text-decoration:underline;
	z-index: 20000;	
}

#blockskip a.shows { 
	height:1em; 
	margin-top: 0px; 
	padding: 11px 0 6px 0; 
	font-size: 96%; 
	line-height: 1; 
	cursor: pointer; 
	text-decoration:none !important;
	color: #ffffff;
	z-index: 30000;
}

.noscript{
	width:100%;
	padding:90px 0 85px 0;
	text-align:center;
	font-size:125%;
	border-top:4px solid #da2b79;
	border-bottom:4px solid #da2b79;
	color:#fff;
	background-color:#959595;
}


.indent{
	padding-left:1em;
	text-indent:-1em;
}

.info{
	width:100%;
	padding:20px;
	border:4px solid #c793b4;
	border-radius:5px;
	box-sizing:border-box;
}

.submit-btn{
	padding:10px;
	cursor:pointer;
}

.sub-img{
	margin:15px 0 30px 0;
}