/* ------------ css_type 2 ------------ */
/* ------------ ページ共通部分 ------------ */
@charset "utf-8";

*{
	margin:0px;
	background-color: #ffffff;
}
html{
	font-family: "Century Gothic",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.5;
	font-size:17px;
}
.wrap{
	overflow: hidden;
}
/* ------------ スマホブラウザ ------------ */
body{
	
}


header{
	font-size:8px;
	text-align:center;
}

h1{

}

#main_col{
	padding:10px;
}

#eyecatch img{
	max-width: 100%;
	height:auto;
}
#eyecatch{
	text-align:center;
}
#cr_img{
	text-align:center;
}
#cr_img img{
	max-width: 100%;
	height:auto;
}
#p_deco{
	margin:13px;
}
#main_col p{
	font-size:17px;
	line-height:2em;
}
#main_col ul{
	line-height:1.5em;
}
#main_col li{
	line-height:2em;
}

#p_center{
	text-align:center;
	margin:18px;
}
#p_annotation{
	font-size:12px !important;
	text-align:right;
}
#p_small{
	font-size:12px !important;
	text-align:right;
}
#p_small2{
	font-size:12px !important;
	margin-top: 1px;
	text-align:right;
}

#copyright{
	font-size:10px !important;
	text-align:center;
}

/* ------------ 運営者情報のCSS設定 SP ------------ */
#copyright{
	width: 100%;
	height: 115px;
	background: #ffa417;
	line-height: 2;
}
#a_set{
	text-decoration: none;
	font-size: 14px;
	color: #ffffff;
	background: #ffa417;
}
#f_set{
	background: #ffa417 !important;
	font-size: 15px;
	color: white;
}
#i_copyright{
	width: 100%;
	height: 30px;
	background: #ffa417;
	line-height: 2;
	text-align:center;
	font-size:10px !important;
}
#i_set{
	background: #ffa417 !important;
	font-size: 15px;
	color: white;
}
#h1_set{
	border-bottom: 1px solid;
	text-align: center;
	color: #ff9916;
}
#h2_set{
	text-align: center;
	background: #ffb04b; /**/
	font-size: 20px;
	color: white;
}
#p_set{
	border-bottom: 1px solid;
	text-align: center;
	background: #fbf5e9 !important;
	font-size: 13px !important;
	color: #ff9916;
}

/*角丸ピンク*/
/* ------------ アンケート回答 ラジオボタン ------------ */
.radio-003 {
    border: none;
}

.radio-003 label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    margin-bottom: .4em;
    padding: .5em .7em;
    border: 1px solid #c73ed0;
    border-radius: 25px;
    background-color: #ffffff26;
    cursor: pointer;
}

.radio-003 label:has(:checked) {
    background-color: #e67bf2;
    color: #fff;
}

.radio-003 label::before,
.radio-003 label:has(:checked)::after {
    border-radius: 50%;
    content: '';
}

.radio-003 label::before {
    width: 14px;
    height: 14px;
    background-color: #fff;
}

.radio-003 label:has(:checked)::after {
    position: absolute;
    top: 50%;
    left: calc(7px + .7em);
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: #e67bf2;
}

.radio-003 input {
    display: none;
}

.radio-004 {
    border: none;
}

.radio-004 label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    margin-bottom: .4em;
    padding: .5em .7em;
    border: 1px solid #c73ed0;
    border-radius: 25px;
    background-color: #ffffff26;
    cursor: pointer;
}

.radio-004 label:has(:checked) {
    background-color: #e67bf2;
    color: #fff;
}

.radio-004 label::before,
.radio-004 label:has(:checked)::after {
    border-radius: 50%;
    content: '';
}

.radio-004 label::before {
    width: 14px;
    height: 14px;
    background-color: #fff;
}

.radio-004 label:has(:checked)::after {
    position: absolute;
    top: 50%;
    left: calc(7px + .7em);
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: #e67bf2;
}

.radio-004 input {
    display: none;
}

.radio-005 {
    border: none;
}

.radio-005 label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    margin-bottom: .4em;
    padding: .5em .7em;
    border: 1px solid #c73ed0;
    border-radius: 25px;
    background-color: #ffffff26;
    cursor: pointer;
}

.radio-005 label:has(:checked) {
    background-color: #e67bf2;
    color: #fff;
}

.radio-005 label::before,
.radio-005 label:has(:checked)::after {
    border-radius: 50%;
    content: '';
}

.radio-005 label::before {
    width: 14px;
    height: 14px;
    background-color: #fff;
}

.radio-005 label:has(:checked)::after {
    position: absolute;
    top: 50%;
    left: calc(7px + .7em);
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: #e67bf2;
}

.radio-005 input {
    display: none;
}

.radio-006 {
    border: none;
}

.radio-006 label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    margin-bottom: .4em;
    padding: .5em .7em;
    border: 1px solid #c73ed0;
    border-radius: 25px;
    background-color: #ffffff26;
    cursor: pointer;
}

.radio-006 label:has(:checked) {
    background-color: #e67bf2;
    color: #fff;
}

.radio-006 label::before,
.radio-006 label:has(:checked)::after {
    border-radius: 50%;
    content: '';
}

.radio-006 label::before {
    width: 14px;
    height: 14px;
    background-color: #fff;
}

.radio-006 label:has(:checked)::after {
    position: absolute;
    top: 50%;
    left: calc(7px + .7em);
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: #e67bf2;
}

.radio-006 input {
    display: none;
}

/* ------------ スマホ以外（タブレット、PC） ------------------------------ */
@media screen and (min-width: 640px){

body{
	
}

header{
	width:640px;
	margin:0 auto;
	font-size:10px;
}

h1{

}

#main_col{
	width:640px;
	margin:0px auto;
}

#eyecatch{
	max-width: 100%;
	height:auto;
	text-align:center;
}
#cr_img img{
	max-width: 100%;
	height:auto;
}
#p_deco{
	margin:13px;
}
#main_col p{
	font-size:17px;
	line-height:2em;
}
#main_col ul{
	line-height:1.5em;
}
#main_col li{
	line-height:2em;
}

#p_center{
	text-align:center;
	margin:18px;
}
#p_annotation{
	font-size:12px !important;
	text-align:right;
}
#p_small{
	font-size:12px !important;
	text-align:right;
}
#p_small2{
	font-size:12px !important;
	margin-top: 1px;
	text-align:right;
}
#copyright{
	font-size:12px !important;
	text-align:center;
}
/* ------------ デフォルト設定 ------------ */
#logoff{
	text-align: center;
  	font-size: 30px;
	background:darkgrey;
}
#s_pre{
	text-align: center;
	font-size: 20px;
	background:darkgrey;
}
#h_kotei{
	position: fixed;
            width: 100%;
}
#text_b{
	background:darkgrey;
}

/* ------------ 運営者情報のCSS設定 PC ------------ */
#copyright{
	width: 100%;
	height: 115px;
	background: #ffa417;
	line-height: 2;
}
#a_set{
	text-decoration: none;
	font-size: 14px;
	color: #ffffff;
	background: #ffa417;
}
#f_set{
	background: #ffa417 !important;
	font-size: 15px;
	color: white;
}
#i_copyright{
	width: 100%;
	height: 30px;
	background: #ffa417;
	line-height: 2;
	text-align:center;
}
#i_set{
	background: #ffa417 !important;
	font-size: 15px;
	color: white;
}
#h1_set{
	border-bottom: 1px solid;
	text-align: center;
	color: #ff9916;
}
#h2_set{
	text-align: center;
	background: #ffb04b; /**/
	font-size: 22px;
	color: white;
}
#p_set{
	border-bottom: 1px solid;
	text-align: center;
	background: #fbf5e9 !important;
	font-size:15px;
	color: #ff9916;
}

/*角丸ピンク*/
/* ------------ アンケート回答 ラジオボタン ------------ */
.radio-003 {
    border: none;
}

.radio-003 label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    margin-bottom: .4em;
    padding: .5em .7em;
    border: 1px solid #c73ed0;
    border-radius: 25px;
    background-color: #ffffff26;
    cursor: pointer;
}

.radio-003 label:has(:checked) {
    background-color: #e67bf2;
    color: #fff;
}

.radio-003 label::before,
.radio-003 label:has(:checked)::after {
    border-radius: 50%;
    content: '';
}

.radio-003 label::before {
    width: 14px;
    height: 14px;
    background-color: #fff;
}

.radio-003 label:has(:checked)::after {
    position: absolute;
    top: 50%;
    left: calc(7px + .7em);
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: #e67bf2;
}

.radio-003 input {
    display: none;
}

.radio-004 {
    border: none;
}

.radio-004 label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    margin-bottom: .4em;
    padding: .5em .7em;
    border: 1px solid #c73ed0;
    border-radius: 25px;
    background-color: #ffffff26;
    cursor: pointer;
}

.radio-004 label:has(:checked) {
    background-color: #e67bf2;
    color: #fff;
}

.radio-004 label::before,
.radio-004 label:has(:checked)::after {
    border-radius: 50%;
    content: '';
}

.radio-004 label::before {
    width: 14px;
    height: 14px;
    background-color: #fff;
}

.radio-004 label:has(:checked)::after {
    position: absolute;
    top: 50%;
    left: calc(7px + .7em);
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: #e67bf2;
}

.radio-004 input {
    display: none;
}

.radio-005 {
    border: none;
}

.radio-005 label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    margin-bottom: .4em;
    padding: .5em .7em;
    border: 1px solid #c73ed0;
    border-radius: 25px;
    background-color: #ffffff26;
    cursor: pointer;
}

.radio-005 label:has(:checked) {
    background-color: #e67bf2;
    color: #fff;
}

.radio-005 label::before,
.radio-005 label:has(:checked)::after {
    border-radius: 50%;
    content: '';
}

.radio-005 label::before {
    width: 14px;
    height: 14px;
    background-color: #fff;
}

.radio-005 label:has(:checked)::after {
    position: absolute;
    top: 50%;
    left: calc(7px + .7em);
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: #e67bf2;
}

.radio-005 input {
    display: none;
}

.radio-006 {
    border: none;
}

.radio-006 label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    margin-bottom: .4em;
    padding: .5em .7em;
    border: 1px solid #c73ed0;
    border-radius: 25px;
    background-color: #ffffff26;
    cursor: pointer;
}

.radio-006 label:has(:checked) {
    background-color: #e67bf2;
    color: #fff;
}

.radio-006 label::before,
.radio-006 label:has(:checked)::after {
    border-radius: 50%;
    content: '';
}

.radio-006 label::before {
    width: 14px;
    height: 14px;
    background-color: #fff;
}

.radio-006 label:has(:checked)::after {
    position: absolute;
    top: 50%;
    left: calc(7px + .7em);
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: #e67bf2;
}

.radio-006 input {
    display: none;
}


}