@charset "UTF-8";

/*モバイル*/
@media screen and (max-width: 480px) {
body{background:#ffffff;}
body, th, td{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", sans-serif;letter-spacing:1px;line-height:1.8em;color:#444444;font-size:13px;}
html,body{width:auto;-webkit-text-size-adjust:100%;}
body {width: 100%;margin: 0px;}
img {max-width:100%;height:auto;width /***/:auto;}
.img-responsive{display:block;width:80%;height:auto;}

h2.top{margin-top:50px;margin-bottom:10px;padding:5px;background-image:linear-gradient(#f5f5f5 ,silver);border-left:10px solid #ff8000;font-size:13px;font-weight:bold;text-align:left;color:#444444;width:90%;}
h3{width:90%;text-align:left;margin-top:0%;font-size:13px;font-weight:bold;color:#444444;border-bottom:1px solid silver;}

/*--他ページ*/
h1.head{font-size:10px;margin-top:3px;margin-bottom:3px;letter-spacing:0px;color:#666666;text-align:center;font-weight:normal;}
p{text-align:left;font-size:13px;margin:0px;}
a{text-decoration:none;color:rgb(50, 50, 50);}
a:visited{color:rgb(50, 50, 50);}
a:hover{color:rgb(255, 100, 0);}
br{display:none;}

/*タイトルロゴ右側文字用*/
p.title1{display:none;}
p.title2{display:none;}
p.title3{font-size:11px;text-align:center;letter-spacing:0px;color:#ffffff;font-weight:bold;padding-top:54px;}

/*1番コンテナ*/
#k001{background-image:url('k.design2020-all-top.png');background-size:cover;height:80px;border-radius:20px 20px 0px 0px;}
/*2番コンテナ*/
#k002{background-image:linear-gradient(#404040 20%, #101B1D);width:100%;}
/*3番コンテナ*/
#k003{background:white;width:100%;padding-bottom:30px;}
/*3番コンテナ内の上*/
#k003-1{background:white;width:100%;margin-top:25px;margin-bottom:30px;}
/*最下部コンテナ*/
#k004{text-align:center;color:white;background:black;width:100%;padding-top:30px;padding-bottom:30px;}
/*上から3番目（モバイル）*/
#mo{background-image:linear-gradient(#404040 20%, #101B1D);width:100%;padding-top:3px;padding-bottom:3px;}

/*この中にコンテンツ*/
div.section{background:white;width:90%;text-align:left;padding-left:10px;padding-right:10px;padding-bottom:60px;}

/*先頭文章*/
div.all-box2{width:90%;text-align:left;margin-top:20px;background:#eeeeee;padding:10px;}

/*パンくず*/
ul.top{display:none;}
ul.top li{display:none;}
ul.top li:after{display:none;}
ul.top li:last-child:after{display:none;}

/*hタグ*/
h2.all{width:90%;margin-top:80px;margin-bottom:15px;padding-top:3px;padding-left:10px;padding-right:5px;padding-bottom:1px;background-color:#444444;border-left:20px double #ff0000;font-size:12px;font-weight:bold;text-align:left;color:white;}
h3.all{font-size:14px;margin-top:25px;margin-bottom:10px;padding-bottom:2px;width:100%;}

/*フッター*/
p.foot1{font-size:10px;color:white;text-align:center;}
p.foot2{font-size:10px;color:white;text-align:center;}
p.foot2 img{width:50%;}
p.foot3{font-size:9px;color:white;text-align:center;}

/*フッター（3列）*/
div.foot{display:none;}

/*フッターライン*/
img.foot-line{display:none;}

/*上部リンク*/
#nav{display:none;}

/*テーブル*/
table.sub{border-spacing:0;border:solid silver 1px;border-radius:8px;margin-top:15px;margin-bottom:15px;width:100%;float:none;}
table.sub th{padding:10px;font-size:12px;background:#dfdfdf;}
table.sub td{padding:10px;font-size:12px;}
table.sub p{text-align:center;}
table.sub img{width:100%;margin-left:auto;margin-right:auto;} 

/*テーブルスクロール*/
.scroll{overflow-y:hidden;overflow-x:auto;-ms-overflow-style: -ms-autohiding-scrollbar;overflow:auto;white-space:nowrap;}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track {border-radius: 5px;background: #eee;}
.scroll::-webkit-scrollbar-thumb {border-radius: 5px;background: #666;}

/*ボタン*/
.button3{margin-top:25px;margin-bottom:3px;text-align:center;font-size:14px;letter-spacing:0.8px;display:block;border:2px solid #ff5900;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;width:70%;padding-top:4px;padding-bottom:3px;background-image:linear-gradient(#fff 30%, silver);}
span.button11{margin-top:25px;margin-bottom:30px;box-shadow:3px 3px #555;text-align:center;font-size:12px;letter-spacing:0.8px;display:block;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;width:200px;padding-top:1px;padding-bottom:0px;background-color:#00bcd4;color:#ffffff;font-weight:bold;}

/*製作見本、FAQボタン*/
.button4{text-align:center;font-size:14px;letter-spacing:0.8px;display:block;border:1px solid gray;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;width:200px;padding-top:4px;padding-bottom:2px;background-image:linear-gradient(#fff 30%, silver);}

/*三角アイコン（下）*/
.arrow{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:40px solid #ff5900;margin-left:auto;margin-right:auto;}

/*三角アイコン*/
.arrow{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:40px solid #ff5900;margin-left:auto;margin-right:auto;}

/*フォーム*/
div.form{background:white;width:100%;padding-top:0px;margin-bottom:20px;display:block;}
span.button10{margin-top:20px;margin-bottom:30px;text-align:center;font-size:12px;letter-spacing:0.8px;display:block;border:2px solid #ff5900;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;width:50%;padding-top:2px;padding-bottom:1px;background-image:linear-gradient(#fff 30%, silver);}

input:focus {border: 2px solid #1abc9c;}
textarea:focus{border: 2px solid #1abc9c;}
select:focus{border: 2px solid #1abc9c;}
input[type="radio"]{border: 2px solid #1abc9c;}

input{border-width:1px;border-style:solid;border-color:silver;margin-top:10px;margin-bottom:10px;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", sans-serif;letter-spacing:0px;line-height:1.5em;border-radius: 5px;padding:5px;}
select{border-width:1px;border-style:solid;border-color:silver;margin-top:10px;margin-bottom:10px;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", sans-serif;letter-spacing:1px;line-height:1.5em;border-radius: 5px;padding:5px;}
textarea{border-width:1px;border-style:solid;border-color:silver;margin-top:10px;margin-bottom:10px;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", sans-serif;letter-spacing:0px;line-height:1.5em;border-radius: 5px;padding:5px;}

table.form-1{margin-top:20px;margin-bottom:10px;border-spacing:0;border-collapse: collapse;width:100%;}
table.form-1 td{background:#eeeeee;border:1px solid #c0c0c0;}
table.form-1 th{background:#e1e1e1;border:1px solid #c0c0c0;}

table.all-form{width:95%;border-spacing:0;border-collapse:collapse;margin-top:20px;table-layout:fixed;border:1px solid silver;}
table.all-form th{padding-top: 20px;padding-bottom: 20px;padding:5px;background:#eeeeee;text-align:left;}
table.all-form td{padding-top: 20px;padding-bottom: 20px;padding:5px;background:#eeeeee;text-align:left;}
table.all-form img{margin-left:auto;margin-right:auto;}

hr{border-top: 1px dashed #c1c1c1;margin-top:15px;margin-bottom:15px;text-align:left;width:50%;}
p.form-title{font-weight : bold;margin-bottom : 15px;margin-top:60px;border-bottom:1px solid #c1c1c1;font-size:14px;width:85%;}

img.flex{width:80%;margin-top:15px;margin-bottom:15px;}
img.flex-2{width:95%;margin-top:15px;margin-bottom:15px;}
img.flex-3{width:auto;height:7%;margin-top:15px;margin-bottom:15px;}
img.flex-4{width:50%;margin-top:15px;margin-bottom:15px;}
img.flex-5{width:auto;height:15%;margin-top:15px;margin-bottom:15px;}
img.flex-6{width:30%;margin-top:15px;margin-bottom:15px;}

input,select,textarea{font-size:14px;}

.button-radio input[type="radio"] {display:none;}
.button-radio label {display:inline-block;color:#444444;background-color:ffee77;padding:5px;border-radius:5px;box-shadow: 3px 3px 5px #444444;letter-spacing:0px;}
.button-radio input[type="radio"]:checked + label {background-color:#16e0b3;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

input[type="submit"] {width:80%;height:38px;border-style:none;font-size:15px;margin-top:30px;
background-image:linear-gradient(to bottom, #FFFF00,#FD6162);border-radius: 8px;box-shadow: 3px 3px 5px #444444;}

label {display: block;color:#444444;background-color:#ffee77;padding:5px;border-radius:5px;box-shadow: 3px 3px 5px #444444;letter-spacing:0px;}
input[type="checkbox"].on-off{display: none;}
.menu{width:90%;background-color:#ffffe1;}
.menu ul {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;margin: 0;padding: 0;list-style: none;}
.menu li {padding: 5px;}
input[type="checkbox"].on-off + ul{height: 0;overflow: hidden;}
input[type="checkbox"].on-off:checked + ul{height:100%;}

span.red{font-size:14px;margin-right:5px;color:#FD6120;}
span.b{font-weight:bold;color:#5b5b5b;letter-spacing:0px;}

span.fas{color:gray;margin-right:8px;vertical-align:middle;}
span.far{color:gray;margin-right:8px;vertical-align:middle;}

p.indent{padding-left:1em;text-indent:-1em;}
span.br::before {content: "\A" ;white-space: pre ;}

span.red{color:red;margin-right:5px;}

span.bl{color:#0184FE;}
span.ol{color:#ff5900;}
span.ul{text-decoration: underline;}

.text-divider {display: flex;align-items:center;font-weight:bold;font-size:16px;}
.text-divider::after {content:'';height:1px;background-color:silver;flex-grow:1;}


}



/*PC用のCSS*/
@media screen and (min-width: 481px) {
body{background:#fffff;}
body, th, td{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", sans-serif;letter-spacing:1px;font-size:14px;line-height:1.8em;color:#444444;}
html,body{width:auto;-webkit-text-size-adjust:100%;}

table.all-form {width: 100%;border-spacing: 0;border-collapse: collapse;margin-top: 20px;border:1px solid silver;}
table.all-form th {padding-top: 30px;padding-bottom: 30px;padding:10px;background:#eeeeee;text-align: left;}
table.all-form td {padding-top: 30px;padding-bottom: 30px;padding:10px;background:#eeeeee;text-align: left;}
table.all-form img {margin-left: auto;margin-right: auto;}

p.form-title{font-weight : bold;margin-bottom : 15px;margin-top:70px;border-bottom:1px solid #c1c1c1;font-size:15px;width:600px;}

h1.head{font-size:14px;margin-top:2px;margin-bottom:5px;padding-left:30px;letter-spacing:0px;color: #666666;text-align:center;font-weight:normal;}
p{font-size:14px;margin:0px;}

/*一番上のコンテナ*/
#k001{background-image:url('k.design2020-all-top.png');border-radius:20px 20px 0px 0px;width:985px;height:150px;}

/*2番目のコンテナ*/
#k002{background-image:linear-gradient(#404040 20%, #101B1D);width:985px;padding-top:4px;padding-bottom:4px;}

/*3番目のコンテナ*/
#k003{background:white;width:985px;padding-bottom:30px;}

/*3番目のコンテナ内の上*/
#k003-1{background:white;width:985px;margin-top:25px;margin-bottom:30px;}

/*最下部コンテナ*/
#k004{clear:both;color:white;background:black;width:985px;padding-top:30px;padding-bottom:30px;}

/*上から3番目（モバイル）*/
#mo{display:none;}

/*上から3番目（モバイルリンク）*/
.accordion {display:none;}
.accordion .ac-content {display:none;}

/*上から3番目リンク*/
#nav{background-image:linear-gradient(#f5f5f5 ,silver);padding-top:1px;padding-bottom:1px;}
#nav ul li{display:inline;}
#nav li+li{border-left:1px solid silver;padding:0 15px 0 15px;}
#nav a{font-size:13px;}
#nav a:hover{color:red;}

/*この中にコンテンツ*/
div.section{background:white;width:90%;text-align:left;padding-top:0px;padding-bottom:100px;}

/*先頭文章*/
div.all-box2{background:#eeeeee;padding:20px;text-align:left;width:800px;}

h2.all{margin-top:100px;margin-left:0%;margin-right:0%;margin-bottom:15px;padding-top:5px;padding-left:10px;padding-right:5px;padding-bottom:2px;background-color:#444444;border-left:20px double #ff0000;font-size:18px;font-weight:bold;text-align:left;color:white;}
h3{width:90%;text-align:left;font-size:16px;font-weight:bold;border-bottom:1px solid silver;}

/*フッター*/
p.foot1{font-size:16px;color:white;}
p.foot2{font-size:14px;color:white;}
p.foot3{font-size:12px;color:white;}

a{text-decoration:none;color:rgb(50, 50, 50);}
a:visited{color:rgb(50, 50, 50);}
a:hover{color:rgb(255, 100, 0);}

/*トップ右側文字*/
p.title1{color: #fff; text-shadow: 1px 2px 5px #333;margin:0px;font-size:15px;text-align:right;letter-spacing:0px;font-weight:bold;padding-top:30px;padding-right:20px;padding-bottom:8px;}
p.title2{color: #fff; text-shadow: 1px 2px 5px #333;margin:0px;font-size:28px;text-align:right;font-weight:bold;padding-right:20px;padding-top:5px;}
p.title3{color: #fff; text-shadow: 1px 2px 5px #333;margin:0px;font-size:14px;text-align:right;letter-spacing:0px;font-weight:bold;padding-right:20px;padding-top:8px;}


/*パンくず*/
ul.top{margin-top:10px;margin-bottom:50px;overflow:hidden;list-style-type:none;}
ul.top li{float:left;font-size:12px;}
ul.top li:after{content:">";padding:0 8px;font-weight:bold;}
ul.top li:last-child:after{content:none;}

/*フッター*/
ul.fbox{margin:0 0 0 1em;padding:0;list-style-type:none;}
li.fbox{margin-top:5px;margin-bottom:10px;}
a.down{text-decoration:none;font-size:12px;}

/*フォーム*/
div.form{background:white;width:90%;}

table.form-1{width:100%;margin-top:20px;margin-bottom:10px;border-spacing:0;border-collapse: collapse;}
table.form-1 td{background:#eeeeee;border:1px solid #c0c0c0;}
table.form-1 th{background:#e1e1e1;border:1px solid #c0c0c0;}

/*ボタン*/
.button3{margin-top:25px;margin-bottom:30px;text-align:center;font-size:13px;letter-spacing:0.8px;display:block;border:1px solid #ff5900;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;width:200px;padding-top:2px;padding-bottom:1px;background-image:linear-gradient(#fff 30%, silver);}
span.button10{margin-top:25px;margin-bottom:30px;text-align:center;font-size:13px;letter-spacing:0.8px;display:block;border:1px solid #ff5900;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;width:200px;padding-top:2px;padding-bottom:1px;background-image:linear-gradient(#fff 30%, silver);}

input{border-width:1px;border-style:solid;border-color:silver;margin-top:5px;margin-bottom:10px;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", sans-serif;letter-spacing:0px;line-height:1.4em;border-radius: 5px;padding:5px;}
select{border-width:1px;border-style:solid;border-color:silver;margin-top:10px;margin-bottom:10px;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", sans-serif;letter-spacing:1px;line-height:1.4em;border-radius: 5px;padding:5px;}
textarea{border-width:1px;border-style:solid;border-color:silver;margin-top:10px;margin-bottom:10px;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", sans-serif;letter-spacing:0px;line-height:1.4em;border-radius: 5px;padding:5px;}
hr{border-top: 1px dashed #c1c1c1;margin-top:15px;margin-bottom:15px;text-align:left;width:50%;}
input:focus {border: 2px solid #1abc9c;}
textarea:focus{border: 2px solid #1abc9c;}  
select:focus{border: 2px solid #1abc9c;}

img.flex{margin-top:15px;margin-bottom:15px;}
img.flex-2{margin-top:15px;margin-bottom:15px;}
img.flex-3{margin-top:15px;margin-bottom:15px;}
img.flex-4{margin-top:15px;margin-bottom:15px;}
img.flex-5{margin-top:15px;margin-bottom:15px;}
img.flex-6{margin-top:15px;margin-bottom:15px;}

.button-radio input[type="radio"] {display:none;}
.button-radio label {display:inline-block;color:#444444;background-color:#ffee77;padding:5px;border-radius:5px;box-shadow: 3px 3px 5px #444444;letter-spacing:0px;}
.button-radio input[type="radio"]:checked + label {background-color:#16e0b3;}

label-check{cursor: pointer;color:#444444;background-color:#ffee77;padding:5px;border-radius:5px;box-shadow: 3px 3px 5px #444444;letter-spacing:0px;}

.check_box:checked + .label-check {background-color:#16e0b3;}

input[type="checkbox"] {display:none;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}

 input[type="submit"] {width:350px;height:50px;border-style:none;font-size:16px;margin-top:50px;
background-image:linear-gradient(to bottom, #FFFF00,#FD6162);border-radius: 8px;box-shadow: 3px 3px 5px #444444;}
 

label {display: block;color:#444444;background-color:#ffee77;padding:5px;border-radius:5px;box-shadow: 3px 3px 5px #444444;letter-spacing:0px;}
input[type="checkbox"].on-off{display: none;}
.menu{width:500px;background-color:#ffffe1;}
.menu ul {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;margin: 0;padding: 0;list-style: none;}
.menu li {padding: 5px;}
input[type="checkbox"].on-off + ul{height: 0;overflow: hidden;}
input[type="checkbox"].on-off:checked + ul{height:100%;}

span.red{font-size:14px;margin-right:5px;color:#FD6120;}
span.b{font-weight:bold;color:#5b5b5b;letter-spacing:0px;}

span.fas{color:gray;margin-right:8px;vertical-align:middle;}
span.far{color:gray;margin-right:8px;vertical-align:middle;}

span.red{color:red;margin-right:5px;}

span.bl{color:#0184FE;}
span.ol{color:#ff5900;}
span.ul{text-decoration: underline;}

.text-divider {display: flex;align-items:center;font-weight:bold;font-size:18px;}
.text-divider::after {content:'';height:1px;background-color:silver;flex-grow:1;}


}