/*
Theme Name: Re'cross006
Text Domain: jci-japan002
Version: 22.02.03
Description: Recross JCI japan
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: Re'cross
Author URI: https://recross.co.jp/
Theme URI: https://recross.co.jp/
License: Recross
License URI: https://recross.co.jp/
*/
@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0;}

body {color: #333;	background: #FFF;	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif, Osaka;	font-size: 16px;}

.margin30_pc_sp {width: 100%; margin: 15px 0; float: left;}
ul, li {list-style: none;}

canvas#wpcf7_signature_signature, canvas#wpcf7_signature2_signature {
    /* padding: 2%; */
    /* background-color: #FFF; */
    border: 1px solid #ccc;
    /* border-radius: 20px; */
    text-align: center;
    width: 96%;
}

form input {padding: 2%; background-color: #EFEFEF; border: none; border-radius: 20px; text-align: center; width: 96%;}

form select {
    padding: 2%;
    background-color: #EFEFEF;
    border: none;
    border-radius: 20px;
    text-align: center;
    width: 100%;
}

.wpcf7-submit {
    width: 30%;
    background-color: #f90;
    color: #FFF;
    margin: 15px 35% 0 35%;
}
input#wpcf7_signature_clear, input#wpcf7_signature2_clear {
    width: 30%;
    margin-top: 15px;
    border: none;
    padding: 1% 0;
    border-radius: 16px;
    width: 20%;
}

@media screen and (min-width: 600px){
header {
    width: 400px;
    overflow: hidden;
	margin: 20px auto;}
	
#footer03 {
    width: 100%;
    height: 30px;
    padding-top: 10px;
    overflow: hidden;
    background-color: #0097D7;
    text-align: center;
    color: #FFF;
    font-size: 13px;
	margin-top: 50px;
	float: left;
}
form {
    width: 600px;
    float: left;
    margin: 10px calc((100% - 600px) / 2);
}
}

@media screen and (max-width: 599px) {
header {
    width: 90%;
    overflow: hidden;
	margin: 20px 5%;}
form {
    width: 90%;
    float: left;
    margin: 5%;
}
#footer03 {
    width: 100%;
    height: auto;
    padding: 12px 0;
    overflow: hidden;
    background-color: #0097D7;
    text-align: center;
    color: #FFF;
    font-size: 9px;
    margin-top: 50px;
	float: left;
}
	
}

input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    /* transform: scale(calc(12 / 16)); */
    background-color: #efefef;
    border: none;
    padding: 2%;
    border-radius: 20px;
}
select {
  box-sizing: border-box;
/*  width: 100%; */
  font-size: 16px;
/*  transform: scale(calc(12 / 16));*/}

.no1riyu textarea, .no2riyu textarea, .no3riyu textarea, .no4riyu textarea, .no5riyu textarea,
.no6riyu textarea, .no7riyu textarea, .no8riyu textarea, .no9riyu textarea, .no10riyu textarea,
.no11riyu textarea, .no12riyu textarea, .no13riyu textarea, .no14riyu textarea, .no15riyu textarea,
.no16riyu textarea, .no17riyu textarea, .no18riyu textarea, .no19riyu textarea, .no20riyu textarea,
.no21riyu textarea, .no22riyu textarea, .no23riyu textarea, .no24riyu textarea, .no25riyu textarea,
.no26riyu textarea, .no27riyu textarea, .no28riyu textarea, .no29riyu textarea, .no30riyu textarea
{
    background-color: #efefef;
    border: none;
    width: 96%;
    border-radius: 10px;
    padding: 2%;
	font-size: 16px;
}

input.wpcf7-date {
    background-color: #efefef;
    border: none;
    padding: 2%;
    width: 96%;
    border-radius: 20px;
    text-align: center;
    font-size: 16px;
}


.title {text-align: center; text-decoration: underline; font-weight: bold; font-size: 16px; margin-bottom: 30px;}
.title_inner {font-weight: bold; font-size: 16px; text-align: center; float: left; width: 100%; margin-bottom: 50px;}
#shukketsu_frame {width: calc(94% - 2px); padding: 3%; border: 1px solid #000;}