@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

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, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  line-height:1;
  font-family: "Noto Sans JP", sans-serif;
}

html { scroll-behavior: smooth;}

.fullimg {
	width: 100%;
}

.pconly {
	display: block;
}

.sponly {
	display: none;
}

a.anchor{
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}

@media only screen and (max-width: 768px) {
.pconly {display: none;}
.sponly {display: block;}
}

.mt0 { margin-top: 0px !important;}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt60 { margin-top: 60px;}
.mt80 { margin-top: 80px;}
.mb0 { margin-bottom: 0px !important;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb60 { margin-bottom: 60px;}
.mb80 { margin-bottom: 80px;}

@media only screen and (max-width: 768px) {
.mt10 { margin-top: 5px;}
.mt20 { margin-top: 10px;}
.mt30 { margin-top: 15px;}
.mt40 { margin-top: 20px;}
.mt60 { margin-top: 30px;}
.mt80 { margin-top: 40px;}
.mb10 { margin-bottom: 5px;}
.mb20 { margin-bottom: 10px;}
.mb30 { margin-bottom: 15px;}
.mb40 { margin-bottom: 20px;}
.mb60 { margin-bottom: 30px;}
.mb80 { margin-bottom: 40px;}
}

.tannouki_title {
	width: 100%;
	background-image: url(../img/title_backdground.jpg);
	background-size: cover;
	background-position: bottom;
}

.title-in {
	max-width: 1080px;
	width: 92%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	background-image: url(../img/newspaper.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
}

.title-left {
	padding: 50px 0;
	width: 55%;
}

.title-left img {
	width: 85%;
}

.title-left p {
	margin-top: 1.4em;
	font-size: clamp(0.8em, 1.6vw, 1.2em);
	font-weight: 500;
	line-height: 1.4;
}

.title-right {
	width: 45%;
}

@media only screen and (max-width: 768px) {
.title-in {width: 84%; background-image: none;}
.title-left {padding: 30px 0 0 0 ; width: 100%;}
.title-left img {max-width: 480px; width: 100%;}
.title-left p {font-size: 1em;}
.title-right {width: 100%; height: 50vw;background-image: url(../img/newspaper.png); background-repeat: no-repeat; background-size: contain; background-position: bottom center;}
}

.cta {
	width: 100%;
	padding: 40px 0;
	background-color: #e0edf5;
}

.cta-in {
	max-width: 1074px;
	width: 92%;
	margin: 0 auto;
}

.cta p {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.3;
	margin-bottom: 30px;
}

a.cta_button {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 400px;
	margin: auto;
	padding: 1.4rem ;
	border-radius: 100vw;
	color: #fff;
	background: #27acd9;
	font-size: 1.6em;
	font-weight: 500;
}

a.cta_button:hover {
	background-position: right center;
	background-size: 200% auto;
	-webkit-animation: pulse 2s infinite;
	animation: shad26 1.5s infinite;
	color: #fff;
}

@keyframes shad26 {
	0% {box-shadow: 0 0 0 0 #27acd9;}
	70% {box-shadow: 0 0 0 10px rgb(39 172 217 / 0%);}
	100% {box-shadow: 0 0 0 0 rgb(39 172 217 / 0%);}
}

@media only screen and (max-width: 768px) {
.cta {padding: 20px 0;}
a.cta_button {width: 280px; padding: 1.2rem 0.6rem ; font-size: 1.2em;}
.cta p {font-size: 1em; margin-bottom: 12px;}
}

.tannouki_sec {
	max-width: 1074px;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
}

.sec1_left {
	width: 55%;
}

.sec1_right {
	width: 45%;
}

.sec1txt1 {
	font-size: clamp(1.5em, 2.67vw, 2em);
	color: #F08300;
	font-feature-settings: "palt";
	line-height: 1.4;
	font-weight: 600;
}

.sec1txt1 span {
	font-size: 1.5em;
}

.sec1-1 {
	display: flex;
	flex-wrap: nowrap;
}

.sec1-1a {
	display: flex;
  justify-content: center;
  align-items: center;
	font-size: clamp(0.8em, 1.5vw, 1.2em);
  line-height: 1.2;
  margin-right: 10px;
}

.sec1-1b {
	width: 20%;
	aspect-ratio: 1 / 0.8;
	display: flex;
  justify-content: center;
  align-items: center;
  color: #C30D23;
	font-size: clamp(1em, 2vw, 1.6em);
  font-weight: 600;
	background-image: url(../img/tannouki_img02.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.sec1-1b span {
  font-size: 2em;
  font-family: "Roboto Condensed", sans-serif;
}

.sec1-1c {
	width: 30px;
}

.sec1txt2 {
	color: #666;
	font-size: 0.9em;
	line-height: 1.4;
}

.sec1-2 {
	width: 100%;
	padding: 12px;
	border: 1px solid #F08300;
	text-align: center;
	color: #F08300;
	font-size: 1.4em;
	font-weight: 500;
  line-height: 1.2;
}

@media only screen and (max-width: 768px) {
.sec1_left {width: 100%; margin-bottom: 15px;}
.sec1_right {width: 100%; margin-bottom: 15px;}
.sec1txt2 {font-size: 0.75em;}
.sec1-2 {padding: 8px; font-size: 1em;}
}

.bgcolor_gray {
	background-color: #e8e8e8;
	padding: 60px 0;
}

.sec2 h2 {
	width: 100%;
	text-align: center;
  color: #00538d;
	font-size: 2em;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 20px;
}

.sec2 table {
	border-collapse: collapse;
  border-spacing: 0;
	width: 100%;
  overflow-x: auto;
  display: block;
}

.sec2 table td,
.sec2 table th {
	border: 1px solid #666;
	padding: 16px 8px;
	text-align: center;
	vertical-align: middle;
  white-space: nowrap;
}

.sec2 table th {
	padding: 10px 8px !important;
	background-color: #999;
	color: #fff;
	font-size: 0.9em;
	font-weight: 400;
}

.sec2tbl_tr1 {
	background-color: #fff;
}

.sec2tbl_tr2 {
	background-color: #B4C8E8;
}

.sec2tbl_tr3 {
	background-color: #FCD898;
}

.sec2tbl_tr4 {
	background-color: #DAE79B;
}

.sectbl_td1 {
	width: 10%;
	background-color: #0056A8;
	color: #fff;
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1.4;
}

.sectbl_td2 {
	width: 30%;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.4;
}

.sectbl_td2 span{
	font-size: 1.5em;
	font-weight: 500;
}

.sectbl_td2a {
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1.4;
}

.sectbl_td3 {
	width: 12%;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.2;
}

.sectbl_td3 span {
	font-size: 0.9em;
	font-weight: 400;
}

.sectbl_td4 {
	width: 28%;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.4;
}

.sectbl_td4 span {
	font-size: 1.5em;
	font-weight: 600;
}

.sectbl_td4 p {
	font-size: 0.9em;
	font-weight: 300;
	line-height: 1.4;
}

.sectbl_td5 {
	width: 10%;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.4;
}

.sectbl_td6 {
	width: 10%;
}

.sectbl_td6 a {
	background-color: #00538d;
	border: 1px solid #00538d;
	border-radius: 8px;
	padding: 4px 12px 6px 12px;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
  transition: all 0.4s ease;
}

.sectbl_td6 a:hover {
	background-color: #fff;
	color: #00538d;
}

.sec2txt1 {
	margin-top: 16px;
	color: #666;
	font-size: 0.9em;
	line-height: 1.2;
}

@media only screen and (max-width: 768px) {
.bgcolor_gray {padding: 30px 0;}
.sec2 h2 {font-size: 1.4em; margin-bottom: 10px;}
.sec2 table td,.sec2 table th {padding: 10px 6px;}
.sec2 table th {padding: 8px 4px !important; font-size: 0.8em;}
.sectbl_td1 {font-size: 0.8em;}
.sectbl_td2 span{font-size: 1.2em;}
.sectbl_td2a {font-size: 1.2em;}
.sectbl_td3 {font-size: 0.8em;}
.sectbl_td4 {font-size: 1em;}
.sectbl_td4 span {font-size: 1.2em;}
.sectbl_td4 p {font-size: 0.75em;}
.sectbl_td5 {font-size: 0.8em;}
.sectbl_td6 a {padding: 2px 10px 4px 10px; font-size: 0.8em;}
.sec2txt1 {margin-top: 8px; font-size: 0.75em;}
}

.category_txt1 {
	width: 100%;
  color: #00538d;
	font-size: 1.8em;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 30px;
	padding-left: 12px;
	padding-bottom: 4px;
	border-left: 8px solid #00538d;
	border-bottom: 1px solid #00538d;
}

.category_wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.category_left {
	width: 57%;
	margin-right: 3%;
}

.category_right {
	width: calc(40% - 20px);
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 10px;
}

.kyodoimg {
	background-image: url(../img/kyodo-img1.jpg);
	background-size: cover;
	background-position: center;
}

.kogataimg {
	background-image: url(../img/kogata-img1.jpg);
	background-size: cover;
	background-position: center;
}

.homeimg {
	background-image: url(../img/home-img1.jpg);
	background-size: cover;
	background-position: center;
}

.category_right img {
	width: 45%;
}

.category_txt2 {
	display: inline-block;
	border-radius: 999px;
	padding: 4px 16px 6px 16px;
	margin-bottom: 8px;
	font-size: 1.2em;
}

.category_txt3 {
	font-size: 3em;
	font-weight: 600;
	margin-bottom: 30px;
}

.bgcolor_a {background-color: #dae4f4;}
.bgcolor_b {background-color: #feeccc;}
.bgcolor_c {background-color: #edf3cd;}
.color_a {color: #5a7bc0;}
.color_b {color: #f69b36;}
.color_c {color: #9fbd39;}

.conditions_wrap {
	width: calc(100% - 38px);
	padding: 18px;
	border: 1px solid #000;
}

.conditions_a {
	width: 120px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.2;
}

.conditions_b {
	display: flex;
	flex-wrap: nowrap;
}

.conditions_b_list {
	width: 12%;
	margin-right: 2.66%;
	text-align: center;
	font-size: clamp(0.5em, 1vw, 0.85em);
	line-height: 1.2;
}

.conditions_b_list:last-child {
	margin-right: 0;
}

.conditions_b_list span {
	font-size: 0.8em;
}

.conditions_c {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
}

.conditions_c_list {
	width: 100px;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.2;
}

.conditions_a img,
.conditions_b_list img,
.conditions_c_list img {
	margin-bottom: 2px;
}

.category_txt4 {
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 20px;
}

.category_txt5 {
	margin-top: 20px;
	color: #666;
	font-size: 0.8em;
	line-height: 1.2;
}

.category_txt6 {
	font-size: 1em;
	font-weight: 600;
	line-height: 1.2;
}

.specifications {
	margin-top: 30px;
	width: 100%;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
}

.specifications_left {
	width: 35%;
	margin-right: 5%;
}

.specifications_right {
	width: 60%;
}

.specifications_left img {
	margin-left: 20%;
	width: 60%;
}

.specifications_2 {
	display: flex;
	flex-wrap: wrap;
}

.specifications_2_l {
	width: 44%;
	margin-right: 8%;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.4;
}

.specifications_2_r {
	width: 44%;
	margin-right: 4%;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.4;
}

.specifications_3 {
	display: flex;
	flex-wrap: wrap;
}

.specifications_3_l {
	width: 23%;
	margin-right: 7%;
}

.specifications_3_r {
	width: 70%;
	display: flex;
	align-items: center;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.4;
}

.home-spc-img {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
}

.products {
	margin-top: 40px;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
}

.products_item_a {
	width: 20%;
	text-align: center;
}

.products_item_c {
	width: 14%;
	text-align: center;
}

.category_txt7 {
	margin-top: 8px;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.2;
}

.category_txt7 span {
	font-size: 0.6em;
}

.category_txt8 {
	margin-top: 4px;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.2;
}

.category_txt7c {
	margin-top: 4px;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.2;
}

.category_txt8c {
	margin-top: 4px;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.2;
}

.category_txt9c {
	margin-top: 8px;
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1.2;
}


@media only screen and (max-width: 768px) {
.category_txt1 {font-size: 1.2em; line-height: 1.3; margin-bottom: 20px; padding-left: 8px; border-left: 5px solid #00538d;}
.category_left {width: 100%; margin-right: 0; margin-top: 20px; order: 2;}
.category_right {width: calc(100% - 20px); aspect-ratio: 1 / 0.5; order: 1;}
.category_right img {width: 40%;}
.category_txt2 {padding: 4px 12px 6px 12px; margin-bottom: 6px; font-size: 0.9em;}
.category_txt3 {font-size: 1.8em; margin-bottom: 20px;}
.conditions_wrap {width: calc(100% - 22px); padding: 10px;}
.conditions_a {width: 100px; font-size: 0.8em;}
.conditions_b { flex-wrap: wrap;}
.conditions_b_list {width: 20%; margin-right: 6.67%; font-size: 0.8em;}
.conditions_b_list:nth-child(4) {margin-right: 0; margin-bottom: 12px}
.conditions_b_list:last-child {margin-right: 0;}
.conditions_c_list {width: 90px; font-size: 0.8em;}
.category_txt4 {font-size: 1em; margin-bottom: 12px;}
.category_txt5 {font-size: 0.7em;}
.specifications {margin-top: 15px; padding: 10px;}
.specifications_left {width: 100%; margin-right: 0; margin-bottom: 20px;}
.specifications_right {width: 100%;}
.specifications_left img {margin-left: 25%; margin-right: 25%; width: 50%;}
.specifications_2_l {width: 47%; margin-right: 6%; font-size: 0.8em; line-height: 1.2;}
.specifications_2_r {width: 47%; margin-right: 0; font-size: 0.8em; line-height: 1.2;}
.specifications_3_l {width: 25%; margin-right: 5%;}
.specifications_3_r {width: 70%; line-height: 1.2;}
.category_txt6 {font-size: 0.9em;}
.home-spc-img {width: 60%; margin-left: 20%; margin-right: 20%;}




.products {
	margin-top: 20px;
	width: 100%;
	flex-wrap: wrap;
}

.products_item_a {
	width: 35%;
}

.products_item_c {
	width: 35%;
	margin-bottom: 20px;
}

.products_item_c:last-child {
	margin-bottom: 0;
}



.category_txt7 {

	font-size: 0.9em;
}




.category_txt8 {
	font-size: 0.9em;

}

.category_txt7c {
	font-size: 0.9em;
}

.category_txt8c {
	font-size: 0.9em;
}




}